/* 頭部樣式 - Header Styles */

#top-header {
    width: 100%;
    height: 40px;
    background: #F3F3F3;
    border-bottom: 1px solid #dcdcdc;
}

.main-header {
    background-color: #fff;    
    border-bottom: 1px solid #666;
    border-color: #e5e5e5;
}

.header{
    width:100%;
    display:block;
    min-height:85px;
    padding:10px 0px 5px 0px;
    background:#FFF;
    border-bottom: 1px solid #dcdcdc;
}

.main-header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #666;
    border-color: #e5e5e5;
    padding:10px 0;
}

.main-header.toggle { 
    margin-top: 0px !important;
}

.toggle{
    display:none
}

/* Logo */
.logo img { 
    margin: 5x 0 0 20px;
    max-width:230px; 
}

.logo { 
    padding: 0px 0px; 
    margin-top: -7px; 
    float: left; 
    width: 230px;
}

/* Header Search */
.header_search { 
    width: 100%;
}

.header_search form{
    padding:6px;
    border: 1px solid #ccc
}

.header_search .keyword{
    display:block;
    height:26px;
    width:100%;
    padding:0;
    color:#999;
    font-size:14px;
    line-height:26px;
    background-color:transparent;
    background-image:none;
    border-width:0
}

.header_search .submit{
    position:absolute;
    top:0;
    right:0;
    height:38px;
    width:68px;
    padding-left:8px;    
    letter-spacing: 3px;
    background: #666;
    border-width:0 ;
    color: #fff
}

.header_search .submit:hover { 
    background: #888;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* Header Navigation */
.header_nav{
    float:right;
    width:250px
}

.nav.top_nav { 
    margin: 10px;    
    float: left;
}

.main_nav{
    float:left;
    width:760px;
    margin-top:5px
}

/* Top Navigation */
.top_nav li.level_1{
    padding-right:10px;
    padding-left:11px;
    background:url('../img/dot_spacer.gif') no-repeat left center
}

.top_nav li.first{
    padding-left:0;
    background-image:none
}

.top_nav a.level_1{
    line-height:20px
}

.top_nav a.level_1 strong{
    height:20px;
    padding-right:12px;
    font-weight:normal
}

.top_nav li.parent a.level_1 span{
    padding-right:13px;
    background:url('../img/nav_arrow_small.gif') no-repeat right 8px
}

.top_nav li.parent:hover a.level_1 span, .top_nav li.parent_hover a.level_1 span{
    background-position:right -22px
}

.top_nav .sub_nav{
    z-index:101;
    left:0;
    padding-top:0;
    top:19px;
    width:87px
}

.top_nav .sub_nav ul{
    padding:10px 10px 12px
}

.top_nav .sub_nav ul li{
    height:18px
}

.top_nav .sub_nav ul a{
    height:18px;
    padding:0;
    font-size:12px;
    font-weight:normal;
    line-height:18px
}

/* User Area */
.user_area {
    float: right;
    height: 33px;
    margin: 5px 0 0 0;
    line-height: 28px;
}

.user_area a{
    margin-left:10px
}

/* Header fixed */
#top-header.fixed {
    position: fixed;
    top: 0;
    z-index: 999;
}

/* Header logo for shop */
#header{
    margin-bottom:10px;
    background:url('../img/header_bg.gif') repeat-x 0 bottom
}

#header .container_sr{
    position:relative;
    height:110px
}

#logo{
    float:left;
    height:70px;
    width:200px;
    margin:20px 20px 0 0;
    font-size:18px;
    font-weight:bold;
    text-align:center
}

#logo img{
    max-width:100%
}

/* Marquee */
marquee { 
    padding-top: 10px;
}

#mo_marquee {
    background: #565656;
}

#mo_marquee font {
    color: #FFEB1C;
}

#mo_marquee a {
    color: #fff;
}