@charset "utf-8";



.w768 {

	

	width: 100%;

	max-width: 999px;

	margin-right: auto;

	margin-left: auto;

	display: block;



}



ul { /* 取消ul預設的內縮及樣式 */

	margin: 0;

	padding: 0;

	list-style: none;

    }



    ul.drop-down-menu {

	display: block;

	font-family: 'PT Sans Narrow', sans-serif;

	font-size: 14px;

	float: left;

	width: 70%;

    }



    ul.drop-down-menu li {

	position: relative;

	white-space: nowrap;

	float: left;

	text-align: center;

	width: 19.5%;

    }



    ul.drop-down-menu > li:last-child {

        border-right: none;

    }



    ul.drop-down-menu > li {





    }  

    

     ul.drop-down-menu a {

	color: #003;

	display: block;

	text-decoration: none;

	background-repeat: no-repeat;

	background-position: center top;

	padding-top: 40px;

    }

    ul.drop-down-menu a:hover { /* 滑鼠滑入按鈕變色*/

	color: #0a5088;



    }

    ul.drop-down-menu li:hover > a { /* 滑鼠移入次選單上層按鈕保持變色*/



	}

	

ul.drop-down-menu ul {

	position: absolute;

	z-index: 99;

	left: -1px;

	top: 100%;

    }



    ul.drop-down-menu ul li {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #FFF;

	width: 22em;

	text-align: left;

    }

ul.drop-down-menu ul li a {

	color: #FFF;

	display: block;

	text-decoration: none;

	background-repeat: no-repeat;

	background-position: center top;

	padding-top: 3px;

	background-color: #0a5088;

	background-image: none;

	padding-right: 5px;

	padding-bottom: 3px;

	padding-left: 5px;

}

ul.drop-down-menu ul li a:hover {

	color: #FFFFFF;

	display: block;

	text-decoration: none;

	background-repeat: no-repeat;

	background-position: center top;

	padding-top: 3px;

	background-color: #33CCFF;

	background-image: none;

	padding-right: 5px;

	padding-bottom: 3px;

	padding-left: 5px;

}





    ul.drop-down-menu ul li:last-child {

        border-bottom: none;

    }



    ul.drop-down-menu ul ul { /*第三層以後的選單出現位置與第二層不同*/

        z-index: 999;

        top: 10px;

        left: 90%;

    }

	 ul.drop-down-menu ul { /*隱藏次選單*/

        display: none;

    } 



    ul.drop-down-menu li:hover > ul { /* 滑鼠滑入展開次選單*/

        display: block;

    }

	 ul.drop-down-menu ul { /*隱藏次選單*/  

        left: 99999px;

        opacity: 0;

        -webkit-transition: opacity 0.3s;

        transition: opacity 0.3s;        

    } 



    ul.drop-down-menu li:hover > ul { /* 滑鼠滑入展開次選單*/

        opacity: 1;

        -webkit-transition: opacity 0.3s;

        transition: opacity 0.3s; 

        left: -1px;

        border-right: 5px;

    }

    

    ul.drop-down-menu li:hover > ul ul { /* 滑鼠滑入之後、次選單之後的選單依舊隱藏*/

        left: 99999px;

    } 

    

    ul.drop-down-menu ul li:hover > ul { /* 第二層之後的選單展開位置*/

        left: 90%;

    }



.drop-down-menu .btn01 {

	background-image: url(../images/btn01_12.png);



	}

.drop-down-menu .btn01:hover {

	background-image: url(../images/btn01_22.png);

	}

.drop-down-menu .btn02 {

	background-image: url(../images/btn02_12.png);

	}

.drop-down-menu .btn02:hover {

	background-image: url(../images/btn02_22.png);

	}

.drop-down-menu .btn03 {

	background-image: url(../images/btn03_12.png);

	}

.drop-down-menu .btn03:hover {

	background-image: url(../images/btn03_22.png);

	}

.drop-down-menu .btn04 {

	background-image: url(../images/btn04_12.png);

	}

.drop-down-menu .btn04:hover {

	background-image: url(../images/btn04_22.png);

	}	

.drop-down-menu .btn05 {

	background-image: url(../images/btn05_12.png);

	}

.drop-down-menu .btn05:hover {

	background-image: url(../images/btn05_22.png);

	}	

.drop-down-menu .btn06 {

	background-image: url(../images/btn06_12.png);

	}

.drop-down-menu .btn06:hover {

	background-image: url(../images/btn06_22.png);

	}	

.drop-down-menu .btn07 {

	background-image: url(../images/btn07_12.png);

	}

.drop-down-menu .btn07:hover {

	background-image: url(../images/btn07_22.png);

	}	

.drop-down-menu .btn08 {

	background-image: url(../images/btn08_12.png);

	}

.drop-down-menu .btn08:hover {

	background-image: url(../images/btn08_22.png);

	}



.logo_hud {

	float: left;

	clear: none;

	width: 50px;

	text-align: center;

}

#textfield.search_text_hud {

	background-color: #FFFFFF;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	padding-top: 3px;

	padding-right: 5px;

	padding-bottom: 3px;

	padding-left: 5px;

	color: #666;

	margin-left: 5px;

	border-radius: 5px;

	height: 16px;

	width: 80px;

	margin-top: 15px;

}

#button.search_btn_hud {

	background-color: #00CCFF;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	padding-top: 3px;

	padding-right: 5px;

	padding-bottom: 3px;

	padding-left: 5px;

	background-image: url(../images/search_btn.png);

	background-repeat: no-repeat;

	background-position: center center;

	border-radius: 5px;

	margin-left: 5px;

	margin-top: 15px;

}

#button.search_btn_hud:hover {

	background-color: #003366;

}

.search_mam_hud {

	width: auto;

	float: right;

	margin: 0px;

	padding-top: 0px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 0px;



}

.search_mam_hud a {

	font-size: 12px;

	color: #39F;

}

.search_mam_hud a:hover {

	color: #036;

}