/* 側邊欄額外樣式 - Sidebar & Extras Styles */

/* Sidebar Recommendation System */
#srecs_cp_open{
    z-index:100;
    position:fixed;
    top:69px;
    left:0;
    display:none;
    width:36px;
    height:31px;
    text-indent:-999em;
    background:url(../img/srecs_cp/open.png) no-repeat right top;
}

#srecs_cp_open:hover{
    background-position:right bottom;
}

#srecs_cp{
    z-index:100;
    position:fixed;
    top:50px;
    left:0;
    width:180px;
    height:350px;
    padding:33px 10px 19px;
    background:url('../img/srecs_cp/bg.png') no-repeat center top;
}

#srecs_cp_title{
    z-index:10;
    position:absolute;
    top:7px;
    left:60px;
    display:block;
    width:73px;
    height:23px;
    text-indent:-999em;
}

#srecs_cp_close{
    z-index:20;
    position:absolute;
    top:18px;
    right:-2px;
    display:block;
    width:60px;
    height:33px;
    text-indent:-999em;
    background:url('../img/srecs_cp/close.png') no-repeat right top;
}

#srecs_cp_close:hover{
    background-position:right bottom;
}

#srecs_cp_wrapper{
    width:180px;
    height:350px;
    background:#F2F2F2 url('../img/srecs_cp/bg.png') no-repeat -10px -33px;
}

#srecs_cp h3{
    margin:0;
    padding:7px 10px 8px;
    color:#f60;
    font-size:12px;
    font-weight:bold;
    border-bottom:1px solid #f8f8f8;
}

#srecs_cp .section{
    overflow:hidden;
    position:relative;
    padding:10px;
}

#srecs_cp .row{
    padding:3px 0;
}

#srecs_cp label{
    display:block;
    padding:4px 0;
    line-height:14px;
    color:#000;
    font-size:12px;
}

#srecs_cp .row:first-child, #srecs_cp .row:first-child label{
    padding-top:0!important;
}

#srecs_cp .change label{
    float:left;
}

#srecs_cp .change select{
    float:left;
    width:100px;
    margin-left:3px;
}

#srecs_cp p{
    line-height:16px;
}

#srecs_cp a{
    text-decoration:underline;
}

#srecs_cp strong{
    font-weight:bold;
}

#srecs_cp .online{
    padding:5px 0;
}

#srecs_cp .online a{
    margin-right:5px;
}

#srecs_cp .online img{
    vertical-align:middle;
}

#srecs_cp select,#srecs_cp input[type=text]{
    float:left;
    margin-right:5px;
    line-height:20px;
    color:#666;
    font-size:12px;
    background:#f8f8f8;
    border:1px solid #ddd;
    border-radius:3px;
}

#srecs_cp input[type=text]{
    height:18px;
    padding:1px 3px;
}

#srecs_cp select{
    width:100%;
    padding:3px;
}

#srecs_cp select:hover,#srecs_cp select:focus,#srecs_cp input[type=text]:hover,#srecs_cp input[type=text]:focus{
    color:#000;
    background-color:#fffbe5;
    border-color:#928641 #d7cd94 #d7cd94 #aea368;
}

#srecs_cp .read_doc{
    padding:10px 0;
    text-align:center;
}

#srecs_cp .read_doc a{
    color:#f60;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
}

#srecs_cp .read_doc a:hover{
    font-weight:bold;
    text-decoration:underline;
}

#srecs_cp .notice{
    margin-bottom:5px;
    color:#F04331;
}

#srecs_cp_more{
    position:absolute;
    left:38px;
    bottom:27px;
    display:block;
    height:35px;
    width:125px;
    text-indent:-999em;
    background:url(../img/srecs_cp/button.png) no-repeat left top;
}

#srecs_cp_more:hover{
    background-position:left bottom;
}

/* Vote Box */
.vote .bd{
    position:relative
}

.vote h4{
    font-size:14px;
    line-height:18px
}

.vote .count{
    padding:5px 0 10px;
    color:#999
}

.vote label{
    display:block;
    padding:2px 0
}

.vote label input{
    margin: 0 5px 0 0;
}

.vote label em{
    padding-left:3px;
    color:#999;
    font-size:.8em
}

.vote .actions{
    padding-top:10px;
    text-align:center
}

/* Subscription Box */
.subscription .bd{
    position:relative
}

.subscription.box .input {
    width: 50%;    
    padding: 7px ;
}

.subscription form{
    text-align:center
}

.subscription .input{
    width:150px;
    margin-bottom:10px
}

.subscription .btn_s1{
    margin-right:3px
}

/* Help Center */
.help_center dt{
    margin:10px 0;
    padding:8px 15px;
    font-size:14px;
    font-weight:bold;
    border-top:1px solid #eee
}

.help_center .first dt{
    margin-top:0;
    border-top-width:0
}

.help_center dd{
    padding:3px 10px 3px 25px;
    line-height:15px;
    background:url('../img/icon.gif') no-repeat 15px -22px
}

/* Promotion Info */
.promotion_info .text_list li{
    padding:5px 0;
    line-height:20px
}

.promotion_info .type{
    margin-right:5px;
    padding:2px 5px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px
}

.promotion_info .type:hover{
    color:#fff
}

/* Order Query */
.order_query .bd{
    position:relative
}

.order_query .main{
    text-align:center
}

.order_query .input{
    width:150px;
    margin-bottom:10px
}

.order_query p{
    line-height:18px
}

.order_query p em{
    display:block;
    float:left;
    width:50px;
    font-weight:bold
}

.order_query p span{
    display:block;
    float:left;
    width:100%
}

#order_query .result em { 
    display: block; 
    width: 100%;
}

.order_query p a{
    color:#069;
    font-weight:bold
}

.order_query p a:hover{
    color:#ff6600;
    text-decoration:underline
}

/* Actions Styles */
.actions dl { 
    margin-bottom: 0px;
}

.actions .properties { 
    margin-bottom: -15px;
}

/* MyShip */
.myship .bd{
    padding:19px
}

.myship form, .myship table{
    margin-bottom:10px
}

.myship form select{
    margin-right:5px
}

/* Search Form */
.search_form_wrapper .bd{
    padding:19px
}

.search_form .price_input{
    width:50px
}

#page_search .tab_wrapper .display {
    display:none
}

/* VC Row */
.vc_row-fluid.row { 
    margin-bottom: 30px;
}

/* Body Content */
.body-content {
    margin-top: 30px;
}

/* Row Links */
.row a {
    line-height: 1.56em;
}

/* Marketing Styles */
.marketing .col-lg-4 {
    margin-bottom: 20px;
    text-align: center;
}

.marketing h2 {
    font-weight: normal;
}

.marketing .col-lg-4 p {
    margin-right: 10px;
    margin-left: 10px;
}

/* Featurettes */
.featurette-divider {
    margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -1px;
}

/* Item Hot/New/Best */
#itemHot a ,#itemNew a,#itemBest a{
    display: inline;
    padding: 5px 6px;
    margin-right: 5px;
    font-size: 13px;
    border-bottom: 1px solid #333;
}

/* Column Positioning */
.col_xs-6.col-sm-4.col-md-4.col-lg-3 { 
    padding-left: 0;
}