/* 盒子列表樣式 - Boxes & Lists Styles */

/* Box Styles */
.box{
    margin-bottom:10px
}

.box .hd{
    height:31px;
    background:#F7F7F7;
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
}

.box .hd h3{
    float:left;
    height:30px;
    padding:1px 10px 0;
    font-size:14px;
    font-weight:bold;
    line-height:30px;
    text-shadow:0 1px 0 #fff
}

.box .hd h3 a { 
    line-height: 30px;
}

.box .hd .extra{
    display:none;
    float:right;
    height:30px;
    padding:1px 10px 0;
    line-height:30px;
}

.box .bd{
    padding:9px;
    background-color:#fff;
    border:1px solid #e4e4e4;
    box-shadow:0 1px 0 #f5f5f5
}

.bd:after{
    clear:both;
    content:'\0020';
    display:block;
    visibility:hidden;
    height:0
}

.bd{
    display:inline-block
}

* html .bd{
    height:1%
}

.bd{
    display:block
}

.box .bd .more{
    visibility:hidden;
    position:relative;
    float:right;
    margin-top:-30px;
    margin-right:5px
}

.box:hover .bd .more{
    visibility:visible
}

.box .bd h2.title{    
    clear: both;
    padding: 8px 15px;
    margin: 10px 0;
    color: #666;
    font-size: 14px;
    line-height: 18px;
    text-shadow: 0 1px 0 #fff;
    background-color: #f1f1f1;
    background-image: -webkit-gradient(radial,100 36,0,100 -40,120,from(#fafafa),to(#f1f1f1));
}

.box .bd h2.first_title{
    margin-top:0
}

.box .bd h2.title .extra{
    display:block;
    float:right;
    font-size:14px
}

.box .bd h2.title .extra .edit{
    display:block;
    float:right;
    padding-left:18px;
    font-size:12px;
    font-weight:normal;
    line-height:18px;
    background:url('../img/icon/edit.gif') no-repeat left top
}

.box .ft.bd {
    padding: 9px;
    background-color: #fff;
    border: none;
    box-shadow: 0 3px 2px #eee;
}

/* Thin Box */
.thin_box .hd{
    display:none
}

.thin_box h1 {
    padding: 5px 15px !important;
}

.thin_box dl {
    margin-bottom:0
}

.thin_box .bd{
    padding:0;
}

.box.thin_box.full_box.row {
    margin-top: 80px;
}

/* Legend Box */
.legend_box{
    position:relative;
    margin:30px 10px
}

.legend_box .legend{
    position:absolute;
    left:25px;
    top:-18px;
    height:36px;
    width:150px;
    text-indent:-999em;
    background:url('../img/box_legend.gif') no-repeat left top
}

/* Fancy Box */
.fancy_box .hd {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'FjallaOneRegular';
    padding: 5px 17px;
    text-transform: uppercase;
    background:#333;
    height: 40px;
}

.fancy_box .hd h3{
    background-position:0 -124px;
    text-shadow:0 1px 0 #666;    
    font-family: '微軟正黑體','Microsoft YaHei','微软雅黑',"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.fancy_box .hd .extra{
    background-position:right -155px
}

.fancy_box .bd{    
    padding: 6px 5px 5px;
    background-color: #ffffff;
    border: 1px solid #ebebeb;
}

.fancy_box .bd a {
    color:#000;
}

/* Column Main Box Styles */
.col_main .box .hd{
    background:none;
    border-top:1px solid #E4E4E4
}

.col_main .box .hd h3{
    padding-left:0;
    color:#555;
    font-size:17px;
    background:none
}

.col_main .box .hd .extra{
    padding-right:0;
    background:none
}

.col_main .box .bd{
    padding:9px 0;
    border:none;
    box-shadow:none
}

.col_main .extra_box .hd{
    height:39px;
    line-height:39px;
    border-top-width:0;
    border-bottom:2px solid #eee
}

.col_main .extra_box .hd h3{
    height:36px;
    padding-top:0;
    color:#888;
    font-size:20px;
    line-height:36px
}

.col_main .extra_box .hd .button_mini{
    float:left;
    margin-top:10px
}

.col_main .extra_box .hd .extra{
    height:36px
}

.col_main .extra_box .bd{
    border-top-width:0
}

/* User Box Styles */
.user .box .bd h2.title {
    text-shadow: none;
    color: #fff;
    background-color: #3176B1;
    background-image:none;
}    

.user .box .bd h2.title a {
    color:#fff;
}

.user .box h4{
    padding:8px 10px;
    color:#069;
    font-size:1.2em
}

.user .box .form h4{
    padding:0;
    margin:0 0 .6em;
    color:#b00;
    font-size:18px
}

.user .box .content{
    padding:0;
    border-width:0
}

.user .form label b, .user .form .label b{    
    max-width: 30%;
}

.user .form div.submit_wrap {
    width: 100%;
    text-align: center;
}

.user .form label .directions{
    margin-left:12em
}

.user .form label select{
    width:auto
}

/* Tab Styles */
#cate-page .tab_able_box {
    margin: 10px 0;
    border-bottom: 1px solid #ddd;
}

.tab_able_box .box{
    padding-top:39px;
    margin-top:-39px
}

.tab_able_box .box .hd{
    display:none
}

.tab_wrapper{
    position:relative;
    height:32px;
    line-height:32px;
}

.tab_wrapper .tabs{
    float:left;
    height:32px;    
    margin-bottom: 0;
}

.tab_wrapper .extra{
    float:right;
    height:30px;
    overflow:hidden;
}

.tab_wrapper .tabs .label{
    display:inline-block;
    float:left;
    padding:0 5px 0 10px;
    line-height:32px
}

.tab_wrapper .tabs a{
    display: block;
    float: left;
    height: 32px;
    padding: 3px 20px 0;
    margin-right: 4px;
    line-height: 29px;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    color: #555;
}

.tab_wrapper .tabs a sup{
    display:inline-block;
    float:right;
    height:19px;
    margin:5px -5px 0 5px;
    padding:0 6px;
    color:#fff;
    line-height:19px;
    font-size:12px;
    font-weight:bold;
    background:#ccc;
    border-radius:500px;
    text-shadow:0 1px 0 #999
}

.tabs.order a {    
    color: #555;    
    font-weight: normal;
}

.tabs.order a:hover {    
    color: #428bca
}

.tab_wrapper .tabs a.current{    
    position: relative;
    margin-bottom: -2px;
    padding: 1px 18px 2px;
    background-color: #dddddd;
    border-bottom-width: 0;
}

.tab_wrapper .tabs .arrow_up, .tab_wrapper .tabs .arrow_down{
    display:inline-block;
    float:right;
    height:19px;
    width:19px;
    margin:5px -5px 0 5px;
    text-indent:-999em;
    background:url('../img/tab_arrow.gif') no-repeat left top
}

.tab_wrapper .tabs .arrow_down{
    background-position:left -20px
}

.tab_wrapper .display{
    float:right;
    padding:9px 4px
}

.tab_wrapper .display em{
    display:block;
    float:left;
    padding-right:5px;
    line-height:19px
}

.tab_wrapper .display a{
    display:block;
    float:left;
    height:19px;
    margin-right:3px;
    line-height:19px;
}

.tab_wrapper .dp_grid{
    background-position:-20px 0
}

.tab_wrapper .dp_grid_current{
    background-position:-20px -20px
}

.tab_wrapper .dp_list{
    background-position:0 0
}

.tab_wrapper .dp_list_current{
    background-position:0 -20px
}

.tab_wrapper .dp_text{
    background-position:-40px 0
}

.tab_wrapper .dp_text_current{
    background-position:-40px -20px
}

/* List Styles */
ul.list-unstyled li {
    border-top: 1px dashed #aaa;
    padding: 5px 10px;
}

ul.list-unstyled li.a-first {
    border-top: 0;
}

ul.list-unstyled li a {
    color: #555;
}

ul.list-unstyled li a:hover {
    color: #428bca;
}

.list-group-item  {
    border-radius:none !important
}

.list-group-item {
    border-radius: 0 !important;
    border-top: 0 !important;
}

.list-group a:hover  {
    text-decoration:none
}

li.user_default{
    border-top: 1px solid #ddd !important;
}

.active.list-group-item{
    text-shadow: 0 -1px 0 #286090;
    background-image: -webkit-linear-gradient(top,#337ab7 0,#2b669a 100%);
    background-image: -o-linear-gradient(top,#337ab7 0,#2b669a 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2b669a));
    background-image: linear-gradient(to bottom,#337ab7 0,#2b669a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
    background-repeat: repeat-x;
    border-color: #2b669a;
    color: #fff;
}

/* Selector Styles */
.box .hd .selector{
    height:26px;
    width:550px;
    overflow:hidden;
    padding-top:4px;
    text-align:right
}

.box .hd .selector a{
    float:right;
    margin-bottom:5px;
    padding:0 8px;
    color:#888;
    font-size:12px;
    line-height:24px;
    white-space:nowrap
}

.box .hd .selector a.current{
    padding:0 12px;
    color:#fff;
    text-shadow:0 1px 0 #999;
    background-color:#aaa;
    border-radius:3px
}

.col_sub .box .hd .selector, .col_extra .box .hd .selector{
    display:none
}

/* Customer Categories */
.customer-cate ul{
    text-align:center
}

.customer-cate li {
    display: inline;
}

/* Ex-list and buttons */
.ex-list {
    padding: 0 !important;
}

.all-btn, .ex-btn {
    border: 0;
    background: none;
    font-size: 1.2em;
}

.all-btn:hover, .ex-btn:hover {
    color: #E92B6B;
}

/* Column Sidebar Styles */
.sidebar, .main-content {
    padding: 0 5px !important;
}

.col_sub .loader{
    position:absolute;
    top:-23px;
    right:10px
}

.col_sub .result{
    display:none;
    float:left;
    width:100%;
    padding:5px 0;
    margin-top:5px;
    line-height:1.4em;
    background:url('../img/horizontal_spacer.gif') repeat-x left top
}

.col_sub .bottom_button{
    padding-top:5px;
    text-align:center
}