@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');



.mobile_menu_list,



.mobile_user_list,



.mobile_search_list,



.mobile_menu_list_group_title>a.collapsed>span {



    transition: 250ms ease-in-out



}



ul,



li {



    list-style: none;



    padding: 0;



    margin: 0



}



html,



body {



    font-family: Apple LiGothic Medium, Microsoft JhengHei;



    font-family: "Noto Sans TC", Tahoma, "Trebuchet MS", "Nimbus Sans L", Arial, "Franklin Gothic Medium", "Helvetica Neue", Geneva, Verdana, "URW Gothic L", "Gill Sans", Helvetica, "Lucida Sans Unicode", "Arial Black", "Lucida Grande", "Microsoft Sans Serif", sans-serif;



    font-size: 13px



}



body {



    margin: 0;



    padding: 0;



    height: 100%



}



.navigation {



    font-size: 36px;



    background-color: #d7d6d6;



    font-size: 13px



}



.navbar {



    border: none;



    border-radius: 0



}



a {



    color: #000



}



img {



    max-width: 100%;



    height: auto



}



.radio_group {



    margin-top: 5px;



    margin-bottom: 5px



}



.btn-group>.btn_set {



    min-width: 50px;



    border-radius: 10%;



    float: none;



    margin-right: 5px;



    margin-left: 5px



}



.btn-group>.btn_set:first-child:not(:last-child):not(.dropdown-toggle) {



    border-top-right-radius: 10%;



    border-bottom-right-radius: 10%;



    border-radius: 5px;



    float: left;



    margin: 5px



}



.btn-group>.btn_set:not(:first-child):not(:last-child):not(.dropdown-toggle) {



    border-radius: 10%;



    border-radius: 5px;



    float: left;



    margin: 5px



}



.btn-group>.btn_set:last-child:not(:first-child),



.btn-group>.dropdown-toggle:not(:first-child) {



    border-top-left-radius: 10%;



    border-bottom-left-radius: 10%;



    border-radius: 5px;



    float: left;



    margin: 5px



}



.btn-group>.btn_set.active {



    border: 2px solid red



}



.type_picker {



    float: left;



    margin-right: 20px



}



.pc_header {



    padding: 15px 0



}



.header-store-pic img {



    height: 65px;



    width: auto



}



.header-search-bar img {



    position: relative;



    top: 0



}



.header-search-bar input {



    position: relative;



    top: 7px;



    border-radius: 5px;



    margin-left: 8px;



    padding: 5px 8px;



    border: 1px solid #ccc



}



.header-search-bar input[type=text] {



    width: 180px



}



.header-search-bar input[type=submit] {



    background: white;



    padding: 7px 12px



}



.header-search-bar input.allstore {



    color: white;



    background: black



}



.backstage-header-search-bar img {



    position: relative;



    top: 0



}



.backstage-header-search-bar input {



    position: relative;



    top: 7px;



    border-radius: 5px;



    margin-left: 8px;



    padding: 5px 8px;



    border: 1px solid #ccc



}



.backstage-header-search-bar input[type=text] {



    width: 300px



}



.backstage-header-search-bar input[type=submit] {



    background: white;



    padding: 7px 12px



}



.backstage-header-search-bar input.allstore {



    color: white;



    background: black



}



.backstage-header-list {



    padding-top: 50px



}



.navbar-brand {



    font-size: 16px;



    padding-left: 0;



    padding-right: 0;



    padding-top: 5px;



    padding-bottom: 8px



}



.navbar-default .navbar-brand {



    color: black



}



.navbar-default .navbar-nav>li>a {



    color: black



}



.nav-title h1 {



    font-size: 12.5px;



    margin: 2px 0



}



.navigation2 {



    background: #f8f8f8;



    float: none;



    height: 43px



}



.navigation2 li {



    font-size: 15px



}



.navigation2>li {



    font-size: 15px;



    height: 45px



}



.navigation2>li>a {



    height: 45px;



    padding-top: 5px;



    padding-bottom: 5px



}



.navigation2 a {



    padding: 5px 8px



}



.navigation2 .actives>a {



    color: #2e9bda



}



.navigation2 .row {



    height: 45px



}



.navigation2 ul {



    text-align: justfy



}



.navigation2 ul:after {



    content: '';



    display: inline-block;



    width: 100%



}



.navigation2_header {



    background: #f8f8f8;



    border-bottom: 1px solid #ddd;



    border-radius: 4px 4px 0 0;



    height: 45px



}



.navigation2_header .container {



    height: 45px



}



.backstage-navigation2 {



    background: #4ab2f7;



    float: none;



    height: 43px



}



.backstage-navigation2 li {



    font-size: 15px



}



.backstage-navigation2>li {



    font-size: 15px;



    height: 45px



}



.backstage-navigation2>li>a {



    height: 45px;



    padding-top: 5px;



    padding-bottom: 5px



}



.backstage-navigation2 a {



    padding: 5px 8px



}



.backstage-navigation2 .row {



    height: 45px



}



.backstage-navigation2 ul {



    text-align: justfy



}



.backstage-navigation2 ul:after {



    content: '';



    display: inline-block;



    width: 100%



}



.backstage-navigation2_header {



    background: #4ab2f7;



    border-bottom: 1px solid #4ab2f7;



    height: 45px



}



.backstage-navigation2_header .container {



    height: 45px



}



.nav-tabs.nav-justified>li>a {



    border-bottom: none;



    border-radius: 0;



    color: #000



}



.nav-tabs.nav-justified>li>a:hover,



.nav-tabs.nav-justified>li>a:focus {



    border-color: #f8f8f8;



    color: #983351



}



.backstage-navigation2_header>.container>.nav-tabs.nav-justified>li>a {



    border-bottom: none;



    border-radius: 0;



    color: #fff



}



.backstage-navigation2_header>.container .nav-tabs.nav-justified>li>a:hover,



.backstage-navigation2_header>.container .nav-tabs.nav-justified>li>a:focus {



    background: #4ab2f7;



    border-color: #4ab2f7



}



.carousel-inner>.item>img,



.carousel-inner>.item>a>img {



    width: 100%;



    margin: auto



}



.breadcrumb,



.breadcrumb a {



    background: none;



    color: #666;



    font-size: 14px;



    letter-spacing: .5px



}



.breadcrumb>li+li:before {



    padding: 0 5px;



    color: #ccc;



    content: ">"



}



.breadcrumb-item::before {



    content: " > "



}



.breadcrumb-item:first-child::before {



    content: ''



}



.breadcrumb {



    padding-right: 0



}



.breadcrumb>div {



    padding-top: 10px



}



.back-to-top {



    cursor: pointer;



    position: fixed;



    bottom: 15%;



    right: 20px;



    display: none;



    border-radius: 50%;



    width: 60px;



    height: 56px;



    text-align: center;



    line-height: 35px;



    padding-left: 13px;



    background-color: rgba(0, 0, 0, .5);



    border-color: rgba(255, 255, 255, 0);



    z-index: 99



}



.store_index_bargain .title {



    margin: 30px 0



}



.store_index_bargain .row>div {



    margin-bottom: 10px;



    margin-top: 10px



}



.common_product_area {



    width: 100%;



    margin-bottom: 10px;



    padding: 5px;



    overflow: hidden;



    border: 1px solid #ddd;



    border-radius: 5px;



    text-align: center;



}



.common_product_area a div {



    height: 250px;



    display: block;



    background-position: center center;



    background-repeat: no-repeat;



    background-size: cover



}



.common_product_area_pic {



    overflow:hidden;



}



.common_product_area_pic img {



    height: auto !important;



    max-width: 100%;



    max-height: 250px;



    margin-bottom: 10px;



}



.common_product_area span {



    display: block



}



.common_product_area_name {



    font-size: 15px;



    width: 100%;



    overflow: hidden;



    white-space: nowrap;



    text-overflow: ellipsis



}



.common_product_list_sale {



    height: 40px



}



.common_product_area_sale {



    font-size: 12px;



    color: #999



}



.picker {



    padding: 5px 0



}



.picker div,



.picker span {



    display: inline-block;



    float: left



}



.picker .input-group {



    margin: 0 0 0 -12px;



    left: 12px



}



.picker .input-number {



    margin-left: 34px;



    margin-top: 2px;



    text-align: center;



    padding: 15px;



    width: 150px



}



.picker select {



    padding: 8px 5px



}



.common_product_area_bargain {



    font-size: 15px;



    color: red



}



.common_product_area_addtocart {



    margin: 3px 0;



    text-align: center;



    width: 100%



}



.common_product_area_addtocart a {



    display: block;



    color: white;



    width: 100%;



    padding: 5px 0;



    background: #428cca;



    border-radius: 5px;



    font-size: 15px



}



.common_product_area_contactStore {



    display: block;



    color: #fff;



    width: 100%;



    padding: 5px 0;



    background: #9cbacc;



    border-radius: 5px;



    text-align: center;



    margin: 3px 0;



    font-size: 15px



}



.common_product_area_contactStore a {



    color: #fff;



    text-decoration: none



}



.common_product_area_like,



.common_product_area_comment {



    display: block;



    width: 20px;



    height: 20px;



    background-size: 20px 20px;



    background-repeat: no-repeat



}



.common_product_area_like a,



.common_product_area_comment a {



    display: block;



    width: 20px;



    height: 20px



}



.common_product_area_like {



    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAACvlBMVEUAAAAAAABqbnxqbnxobHpqbnpqbHpobHxqbnpqbnx/f39obnxobHpobHxmZmZqbntncXpqbHpqbHpsbHxobnpqbHxnbHpobnpqbn1sbHlpb3tqbnxra3xobnxobnxpbXtmbn9qb3tpbn1obHppb3trbn1sbHtqbnxobnp/f39qbnppbntpaXhpbnxrbnxpbX1obnxqbHxsbH1obHtpbXtpbnxmcn9pbnxtbW1qbXxqbXxnb39pbHtqbXtpbXprbnpVf39pbHxqbXtqbHxpbntqan9pbXpobXtqbHppbn1qb3pjcX9qbHtpbntpbnxtbXtnbXlpbntpbXtqb31obXppbnxobXxqbXxqcX9ra39obntpcntobnltbXlfX39qbXpqbnxrbnxrb31qbHtobnxqbntra3pidXVobXxpbntqbntpbXtqbXxpbnxra3hobnxpbXtqbXtobXpqbHxrbnpobnpqbnxqcHxtbX9pbnprb31qbXxqbXxqbnxpbXtpbXtobH1lcHpob3xpbXxpbnlVVVVqbnxpbXtqbHpobnxobHpqbnxpbX1qbnxobnxnbnxpbnxubnlpbHppbXxqbHtob3xpbHxpb3xqbXxqbXtobHxxcXFqbXtqbnxqan9vb39pb3xqbXppcH9qbXtqbnxobnppbnxzc3NpbHprbXxpbn1qbnpqbHttbX9pbntmZndqbHtpbXxqbntqbXxpbn1pb3xpbXtpbn1qbntpbntqbnxpbXtqbHxpbXxqbHtqbnxrcHpobntqbnxqbntqbn1qbnxpbnxobnpobHpqbntqbXpobHxqbXpqbnxobXxqbHpqbnxpbXtpbnxra3hqbHxqbHppbXxobXtqantpbXxobXpqbHtobnpqbntqbXtqbHpqbHxmZn9obHxpbXtpbHtqbnprb3tqbXtobHtqbnyinvXYAAAA6XRSTlMAAf78/fX59vf6Aur79AU8G+3rL/PyNvFDKFfwLfjsdB4+M+9VRSHu5wTpYxGDTD9a0ztCRlwUjwdiViBESE1RBuij5mEYs2vaZjAS3XZvIyqpujc43M2oJBpfHSwVCE9KWDnf2YY0DTGdvjqq1xPeflvUdVPSuysO0EeJ4oGAjD0ZJ3suA8XG1qZJf0HH4CWYF0uFWU5SKZ6XwwmV1QwQXpAiaZLlpAu1ZGqtfBybD2eHwlQ1ULhohIq2beR54XEyn7nAbHPLq8h4r8Gxi5rKfYKRJtHYv9sfrI6Z44ihbmAKz5OnzEBdvC2ByHAAAAanSURBVHhe7dtncxTXEgbgd1Z5V1qtJCShiFBCAoRACGWEyJhscjAxCDAxmJyDMTYmGZyufQmOOYeLcw4355zz7X9xq/vMlFQr7Wo2zNlyFc+XqVKpqnu1Z3q6e0r4FrjlllfzSgceaKubvdWATUbD7Lq2+vSsWUMRmbuznvzLTzPIkvSrfw1I70BQHcd2LdydRJaM04/MLHQjLM8+NK6Mekr4UfM1BDDt+UlJ1JPn9vzlCFXWxTQKJHHzSAM9GBW/T6FACn4yF6EY+QYFtz/f7fdt7RhBwd3JWdsz707yl+IiP7vr0c3K75IfVyr5O50DO4b+kbokfP7nJceW7qsGlvveajk8qZi6/MAHU8kk6jLouZpVOb7HDHiHlmxqPvhZQrekHrVxW6wYS5bzjQO9UCzuqSf3kyX7uhwFY0g/suw8W+p/5jvSb54ni6cdwXU0kinuxTY3epX1eAKZ7r0KrL+dTMmvlKJX7tpxcWQ66kUQE78hJf7TSgQ2rcb6zCNaK61vP+ngMgRW+WgiKeeOI6ATa0iZk4fgJm4kZbCHlHE+BPfEc6RMn4UAcjJIZO4w0Kfa6dTNoQr0yRhTZSa9Ab3KKiPxxmLYse8ZYuLra7Dj0h4SBYXoRZ6HxI+rYY8xM56Ea4YBe+4+QmJ8K3qYto2YazLsezBZKvObsG+ISnptA/xUzyEWV45Q9E8gSh6NULydSOw9/3KxjphrFEKz96mnChGachexXRCWTeqnf4UGXxCLm4du/j6F2EYDOvyT2E4vulwm9u/l0KJpAbEBsKBETnPRbGiySJqdtJdhGUdsBrQZQOwiTHnEtlRDG+9OKSA+KBeJDYNG/Yk1QiyTE/AdAxoZp6XPfxXsS2Lt0Oo+YkPAFkhxdkMrQ5roHwLAL82bUrNdxCoBfJ/YUmjmk+I/GcA7cgSh3W847ouAV6rSS9DupAyvbuQQS4d2q4mdwm1yQzZBO69MF8Nxgy/3QD91+x+GjHWPIAbu5cgLIaPezxADZznyVxivSqJ+6vRNgRyFMYiBKxy5ClKQ6hEDw6QtArEK6Kd6AhdksfQAFP1P5CLk8qUFMVAucypkJfACYuB7HHk+zvFlHWLgsqrBsuHZjBhYKFsm1PDlDGJAmrIa5PMlfj20e1YWZ/lYFKtCMJLYBRiZfH0X2slGwmNAncIt0G63dfonECuEZnnEmgFslcNwFJq9LmsSWa6+J+3pY9CqSXbic8BaiL0GrZqJrQLrkGS2eaGRd77shJdDbCc2GRq9RuwslGnZnEDxVmgzVIpPdgNMR4hthDavEPs5LFerSGtfNJpY1XpYsINYpg9aLB5MbAm6GHuI3dMEDZrOEdtjoJuSXGLPuOE490Jiua0QlhYSjQYcZjxOIh9+fkHiXcPh+DdINCLAGwt63XA0/h9IvFONHvb9g8Rlw8H4R0ksWI9eXDpDosZwLP5BEiMa0KuJvyZxxKn460icuYQAjq8lsd2Z+DdJbJmIgBZPIXESDjhMYu1xBOGbT+JDRN12ElMWI6il08mZ1ycvkfitD30o2UZObK8/JDH/ZfTpd2tIfIwomkFi+lLY0PoRiZnRfklFa0pgS+UhEu8jSj4mcb4VNs36E0WzT51J4qNK2LboAxJPIgreJ3HoCYTgwtMkbkPEXiDxwSyE5MR4Es9HvooSTy9CiPKqSDRHuhAW4y8gZA+PJeb6GyIwhETVCYRhtkdlcB1hm+AiNjYPYbnDzGAUwrRExR/8MMJUmEksfjjCMkrF9+xF2LKKVQarEIbh8cQy70AEpmYQi2tByFap+MWFiMiGQSqDNxGi8jhiGVmIUGkZsdSHEJK7VPxBUxGxzgKVwdsIwZhUFf8TREFOLrGUB2HbChW/rBRRMTdbZTAMNrWnECt4C1Gyuh+xxJWw5QEVPzcHUVNnZjAaNtyXSCx7LqIoPY1Y0QH06UARsX6rEVUDE4glV6APFWb8OkRZrZlBfwTVP5lYWjqi7v4kYkn3I4iR6pcSBsIB5odL+g8CqjXj18IRbcnBP54cFPVHckh9UdAvOD3NOiaOGZ0Y5Ihv6qfit8FBK80isxo9zMsmVlQPRw1LCVDmcnKtYumw9t4LfWeB9bhwmvWoLej0b1vUA1MDs9ko+6RH45bSDi2sdmsDTFkZxFJXQA//hvNUsYo/Btrkmy33KRmgMonF3QWNrnQNHXs9Kn45dLLGHs/UwsHE4vOhmRr8LPFXoJs1+lrjq35q+LcG+JiYEEci9b+IEfm/QNf/OhE7y46lN+Db7ZZb/g/VF0IvkYgGEgAAAABJRU5ErkJggg==)



}



.common_product_area_comment {



    background-image: url(../pic/comment.png)



}



.common_comment_area a {



    color: #005aca



}



.common_comment_area_group {



    padding: 20px 30px 20px 30px;



    border-bottom: 1px solid #b9b9b9



}



.common_comment_area_group>.common_comment_area_group {



    border: 0;



    padding: 10px 0;



    margin: 20px 30px;



    margin-right: 0;



    border-top: 1px solid #b9b9b9



}



.common_comment_area_group span {



    display: block



}



span.common_comment_area_commenter,



span.common_comment_area_comment_date,



.common_comment_area_toolgroup span {



    display: inline-block



}



.common_comment_area_comment_date {



    font-size: 12px;



    color: #bfbfbf;



    letter-spacing: .2px



}



.common_comment_area_comment {



    padding: 5px 0



}



.common_comment_area_toolgroup {



    font-size: 12px;



    color: #8f8f8f



}



.common_comment_area_group textarea {



    width: 100%;



    height: 70px;



    background: #f8f8f8;



    border: 0;



    padding: 10px;



    margin: 5px 0



}



.common_comment_area_group input[type=submit] {



    float: right



}



.common_comment_area_group.inner_layer {



    margin: 20px 0



}



.common_additional_purchase .title {



    background: #d8edf7



}



.common_additional_purchase_content>div {



    width: 95%;



    max-width: 690px;



    margin: 25px auto



}



.common_additional_purchase_content span {



    display: block;



    font-size: 15px;



    padding: 2px 0



}



.common_additional_purchase_content_product_pic img {



    width: 100%;



    height: auto;



    border-radius: 5px



}



.common_additional_purchase_content_product_price {



    color: red



}



.common_additional_purchase_content_product_addtocart {



    text-align: center;



    border: 1px solid #7cabd5;



    border-radius: 5px;



    margin: 5px 0 15px 0;



    letter-spacing: 1px



}



.common_additional_purchase_content_product_addtocart:hover {



    background: #d8edf7



}



.common_additional_purchase_content_product_addtocart a {



    display: block;



    width: 100%;



    height: 100%;



    padding: 2px 0;



    text-decoration: none



}



.dropdown:hover>.dropdown-menu {



    display: block



}



.dropdown-submenu {



    position: relative



}



.navigation2 .dropdown .dropdown-submenu .dropdown-menu {



    left: 100%;



    top: 0



}



.dropdown-submenu>.dropdown-menu {



    top: 0;



    left: 100%;



    margin-top: -6px;



    margin-left: -1px;



    -webkit-border-radius: 0 6px 6px 6px;



    -moz-border-radius: 0 6px 6px;



    border-radius: 0 6px 6px 6px



}



.dropdown-submenu:hover>.dropdown-menu {



    display: block



}



.dropdown-submenu>a:after {



    display: block;



    content: " ";



    float: right;



    width: 0;



    height: 0;



    border-color: transparent;



    border-style: solid;



    border-width: 5px 0 5px 5px;



    border-left-color: #ccc;



    margin-top: 5px;



    margin-right: -10px



}



.dropdown-submenu:hover>a:after {



    border-left-color: #fff



}



.dropdown-submenu.pull-left {



    float: none



}



.dropdown-submenu.pull-left>.dropdown-menu {



    left: -100%;



    margin-left: 10px;



    -webkit-border-radius: 6px 0 6px 6px;



    -moz-border-radius: 6px 0 6px 6px;



    border-radius: 6px 0 6px 6px



}



.store_index_intro img {



    width: 100%;



    height: auto;



    margin: 10px 0



}



.store_index_recommon .title {



    margin: 30px 0



}



.store_index_bottom_ad {



    text-align: center;



    background: #9cbacc;



    padding: 25px 0



}



.store_index_bottom_ad img {



    width: 90%;



    height: auto



}



.store_index_bottom_ad_inner {



    margin: 10px auto



}



.common_footer_area {



    background-color: black;



    padding: 5px 0;



    position: relative;



    bottom: 0;



    width: 100%;



    height: 100%



}



.common_footer_area .container div {



    display: block



}



.common_footer_area li {



    display: inline-block;



    margin: 2px 0;



    padding: 0 8px;



    border-left: 1px solid #eee;



    color: white;



    line-height: 13px;



    font-size: 12px



}



.common_footer_area li:first-child {



    border: none;



    padding-left: 0



}



.common_footer_area_copyright {



    font-size: 10px



}



.carousel-indicators img {



    height: 50px;



    width: auto



}



.carousel_indicators_img {



    height: 50px;



    width: auto



}



.product_page_intro .carousel {



    width: auto;



    height: auto;



    margin: 0 auto



}



.article-slide .carousel-indicators {



    bottom: 0;



    left: 0;



    margin-left: 5px;



    width: 100%



}



.article-slide .carousel-indicators li {



    border: medium none;



    border-radius: 0;



    float: left;



    height: 54px;



    margin-bottom: 5px;



    margin-left: 0;



    margin-right: 5px !important;



    margin-top: 0;



    width: auto



}



.article-slide .carousel-indicators img {



    border: 2px solid #FFF;



    float: left;



    height: initial;



    left: 0;



    width: auto



}



.article-slide .carousel-indicators .active img {



    border: 2px solid #428BCA;



    opacity: .7



}



.product_page_intro .carousel-indicators {



    position: relative;



    padding: 15px 0;



    margin-bottom: 0



}



.product_page_intro_slider {



    float: center



}



.product_page_intro_text {



    float: right;



    width: 100%;



    font-size: 15px;



    line-height: 150%;



    letter-spacing: 1px;



    text-align: justify



}



.product_page_intro_text span {



    display: block;



    padding: 2px 0



}



.product_page_intro_text .price_bargain {



    color: red;



    font-size: x-large



}



.product_page_intro_text hr {



    padding: 0;



    margin: 5px 0;



    border-top: 1px solid black



}



.product_page_intro_text .input-group {



    width: 200px



}



.product_page_intro_text .input-group button,



.product_page_intro_text .input-group input {



    display: inline-block;



    float: left;



    padding-top: 7px;



    padding-bottom: 7px



}



.product_page_intro_text .addtocart,



.product_page_intro_text .addtofavorite {



    text-align: center;



    border: 1px solid #7cabd5;



    border-radius: 5px;



    margin: 10px;



    width: calc(50% - 20px)



}



.product_page_intro_text .addtocart a,



.product_page_intro_text .addtofavorite a {



    display: block;



    width: 100%;



    height: 100%;



    padding: 8px 0



}



.product_page_intro_text .addtocart {



    background: #d8edf7



}



.product_page_intro_text span>h1 {



    font-size: 20px



}



.product_page_intro_content {



    font-size: 15px;



    text-align: justify;



    line-height: 140%;



    letter-spacing: .2em



}



.product_page_intro_content .nav-tabs li {



    width: 50%;



    text-align: center;



    border-top: 0;



    border-bottom: 1px solid #eee



}



.product_page_intro_content .nav-tabs li a:hover {



    background: none;



    border: none



}



.product_page_intro_content .nav-tabs li.active a {



    border: 0;



    border-bottom: 2px solid #00b7ee



}



.product_page_intro_content .tab-content .tab-pane {



    text-align: left;



    padding: 25px 0;



    width: 95%;



    max-width: 690px;



    margin: 0 auto



}



.product_page_intro_content .tab-content .tab-pane img {



    max-width: 100% !important;



    height: auto !important



}



.container h2 {



    font-size: x-large



}



.clear {



    clear: both



}



.love_points {



    padding-left: 10px;



    color: red



}



.user-home-tab-pane {



    border: 0



}



.fix-bottom-menu {



    position: fixed;



    z-index: 16;



    bottom: 0;



    left: 0;



    width: 100%;



    height: 56px;



    background-color: #dcdcdc;



    border-top: 1px solid #c7cacd;



    text-align: center;



    overflow: hidden



}



.fix-bottom-menu span {



    line-height: 75px;



    font-size: 12px



}



.fix-bottom-menu_home,



.fix-bottom-menu_memberarea,



.fix-bottom-menu_cart,



.fix-bottom-menu_message,



.fix-bottom-menu_line,



.fix-bottom-menu_phone {



    position: relative;



    background-position: center 5px;



    background-repeat: no-repeat;



    top: 5px



}



.fix-bottom-menu_home a,



.fix-bottom-menu_memberarea a,



.fix-bottom-menu_cart a,



.fix-bottom-menu_message a,



.fix-bottom-menu_line a,



.fix-bottom-menu_phone a {



    display: block;



    width: 75px;



    height: 75px;



    position: absolute;



    top: 0;



    left: 50%;



    margin-left: -35px



}



.fix-bottom-menu_home {



    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAZCAMAAAD63NUrAAABPlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABtMVaHAAAAaXRSTlMAVFjLXQjM5DoYHWLzwIEC8iAo8Zk9BFFTm+NlR+/c1oUQEaujPl4fmupVv+3hsul6MjQwDhqvDFLwqgndd9SEdcipoOg/IiVB67sBgK4jfrkvnTkHTK15WvhWT8dNQsLXZJbbp+LNpRcggwoKAAAA+ElEQVR4Xq3J1W7EMBSE4enGTpsGFqHLZWZmZmZmPu//Ak3k1TZxfNGL/pJ1xvoQaHxwcgpANApF8Up5frEL7Sv3a2FM9/S1tNpDaWo7oBCasVwGyJzG6KwjpM3WlRjDN92dkvLVUi+qZfsHgmroHyOoNVomw4djed3/xcRx/qSG0zOzHIHmLktZiBYsB6GWrGXPeC5pQlEhmeKAvb4BZ1O2LQfbO7vY248DxGQ1CTg8EpvqZI2QkL8qTzS4Jc7VekH1blRU6zU1utGtWiMk9r/qnaxNfn3wtCj0Udan5xfGWIqYG726s/Bm/6rxrmua5r3q+fz69uAHbIgqkiEglJIAAAAASUVORK5CYII=)



}



.fix-bottom-menu_memberarea {



    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAApVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABU/knhAAAANnRSTlMAqAMCBaxZRaT13ydQswHzUxcYTl1VNj8NCoMw2nOnBF7F9/bEW/5IfXT0WNxMko2blV/ycG4XosO4AAAAkElEQVR4XqXOxxaCMBCF4SFAEppg7733Pu//aOqJkQnGld/y39wLWmUtZb8MBbUAn1Ju1ioqiyWtLMS3nktyAz+6JNfzHJMs8twkuRXoem0D0dF5BZTnqzoYgsEdjSfT2bwE/2CRyDIRMWOQJxs1mSZbT9c4RGK3Vx8OWHB8/TnhlzPABS04+Lbs/Mo3x+L+AJ3tLOmaFhRcAAAAAElFTkSuQmCC)



}



.fix-bottom-menu_cart {



    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAbCAMAAAAqGX2oAAABd1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACRE7InAAAAfHRSTlMAxOiwLHDgvP0B7wo643oLG1GruzQwGqiSN8dosv6YZ5T3SyNkIQJernnBvdyt82YRl/QdJDbawk7m6erupAz6fR6vxvjZT0yqgjgg8VB/cs5YP4r58vb1FLoPSaEIBdsyiKfhF4BDBhZ++9YmpU3D57lqsQOagYSPRYyJswEplAAAASFJREFUeF590GVz8mAQheFTJ1AorqU4dXd3d3d3f13Pj+9kwkMEmuvTPTv7YWcxWiXz1OMz4UrZTBjmAm0STDUyBVNJumCqm2tKeBvKVFPbfggjrUoMDJaqhqLDPchpOkcRF11XIoOWGhTR3CIqzRCKsE+L6mU7CnWwU6TNEkehLUYg9PUjz1mes8glCG4rhLFxCprTJzgJYbMi53oWeXOcRwHrgtoZOmC0rJ1JKwEYrTIJVYndBoMg/VCt016it0EPNLKXCe7sUtjbZ9R9AC1n4vAo62AawDFPTs/irIZOjCFA+lILoI438vdvoRPhHXBvVRZSwAMfoZN5eq5+eWUMwBvffeVf6YXeNwvJ7z/k/EmSv2Dk+/3HJSn5999/5cQPEhY72qmqUYkAAAAASUVORK5CYII=)



}



.fix-bottom-menu_line {



    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAwJJREFUeNq0Vj1IW1EUPkke5qct/iUgHVysoBEyZDBoFOJPM0m7WAuKm6ujBMyQborQCq1DCF0SjB2cskWFLk6CKHSRWouIQUtERGuj+T2ee/HdvjyTp6nNgS+5v+e7595zv3d18Nf0hJcEB+EJFBveU1e35QlJwhfCH+WgZ4Tl28H/E/uEF0qiz1UgkfGLYDTQj5vwiaCD6thTQlYym83eq6srTRKDwQBOpxOampqgubkZJEmCZDIJx8fHsLu7C0dHR5pMFovlNTQ0NLwvFzb14dzcHB4cHGA5y+fzuLS0hA6HAzX87JclGhwcxEQigQ+1TCaDPp8PKfqHEw0MDGChUMB/sYWFhdJEjY2NH9Qd19fX+BibmJi4Q6RXH9zw8DAYjUZepiQR7RQhRzabFW2sn/zyxDg5OeFlZlNTU6DX64svszqi9fV1sbLu7m6Mx+O8HI1G+ba0t7djOBzG09NTpIzFxcVF7OjoQI/Hg1tbW2Ku1+sVPuvr639KSlqdTgddXV2ink6nOZjRYUMqlYKzszMIBAIsZXlEl5eX0NraCm1tbUAOxdyenh5YXV0VdYk5V1oul+P3RsuCwSCMj4+LOlsEI1Vuq7IsC6lgYnu8ublZNCASifAIWDSyuVwumJycFPWamhqgbRRny2xjY6PIj6ReLZ0DuN1uXp6ZmYG9vT3uqL+/nytCZ2cn1NXVwfT0NNjtdujt7eVJcqsA/H9nZwfW1tZAEUABrFbrvDIZaCuRzuVR6T02NlaU3rSwH3fSm23fyMgInJ+fV6yebO7s7CxQht7ttNls86UkqKWlBVdWViqSIEqQklrHIipLJGN0dBRjsRheXFyUJTk8PMS+vr6yPmpra7/fSySDXc6hoSGkrCwiYcpOnw/NuRURyfD7/ZyAiW4oFEKTyXTvHEYk0QXNV3LgTAVIaoCEE7a3tx80hzjSTHbeVhIR+xiyK1Dhu+Ej3CrDcpUfJ0IEnxO+VoEkQfCA6uXDLu8rwhuCVdUOGvVSbTnCN8I7wm/WcCPAAABTaYeaS5EoAAAAAElFTkSuQmCC)



}



.fix-bottom-menu_phone {



    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAMAAADTXB33AAABUFBMVEUAAAD////////////8/Pz////////Ozs74+PjLy8uBgYHW1tb9/f1+fn79/f3CwsJ8fHyDg4P4+Ph5eXnCwsL6+vr6+vqWlpaBgYGjo6OBgYHt7e36+vqXl5eoqKj5+fn39/ednZ2Ojo6AgID5+fnu7u6jo6ONjY3////h4eH////Hx8eLi4vZ2dlaWlrs7Oz09PTOzs7e3t7+/v6np6e7u7v////6+vpycnKnp6f///9vb2+MjIz///98fHza2tr6+vqXl5dzc3PU1NT///8AAAAKCgoMDAx/f38QEBAvLy8jIyMWFhaAgIBOTk6bm5tWVlYJCQlEREQ6OjqXl5dxcXGSkpIsLCyOjo4bGxsaGhoeHh42NjYyMjIICAghISEUFBQfHx9kZGTKysonJycZGRk3Nze2trY5OTktLS2Hh4dGRkZDQ0M0NDQlJSUXFxfW9Kj8AAAARXRSTlMAQUAASQMFmlzv8Ic9/Tqg+fAf3LR7HsDbp9h/ScTbEV3F4dlhbOnkBn0spM6J+Hpx9JMK1s0SL/HGPe/XMPSLM9v2gwj++rZUAAAA1ElEQVR4XoXJ03bFUBAA0ElzbbO2bWtybdc2/t+dc9uX5Mxa3a8b/uXxjtgdTpUZ6ztiXau65LFlEbGduuiRqw/JW+aSKbeowuOrIle6Ww9fTPlEpWv+gFxBmttQOAKyKFVMBU6cKgGsJNVLL1umFl2/hauBO6rPQeAMIRk2czV6TtUZ48o8jmRikjulSPU9BTA9M2sy3NwN3fzC4tIZfiyv6MqyikS7ur7PYmZtXXcbm9iVKpWxsgU62zv4q9HUdkFvb//vnp4PwODwKCcmf3xyKuIHwrcxiAdAVeEAAAAASUVORK5CYII=)



}



.fix-bottom-menu_message {



    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAMAAADTXB33AAAAmVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjHWqVAAAAMnRSTlMAsL5PkNJgt10668T2lrUzdmb7dxi6hhmX/Zx1SHg8x9ZNv3xK7qwk3vp9CGLkSVatI1QxQhkAAAB0SURBVHhe5clFFsJAFEXBR7pDcHd317v/xUEYhcPvFVDTEiEVVXO2EgqpoULRrgixClc5XNH/VWJXgoidcx2l6i4jRqQa6TRbfFHb+y49qT9gOPIZY71NmGo2Z7HUjzzrzZbdXlYdjpzOMlzgepPpzuNpxAtkOxXgHwu4hAAAAABJRU5ErkJggg==)



}



.mobile_header {



    position: fixed;



    top: 0;



    left: 0;



    background: #fff;



    z-index: 17;



    width: 100%;



    height: 55px;



    border-bottom: 1px solid #eee



}



.mobile-header-store-pic img {



    height: 40px;



    width: auto;



    margin: 5px auto



}



menu {



    position: fixed;



    z-index: 18;



    cursor: pointer;



    padding: 25px;



    margin: 0



}



.mobile_menu {



    top: 0;



    left: 13px



}


.mobile_menu:after {
    position: absolute;
    top: 18px;
    right: -50px;
    content: '選單';
    width: 50px;
    font-size: 13px;
    color: #111;
}



.col-centered {



    float: none;



    margin: 0 auto



}



menu hamburger>i,



menu hamburger>i:before,



menu hamburger>i:after {



    position: absolute;



    width: 30px;



    height: 4px;



    top: 50%;



    left: 50%;



    margin-left: -15px;



    border-radius: 5px;



    background-color: #000;



    pointer-events: auto;



    transition-duration: .35s;



    transition-delay: .35s



}



menu hamburger>i:before,



menu hamburger>i:after {



    top: 0;



    display: block;



    content: "";



    margin: 0;



    transition: transform 0.35s;



    transform-origin: 50% 50%



}



menu hamburger>i:before {



    transform: translate(-50%, -7px)



}



menu hamburger>i:after {



    transform: translate(-50%, 7px)



}



.mobile_menu_list,



.mobile_user_list,



.mobile_search_list {



    position: fixed;



    top: 0;



    z-index: 16;



    height: 100%;



    width: 250px;



    background: #282828;



    overflow: auto



}



.mobile_menu_list {



    left: -250px



}



.mobile_menu_list.active {



    left: 0



}



.mobile_menu_list a,



.mobile_user_list a,



.mobile_search_list a {



    color: white;



    display: block;



    width: 100%;



    height: 100%;



    font-size: 15px



}



.mobile_menu_list>ul,



.mobile_user_list>ul,



.mobile_search_list>ul {



    padding-top: 55px



}



.mobile_menu_list .list-group-item,



.mobile_menu_list .panel,



.mobile_user_list .list-group-item,



.mobile_search_list .list-group-item {



    background: none;



    border: none;



    border-radius: 0



}



.mobile_menu_list .list-group-item.list-group-item-right {



    padding-left: 30px;



    background-color: #5d5d5d



}



.mobile_menu_list .list-group-item {



    padding-left: 15px;



    padding-top: 10px;



    padding-bottom: 10px



}



.panel-group {



    border-top: 1px solid #eee;



    margin: 0



}



.panel-group-no {



    border-top: 1px solid #eee



}



.mobile_user_list .list-group-item_hr {



    border: 0;



    border-top: 1px solid #eee;



    border-bottom: 1px solid #eee;



    padding-top: 15px;



    padding-bottom: 15px



}



.mobile_menu_list .list-group-item h3 {



    font-size: 15px;



    padding: 0;



    margin: 0;



    line-height: 18px



}



.mobile_menu_list .list-group-item h4 {



    font-size: 13px;



    padding: 0;



    margin: 0;



    line-height: 18px



}



.mobile_menu_list .mobile_menu_list_group_title {



    padding-left: 30px;



    padding-right: 15px;



    padding-bottom: 10px;



    padding-top: 10px



}



.mobile_menu_list .mobile_menu_list_group_title a {



    text-decoration: none;



    display: block;



    width: 100%;



    height: 100%



}



.mobile_menu_list_group_title>a>span {



    margin-top: -15px;



    float: right



}



.mobile_menu_list_group_title>a.collapsed>span {



    transform: rotate(90deg)



}



.mobile_user_menu {



    right: 13px;



    top: 0;



    padding-top: 15px;



    padding-right: 0;



    padding-left: 0



}



usericon span {



    font-size: 1.7em



}



.mobile_user_list {



    right: -250px



}



.mobile_user_list.active {



    right: 0



}



.mobile_search_menu {



    right: 60px;



    top: 0;



    padding-top: 15px;



    padding-right: 0;



    padding-left: 0



}



.mobile_search_list {



    right: 0;



    height: auto;



    max-height: 0



}



.mobile_search_list.active {



    max-height: 250px



}



.mobile_search_list input[type=text] {



    width: 100%;



    padding: 2px 8px;



    border-radius: 30px



}



.arrangement {



    float: right;



    margin-left: 5px;



    margin-right: 5px



}



.arrangement>a {



    color: #428bca



}



.latest-news-list h2 {



    font-size: 18px;



    margin-top: 10px



}



.latest-news-list>h1 {



    font-size: 20px;



    text-align: center;



    border-bottom-style: solid;



    border-bottom-width: 1px;



    padding-bottom: 5px;



    width: 300px;



    margin: 0 auto;



    margin-top: 50px;



    margin-bottom: 25px



}



.latest-news-date {



    font-size: 14px



}



.latest-news-list .thumbnail {



    margin: 0 auto;



    border: none



}



.shopping-status {



    font-size: 26px;



    text-align: center;



    color: #c4c4c4



}



.shopping-status>.actives {



    font-size: 26px;



    text-align: center;



    color: #c4c4c4



}



.shopping-status>li+li:before {



    content: "〉"



}



.shopping-store-title {



    font-size: 20px;



    margin-bottom: 30px



}



.shopping-store-title a {



    text-decoration: none



}



.shopping-list-title {



    font-size: 16px



}



.shopping-list-head {



    border-bottom-style: solid;



    border-bottom-color: #bfbfbf;



    border-width: 1px



}



.shopping-product-list {



    margin-top: 10px;



    margin-bottom: 10px



}



.shopping-product-list h5 {



    color: #c9c9c9



}



.shopping-product-list .media-left img {



    border-radius: 6px



}



.shopping-product-list.price {



    text-align: center;



    font-size: 16px



}



.shopping-product-list.quantity {



    text-align: center;



    font-size: 16px



}



.shopping-product-list.subtotal {



    text-align: center;



    font-size: 16px



}



.shopping-product-list.delete-shopping {



    text-align: center;



    font-size: 30px



}



.shopping-list-title.price {



    text-align: center;



    font-size: 16px



}



.shopping-list-title.quantity {



    text-align: center;



    font-size: 16px



}



.shopping-list-title.subtotal {



    text-align: center;



    font-size: 16px



}



.shopping-product-list input.input-number {



    width: 50px;



    float: left;



    border-radius: 0;



    text-align: center



}



.shopping-product-list.total-commodity {



    font-size: 16px



}



.shopping-product-list.operating button {



    margin-right: 15px;



    margin-left: 15px;



    padding-left: 30px;



    padding-right: 30px



}



.shopping-product-list.end {



    margin-bottom: 160px



}



.shopping-product-list.operating.total-commodity {



    text-align: center



}



.shopping-product-list.operating.total-commodity button {



    text-align: center;



    margin-top: 5px;



    margin-bottom: 5px;



    width: 160px



}



.shopping-product-list.amount-due {



    color: red



}



.order-information-list .bg-primary {



    background: #4ab3f7;



    border-radius: 6px;



    font-size: 28px



}



.order-information-list.end {



    margin-bottom: 160px



}



.order-information-list .reg input {



    margin-top: 5px;



    margin-bottom: 5px



}



.order-information-list .verification-code {



    font-size: 16px;



    height: 50px;



    text-align: center;



    line-height: 50px



}



.reg .consent {



    text-align: left;



    width: 100%;



    font-size: 16px



}



.login-button {



    margin-top: 25px;



    padding-left: 20px;



    padding-right: 20px;



    font-size: 20px



}



.font-h4 {



    font-size: 20px



}



.font-h5-1 {



    font-size: 17px



}



.font-h5 {



    font-size: 16px



}



.font-h6-1 {



    font-size: 15px



}



.font-h6 {



    font-size: 14px



}



.off-block {



    display: inline



}



.form-control.reg-address {



    /*width: 100px*/



}



.padding-left-clear {



    padding-left: 0



}



.on-block {



    display: block



}



.hide-show-control {



    margin-top: 5px;



    margin-bottom: 5px



}



.cart-finish-title {



    border-bottom-style: solid;



    border-bottom-color: #000;



    border-width: 1px;



    padding-bottom: 5px;



    padding-top: 5px;



    font-size: 20px;



    font-weight: 700;



    margin-bottom: 15px



}



.cart-finish-block {



    margin-bottom: 5px;



    margin-top: 5px



}



.cart-finish-dashed {



    border-top-style: dashed;



    border-top-color: #ccc;



    border-width: 1px



}



.login-block {



    background-color: #eee;



    border-style: solid;



    border-color: black;



    border-width: 1px;



    border-radius: 6px;



    height: 300px;



    padding-top: 35px;



    padding-left: 50px;



    padding-right: 50px



}



.login-block-title {



    margin-bottom: 10px;



    margin-top: 10px



}



.login-input-block {



    margin-top: 20px;



    margin-bottom: 20px



}



.login-input-remember-block {



    margin-top: 10px



}



.login-end-block {



    margin-bottom: 100px



}



.login-button {



    padding-right: 30px;



    padding-left: 30px



}



.login-button-a {



    text-decoration: underline;



    display: -webkit-inline-box



}



.login-add-message {



    padding-top: 60px



}



.reg-input {



    max-width: 400px



}



.reg-verification {



    max-width: 150px



}



.reg-margin-left-right {



    margin-left: 10px;



    margin-right: 10px



}



.reg-button {



    padding-left: 30px;



    padding-right: 30px



}



.reg-title {



    padding-bottom: 10px;



    padding-top: 10px



}



.reg-block {



    background-color: #e0ebff;



    border-radius: 6px;


    overflow: hidden;



}



.reg-end {



    margin-bottom: 50px



}



.user-menu-div {



    text-align: center;



    margin-top: 25px



}



.user-menu-ul {



    float: none;



    background-color: #eceded



}



.user-menu-li {



    width: 10%;



    font-size: 16px



}



.user-menu-li-two {



    background-color: #d7d6d6



}



.user-list-content {



    border-bottom: 1px solid #ddd;



    border-left: 1px solid #ddd;



    border-right: 1px solid #ddd



}



#user-list-title-block {



    background-color: #017eff



}



#user-list-title-block>a:hover,



#user-list-title-block>a:focus {



    background-color: #017eff;



    border-color: #017eff



}



#user-list-title-block>a {



    color: #fff



}



#user-list-view-message-content>a {



    text-decoration: underline



}



.user-input-full {



    width: 100%



}



.user-row-information {



    padding-top: 5px;



    padding-bottom: 5px



}





.user-input {



    border: 1px solid transparent;



    border-radius: 4px;



    color: #333;



    background-color: #fff;



    border-color: #ccc



}



.user-head {



    border: 1px solid rgb(0, 0, 0);



    padding-top: 30px



}



.user-input-select-date {



    margin-top: 10px



}



.user-table {



    border: 1px solid #ddd



}



.user-table-border-off {



    border: 0 solid #ddd



}



.user-table>thead>tr>th,



.user-table>tbody>tr>td {



    text-align: center



}



.user-table-a-underline {



    text-decoration: underline;



    color: red



}



.user-table-a-shutdown {



    text-decoration: underline;



    color: #214b6b



}



.user-table-a-underline.edit {



    color: #428bca



}



.user-table-a-underline.print {



    color: #333



}



.user-search-input-date {



    max-width: 100px



}



.user-table-button-edit {



    display: block;



    text-decoration: none;



    color: #428bca



}



.user-table-button-del {



    display: block;



    text-decoration: none;



    color: red



}



.user-table-block {



    display: block



}



.user-checkbox-selectall {



    padding-left: 10px



}



.user-checkbox-del-red {



    color: red;



    text-decoration: underline



}



.user-table-order {



    border-bottom: 1px solid #ddd



}



tbody.user-table-collection>tr>td {



    vertical-align: middle



}



.user-table-collection-button-center {



    text-align: center;



    margin: 0 auto;



    margin-top: 5px;



    margin-bottom: 5px



}



.user-table-collection-title {



    background-color: #eceded;



    border-top: 1px solid #000



}



.user-table-collection-button-100 {



    width: 100px



}



.user-table-collection-button-80 {



    width: 80px



}



.user-table-collection-stores-block>a,



.user-table-collection-stores-block>button {



    display: block;



    margin: 0 auto;



    text-align: center;



    max-width: 200px



}



.user-table-collection-stores-block {



    padding-top: 10px;



    padding-bottom: 10px



}



.use-message-main-block {



    display: -webkit-box



}



.use-message-main-block-right {



    margin-right: 30px



}



.use-message-main-block-title {



    padding-left: 15px;



    width: 60%



}



.use-message-dialog-box-left {



    position: relative;



    padding: 10px;



    background-color: #eee;



    border-radius: 5px;



    padding-bottom: 25px



}



.use-message-dialog-box-left-arrow {



    width: 0;



    height: 0;



    border-width: 15px;



    border-style: solid;



    border-color: transparent #eee transparent transparent;



    position: absolute;



    top: 20%;



    left: -30px



}



.use-message-dialog-box-left-time {



    position: absolute;



    color: #a0a0a0;



    right: 5px;



    bottom: 5px;



    padding-top: 10px



}



.use-message-dialog-box-right {



    position: relative;



    padding: 10px;



    margin-left: 30px;



    background-color: #d6ebfe;



    border-radius: 5px;



    padding-bottom: 25px;



    border: 1px solid #017eff



}



.use-message-dialog-box-right-arrow {



    width: 0;



    height: 0;



    border-width: 15px;



    border-style: solid;



    border-color: transparent transparent transparent #d6ebfe;



    position: absolute;



    top: 20%;



    right: -29px



}



.use-message-dialog-box-right-arrow-line {



    width: 0;



    height: 0;



    border-width: 15px;



    border-style: solid;



    border-color: transparent transparent transparent #017eff;



    position: absolute;



    top: 20%;



    right: -30px



}



.use-message-dialog-box-right-time {



    position: absolute;



    color: #94b6d9;



    right: 5px;



    bottom: 5px;



    padding-top: 10px



}



.use-message-main-block-end {



    margin-bottom: 15px



}



.use-message-button-send {



    height: 100px;



    width: 100px



}



textarea.form-control.use-message-textarea {



    height: 100px



}



.order-detail-block {



    border: 1px solid #000;



    margin-right: 0;



    margin-left: 0



}



.order-detail-block-title {



    background: #eceded;



    padding-left: 35px;



    padding-right: 35px;



    padding-top: 10px;



    padding-bottom: 10px



}



.order-detail-block-content {



    padding-top: 10px;



    padding-bottom: 10px



}



.store_index_bargain .title.sub-header-line {



    border-bottom: 1px solid #000;



    padding-bottom: 5px;



    width: 250px;



    margin: 0 auto;



    margin-bottom: 15px



}



.shop_information {



    border-radius: 6px;



    background-color: #f3f8fc;



    padding-top: 35px;



    padding-bottom: 35px



}



.shop_information-block {



    text-align: center



}



.shop_information-button {



    display: -webkit-box;



    width: 240px;



    height: 32px;



    margin-top: 31px;



    margin-right: auto;



    margin-left: auto



}



.article_content-top {



    padding-top: 60px



}



.message-board {



    border-right: 1px solid;



    border-left: 1px solid;



    background-color: #fff



}



.message-board-top {



    border-top: 1px solid



}



.use-set-address-check {



    padding-top: 15px



}



.use-edit-address-block {



    padding-top: 10px;



    padding-bottom: 10px



}



.use-edit-address-button {



    padding-left: 35px;



    padding-right: 35px;



    margin-left: 10px;



    margin-right: 10px;



    margin-top: 10px



}



.use-sellers-order-detail-button {



    float: right;



    margin-left: 10px;



    margin-right: 10px;



    padding-left: 20px;



    padding-right: 20px



}



.use-sellers-order-detail-block {



    padding-top: 10px;



    padding-bottom: 10px



}



.use-order-goods-line {



    border-bottom: 1px solid #969696



}



.use-order-goods-unit {



    color: #8a8a8a



}



.use-order-goods-unit-value {



    line-height: 80px



}



.use-sellers-order-text-red {



    color: red



}



.user-seller-reminder {



    padding-left: 30px;



    padding-right: 30px;



    padding-top: 20px;



    padding-bottom: 20px



}



.user-edit-address-block {



    padding-top: 10px;



    padding-bottom: 10px



}



.message-account {



    padding-top: 30px;



    color: #a2a2a2



}



.message-ask {



    padding-top: 30px



}



.message-posts-date {



    padding-top: 5px;



    padding-bottom: 10px;



    color: #a2a2a2



}



.message-store-replies {



    border-right: 1px solid;



    border-left: 1px solid;



    background-color: #e8e8e8



}



.message-store-replies-end {



    border-bottom: 1px solid;



    box-shadow: 4px 4px 4px rgba(20%, 20%, 40%, .5)



}



.message-store-replies-text {



    padding-top: 5px;



    padding-bottom: 5px



}



.message-store-replies-block {



    padding-top: 10px;



    padding-bottom: 10px



}



.message-shadow-block {



    box-shadow: 4px 4px 4px rgba(20%, 20%, 40%, .5)



}



.message-separate-block {



    padding-top: 25px



}



.message-see-more {



    padding-top: 5px;



    padding-bottom: 5px



}



.message-see-more>u>a {



    color: #428bca



}



.message-box-signin {



    padding-bottom: 10px



}



.message-box {



    background-color: #e8e8e8



}



.message-box-title {



    padding-left: 10px;



    padding-top: 10px;



    padding-bottom: 10px



}



.message-box-verification-code {



    display: -webkit-inline-box;



    line-height: 30px;



    padding-bottom: 10px



}



.message-box-verification-code-input {



    width: 100px;



    margin-left: 10px;



    margin-right: 10px



}



.message-box-verification-code-block {



    padding-top: 10px;



    padding-bottom: 10px



}



.message-box-verification-code-button {



    float: right



}



.message-img {



    margin-right: 15px



}



.slick-prev.slick-arrow {



    display: block;



    margin-right: 0;



    margin-left: 0;



    margin-top: 0;



    right: 0;



    left: 10px;



    z-index: 1



}



.slick-next.slick-arrow {



    display: block;



    margin-right: 0;



    margin-left: 0;



    margin-top: 0;



    right: 10px;



    z-index: 1



}



.slick-dots {



    display: block;



    bottom: 20px



}



.display-none {



    display: none



}



.slick-dotted.slick-slider {



    margin-bottom: 0



}



.thead {



    padding: 8px;



    font-weight: 700;



    background-color: #f5f5f5



}



.control-label {



    text-align: left



}



.clear-padding {



    padding-right: 0;



    padding-left: 0



}



.clear-padding-left {



    padding-left: 0



}



.shopping-cart-delivery-input-checkbox {



    margin: 5px



}



.user-table>tbody>tr>td.text-left {



    text-align: left



}



.new-post {



    position: absolute;



    top: 0;



    left: 17px;



    width: 61px;



    height: 62px;



    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA+CAMAAACvKON1AAABI1BMVEXtGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/tGy/////tGy/+8fL94uXvOEn6xsvuKTzwRlb3m6TzY3D4qbH0cX381NjyVGP5t772jZf1f4p5VssDAAAAUHRSTlMAAxsGMwnwOfyEZgzYGDYkKpZLmVES1fZy0u1ItIEV2+qcuswPYM88dbfzq95U4b2oY3t4bKWQP/nDwOcwIUKxoh5FV07Jb+QnjcafaV2TLVnA2yoAAAM0SURBVHhepdfXkqpKAIXhRh1zdpyt49bJOc/ZOceTw1pkzO//FKcoKQGhi6Lmv+Pio5vutkCR3JZ4Ss10oBvW2+n0WXjiB+n0p3pQvzhMpyvVwEIpt9ciXe9bPnhgsRIC2SS9w1+E18c82Q7ieuIG9smeN9BPksFlOymIpPZIfnHnq7wkybw/XO9eJJZ3TXUgsld0Wz9H7ojNOHAcxBmuujvkqsuMC5ot8m38WW5XfL3NzQ4qhWHVn0Wk7Jdf1+O3KK0u4jvey3duRi5W9qU4rwhJhSLJvaN373Yo7VRI6zCxC7nOPEvUz4W8v54ytnidqN8/NtZgVAtrZZfJVTul8kn5RWcYOfDPpUa3DQa7LItIpXhqTuwZoNPvuhHFg+s4a1kEaGDi42omYnNx8za5hEED1gzzNd7fxLnSHmOyYVnAbIElDZVexYHvGtvnF0ex58SZTxYwqEKzMOYMjqdfbQz8ktGWGjA2NcwMYKlqpGGvcL4rNmpcbNApl9AccgJjAU01oHO2XOmWiNZ748/Y4hwTEzBJGrBhQ4VD6iv+rB7DC3kPT6DqE8w5xlJ3aEGDPQdsmvCefP9DDD/zls5UMTVV6A5UwOQYmOqAQY41b8t3v8Xwb8UVHwOGjQU1aAvTvRloA6R/2IqlbHRwrrIAGNC4wJgkF8DMnC5MBqs+bPo/6aVBA+DoUE3q7uWE0X57DK1e2d8vzKfAnHOMpyppmRF6+qr8PZf7vbbGTf+8mVB1FTAduCsWoflh5Ecy2qPfGBNLxZKaHbVv/uiKzWqnDDTDlI66YEzFhoj0+pahNOiUFJn1Vql4edQPakeK2Q5b5eOgsbrJ2bDPxFpC3nai3s/KdY6JfZfrQrLuK1L9g8mdSPWDHB0WcoXy+f0+819luiXXnzwwODztSnSfbjudzxG86z9us3Qci2su7dWEUN5KXt2ej922HnfL4a37nCld0q0kksreHnTD79OrrBCZO2+lE/r7xr9o08WKC5QSyZsk/LWw8SmwU/HAOfkjSY9EsHsWc2sw5D8iVefsBMDdYzrdLmYCIPNvOl2/esr/qv/aIV2ppdIftkSobCo9Ek9JEcn9D4uo64Va/+X1AAAAAElFTkSuQmCC) no-repeat 0 0



}



.new-post2 {



    position: absolute;



    top: 0;



    left: 17px;



    width: 44px;



    height: 66px;



    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAABCCAMAAAAbpMQZAAAAbFBMVEXPSkrPSkrPSkrPSkrPSkrPSkrPSkrPSkrPSkrPSkrPSkrPSkrPSkrPSkrPSkrPSkrPSkrPSkrPSkrPSkr////PSkrlnp7ikpLSVlb55+f88/PVYmLpq6vvw8PcenrZbm7129vst7ffhobyz8+5pIi7AAAAFHRSTlMAaYHbsSft9pkVVMYJ5OqEhwY5PPnqM+cAAAEPSURBVHhe7dLZTsQwDAVQz7p0drjOnrYD//+PuGVQGoZCeQTlSvHTkeKrhK7nI0/K8XylC0/OhU7T8Yn4F/l7uOCCC45OyzQ2ykEX56M1Am6ulqlkJgygYa4BOXdsoZg9EAVY6Bxb84G5j0LbDcBwIyPHeM2x70QLQHPAjTOsHNRgDcUCtYdTiGzxkuNaAyHDwhSCAWo4/oRZ6HANFtai4QiL8IC5zbEwWGYNoHnExqU1rO9Z6C+wnOH3F2hcepRGWOu8kAD9T75owQUXvHx+Wk7Dm+2KJKvt5ke8nu/ont18/S1ezA40yGG2GMX7ih5S7TOcWtGXGXSl1GosqSulVmNJXSm1GkvqStJqYqr9G63g3ZGIWjq3AAAAAElFTkSuQmCC) no-repeat 0 0



}



.callout {



    position: absolute;



    left: 10px;



    top: -10px;



    z-index: 9;



    text-transform: uppercase;



    pointer-events: none;



    opacity: .95



}



.inner-text {



    z-index: 9;



    position: absolute;



    display: table-cell;



    vertical-align: middle;



    text-align: center;



    font-size: 16px;



    line-height: 40px;



    color: #fff;



    font-weight: 700;



    padding-left: 3px



}



.burst-12 {



    background: red;



    width: 40px;



    height: 40px;



    position: relative;



    text-align: center



}



.burst-12:before,



.burst-12:after {



    content: "";



    position: absolute;



    top: 0;



    left: 0;



    height: 40px;



    width: 40px;



    background: red



}



.burst-12:before {



    -webkit-transform: rotate(30deg);



    -moz-transform: rotate(30deg);



    -ms-transform: rotate(30deg);



    -o-transform: rotate(30deg);



    transform: rotate(30deg)



}



.burst-12:after {



    -webkit-transform: rotate(60deg);



    -moz-transform: rotate(60deg);



    -ms-transform: rotate(60deg);



    -o-transform: rotate(60deg);



    transform: rotate(60deg)



}



.container.detail img {



    display: block;



    max-width: 100%;



    height: auto



}



.background-orange,



.background-orange:before,



.background-orange:after {



    background: orange



}



.view {



    display: inline-block;



    color: #fff;



    text-align: left;



    padding: 15px 0



}



@media(max-width:1199px) {



    .common_product_area a div {



        height: 306px



    }



}



@media (max-width:992px) {



    .navigation {



        position: fixed;



        z-index: 17;



        top: 0;



        left: 0;



        width: 100%;



        height: 15px;



        padding: 0;



        font-size: 12px;



        background: white;



        margin: 0



    }



    .content {



        margin-top: 55px



    }



    .common_product_area a div {



        height: 208px



    }



    .store_index_bargain {



        margin-top: 55px



    }



    .order-information-list.end div:first-child {



        display: inline-block;



        width: 100%



    }



}



@media(max-width:480px) {



    .common_footer_area_viewer {



        float: none !important;



        text-align: center



    }



    .common_footer_area_viewer img {



        display: inline-block;



        padding-top: 15px



    }



    .common_footer_area_viewer span {



        padding-bottom: 5px



    }



    .common_product_area a div {



        height: 165px



    }



}



@media (max-width:375px) {



    .nav>li>a {



        position: relative;



        display: block;



        padding: 5px 5px



    }



    .order-detail-block-title {



        padding-left: 10px;



        padding-right: 10px



    }



    .use-message-main-block-title {



        width: 50%



    }



}



@media (min-width:0) {



    .product_page_intro_content {



        margin: 20px 0



    }



}



@media (min-width:990px) {



    .navbar-height>li>a {



        padding-top: 5px;



        padding-bottom: 5px



    }



    .navbar {



        min-height: 35px



    }



    .navbar-brand {



        border-color: none;



        height: 35px;



        line-height: 35px



    }



    .navbar {



        margin-bottom: 0



    }



    .navbar-nav>li>a {



        line-height: 35px



    }



}



@media (max-width:990px) {



    #slides-banner {



        margin-top: 54px



    }



}



@media (max-width:768px) {



    .shopping-status {



        font-size: 14px



    }



    .table-responsive {



        padding-right: 0;



        padding-left: 0



    }



}



@media (min-width:768px) {



    .on-block-goods {



        display: block



    }



}



.col-xs-1-5,



.col-sm-1-5,



.col-md-1-5,



.col-lg-1-5 {



    position: relative;



    min-height: 1px;



    padding-right: 10px;



    padding-left: 10px



}



.col-xs-1-5 {



    width: 20%;



    float: left



}



@media (min-width:768px) {



    .col-sm-1-5 {



        width: 20%;



        float: left



    }



}



@media (min-width:992px) {



    .col-md-1-5 {



        width: 20%;



        float: left



    }



}



@media (min-width:1200px) {



    .col-lg-1-5 {



        width: 20%;



        float: left



    }



}



.panel-group .panel+.panel {



    margin-top: 2px



}



.mobile_collapse_symbol {



    color: white;



    float: right;



    font-size: 15px



}



.mobile_collapse_title {



    float: left



}



.mobile_collapse_group {



    padding-bottom: 15px



}



.panel-body {



    background-color: #9d9d9d;



    padding-top: 5px;



    padding-bottom: 5px;



    padding-right: 5px;



    padding-left: 35px



}



.collapse.in {



    position: relative



}



.merchants.mobile_header.container {



    border-bottom: 0 solid #eee;



    background: #4edddb



}



.merchants.navbar.navbar-default.hidden-sm.hidden-xs.navigation .navbar-brand img {



    height: 55px



}



.merchants.navbar.navbar-default.hidden-sm.hidden-xs.navigation .navbar-brand {



    padding-top: 3px



}



.merchants.navbar.navbar-default.hidden-sm.hidden-xs.navigation {



    background-color: #4edddb



}



.merchants.jumbotron {



    height: 500px;



    display: block;



    background-position: center center;



    background-repeat: no-repeat;



    background-size: cover



}



.merchants.jumbotron .pull-right h1 {



    font-size: 36px



}



.merchants.jumbotron .pull-right {



    margin-top: 100px;



    background-color: rgba(78, 221, 219, .6);



    text-shadow: 3px 3px 3px rgba(0, 0, 0, .45);



    color: white;



    text-align: center;



    padding: 10px;



    width: 450px;



    margin-right: 10%



}



.merchants.row .common_product_area {



    border: 0 solid #ddd



}



.merchants .navbar-nav>li>a {



    line-height: 55px



}



.merchants .ul_li_level {



    text-align: center;



    font-size: 14px



}



.merchants .ul_li_level li {



    padding-left: 15px;



    padding-right: 15px



}



.merchants .footer_img {



    text-align: center;



    padding-bottom: 15px



}



.merchants .ul_li_level ul li {



    display: initial



}



@media (max-width:768px) {



    .merchants.jumbotron .pull-right {



        width: auto;



        margin-right: 0



    }



    .merchants .ul_li_level ul li {



        display: flex



    }



    .merchants {



        text-align: left



    }



    .merchants .footer_img {



        text-align: left



    }



    .merchants.jumbotron .pull-right h1 {



        font-size: 24px



    }



    .jumbotron p {



        font-size: 16px;



        font-weight: 300



    }



}

/*20210712 增修-起*/

.user-row-information .info-txt {position: relative;margin: 0 0 .5em}



.user-row-information .info-txt:after {width: 25px;height: 34px;text-align: center;line-height: 34px;}



.user-row-information .text-left .year:after {position: absolute;content: '年';}



.user-row-information .text-left .month:after {position: absolute;content: '月';}



.user-row-information .text-left .day:after {position: absolute;content: '日';}



.btn-box {margin: 1em 0 0;text-align: right;}



.shopping-product-list.operating.total-commodity button {float: none;}



.user-table-collection img {max-width: 80px;}



.order-detail-block-content img {max-width: 80px;}



.use-order-goods-unit-value {line-height: 1.25;}



#bonus_money {display: inline-block!important;width: 120px!important;}

.emptyBox {}

.emptyBox li {position: relative;width: 100%;min-height: 480px;text-align: center;}

.emptyBox li span{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;}

.shopping-product-list.operating.total-commodity {text-align: right;padding: 0;}

.shopping-product-list.operating button {margin-right: 0;}



@media (max-width:768px) {

 .btn-box {text-align: center;}

 .shopping-product-list.operating.total-commodity button {width: initial;margin: 0 5px;padding: 6px 12px;}

 .titlename {display: none;}

 .shopping-list-head {position: relative;border-top:1px #bfbfbf solid;}

 .shopping-product-list .media {padding-right: 50px;}

 .shopping-product-list .media img {width: 88px;}

 .shopping-product-list h4 {font-size: 15px;line-height: 1.5;font-weight: 400;}

 .shopping-product-list.price, .shopping-product-list.quantity, .shopping-product-list.subtotal {position: relative;text-align: left;padding-left: 58px;line-height: 34px;font-size: 15px;margin: .5em 0;}

 .shopping-product-list.price:after {position: absolute;left: 0;content: '價格：';width: 58px;}

 .shopping-product-list.quantity:after {position: absolute;left: 0;content: '數量：';width: 58px;}

 .shopping-product-list.subtotal:after {position: absolute;left: 0;content: '小計：';width: 58px;}

 .btn-del {position: absolute;right: 10px;top: 0}

 .order-list > div {position: relative;}

 .order-name, .order-price, .order-amount, .order-subtotal {padding-left: 60px;}

 .order-name:after {position: absolute;content: '編號：';width: 50px;height: 34px;text-align: center;line-height: 40px;left: 10px;top: 0;}

 .order-price:after {position: absolute;content: '價格：';width: 50px;height: 34px;text-align: center;line-height: 40px;left: 10px;top: 0;}

 .order-amount:after {position: absolute;content: '數量：';width: 50px;height: 34px;text-align: center;line-height: 40px;left: 10px;top: 0;}

 .order-subtotal:after {position: absolute;content: '小計：';width: 50px;height: 34px;text-align: center;line-height: 40px;left: 10px;top: 0;}

}

/*新增*/
.sp-title {display: none;}

.slick-slide {text-align: center;}

.slick-slide img {display: inline-block;}

.product_page_intro_content .tab-content .tab-pane {max-width: 100%;}

ul.faqList li {float: left;width: 100%;}

ul.faqList strong {display: inline-block;color: #005aca;width: 90px;vertical-align: top;}

ul.faqList .txtBox {display: inline-block;float: left;width: calc(100% - 180px);}

/*ul.faqList .txtBox p {display: inline-block;width: calc(100% - 110px);}*/

ul.faqList .dateBox {display: inline-block;float: right;}

.common_comment_area_group {overflow: hidden;}

.user-list-content .table {margin: 0;}

.user-list-content .btnBox {text-align: right;padding: 1rem;border-top: 1px solid #ddd;}

.user-list-content .btnBox a {color: #017eff;font-size: 1.15em;}

.user_qa_message_board .topBox {display: block;padding: 1rem 0;border-bottom: 1px solid #4ab2f7;}

.user_qa_message_board .topBox strong {display: inline-block;font-size: 1.25em;line-height: 1;font-weight: 500;color: #005aca;vertical-align: top;}

.user_qa_message_board .topBox p {display: block;}

.user_qa_message_board h2 {display: block;font-size: 1.5em;margin: 0 0 1rem;}

.user_qa_message_board .dateBox {display:block;text-align: right;}

.user_qa_message_board ul.list {padding:1rem 0;}

.user_qa_message_board ul.list li {padding: 1rem 0;border-bottom: 1px dashed #ddd;}

.messageBox .titleTxt {background: #e0edf5;padding: 1rem;margin: 0 0 1rem;border: 1px solid #428bca;color: #005aca;}

.messageBox ul.list {padding:1rem 0;border: 1px solid #ddd;padding: 1rem;margin: 0 0 2rem;}

.messageBox ul.list li {padding: 1rem 0;border-bottom: 1px dashed #ddd;}

.messageBox ul.list strong {display: inline-block;font-weight: 500;width: 90px;vertical-align: top;}

/*.messageBox ul.list p {display: inline-block;width: calc(100% - 290px);}*/

.messageBox ul.list .dateBox {display: inline-block;vertical-align: top;}

.comment-form {margin: 2rem 0 0;}

.comment-form div {margin: 0 0 1rem;}

.comment-form label {display: inline-block;vertical-align: top;font-weight: normal;}

.comment-form input, .comment-form textarea {width: calc(100% - 54px)!important;}

.common_comment_area_group textarea {height: 200px;}

@media (max-width: 767px) {

.common_comment_area_group {padding: 1rem;}

.comment-form label {width: 100%!important;}

.comment-form input, .comment-form textarea {width: 100%!important;}

.store_index_bargain .container {position: relative;height: calc(100vh - 110px)}

.emptyBox {position: absolute;top: 50%;left: 0;width: 100%;margin: 0;transform: translateY(-50%);}

.emptyBox li {min-height: inherit;}

}