/* 上排選單 */
/*
				作者：Yuxin
				教學文：http://fundesigner.net/only-css-menu
				授權：MIT License
			*/
#t_menu
{
    list-style: none;
    float:left;
    margin:0px;
	padding:0px;
    }
#t_menu li {
    position: relative;
    float: left;
    list-style: none;
}

/*第一層之後選單樣式*/
#t_menu ul > li .arrow-right
{
       float:right;
    }
    
/* 選單 li 裡面連結之樣式 */
#t_menu li a{
    display: block;
    padding:20px 24px 20px 24px;
    /*color: #333333;*/
    text-decoration:none;
    font-weight:bold;
}

#t_menu li a.active
{
    background-color:rgba(0,0,0,1);
    color: #FFFFFF;
    }

/* 特定在第一層，以左邊灰線分隔 */
#t_menu > li > a{
    
}
#t_menu > li > a:hover
{
    color: #FFFFFF;
    /*background-color:rgba(0,0,0,1);*/
}

/* 特定在第一層 > 第二層之後下拉部分之樣式 */
#t_menu li ul{
    display: none;
    float: left;
    position: absolute;
    left: 0;    
    margin: 0;
    padding:0px;
    z-index:100;
    
}
/* 當第一層選單被觸發時，指定第二層顯示 
#t_menu li:hover > ul{
    display: block;
}
*/

/* 第二層或之後 選單 li 之樣式 */
#t_menu ul a 
{
    width:170px;
    /*padding-left:20px;*/
    padding:10px 20px;
    color: #FFFFFF;        
    background-color:rgba(0,0,0,0.9);
    line-height:20px;
     font-weight:normal;
      font-size:0.875rem;
}
#t_menu ul a:hover {        
    background-color:rgba(68,68,68,0.8);
}
/* 第三層之後，上一層的選單觸發則顯示出來（皆為橫向拓展） */
#t_menu ul li > ul{
    position: absolute;
    top: 0;    
    left: 100%;
}

/*****************************/
.keep
{
    color: #FFFFFF;
    background-color:rgba(0,0,0,0.9);
    }
    
    .keep2
    {
       color: #FFFFFF;
       background-color:#FFFFFF;
	   transition: background 0.6s ease-out;
	   /*transition-delay: 0.2s;*/
        }
        
        @media only screen and (min-width:1250px) and (max-width:1514px) {
    #t_menu li a
        {
            padding: 20px 22.5px;
            }
}


@media only screen and (min-width:1001px) and (max-width:1249px) {
    #t_menu li a
        {
            padding: 20px 13px;
            }
}