@import url("font.css");
/* General */
.topMenuItem {font-size:26px; color:#ffffff; padding:2px 79px; display:block; font-weight:700; margin:15px 0px;}
a.topMenuItem:link, a.topMenuItem:visited {color:#ffffff; text-decoration:none;}
a.topMenuItem:hover, a.topMenuItem:active {color:#f1d519; text-decoration:none;}

.topMenuItemSel {font-size:26px; color:#f1d519; padding:2px 79px; display:block; font-weight:700; margin:15px 0px;}
a.topMenuItemSel:link, a.topMenuItemSel:visited {color:#f1d519; text-decoration:none;}
a.topMenuItemSel:hover, a.topMenuItemSel:active {color:#f1d519; text-decoration:none;}

.topMisMenuItem {font-size:13px; color:#858585; padding:17px 0px 15px; display:block; font-weight:400;}
a.topMisMenuItem:link, a.topMisMenuItem:visited {color:#858585; text-decoration:none;}
a.topMisMenuItem:hover, a.topMisMenuItem:active {color:#333333; text-decoration:underline;}

.topMisMenuItemSel {font-size:13px; color:#333333; padding:17px 0px 15px; display:block; font-weight:400;}
a.topMisMenuItemSel:link, a.topMisMenuItemSel:visited {color:#333333; text-decoration:underline;}
a.topMisMenuItemSel:hover, a.topMisMenuItemSel:active {color:#333333; text-decoration:underline;}

.topMenuLive,.topMenuProduct,.topMenuVideo,.topMenuKnowledge,.topMenuLogin  
{font-family: 'Open Sans', sans-serif, 'chinese_kaiti'; font-size:26px; color:#ffffff; padding:2px 40px 2px 79px; display:block; font-weight:700; margin:15px 0px; }

.topMenuLiveSel,.topMenuProductSel,.topMenuVideoSel,.topMenuKnowledgeSel,.topMenuLoginSel  
{font-family: 'Open Sans', sans-serif, 'chinese_kaiti'; font-size:26px; color:#f1d519; padding:2px 40px 2px 79px; display:block; font-weight:700; margin:15px 0px; }

.topMenuLive {background:url(../img/usr/icon-menu1.gif)no-repeat 30px -75px;}
a.topMenuLive:link, a.topMenuLive:visited {color:#ffffff; text-decoration:none;}
a.topMenuLive:hover, a.topMenuLive:active {color:#f1d519; text-decoration:none; background:url(../img/usr/icon-menu1.gif)no-repeat 30px 5px;}

.topMenuLiveSel {background:url(../img/usr/icon-menu1.gif)no-repeat 30px 5px;}
a.topMenuLiveSel:link, a.topMenuLiveSel:visited {color:#f1d519; text-decoration:none;}
a.topMenuLiveSel:hover, a.topMenuLiveSel:active {color:#f1d519; text-decoration:none;}

.topMenuProduct {background:url(../img/usr/icon-menu2.gif)no-repeat 30px -75px;}
a.topMenuProduct:link, a.topMenuProduct:visited {color:#ffffff; text-decoration:none;}
a.topMenuProduct:hover, a.topMenuProduct:active {color:#f1d519; text-decoration:none; background:url(../img/usr/icon-menu2.gif)no-repeat 30px 5px;}

.topMenuProductSel {background:url(../img/usr/icon-menu2.gif)no-repeat 30px 5px;}
a.topMenuProductSel:link, a.topMenuProductSel:visited {color:#f1d519; text-decoration:none;}
a.topMenuProductSel:hover, a.topMenuProductSel:active {color:#f1d519; text-decoration:none;}

.topMenuVideo {background:url(../img/usr/icon-menu3.gif)no-repeat 30px -75px;}
a.topMenuVideo:link, a.topMenuVideo:visited {color:#ffffff; text-decoration:none;}
a.topMenuVideo:hover, a.topMenuVideo:active {color:#f1d519; text-decoration:none; background:url(../img/usr/icon-menu3.gif)no-repeat 30px 5px;}

.topMenuVideoSel {background:url(../img/usr/icon-menu3.gif)no-repeat 30px 5px;}
a.topMenuVideoSel:link, a.topMenuVideoSel:visited {color:#f1d519; text-decoration:none;}
a.topMenuVideoSel:hover, a.topMenuVideoSel:active {color:#f1d519; text-decoration:none;}

.topMenuKnowledge {background:url(../img/usr/icon-menu4.gif)no-repeat 30px -75px;}
a.topMenuKnowledge:link, a.topMenuKnowledge:visited {color:#ffffff; text-decoration:none;}
a.topMenuKnowledge:hover, a.topMenuKnowledge:active {color:#f1d519; text-decoration:none; background:url(../img/usr/icon-menu4.gif)no-repeat 30px 5px;}

.topMenuKnowledgeSel {background:url(../img/usr/icon-menu4.gif)no-repeat 30px 5px;}
a.topMenuKnowledgeSel:link, a.topMenuKnowledgeSel:visited {color:#f1d519; text-decoration:none;}
a.topMenuKnowledgeSel:hover, a.topMenuKnowledgeSel:active {color:#f1d519; text-decoration:none;}

.topMenuLogin {background:url(../img/usr/icon-menu5.gif)no-repeat 30px -75px;}
a.topMenuLogin:link, a.topMenuLogin:visited {color:#ffffff; text-decoration:none;}
a.topMenuLogin:hover, a.topMenuLogin:active {color:#f1d519; text-decoration:none; background:url(../img/usr/icon-menu5.gif)no-repeat 30px 5px;}
a.topMenuLogin.memActive {background:url(../img/usr/icon-menuLogin.gif)no-repeat 30px -75px;}

.topMenuLoginSel {background:url(../img/usr/icon-menu5.gif)no-repeat 30px 5px;}
a.topMenuLoginSel:link, a.topMenuLoginSel:visited {color:#f1d519; text-decoration:none;}
a.topMenuLoginSel:hover, a.topMenuLoginSel:active {color:#f1d519; text-decoration:none;}
a.topMenuLoginSel.memActive, a.topMenuLoginSel:hover.memActive, a.topMenuLogin:hover.memActive {background:url(../img/usr/icon-menuLogin.gif)no-repeat 30px 6px;}

.divMenu .divMenuSelector {height:0px; width:auto;}
.divMenu:hover .divMenuSelector {height:0px; width:auto; }
.divMenuSelectorSel {height:0px; width:auto;}
 
.ulTopmenu {margin:0; padding:0; height:auto; overflow:hidden;}
.liTopMenu {margin:0; list-style:none; height:auto; float:left;}

/*.divTopSubMenuSpliter {width: 186px; height: 1px; background: #e0e0e0;}*/
.divTopSpliter {float:left; width:4px; height:40px; display:block; background:#222222; }
.divTopTopSpliter {width:15px; height:1px; display:block; float:left;}
/* End of General */

.divTopMenuOuter {display:inline-block; text-align:left;}

.table {display:table;}
.table.full {width:100%;}
.table.fix {table-layout:fixed;}
.cell {display:table-cell; float:none !important;}
.middle {vertical-align:middle;}