﻿/* 網頁:分類層級css */

/*A.考試分類 B.書系分類_暫時用版本*/
.menu {
	font-family :Arial, Sans-Serif ;
	width :150px;
	position :relative ;
	margin :0;
	font-size :11px;
	margin :0;
	z-index :3;
	}
/* 最多三層選單 */
.menu ul 
{   padding :0; 
     margin :0; 
     list-style-type :none ;
   	 border-bottom-style :solid ;
	 border-bottom-width :1pt;
	 border-bottom-color :#ccd2cf;
	 width :150px; 	        
        }
.menu ul li { float :left ; margin-right :1px; position :relative;}
.menu ul li ul { display :none; }


/* specific to non IE browsers */
.menu ul li:hover a {
	background-image : url(../images/book_list1_bt_on.gif);
    background-repeat : no-repeat ;
	}
	
/*第三層*/
/*======================================================*/
.menu ul li:hover ul {
	display :block ;
	position :absolute ;
	top:0;
	left :150px;
	
	}

.menu ul li:hover ul li a.hide {
	 background-image : url(../images/book_list1_bt_off.gif);
	 background-repeat : no-repeat ;
	}
.menu ul li:hover ul li:hover a.hide 
{

	background-image : url (../images/book_list1_bt_on.gif);
	background-repeat : no-repeat;

	}
.menu ul li:hover ul li ul { display :none;}
.menu ul li:hover ul li a {
	display :block;
	background-image : url (../images/book_list1_bt_off.gif);
	background-repeat :no-repeat ;

	}
	
/*移到第二層*/

.menu ul li:hover ul li a:hover 
{	
	background-image : url(../images/book_list2_bt_on.gif);
	background-repeat :no-repeat ;

}
.menu ul li:hover ul li:hover ul{
	display :block;
	position :absolute ;
	left :150px;
	top :0;
}
.menu ul li a,
.menu ul li a:visited {
    display :block ;
    text-decoration :none;
    width :150px;
    height :23px;
    padding-left :30px;
    padding-top :0px;
    line-height :25px;
    font-size :11px;
    overflow :hidden ;
    background-image : url(../images/book_list1_bt_off.gif); 
    background-repeat : no-repeat ;
	}
/* 終點 */

.menu ul li .last_one a,
.menu ul li .last_one a:visited {
	display :block ;
	text-decoration :none;
	width :150px;
	height :24px;
	padding-left :22px;
	padding-top :0px;
	line-height :25px;
	font-size :10px;
	overflow :hidden ;
	background-image : url(../images/book_list2_bt_off.gif);
	background-repeat :no-repeat ;
	 
	}
.menu ul li .last_one a:hover {
	background-image : url(../images/book_list2_bt_on.gif);
	background-repeat:no-repeat ;

	}
	

/*B.書系分類*/
.book_system {
	width :150px;
	margin-left :0px;
	margin-top :5px;
	height :60px;
	text-align :left ;
	}
.book_system .detail {
	width :148px;
	margin :0px;
	height :50px;
	}
.book_system .detail .icon {
	float :left ;
	width :65px;
	height :40px;
	margin-top :5px;
	}
.book_system .detail .list {
	width :80px;
	height :35px;
	margin-top :5px;
	position :relative ;
	text-align :left ;
	float :right ;
	}
.book_system .detail .list {
	width :80px;
	height :35px;
	margin-top :5px;
	position :relative ;
	text-align :left ;
	float :right ;
	}
.book_system .detail .list2{
	width :85px;
	height :35px;
	margin-top :5px;
	margin-left :80px;
	}
.book_system .more {
	float :right ;
	height :15px;
	width :148px;
	border-bottom : 1px solid #CCCCCC;
	padding-top : 5px;
	text-align :right ;
	margin-top : 0px;
	margin-right : 5px;
	margin-left : 0px;
	}
.book_system .list ul li {
	padding-left :10px;
	background :url(../images/arrow_01.gif) no-repeat 0px 3px;
	font-family : Verdana , Arial , Helvetica, Sans-Serif ;
	font-size :10px;
	line-height :15px;
	}
.book_system .list2 ul li {
	 padding-left :10px;
	 background: url(../images/arrow_01.gif) no-repeat 0px 3px;
	 font-family :Verdana , Arial , Helvetica, Sans-Serif ;
	 font-size :10px;
	 line-height :15px;
	}

