/* 按鈕樣式 - Buttons Styles */

/* Basic Button */
.button {
    display: inline-block;
    height: 26px;
    padding: 0 15px;
    color: #555;
    line-height: 26px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border-width: 0;
    vertical-align: middle;
    text-shadow: 0 1px 0 #fff;
    background: #eee;
    box-shadow: 1px 1px 3px #bbb;
    -webkit-box-shadow: 1px 1px 3px #bbb;
    -moz-box-shadow: 1px 1px 3px #bbb;
}

.button:hover{
    text-decoration:none
}

.button span {
    display: inline-block;
    height: 26px;
    background: none;
}

.text_button, .text_button span{
    font-weight:normal;
    background-image:none
}

.bright_button, .brighter_button, .brightest_button, .bright_button:hover, .brighter_button:hover, .brightest_button:hover{
    color:#fff
}

.bright_button{
    background-position:left -60px;
    text-shadow:0 1px 0 #069
}

.bright_button span{
    background-position:right -90px
}

.brighter_button{
    background-position:left -120px;
    text-shadow:0 1px 0 #c4620d
}

.brighter_button span{
    background-position:right -150px
}

.brightest_button{
    height:36px;
    padding-left:15px;
    line-height:36px;
    font-size:16px;
    background-position:left -180px;
    text-shadow:0 1px 0 #c4620d
}

.brightest_button span{
    height:36px;
    padding-right:15px;
    background-position:right -220px
}

.tool_link{
    margin-left:10px;
    font-size:14px;
    vertical-align:middle
}

/* Button Sizes */
.btn_s1, .btn_s2, .btn btn-success, .btn_s4, .btn_s1_a, .btn_s2_a, .btn btn-success_a, .btn_s4_a, .btn_s1_b, .btn_s2_b, .btn btn-success, .btn_s4_b, .btn_s1_c, .btn_s2_c, .btn btn-success_c, .btn_s4_c
{
    display:inline-block;
    height:26px;
    color:#555;
    line-height:26px;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    background:url('../img/btn_bg.gif') no-repeat 0 0;
    border-width:0;
    vertical-align:middle
}

.btn_s1_a, .btn_s2_a, .btn btn-success_a, .btn_s4_a, .btn_s1_b, .btn_s2_b, .btn btn-success, .btn_s4_b, .btn_s1_c, .btn_s2_c, .btn btn-success_c, .btn_s4_c, .btn_s1_a:hover, .btn_s2_a:hover, .btn btn-success_a:hover, .btn_s4_a:hover, .btn_s1_b:hover, .btn_s2_b:hover, .btn btn-success:hover, .btn_s4_b:hover, .btn_s1_c:hover, .btn_s2_c:hover, .btn btn-success_c:hover, .btn_s4_c:hover{
    color:#fff;
    text-decoration:none
}

.btn_s1, .btn_s2, .btn btn-success, .btn_s4{
    background-color:#ccc;
    text-shadow:0 1px 0 #eee
}

.btn_s1_a, .btn_s2_a, .btn btn-success_a, .btn_s4_a{
    background-color:#666;
    text-shadow:0 1px 0 #333
}

.btn_s1_b, .btn_s2_b, .btn btn-success, .btn_s4_b, .btn_s1_c, .btn_s2_c, .btn btn-success_c, .btn_s4_c{
    background-color:#f60;
    text-shadow:0 1px 0 #E87112
}

.btn_s1{
    width:60px;
    background-position:0 0
}

.btn_s2{
    width:80px;
    background-position:-200px 0
}

.btn btn-success{
    width:100px;
    background-position:-400px 0
}

.btn_s4{
    width:120px;
    background-position:-600px 0
}

.btn_s1_a{
    width:60px;
    background-position:0 -30px
}

.btn_s2_a{
    width:80px;
    background-position:-200px -30px
}

.btn btn-success_a{
    width:100px;
    background-position:-400px -30px
}

.btn_s4_a{
    width:120px;
    background-position:-600px -30px
}

.btn_s1_b{
    width:60px;
    background-position:0 -60px
}

.btn_s2_b{
    width:80px;
    background-position:-200px -60px
}

.btn btn-success{
    width:100px;
    background-position:-400px -60px
}

.btn_s4_b{
    width:120px;
    background-position:-600px -60px
}

.btn_s1_c, .btn_s2_c, .btn btn-success_c, .btn_s4_c{
    height:36px;
    line-height:36px;
    font-size:20px
}

.btn_s1_c{
    width:80px;
    background-position:0 -90px
}

.btn_s2_c{
    width:110px;
    background-position:-200px -90px
}

.btn btn-success_c{
    width:140px;
    background-position:-400px -90px
}

.btn_s4_c{
    width:170px;
    background-position:-600px -90px
}

/* Special Buttons */
.btn_special{
    display:inline-block;
    height:36px;
    background-repeat:no-repeat;
    background-position:0 0;
    border-width:0;
    vertical-align:middle
}

.btn_add_to_cart{
    width:154px;
    background-image:url('../img/btn_add_to_cart.gif')
}

.btn_buy{
    width:100px;
    background-image:url('../img/btn_buy.gif')
}

.btn_booking{
    width:154px;
    background-image:url('../img/btn_booking.gif')
}

.btn_login{
    width:100px;
    background-image:url('../img/btn_login.gif')
}

.btn_register{
    width:100px;
    background-image:url('../img/btn_register.gif')
}

.btn_submit{
    width:100px;
    background-image:url('../img/btn_submit.gif')
}

.btn_continue_shopping{
    width:172px;;
    background-image:url('../img/btn_continue_shopping.gif')
}

.btn_detail{
    width:100px;
    background-image:url('../img/btn_detail.gif')
}

.btn_bidding{
    width:100px;
    background-image:url('../img/btn_bidding.gif')
}

.btn_exchange{
    width:100px;
    background-image:url('../img/btn_exchange.gif')
}

.btn_checkout_now{
    width:136px;
    background-image:url('../img/btn_checkout_now.gif')
}

.btn_order_now{
    width:136px;
    background-image:url('../img/btn_order_now.gif')
}

.btn_download{
    width:136px;
    background-image:url('../img/btn_download.gif')
}

.btn_search{
    width:100px;
    background-image:url('../img/btn_search.gif')
}

.btn_collect{
    width:100px;
    background-image:url('../img/btn_collect.gif')
}

.btn_recommend{
    width:100px;
    background-image:url('../img/btn_recommend.gif')
}

/* Bootstrap Button Styles */
button.btn.btn-primary{
    color: #fff;
    background-color: #F89898;
    border-color: #FABCBC;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
}

button.btn-info {
    color: #fff;
    border: none;
    background-color: #FF6161;
    border-color: #F88989;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
}

button.btn-primary:hover, button.btn-primary:focus, button.btn-primary:active, button.btn-primary.active, .open button.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #FD5252;
}

button.btn-info:hover, button.btn-info:focus, button.btn-info:active, button.btn-info.active, .open button.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #F89898;
}

.btn.btn-orange {
    border-color: #e38d13;    
    color: #fff;
    background-color: orange;
    border: 0;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    box-shadow: 1px 1px 3px #bbb;
    -webkit-box-shadow: 1px 1px 3px #bbb;
    -moz-box-shadow: 1px 1px 3px #bbb;
}

.next .btn.btn-orange {
    width: 100%;
}

.flow_action .btn.btn-orange {
    width: 150px;
}

.btn-orange:hover{
    opacity: 0.9
}

.btn.btn-red{
    background-image: -webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);
    background-image: -o-linear-gradient(top,#d9534f 0,#c12e2a 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c12e2a));
    background-image: linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #b92c28;
    color: #fff;
    background-color: #BF241F;
    border-color: #d43f3a;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
}

.btn-red:hover{    
    background-color: #c12e2a;    
    border-color: #ac2925;
    background-position: 0 -15px;
    color: #fff !important;
}

.btn.btn-primary {
    background-repeat: repeat-x;
}

.thumbnail .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #FB6463;
    border-color: #F35E5D;
}

.btn.btn-success {
    background-repeat: repeat-x;
    background-color: #555 !important;
    border: none !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.btn.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    border-color: #ccc;
}

/* Social Login Buttons */
a.btn.btn-info.fb_login {
    width: 100%;
    margin-left: 0;
    border-radius: 0;
    margin-top: 10px;
    background: #4267b2
}

a.btn.btn-info.fb_login:hover{
    opacity: 0.9
}

a.btn.btn-info.google_login {
    width: 100%;
    margin-left: 0;
    border-radius: 0;
    margin-top: 10px;
    background: #B20000;
}

a.btn.btn-info.google_login:hover{
    opacity: 0.9
}

/* Button Labels and Labeled Buttons */
.btn-label {
    position: relative;
    left: -9px;
    display: inline-block;
    padding: 6px 12px;
    background: #333; 
    height: 30px;
    color:#fff
}

.btn-label:hover {
    cursor: pointer;
}

.btn-labeled {
    padding-top: 0;
    padding-bottom: 0;
}

.btn-labeled a,.btn-labeled a:hover {
    color:#fff;    
    text-decoration: none;
}

button.btn.btn-labeled.btn-info .btn-label {
    left: 0;
}

button.btn.btn-labeled.btn-info {
    padding: 0;
    overflow: hidden;
}

button.btn.btn-labeled.btn-success {
    padding: 0px 7px;
    background-color: #47a447 !important;
    border: 1px solid transparent !important;
}

button.btn.btn-labeled.btn-success:hover{    
    background-color: #3F963F !important;
}

button.btn.btn-labeled.btn-primary {
    padding: 0 9px;
    margin: 0 3px 0 0;
}

/* Special Action Buttons */
.actions.last a:hover span {
    transform: scale(1);
}

.actions #check-pd {
    border-radius: 0;
    display: inline-block;
    height: 27px;
    padding: 0 15px;
    color: #fff;
    line-height: 26px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border-width: 0;
    vertical-align: middle;
    text-shadow: 0 1px 0 #fff;
    background: #016ff8;
    box-shadow: 1px 1px 3px #bbb;
    -webkit-box-shadow: 1px 1px 3px #bbb;
    -moz-box-shadow: 1px 1px 3px #bbb;
    font-weight: normal;
    text-shadow: none;
}

.actions #check-pd:hover {
    opacity: 0.9;
}

.button_mini{
    padding:0 10px;
    color:#fff;
    font-size:12px;
    line-height:18px;
    background:#888;
    border-radius:3px;
    float:right;
}

.button_mini:hover{
    color:#fff;
    text-shadow:0 1px 0 #333;
    text-decoration:none;
    background:#ccc url('../img/slight_bg.gif') repeat-x 0 -50px
}

/* Nova Button */
.nova-button {
    color: rgb(51, 51, 51);
    border: 1px solid rgb(51, 51, 51);
    text-align: center;
    margin: 40px 0px 0px;
    background-color: rgba(255, 255, 255, 0.00784314);
    font-size: 15px;
    line-height: 18px;
    padding: 10px 45px;
    border-width: 1px !important;
}

/* Quantity Buttons */
button.increase, button.decrease {
    background: #eee !important;
    border: 1px solid #aaa;
    width: 40px;
    height: 27px;
    line-height: 1.5em;
}

button.increase{
    margin-left: -4px;
}

button.decrease{
    margin-right: -4px;
}

input#goods_number {
    width: 60px;
    text-align: center;
}

/* Text Button */
.text_button, .btn-labeled {
    line-height: 2em !important;
}

#super_get_btn {
    display: block;
    float: left;
    background: #333;
    padding: 7px 15px;
    color: #fff;
    margin: 5px;
    cursor: pointer;
}

#super_get_btn:hover {
    background: #888;
}