html, body {
    position: static;
    height: auto;
    min-width: auto;
    word-wrap: break-word;
}

body, div#bs_wrapper {
    background: url("bg.jpg");
}

body {
    background-color: #e5f3d2;
    font-family: "Noto Sans TC", 'cwTeXYen', sans-serif;
    display: block;
}

@media (min-width: 991px) {
    body {
        background-color: #E5F3D2;
        margin: 0px;
        padding-top: 12px;
        padding-right: 0px;
        padding-bottom: 30px;
        padding-left: 0px;
        font-family: "Noto Sans TC", "微軟正黑體", "新細明體", sans-serif;
    }
}

/* Custom container */
.container {
    margin: 0 auto;
    width: 98%;
}
.container > hr {
    margin: 60px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
    margin: 80px 0;
    text-align: center;
}
.jumbotron h1 {
    font-size: 100px;
    line-height: 1;
}
.jumbotron .lead {
    font-size: 24px;
    line-height: 1.25;
}
.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

/* Supporting marketing content */
.marketing {
    margin: 60px 0;
}
.marketing p + h4 {
    margin-top: 28px;
}


/* Customize the navbar links to be fill the entire space of the .navbar */
.navbar .navbar-inner {
    padding: 0;
}
.navbar .nav {
    margin: 0;
    display: table;
    width: 100%;
}
.navbar .nav li {
    display: table-cell;
    width: 1%;
    float: none;
}
.navbar .nav li a {
    font-weight: bold;
    text-align: center;
    border-left: 1px solid rgba(255,255,255,.75);
    border-right: 1px solid rgba(0,0,0,.1);
}
.navbar .nav li:first-child a {
    border-left: 0;
    border-radius: 3px 0 0 3px;
}
.navbar .nav li:last-child a {
    border-right: 0;
    border-radius: 0 3px 3px 0;
}

input.hasDatepicker {
    width: 150px;
}

table.own_order {
    width: 90%;
    max-width: 840px;
    margin: 0 auto 30px auto;
    table-layout: fixed;
    font-size: 14px;
}

.own_order td {
    padding: 5px;
    border: 1px solid #96aa69;
}

.own_order_row {
    border: 1px solid #96aa69;
}

.own_order img {
    width: 160px;
    height: 120px;
}

.own_order_row:nth-child(odd) {
    background-color: #e8eeda;
}

.own_order_row:nth-child(even) {
    background-color: #ffffff;
}

.order_num{
    height: 40px;
    line-height: 40px;
    position: relative;
}

.rating_message{
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: none;
}

.status_block {
    display: inline-block;
    margin-right: -7px;
    width: 160px;
}

.status_block div {
    text-align: center;
}

.order_message {
    margin-top: 5px;
    display: none;
}

.own_order pre {
    border: none;
    background: #e8eeda;
}

.own_order td.order_status {
    border-right: none;
}

.own_order td.order_status_detail {
    border-left: none;
}

.vertical_align_top {
    vertical-align: top;
}

.highlight_status {
    color: #e04b72;
}

.normal_status {
    color: #ababab;
}

#order_status_image_base_url {
    display: none;
}

#create_rating_opinion_modal .modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#create_rating_opinion_modal .product_detail_container {
    width: 100%;
}

@media (min-width: 991px) {
    #create_rating_opinion_modal .product_detail_container {
        width: 80%;
    }
}

#create_rating_opinion_modal .product_detail {
    width: 100%;
    text-align: left;
}

#create_rating_opinion_modal .heart {
    width: 35px;
    height: 35px;
    margin: 10px;
}

#create_rating_opinion_modal .opinion_container {
    margin: 10px;
}


#rating_opinion_and_response_modal .modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#rating_opinion_and_response_modal .product_detail_container {
    width: 100%;
}

@media (min-width: 991px) {
    #rating_opinion_and_response_modal .product_detail_container {
        width: 80%;
    }
}

#rating_opinion_and_response_modal .product_detail {
    width: 100%;
    text-align: left;
}

#rating_opinion_and_response_modal .heart {
    width: 35px;
    height: 35px;
    margin: 10px;
}

#rating_opinion_and_response_modal .opinion_container {
    margin: 15px;
    width: 80%;
    text-align: left;
}

#rating_opinion_and_response_modal .response_container {
    margin: 15px;
    width: 80%;
    text-align: left;
}

#rating_opinion_and_response_modal h5{
    color: #a94442;
    font-size: 16px;
}

#set_sexual_modal .self_selected_sexual_items {
    width: 80%;
    text-align: left;
}

.message_clause {
    margin: 10px;
    text-align: left;
}

.coupon {
    text-align: left;
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.coupon .coupon_status {
    position: relative;
    flex-basis: 3.5rem;
    flex-shrink: 0;
    flex-grow: 0;
    background-color: #94c74e;
}

.coupon .coupon_status .coupon_status_text{
    width: 100%;
    font-size:16px;
    text-align: left;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 20px;
    color: #ffffff;
}

@media (min-width: 991px) {
    .coupon {
        flex-direction: row;
    }

    .coupon .coupon_status {
        flex-basis: 100px;
    }

    .coupon .coupon_status .coupon_status_text{
        text-align: center;
        margin-left: 0;
    }
}

.coupon .activity_name {
    font-size: 20px;
    color: #61941b;
    margin: 15px 20px 5px 20px;
}

.coupon .activity_time {
    font-size: 16px;
    color: #61941b;
    margin: 0px 20px 15px 20px;
}

.coupon .code {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 20px;
    color: #e04b72;
}

.coupon .activity_note {
    margin: 15px 20px 15px 20px;
}

.coupon .coupon_detail {
    flex-grow: 1;
    background-color: #f1f8e8;
}

.notyet_coupon .coupon_status {
    background-color: #e9c527;
}

.notyet_coupon .coupon_detail {
    background-color: #ebe4c6;
}

.used_coupon .coupon_status {
    background-color: #e95754;
}

.used_coupon .coupon_detail {
    background-color: #fdeeee;
}

.expired_coupon .coupon_status {
    background-color: #666666;
}

.expired_coupon .coupon_detail {
    background-color: #efefef;
}

.overseas {
    margin-top: 15px;
}

.order_no_search_box {
    margin-top: 50px;
    margin-bottom: 15px;
    display: flex;
    width: 450px;
    height: 40px;
}

.order_no_search_box .order_no_label{
    flex-basis: 80px;
    flex-grow: 0;
    height: 40px;
    line-height: 40px;
    text-align: left;
}

.order_no_search_box .order_no_input{
    flex-basis: 40%;
    flex-grow: 1;
    margin-left: 2%;
    margin-right: 2%;
    height: 100%;
}

.order_no_search_box .order_no_submit_btn{
    flex-basis: 50px;
    flex-grow: 0;
    height: 100%;
}

.product_td {
    display: flex;
    justify-content: center;
    align-items: center;
}

.product_img_container {
    position: relative;
}

.product_img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 127px;
    height: 152px;
}

.banner_tr {
    display: flex;
    justify-content: center;
    align-items: center;

}

.banner_td {
    width: 429px;
    height: 183px;
}

.banner_img_container {
    position: relative;
}

.banner_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 429px;
    height: 183px;
}

.order_product_img_div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.order_product_img_container {
    position: relative;
    width: 400px;
    height: 400px;
}

.order_product_img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 350px;
    max-height: 350px;
}

.pager_container {
    display: flex;
    justify-content: center;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* clearfix */
.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

.product_rating_opinion_block {
    font-family: "Noto Sans TC", sans-serif;
    margin: 2rem 1.5rem;
}

.product_rating_opinion_block_title {
    font-family: "Noto Sans TC", sans-serif;
    font-size: 1.8rem;
    font-weight: bold;
    flex-grow: 0;
    padding-right: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    border-right: 2px dotted #a5d26c;
    margin-bottom: 1rem;
    color: #757F5D;
}

.product_rating_opinion_block .overall_satisfaction {
    color: #757F5D;
}

.product_rating_opinion_block_title_row {
    display: flex;
    align-items: center;
    border-bottom: 2px dotted #a5d26c;
}

.product_rating_opinion_block .title_info {
    flex-grow: 1;
    text-align: left;
    margin-left: 0.5rem;
}

.product_rating_opinion_block_rating_info {
    display: flex;
    align-items: center;
}

.product_rating_opinion_block .rating_avg_info {
    color: #d80027;
    display: flex;
    align-items: center;
}

.product_rating_opinion_block .rating_avg {
    font-size: 2.3rem;
}

.product_rating_opinion_block .heart {
    width: 35px;
    height: 35px;
    margin: 10px;
}

.product_rating_opinion_block .rating_count {
    color: #395f8d;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.product_rating_opinion_block .more_ratings,
.product_rating_opinion_block .more_ratings:hover,
.product_rating_opinion_block .more_ratings:active {
    color: #395f8d;
    text-decoration: none;
    margin-left: 1.5rem;
}

.product_rating_opinion_block .rating_info {
    display: flex;
    justify-content: center;
    color: #757F5D;
    margin-left: 1.5rem;
}

.product_rating_opinion_block .opinion_container {
    display: flex;
    margin-top: 1rem;
    border-bottom: 2px dashed #ececec;
}

.product_rating_opinion_block .opinion_container:last-child {
    border-bottom: 2px dashed none;
}

.product_rating_opinion_block .avatar {
    flex-basis: 3rem;
    flex-shrink: 0;
    flex-grow: 0;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    margin-left: 1rem;
    margin-right: 1rem;
}

.product_rating_opinion_block .opinion_detail {
    flex-grow: 1;
    text-align: left;
}

.product_rating_opinion_block .opinion_detail .heart {
    width: 15px;
    height: 15px;
    margin: 0px;
}

.product_rating_opinion_block .creater_and_datetime_container {
    margin-bottom: 0.5rem;
}

.product_rating_opinion_block .heart_container {
    margin-bottom: 0.5rem;
}

.product_rating_opinion_block .opinion {
    margin-bottom: 0.5rem;
}

.product_rating_opinion_block .datetime {
    margin-left: 10px;
    color: #ababab;
}

.warning_heart_container {
    border-radius: 0.5rem;
    background-color: #ffb2b2;
}