﻿/* ＊＊＊請勿任意修改此樣式檔＊＊＊ */

/* Y 軸版型 */

/*----- Y 軸選單 ----- */
div#container div#y_axle div.bg_top {
    display: none;
}
div#container div#y_axle div.bg_top2 {
    background: transparent url(img/theme/y_menu_bg_top.gif) no-repeat center top;
    height: 30px;
}
div#container div#y_axle div.bg_bottom {
    display: none;
}
div#container div#y_axle div.bg_bottom2 {
    margin-bottom: 10px;
    background: transparent url(img/theme/y_menu_bg_foot.gif) no-repeat center bottom;
    height: 20px;
    _overflow: hidden;
}
div#container div#y_axle div#bottom_green{
	display: none;
}

/* 登入框 */
div#y_axle div.y_context {
    display: block;
    background: #c4e4dc url(img/theme/bg_login_bg.gif) repeat-y left top;
    text-align: left;
    _overflow-y: hidden;
}

div#y_axle div.y_context #y_context_title {
    background: url(img/theme/bg_login_top.gif) no-repeat left top;
    height: 30px;
}
div#y_axle div.y_context #y_context_foot {
    clear: both;
    background: url(img/theme/bg_login_foot.gif) no-repeat left top;
    height: 15px;
}

div#y_axle div.y_context ul#login_info,
div#y_axle div.y_context ul#login_func {
    clear: both;
    margin-top: 10px;
    margin-left: 8px;
    width: 142px;
}
div#y_axle div.y_context ul#login_info li,
div#y_axle div.y_context ul#login_func li {
    margin-bottom: 3px;
    height: 20px;
}
div#y_axle div.y_context ul#login_info li label {
    float: left;
    font-size: 12px;    /* 避免使用瀏覽器字型大小設定 */
    width: 38px;
}
div#y_axle div.y_context ul#login_info li input {
    float: right;
    margin-top: -5px;
    _margin-top: 1px;
    margin-right: 7px;
    padding: 1px;
    width: 90px;
}

div#y_axle div.y_context div#info_context_photo {
    margin-bottom: 5px;
    text-align: center;
}
div#y_axle div.y_context div#info_context_photo img {
    /*margin-top: -20px;*/
    border: 1px solid #8be1f3 !important;
    width: 80px;
}
div#y_axle div.y_context div#info_context_name {
    margin: 0 8px 8px 8px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
div#container div#y_axle div.y_context div#info_context_name a {
    color: #555;
}

/* 登入 */
div#y_axle div.y_context ul#login_func li#login_context_sign {
    float: left;
    padding: 0 0 0 15px;
    background: transparent url(img/theme/icon_login_01.gif) no-repeat left top;
    font-size: 12px;    /* 避免使用瀏覽器字型大小設定 */
}
div#y_axle div.y_context ul#login_func li#login_context_pw {
    float: right;
    margin-right: 10px;
    padding: 0 0 0 15px;
    background: transparent url(img/theme/icon_login_02.gif) no-repeat left top;
    font-size: 12px;    /* 避免使用瀏覽器字型大小設定 */
}

div#y_axle div.y_context input.btn_login {
    float: right;
    margin-right: 10px;
    margin-bottom: 10px;
    background: url(img/theme/btn_login.gif) no-repeat left top;
    border: none;
    width: 60px;
    height: 20px;
    cursor: pointer;
}
div#y_axle div.y_context input.btn_admin {
    margin-left: 8px;
    background: url(img/theme/btn_manage.gif) no-repeat center top;
    border: none;
    width: 80px;
    height: 20px;
    cursor: pointer;
}
div#y_axle div.y_context input.btn_logout {
    margin-right: 1px;
    background: url(img/theme/btn_logout.gif) no-repeat center top;
    border: none;
    width: 60px;
    height: 20px;
    cursor: pointer;
}

/* 選單 */
div#y_axle .y_context2 {
    background: url(img/theme/y_menu_bg.gif) repeat-y center top;
    _margin-left: -1px;
    _border: none;
    _width: 149px;
}

div#y_axle .y_context2 ul#y_link {
    _border-left: 1px solid #8be1f3;
    _border-right: 1px solid #8be1f3;
    _overflow: hidden;
}
div#container div#y_axle ul#y_link li {
    *display: inline;
    _display: inline;
    width: 150px;
    _width: 149px;
    clear: both;
    /*height: 25px;*/	/* 修正 FireFox 高度問題 */
}
div#container div#y_axle ul#y_link li a {
    /*position: relative;*/
    display: block;
    width: 150px;
    height: 25px;
}
div#container div#y_axle ul#y_link li a span {
    display: none;
}

div#container div#y_axle ul#y_link li span.sub_arrow {
    float: right;
    display: block;
    background: url(img/theme/icon_point_01.gif) no-repeat left center;
    width: 15px;
    height: 25px;
    cursor: pointer;
}
div#container div#y_axle ul#y_link li span.sub_arrow.active {
    background: url(img/theme/icon_point_02.gif) no-repeat left center;
}

div#container div#y_axle li#y_link_1 {
    background: url(img/theme/y_menu_01.jpg) no-repeat left top;
    height: 30px;
}
div#container div#y_axle li#y_link_2 {
    background: url(img/theme/y_menu_02.jpg) no-repeat left top;
    height: 30px;
}
div#container div#y_axle li#y_link_3 {
    background: url(img/theme/y_menu_03.jpg) no-repeat left top;
    height: 30px;
}
div#container div#y_axle li#y_link_4 {
    background: url(img/theme/y_menu_04.jpg) no-repeat left top;
    height: 30px;
}
/*div#container div#y_axle li#y_link_4 a:hover
{
	background: transparent url(img/theme/y_menu_04_over.gif) no-repeat center top;
}*/

div#container div#y_axle li#y_link_5 {
    background: url(img/theme/y_menu_05.jpg) no-repeat left top;
    height: 30px;
}
div#container div#y_axle li#y_link_6 {
    background: url(img/theme/y_menu_06.jpg) no-repeat left top;
    height: 30px;
}
div#container div#y_axle ul#y_link li#y_link_4 div#y_tree_4 {
	background: #EEF;
	margin: 0 3px;
	padding-top: 5px;
}
/*----- 客制化區----- */
.sidebar_menu
{
    _border-left: 1px solid #8be1f3;
    _border-right: 1px solid #8be1f3;
	height: 30px;
	_width: 150px;
	margin-right: 6px;
	_margin-right: 0px;
	margin-left: 0px;
    _overflow: hidden;
	clear: both;
}
/*----- 連結區 ----- */
#top_banner li {
    margin-bottom: 10px;
}
#top_banner li a {
    display: block;
    bordeR: 1px solid #999;
    width: 150px;
    height: 40px;
}

#top_banner li.banner_1 a {
    background: url(img/ad/top_banner_01.jpg) no-repeat left top;
}
#top_banner li.banner_2 a {
    background: url(img/ad/top_banner_02.jpg) no-repeat left top;
}
#top_banner li.banner_3 a {
    background: url(img/ad/top_banner_03.jpg) no-repeat left top;
}
#top_banner li.banner_4 a {
    background: url(img/ad/top_banner_04.jpg) no-repeat left top;
}

#top_banner a span {
    display: none;
}