﻿/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.nav {
height:26px; 
/*background: url(../images/pro_line_0.gif) repeat-x; */
border-bottom:0px solid #a49d94; /*根目錄下的線*/
position:relative; 
font-family:verdana, sans-serif; 
font-size:15px;
/*color:#838383;
width:750px; 
z-index:500;*/
}

.nav .table {
display:table; 
float:left;
/*margin:0 auto;*/
}

.nav .select,
.nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}

.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
}

/* SEO專案, 網頁版面優化. by Greason, 20150427 */
/* 因為h5,h6其他頁面少用到, 所以用下方語法整個reset */
h5, h6 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
}

.nav .select li a,
.nav .select li h5 a {
display:block; 
height:26px; 
float:left; 
/*background: url(../images/pro_line_0.gif); 
border-bottom:1px solid #ccc;*/
/*padding:0 30px 0 30px; */
padding:0 17px;
padding:0 15px \9;
text-decoration:none; 
line-height:20px; 
white-space:nowrap; 
color:#555;
}

/*主目錄選取狀態 粗體*/
/* SEO專案, 網頁版面優化. by Greason, 20150427 */
.nav .current li a,
.nav .current li h5 a {
font-weight:700;
}

/* SEO專案, 網頁版面優化. by Greason, 20150427 */
.nav .current .select_sub .sub li a,
.nav .current .select_sub .sub li h6 a {
font-weight:100;
font-size:13px;
}


/*主目錄選取狀態*/
.nav .current a,
.nav .current h5 a {
display:block; 
height:26px; 
float:left; 
background: url(../images/tab_pyram.gif) bottom center no-repeat; 
border-bottom:1px #ff8400 solid; /*●*/
padding:0 10px;
text-decoration:none; 
line-height:20px; 
white-space:nowrap; 
color:#ff8400;
}


.nav .current a b,
.nav .current h5 a b {
display:block; 
/*padding:0 30px 0 15px; */
/*background:url(../images/tab_pyram.gif) right top;*/
}

/*主目錄 over 狀態*/
.nav .select a:hover, 
.nav .select li:hover a {
background: url(../images/tab_pyram.gif) no-repeat bottom center; /**/
border-bottom:1px #ff8400 solid; /*●*/
/*padding:0 0 0 15px; */
cursor:pointer; 
color:#ff8400;

}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
/*padding:0 30px 0 15px; */
/*background:url(../images/pro_line_1.gif) right top; */
cursor:pointer;

}

.nav .select_sub {
display:none;

/*height:25px;*/
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
/*font-size:1em; */
width:0; 
height:0;
}

.nav .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
font-size:13px;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#ff8400;
}

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:930px; 
top:26px; 
background:url(../images/bg_menu_sub.gif) repeat-x 0px 1px; 
/*background:#ccdddd;*/
/*border-top:1px solid #a49d94; 次目錄下的線*/
padding:4px 0 0 0; 
z-index:100; 
left:0; 
text-align:center;
}

.nav .current .show {
z-index:10;
}

/*次目錄*/
.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent; 
padding:0 10px 0 10px; 
margin:0; 
white-space:nowrap; 
border:0; 
color:#444;

}

.nav .current .sub li.sub_show a, .sub li.sub_show a: visited {
color:#ff8400; 
cursor:default; 
background:url(../images/menus/back_1.gif);
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#ff8400; 
background:url(../images/menus/back_1.gif);

}


/*#m-home,#m-ch, #m-gb, #m-fr, #m-child, #m-cd, #m-dvd, #m-coll, #m-bill, #m-the, #m-pl
{float:left; display:block!important; display:table;}
#m-home {margin-left:5px;}
#m-ch   {margin-left:0px;}
#m-gb   {margin-left:65px;}
#m-fr   {margin-left:105px;}
#m-child{margin-left:-5px;}
#m-coll {margin-left:30px;}
#m-cd   {margin-left:60px;}
#m-dvd  {margin-left:480px;}
#m-bill {margin-left:530px;}
#m-the  {margin-left:280px;}
#m-pl   {margin-left:315px}*/

#m-home,#m-ch, #m-gb, #m-fr, #m-child, #m-cd, #m-dvd, #m-coll, #m-bill, #m-the, #m-pl
{float:left; display:block!important; display:table;}
#m-home {margin-left:5px;}
#m-media{margin-left:550px;}
#m-ch   {margin-left:30px;}
#m-gb   {margin-left:65px;}
#m-fr   {margin-left:70px;}
#m-child{margin-left:70px;}
#m-coll {margin-left:0px;}
#m-cd   {margin-left:70px;}
#m-dvd  {padding-LEFT: 250px;}
#m-bill {padding-LEFT: 430px;}
#m-the  {padding-left: 382px;}
#m-pl   {margin-left:315px}
#m-mag   {margin-left:90px;}