@charset "UTF-8";
/*Google fonts*/

/*
* Noto Sans TC (Chinese_traditional) http://www.google.com/fonts/earlyaccess
 */
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format('opentype');
 }

a {
    color: #000;
    cursor: pointer !important;
    text-decoration: none !important;
}

.mobile_photo a{
  font-size: 14px;
}

.menu-search{
  background-color: #fafafa;
  background-image: url(../images/icon_search.png);
  background-position: 15px;
  background-repeat: no-repeat;
  background-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 60px;
  margin-right: 40px;
}

p {
    font-size: 16px;
    line-height: 2.1;
}

p div {
    word-wrap: break-word;
}

* {
    margin: 0;
    padding: 0;
    color: #000000;
    word-wrap: break-word;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    margin: 0 auto;
}

body {
    font-family: Arial, 'El Messiri', 'Noto Sans TC', sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    background: #FFFFFF !important;
    -webkit-transition: all .5s;
    transition: all .5s;
}

table {
    empty-cells: show;
    border-collapse: collapse;
    /* margin-bottom: 5%; */
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

td,
th {
    word-break: break-all;
    display: table-cell;
    vertical-align: inherit;
    word-wrap: break-word;
}

td {
    font-size: 18px;
    line-height: 2.1;
    word-break: break-all;
}

pre {
    font-family: Arial, Hiragino Sans GB, \\51AC\9752\9ED1, Microsoft YaHei, \\5FAE\8EDF\96C5\9ED1, Heiti, \\9ED1\9AD4;
    font-size: 18px;
    background-color: #fff;
    border: none;
    display: block;
    margin: 0 0 10px;
    word-break: break-all;
    word-wrap: break-word;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
input:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder,
input::-ms-input-placeholder,
textarea::-ms-input-placeholder,
select::-ms-input-placeholder {
    /* WebKit browsers */
    font-size: 16px;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

label {
    font-weight: 400;
}

.star i,
.star img{
  color: #FF5e6d;
  margin-right: 3px;
}

.offers_bar_c_1 i{
    color: #6dd0cd;
  }

  .phone-designer{
    margin-left: -25px;
     height: 30px;
     overflow: hidden;
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }

.forum_icon{
  width: 15px;
  height: 15px;
  margin-right: 5px;
}


.forum-announce{
  background-color: #6dd0cd;
    color: #ffffff !important;
    text-align: center;
    border-radius: 20px;
    margin-top: 5px;
    width: 50px;
    height: 27px;
    line-height: 30px;
    font-size: 14px !important;
}

.forum-announce-title{
  font-weight: bold;
}

.forum-hot{
  background-color: #FF5e6d;
    color: #ffffff !important;
    text-align: center;
    border-radius: 20px;
    margin-top: 5px;
    width: 50px;
    height: 27px;
    line-height: 30px;
    font-size: 14px !important;
}

.forum-hot-title{

}

/*-----格式-----*/

.nav.navbar-nav>li>a {
    padding: 15px 10px;
}

.nav-tabs {
    border: none;
}

.input-group-addon {
    background-color: #fff;


}

.contactSpan{
  min-width: 110px;
  text-align: left;
}

.contactspan{
  min-width: 100px;
  text-align: left;
}

.none-scroll {
    overflow: hidden;
}

.nav-tabs>li>a {
    margin-right: -2px;
}

.position {
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
}

.box {
    background: #ccc;
    position: relative;
    overflow: hidden;
    margin: 20px;
}

.box111 {
    background: #3d3d3d;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(61, 61, 61);
    box-shadow: 0 0 3px #ccc;
    box-sizing: border-box;
    box-shadow: 0 0 3px #ccc;
    box-sizing: border-box;
}

.box_con {
    padding: 20px;
}

.row-0 {
    margin-right: 0px;
    margin-left: 0px;
}

.aa_111 {
    margin-left: 15px;
}

.container-fluid-0 {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.container :after {
    clear: both;
}

.padding-0 {
    padding: 0px;
}

.padding-3 {
    padding: 3%;
}

.padding-5 {
    padding: 5%;
}

.padding-5-3 {
    padding: 5% 3% 5% 3%;
}

.padding-7 {
    padding: 7%;
}

.padding-10 {
    padding: 10px;
}

.padding-15 {
    padding: 15px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-3-0-100 {
    padding: 3% 0;
}

.margin-0-1-100 {
    margin: 0% 1%;
}

.margin-0-2-100 {
    margin: 0% 2%;
}

.item-trans {
    transition: all .6s;
    -webkit-transition: all .6s;
}

.btn {
    display: inline-block;
    transition: all .5s;
    -webkit-transition: all .5s;
    border: none;
}

a.btn {
    color: #fff;
}

.border-top-2-s-6dd0cd {
    border-top: 2px solid #6dd0cd;
}

.border-top-1-s-040 {
    border-top: 1px solid #00000040;
}

.border-bottom-2-solid-000 {
    border-bottom: 2px solid #000;
}

.border-bottom-2-solid-6dd0cd {
    border-bottom: 2px solid #6dd0cd;
}

.border-bot-1-s-040 {
    border-bottom: 1px solid #00000040;
}

.height35 {
    height: 35px;
}

.none-wrap {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.height35 .btn {
    height: 35px;
}

.form-cel {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-radius0 {
    border-radius: 0;
}

.nav-tabsss {
    border-bottom: 1px solid #ddd;
}

.nav-tabsss>li.active>a,
.nav-tabsss>li.active>a:focus,
.nav-tabsss>li.active>a:hover {
    background: 0 0;
    border: none;
    border-bottom: 3px solid #3d3d3d;
    padding: 12px 13px 6px;
    color: #3d3d3d;
}

.nav-tabsss>li {
    float: left;
}

.nav-tabsss>li>a {
    border: none;
    color: #666;
    transition: all .2s;
    padding: 12px 13px 8px;
}

.nav-tabsss>li>a:hover {
    background-color: #fff;
    border-bottom: 3px solid #3d3d3d;
    padding: 12px 13px 6px;
}

.nav-tabsss>li>a {
    font-size: 19px;
    margin-right: 2px;
    line-height: 1.42857143;
    border-radius: 4px 4px 0 0;
}

#navbar-primary .navbar-nav .dropdown-menu li a {
    /*background: #fff;*/
    font-weight: bold;
    color: #333;
}

.navbar {
    border: none;
}

.menu-branches {
    /*background: #fff;*/
    font-weight: 400;
    color: #333;
}

#splash {
	overflow: hidden;
	width: 960px;
	margin: 0px auto;
	padding: 0px 0px;
}

#splash ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#splash li {
	float: left;
	margin-left: 17px;
}

#splash img {
	border: 1px solid #b4b4b4
}

#splash .first {
	margin-left: 0px;
}

@media screen and (max-width: 639px) {
    .nav-tabsss li {
        width: 33%;
        text-align: center;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .class_info {
    min-width: 0px!important;
}
}

@media screen and (max-width: 991px) {
    .banner_slide_wrap .search-wrapper{
      display: none;
    }
    .search-tab-content .button.search {
        text-align: center;
        padding: 3%;
        display: table;
        font-size: 18px;
        height: 25px;
        border-radius: 2px;
        vertical-align: middle;
        margin: 0 auto;
        width: 60%;
    }

    .search-tab-content .wahanda-complete.service {
    display: table-cell;
    width: 100%!important;
    margin-bottom: 5px;
  }
  .search-tab-content .wahanda-complete.location {
    display: table-cell;
    width: 100%!important;
    margin-bottom: 5px;
  }
  .search-tab-content .wahanda-complete.select-date {
    display: table-cell;
    width: 100%!important;
    margin-bottom: 5px;
  }

}

.btn-primary{
  background-color: #6dd0cd;
}

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

.designer_more .btn-primary {
    padding: 6px 10px;
    width: 80px;
    border-radius: 2px;
    border: none;
    background-color: #6dd0cd;
}

.designer_more .btn-primary:hover {
    background-color: #b6e7e6;
}

#article_forum_article_h1{
      font-size: 24px;
}

#article_forum_article_h1 span {
    font-size: 26px;
    font-weight: bold;
}

@media screen and (max-width: 961px) {}

@media screen and (max-width: 375px) {
    .designer_info_wrap {
        /* padding: 12%; */
        text-align: center;
        margin: 0 auto;
    }

    .designer_btn {
        width: 75px;
        margin-right: 10px;
    }
}

@media screen and (max-width:775px) {
    .main_forum_L_info_input input[type="radio"]+label {
        position: relative;
        right: 5px;
        bottom: 15px;
    }
}

@media screen and (max-width: 375px) {
    .main_index_L_info_class {
        font-size: 12px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .multi_ellipsis {
        font-size: 14px;
    }
    .main_index_L_info_post,
    .multi_ellipsis {
        height: 30px !important;
        line-height: 30px !important;
    }
    .main_forum .main_index_L_info_s {
        font-size: 12px;
    }
    .main_forum_L_info_input input[type="radio"]+label {
        display: inline-block;
        font-size: 16px;
        cursor: pointer;
        padding: 5px 10px;
        border-radius: 5px;
    }
    #article_forum_article_h1 {
        font-size: 18px;
    }

    #article_forum_article_h1 span {
        font-size: 20px;
    }
}

@media screen and (min-width: 376px) {
    .main_forum .main_index_L_info_s {
        font-size: 16px;
    }
    .main_forum_L_info_input input[type="radio"]+label {
        display: inline-block;
        font-size: 2rem;
        cursor: pointer;
        padding: 5px 10px;
        border-radius: 5px;
    }
}

@media screen and (max-width: 768px) {
    .main_search_bar {
        width: 100%;
    }
    .designer_form_search .btn {
        width: 100%;
        display: block;
        float: left;
        height: 35px;
        border-radius: 0;
    }
    .designer_form_search select.form-control {
        margin-bottom: 30px;
        width: 100%;
        float: left;
        height: 35px;
        border-radius: 0;
        -webkit-appearance: none;
    }
    .sign-btn-wrap .sign_button {
        position: relative;
        float: right;
        left: -20px !important;
        bottom: 21px !important;
    }
    .sign-btn-wrap .register_button {
        position: relative;
        float: right;
        left: -20px !important;
        bottom: 5px !important;
    }
    .main_body_about_img {
        position: relative;
        right: -50px;
    }
}

@media screen and (min-width: 769px) {
    .main_search_bar {
        width: 100%;
    }
    .designer_form_search .form-group {
        margin-bottom: -15px;
    }
    .designer_form_search select.form-control {
        margin-bottom: 30px;
        width: 30%;
        float: left;
        height: 35px;
        border-radius: 0;
        -webkit-appearance: none;
    }
    .designer_form_search .btn {
        width: 10%;
        display: block;
        float: left;
        height: 35px;
        border-radius: 0;
    }
}

@media screen and (max-width: 639px) {
    ul.wrap {
        margin: 0 auto;
    }
}

@media screen and (min-width: 640px) {
    ul.wrap {
        display: table;
        margin: 0 auto;
    }
}

@media screen and (min-width: 768px) {
    /*.header-search-block.active {
        display: none !important;
    }*/

    .mobile-hidden {
        display: none;
    }
}

.multi_ellipsis {
    height: 35px;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.mobile_reply {
    min-width: 60px;
}

.mobile_like{
  min-width: 60px;
}

/*-----格式-----*/

/*-----固定區塊-----*/

.block {
    display: block;
}

.top_bar {
    background: #d6c5c50f;
    padding: 0.5% 0;
}

.top_right_icon ul {
    list-style: none;
}

.top_right_icon ul li {
    display: inline-block;
}

.top_right_icon ul li a {
    text-align: center;
    color: #19191991;
    transition: all 0.3s ease-out;
}

.top_right_icon ul li a:hover {
    text-decoration: none;
    color: #0d0d0d;
}
/*iPad*/
@media (max-width: 991px){
.cd-top-mobile-nav{
    display: block;
  }


}
@media (min-width: 992px){
.header-search-block.active {
    display: none !important;
}


}
@media (min-width: 767px){
#cd-lateral-nav .cd-navigation {
  margin: 0px;
}
}

.navbar-brand {
    padding: 0px;
    margin: 0px;
    margin-left: 0px !important;
    height: 100px;
    float: none;
}

.navbar-brand img {
    height: 100%;
    width: auto;
    padding: 10px 15px;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    background-color: rgb(252, 251, 251);
    padding-bottom: 14px;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #6dd0cd;
}

.navbar {
    margin: 0;
}

.navbar-right-show {
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 16px;
    color: #000;
}

.navbar-inverse {
    background: #fcfbfb;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: rgba(0, 0, 0, 0.5);
}

.navbar-inverse .navbar-brand {
    height: 66px;
}

.navbar-inverse .navbar-toggle {
    border-color: #6dd0cd;
    z-index: 999;
}

.navbar-inverse .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-inverse .navbar-toggle:focus {
    background-color: transparent;
}

#navbar-primary {
    z-index: 10;
    height: 60px;
    border-bottom: 1px solid #232323;
    transition: all 0.4s ease-out;
    /* -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); */
    /* -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); */
    /* box-shadow:0px 0px 8px 1px rgba(20%,20%,40%,0.5); */
}

.navbar {
    border-radius: 0;
}

.header-img-wrap img {
    position: absolute;
    top: 0;
    left: -35px;
    right: 0;
    width: 200px;
    height: 60px;
}

#navbar-primary.affixed-top {
    background: #656D78;
}

#navbar-primary.affix {
    position: fixed;
    background: #faf8f8;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 2px solid rgb(101, 204, 204);
}

#navbar-primary .navbar-color {
    border-color: #98f3f0;
}

#navbar-primary .navbar-nav {
    text-align: center;
    margin: 0 auto;
    float: none;
}

#navbar-primary .navbar-nav li {
    display: inline-block;
    float: none;
}

#navbar-primary .navbar-nav>li:after {
    position: absolute;
    bottom: 4px;
    left: 0px;
    width: 0px;
    height: 2px;
    background-color: #6dd0cd;
    content: '';
    transition: 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

#navbar-primary .navbar-nav li:hover:after {
    width: 100%;
}

#navbar-primary .navbar-nav li:hover>ul {
    display: block;
}

#navbar-primary .navbar-nav li a {
    line-height: 30px;
    color: #333;
    transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease 0s;
    font-size: 16px;
    font-weight: 400;
}

#navbar-primary .navbar-nav li>a:hover {
    color: #6fbdc1;
    padding-top: 10px;
}

#navbar-primary .navbar-nav li .dropdown-menu li {
    display: block;
    font-size: 1em;
    margin-bottom: 0px;
    padding: 5px 20px 5px 20px;
    line-height: 22px;
    width: 250px;
}

#navbar-primary .dropdown-menu li{
  float: left;
}

#navbar-primary .navbar-nav li .dropdown-menu li>ul>li:hover {
    background: #6dd0cd;
    width: 210px;
}

#navbar-primary .navbar-nav li .dropdown-menu li>ul>li:hover span {
    color: #fff;
}

.dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #fff;
}

.dropdown-menu {
    background: #ffffff;
    border: 0px;
    width: 750px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
    margin: 0px 0 1px;
    left: -630%;
}

.dropdown-menu-2{
  width: 500px;
  left: -330%;
}

.dropdown-menu-1{
  width: 250px;
  left: -35%;
}

.logout{
  float: right !important;
}

.navbar-nav li .dropdown-menu ul {
    border-top: 1px solid #6fbdc1;
    margin: 0px 0px;
    padding: 0;
    /* margin-left: -18px;
    padding-left: 18px; */
    outline: none;
    list-style: none outside none;
}

.navbar-nav ul .dropdown-menu {
    padding: 25px;
}

#navbar-primary .navbar-nav li .dropdown-menu>li:before {
    content: "";
    border-color: transparent #A0A0A0;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: 0;
    top: 1.9em;
    position: relative;
}

#navbar-primary .navbar-nav li .dropdown-menu li:hover {
    background: #fff;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #fff;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 3px;
    border-radius: 1px;
}

.sidebar-nav a.active>.sidebar-nav-indicator,
.sidebar-nav a.open>.sidebar-nav-indicator,
.sidebar-nav li.active>a>.sidebar-nav-indicator {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.header-fixed-top #sidebar-alt {
    position: fixed;
    right: 0;
    top: 60px;
    bottom: 0;
}

#sidebar-alt {
    right: 0;
}

.sidebar-alt-visible-xs #sidebar-alt {
    width: 250px;
    z-index: 1999;
}

.sidebar-alt-visible-xs #sidebar-alt.width {
    height: auto;
    -webkit-transition: width 0.4s ease;
    -moz-transition: width 0.4s ease;
    -o-transition: width 0.4s ease;
    transition: width 0.4s ease;
}

.sidebar-alt-visible-xs #main-container {
    margin-right: 250px;
    margin-left: -250px;
}

.sidebar-nav {
    list-style: none;
    margin: 0;
    padding: 0px 0 0;
    transition: all 0.4s ease;
}

.sidebar-nav a:hover,
.sidebar-nav a.open,
.sidebar-nav li.active>a {
    opacity: 1;
    text-decoration: none;
}

.sidebar-nav a {
    display: block;
    color: #333;
    padding: 9px 10px;
    min-height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #4b4b4b;
    text-decoration: none;
}

.sidebar-nav span {
    color: #fff;
    font-size: 16px;
}

#sidebar,
#sidebar-alt,
#main-container,
.header-fixed-top header {
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

#sidebar,
#sidebar-alt,
#main-container,
.header-fixed-top header {
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

#sidebar-alt {
    right: 0;
}

#sidebar,
#sidebar-alt {
    background-color: #eaedee;
    width: 0;
    position: absolute;
    overflow: hidden;
}

.sidebar-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    background: url(../img/template/ie8_opacity_dark_30.png) repeat;
    background: #eee;
}

.sidebar-nav a>.sidebar-nav-icon,
.sidebar-nav a>.sidebar-nav-indicator {
    display: inline-block;
    opacity: 0.5;
    filter: alpha(opacity=50);
    width: 18px;
    font-size: 22px;
    text-align: center;
}

.sidebar-nav a>.sidebar-nav-indicator {
    float: right;
    line-height: inherit;
    margin-left: 4px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.sidebar-nav a>.sidebar-nav-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-play-circle:before {
    content: "\f0aa";
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*---Slider mobile bar end---*/

.banner {
    height: 100%;
    width: auto;
}

.bottomline {
    list-style: none;
}

.bottomline li {
    display: inline-block;
}

.bottomline li a {
    color: #F5F7FA;
}

/* Pull right  */

.pullRight a:before {
    position: absolute;
    width: 0px;
    height: 100%;
    left: 0px;
    top: 0px;
    content: '';
    background: #bbe9e7;
    opacity: 0.3;
    transition: all 0.3s;
}

.pullRight a:hover:before {
    width: 100%;
}

.panelmag_member {
    text-align: center;
    padding-bottom: 30px;
}

.btn-green-light {
    background-color: #6dd0cd;
    border-color: #a8bbba;
    color: #fff;
    transition: all 0.3s ease-out;
    border-radius: 0;
}

.btn-green-light .active,
.btn-green-light .disabled,
.btn-green-light:active,
.btn-green-light [disabled] {
    background-color: #b6e7e6;
    border-color: #00000012;
}

.btn-green-light:hover,
.btn-green-light:active {
    background-color: #b6e7e6;
    border-color: #a8bbba;
    color: #000000
}

.btn {
    padding: 6px 12px;
    font-weight: bold;
}

.btn-post {
    padding: 6px 12px;
    font-weight: bold;
    background: #ffd0d0;
    color: #0000007a;
}

/*-----固定區塊-----*/

/*-----index start-----*/

.index_bar {
    padding: 3% 3px;
}

.index_bar .main_index_bar1 {
    text-align: center;
    font-size: 19px;
}

.index_bar .main_index_bar1 span {
    margin: 5px;
}

.index_bar .main_index_bar1 a {
    color: #000;
    text-decoration: none;
}

.index_bar .main_index_bar2 {
    text-align: center;
    font-size: 19px;
}

.index_bar .main_index_bar2 span {
    margin: 5px;
}

.index_bar .main_index_bar2 a {
    color: #ff9999;
    text-decoration: none;
}

.index_store_1 {
    padding-top: 50px;
}

.index_store_3 {
    padding-top: 10px;
}

/* XXX商家 更多作品 */

.index_border_bottom_title h3 {
    color: #ed1d1d;
    letter-spacing: 2px;
    font-size: 24px;
    font-weight: 400;
}

.index_border_bottom_title h5 {
    font-weight: 400;
    font-size: 16px;
}

.index_border_bottom_title h3::before {
    content: "";
    width: 10%;
    display: inline-block;
    border-style: solid;
    border-color: #ed1d1d;
    border-width: 1.5px;
    position: relative;
    bottom: 5px;
}

.index_border_bottom_title h3::after {
    content: "";
    width: 10%;
    display: inline-block;
    border-style: solid;
    border-color: #ed1d1d;
    border-width: 1.5px;
    position: relative;
    bottom: 5px;
}

.index_store_name_LR {
    position: relative;
}

.index_store_name_L {
    margin-top: 20px;
    margin-bottom: 20px;
}

.index_store_name_L :before {
    content: "";
    width: 50px;
    height: 3px;
    background-color: #494949;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -140px
}

.index_store_name_L :after {
    content: "";
    width: 50px;
    height: 3px;
    background-color: #494949;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 90px;
}

.index_store_name_LE:before {
    content: "";
    width: 50px;
    height: 3px;
    background-color: #494949;
    display: block;
    position: absolute;
    top: 50%;
    left: 45%;
    margin-left: -140px
}

.index_store_name_LE:after {
    content: "";
    width: 50px;
    height: 3px;
    background-color: #494949;
    display: block;
    position: absolute;
    top: 50%;
    left: 55%;
    margin-left: 90px;
}

.index_store_name_R {
    /* float: right;
  position: absolute;
  bottom: 0px;
  right: 0; */
    position: absolute;
    right: 4px;
    bottom: -23px;
    /* width: 56px;
  height: 20px; */
}

/* .index_store_name_R1{
  position: absolute;
  right: 4px;
  top: 1px;
  margin-top: 10px;
} */

.index_store_name_LR .index_store_name_L1 {
    font-size: 30px;
    padding: 0px 20px;
    color: #000;
}

.index_store_name_LR .index_store_name_L2 {
    font-size: 16px;
    color: #00000040;
}

.index_store_name_LR .index_store_name_R1 {
    background: transparent;
    padding: 3px;
}

.index_store_name_LR .index_store_name_R1 a {
    color: rgba(0, 0, 0, 0.5);
    text-decoration: none;
}

.close {
    margin-right: 10px;
}

.index_store_info_2 {
    padding: 10px 0;
}

.index_store_info_img_1 {
    position: relative;
}

.index_store_info_img_1 .index_store_i_i_1_1 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.index_store_info_img_1:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.store-more img {
    display: block;
    width: 100%;
}

.store-more {

    overflow: hidden;
    border-radius: 15px;
}

.store-more:hover{
  background: #000;
}

.store-more img {
    transition: all 0.3s linear;
    -webkit-backface-visibility: hidden;
}

.store-more:hover img {
    opacity: 0.3;
    transform: scale(1.2);
}

.store-more:hover .txt-hover {
    opacity: 1;
}

.store-more .txt-hover {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    left: 0;
    text-align: center;
    width: 100%;
    opacity: 0;
    transition: all 0.6s ease;
}

.txt-hover h3 {
    font-size: 2rem;
}

.index_store_info_img_1 .index_store_i_i_1_2 {
    position: absolute;
    bottom: 0px;
    padding: 10px;
    width: 100%;
    text-align: center;
    background: #0000006b;
    color: #fff;
}

.index_store_info_img_1 .index_store_i_i_1_2 a {
    color: #fff;
    text-decoration: none;
}

.index_store_info_text_1 img {
    border-radius: 100%;
    width: 60px;
    height: 60px;
}

.index_store_info_text_1 .index_s_i_t_1_R_1 {
    font-size: 16px;
}

.index_store_info_text_1 .index_s_i_t_1_R_2 {
    font-size: 16px;
    color: #777;
}

.index_s_i_t_1_R_1_text {
    height: 20px;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.cash{
  font-size: 16px;
}

.cash-1{
  font-size: 12px;
}

.index_s_i_t_1_R_2 h5 {
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.index_store_info_text_1 .index_s_i_t_1_R_2 i {
    color: #6fbdc1;
}

.index_store_info_text_1 .index_s_i_t_1_R_3 {
    font-size: 16px;
    color: #878787;
}

.index_store_info_text_1 .index_s_i_t_1_R_3 i {
    color: #6fbdc1;
}

.index_store_info_text_1 .index_s_i_t_1_R_3 span {
    color: #ff9999;
    font-size: 20px;
}

.index_store_info_text_1 .index_s_i_t_1_R_1 a {
    text-decoration: none;
    color: #000;
}

.index_store_info_text_1 .index_s_i_t_1_R_2 a {
    text-decoration: none;
    color: #00000061;
}

.index_store_info_text_1 .index_s_i_t_1_R_3 a {
    text-decoration: none;
    color: #000;
}

.index_store_info_text_2 {
    font-size: 18px;
    font-weight: 400;
}

.index_store_info_text_2 a {
    color: #000;
    text-decoration: none;
}

.works-center{
  float: none;
  display: inline-block;
}

.designer_works .index_store_info_1 {
    background: #fff;
    box-shadow: 0 1px 2px rgba(40, 40, 40, 0.1);
    border: 1px solid #808080;
    border-bottom: 2px solid #CCCCCC;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.designer_works .index_store_info_img_1 {
    transition: all 0.8s ease;
    opacity: 1;
    overflow: hidden;
}

.designer_works .index_store_info_img_1 :hover img {
    opacity: 0.8;
    transform: scale(1.05);
}

.index_store_i_i_1_1 img {
    transition: all 0.3s linear;
}

.designer_works .index_store_info_text_1 {
    text-align: center;
    position: relative;
}

.index_store_info_1_wrap {
    padding: 5%;
}

.index_store_info_1 {
    /*  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  position: relative;*/
    overflow: hidden;
}

.index_store_info_text_1_R {
    text-align: center;
}

/*-----index End-----*/

/*-----forum start-----*/

.bannerslider_forum {
    position: relative;
}

.bannerslider_forum .bannerslider_forum_text {
    position: absolute;
    bottom: 0px;
    padding: 10px;
    width: 100%;
    /* text-align: center; */
    background: #ffffffc2;
    color: #fff;
    font-size: 24px;
}

.bannerslider_forum .bannerslider_forum_text a {
    color: #000;
    text-decoration: none;
}

.btn-member:hover,
.btn-member:active,
.btn-logout:hover,
.btn-logout:active {
    color: #ffffff;
}

.btn-danger {
    background-color: #6DD0CD;
    border: none;
    opacity: 0.75;
}

.btn-primary:hover,
.btn-danger:hover,
.btn-danger:active {
    opacity: 1;
}

.btn-danger:hover{
  background-color: #d06d70;
  opacity: 0.8;
}
.btn-logout {
    background-color: #92d14f;
    transition: all 0.3s ease-out;
    color: #000;
    width: 180px;
    border-radius: 20px;
}

.text-danger {
    color: #ff413d;
}

.has-error .form-control {
    border-color: #ff0500;
  }

.btn-member {
    background-color: #f9afbc;
    transition: all 0.3s ease-out;
    color: #000;
    width: 180px;
    border-radius: 20px;
}

@media screen and (max-width: 1001px) {
    .member-setting label {
        position: relative;
        bottom: 0px !important;
        font-size: 18px;
    }
    .member_gender {
        position: relative;
        top: 0px !important;
    }
}

.member_gender {
    position: relative;
    /* top:-52px; */
}

.member_gender input[type="radio"] {
    display: none;
}

.member_gender input[type="radio"]+label {
    display: inline-block;
    background-color: #fcfcfc;
    border: 1px solid #00bea4;
    cursor: pointer;
    margin-left: 10px;
    /* padding: 5px 10px; */
    padding: 0px 10px;
}

.member_gender input[type="radio"]:checked+label {
    border: 1px solid;
    background-color: #6fbdc1;
    color: #fff;
}

.member_sheet_wrap {
    margin: 0 auto;
    max-width: 600px;
}

.member_sheet_wrap .btn-member_sheet {
    height: 0;
    width: 100%;
    padding-top: 50%;
    padding-bottom: 50%;
    margin-bottom: 20px;
    color: #fff;
    background-color: #6fbdc1;
    border: 1px solid #eee;
    border-radius: 2px;
    text-align: center;
}

.btn-member_sheet:hover {
    background-color: #b7f4f8;
    color: #000;
}

.btn-member_sheet h4 strong {
    font-size: 3vmin;
}

.btn-fast-login {
    background-color: #ff9999;
    color: #000000;
    transition: all 0.3s ease-out;
    width: 180px;
    border-radius: 20px;
}

.btn-fast-login .active,
.btn-fast-login .disabled,
.btn-fast-login:active,
.btn-fast-login [disabled] {
    background-color: #ff9999;
}

.btn-fast-login:hover,
.btn-fast-login:active {
    background-color: #ff9999;
    color: #ffffff;
}

.btn-fb-login {
    background-color: #195aa5;
    transition: all 0.3s ease-out;
    color: #ffffff;
    width: 180px;
    border-radius: 20px;
}

.btn-fb-login .active,
.btn-fb-login .disabled,
.btn-fb-login:active,
.btn-fb-login [disabled] {
    background-color: #195aa5;
}

.btn-fb-login:hover,
.btn-fb-login:active {
    background-color: #195aa5;
    color: #000000;
}

.banner_forum .banner_login1 {
    background-color: #b8bcbc1a;
    border: 3px solid #eaeaeac2;
    margin: 52px 10px;
    padding: 20px 15px;
    box-shadow: 4px 4px 12px -2px rgba(20%, 20%, 40%, 0.5);
}

.banner_forum .banner_login2 {
    background-color: #b8bcbc1a;
    border: 3px solid #eaeaeac2;
    margin: 32px 10px;
    padding: 20px 15px;
    box-shadow: 4px 4px 12px -2px rgba(20%, 20%, 40%, 0.5);
}

.forum_login_bar {
    background-color: #b8bcbc1a;
    border: 3px solid #eaeaeac2;
    /* margin: 1% 10px; */
    padding: 20px 15px;
    box-shadow: 4px 4px 12px -2px rgba(20%, 20%, 40%, 0.5);
}

.banner_forum .banner_post1 {
    border-bottom: 2px solid #ff1493;
}

.banner_forum .banner_post1 ul {
    margin: 0px 25px;
    font-size: 24px;
    color: #ff1493;
}

.forum_panelmag_img img {
    width: 120px;
    height: 120px;
    border-radius: 65px;
    border: 4px solid;
    border-color: #eee;
    object-fit: cover;
}

.forum_panelmag_img H4 {
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.banner_post2 {
    margin: 10px 0px;
}

.banner_post2 a {
    text-decoration: none;
}

.banner_post2 p {
    color: #000000;
    font-size: 16px;
}

.banner_post2 .banner_post2_a {
    float: right;
}

.main_forum {
    margin-top: 30px;
}

.main_forum .main_forum_bar {
    text-align: center;
    background: #ff7b7b;
    color: #000;
    font-size: 19px;
}

.main_forum .main_forum_bar span {
    margin: 5px;
}

.main_forum .main_forum_bar a {
    color: #ffffff;
    text-decoration: none;
}

.main_forum .main_index_L {
    padding: 3% 0;
}

.main_forum_bar_01 .main_forum_bar_02 div {
    display: inline block;
}

/*main_forum_L_input 請選擇相關類別*/

.main_forum_L_input input[type="radio"] {
    display: none;
}

.main_forum_L_input input[type="radio"]+label {
    display: inline-block;
    background-color: #fff;
    font-size: 20px;
    cursor: pointer;
    padding: 5px 8px;
    /* border-radius: 10px; */
}

.main_forum_L_input input[type="radio"]:checked+label {
    background-color: #ffe4e1;
    color: #444;
    padding: 10px 10px;
}

/*main_forum_L_info_input 排序:*/

.main_forum_L_info_input {
    float: right;
}

.main_forum_L_info_input input[type="radio"] {
    display: none;
}

.main_forum_L_info_input input[type="radio"]:checked+label {
    background-color: #444444;
    color: #fff;
}

.main_index_L_info_s {
    font-size: 16px;
    border-color: #eee;
    border-width: 5px;
    border-style: solid;
    padding: 1px;
    padding-bottom: 0px;
}

.main_info_content_t {
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}



/*-----按鈕-----*/

.main_index_L_info0 {
    background-color: #dedede;
    padding: 10px 5px;
}

/*-----公告-----*/

.main_index_L_info1 {
    /*background-color: #ffd3fc;*/
    border-bottom: 2px solid #0000000d;
}

.main_index_L_info1 a{
}

/*-----熱門-----*/

.main_index_L_info2 {
    /*background-color: #d8ebf5;*/
    border-bottom: 2px solid #0000000d;
}

/*-----最新-----*/

.main_index_L_info3 {
    /*background-color: #ECF8DF;*/
    border-bottom: 2px solid #0000000d;
}

/*-----美甲-----*/

.main_index_L_info4 {
    background-color: #ffffff;
    border-bottom: 2px solid #0000000d;
}

.main_index_L_info_all {
    height: 50px;
    padding: 8px 5px;
}

.main_index_L_info_post {
    height: 50px;
    line-height: 35px;
}

.main_index_L_info_post img {
    height: 40px;
}

.main_index_L_info_class {
    color: #b9b9b9;
    font-size: 16px;
}

.forum_list:hover {
    background: #FFFFDD;
}

.main_index_L_info_all .form-control {
    border-radius: 0;
    margin-right: 5px;
}

.main_index_L_info_all .btn-primary {
    font-size: 1.5rem;
    border-radius: 0;
    width: 100%;
    min-width: 100px;
}

.main_forum .main_index_L_info_s .main_index_L_info_all img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
}

.main_forum .main_index_L_info_s .main_info_content_r {
    color: #d8915e;
}



/* .main_forum .main_index_L_info_s .main_info_content_t{
  font-size: 16px
} */

.main_R_Bar {
    padding: 3% 4% 3% 4%;
}

.main_R_Bar h4 {
    color: #ff9999;
}

.main_R_Bar p {
    color: #595e6e;
}

.main_R_Bar ul {
    margin: 0px 25px;
    font-size: 20px;
    color: #ff1493;
}

.main_R_Bar img {
    width: 300px;
    height: 200px;
}

.main_R_Bar a {
    text-decoration: none;
}

.info-text_R p {
    color: #6DD0CD;
}

.main_index_R {
    /* padding: 3% 1%; */
    /*margin: 32px 0px;*/
    /*margin-left: 25px;*/
    /*float: right;*/
    position: relative;
    /* overflow: hidden; */
    text-align: center;
}

.main_index_R_1 {
    text-align: center;
    font-size: 24px;
    border-bottom: 2px solid #6DD0CD;
}

.main_index_R ul {
    margin: 0px 25px;
    font-size: 24px;
    color: #ff1493;
}

.main_index_R .info-img img {
    width: 100%;
    max-height: auto;
}

.main_index_R .info-text h4 {
    color: #ff9999;
}

.main_index_R .info-text p {
    color: #595e6e;
}

.main_index_R .info-text a {
    text-decoration: none;
}

.main_index_R .info-text_R a {
    text-decoration: none;
}

.main_index_RR {
    /* padding: 3% 1%; */
    margin: 40px 0px;
    /*float: right;*/
    position: relative;
    /* overflow: hidden; */
    text-align: center;
}

.main_index_RR_1 {
    border-bottom: 2px solid #6DD0CD;
}

.main_index_RR ul {
    margin: 0px 25px;
    font-size: 24px;
    color: #ff1493;
}

.main_index_RR .info-img img {
    width: 100%;
    max-height: auto;
}

.main_index_RR .info-text h4 {
    color: #ff9999;
}

.main_index_RR .info-text p {
    color: #595e6e;
}

.main_index_RR .info-text a {
    text-decoration: none;
}

.main_index_RR .info-text_R a {
    text-decoration: none;
}


.type_list ul li {
    font-size: 14px;
    box-sizing: border-box;
    padding-left: 1px;
    padding-right: 1px;
    padding: 2px 5px;
    margin-left: 5px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
    margin-bottom: 5px;
}

.type_list ul li.active {
    background-color: #6dd0cd;
    border-radius: 4px;
}

.type_list ul li:hover {
    background-color: #eee;
}

.type_list ul li.active:hover,
.type_list ul li.active a:hover {
    color: #000;
    background-color: #eee;
}

.nav-pills>li.active>a{
  background-color: #6dd0cd;
}

.class_info {
    min-width: 100%;
}

.class_info .info-text {
    text-align: center;
}

.class_info .info-img img {
    width: 300px;
    height: 250px;
}

.forum_NewPost {
    padding: 1% 0;
    font-size: 18px;
}

.forum_NewPost .forum_NewPost1 {
    margin: 0px 20px;
    border-bottom: 2px solid #ff1493;
}

.forum_NewPost .forum_NewPost1 span {
    font-size: 22px;
    color: #ff1493;
}

.forum_NewPost .forum_NewPost2 ul {
    color: #ff1493;
    margin: 0px 25px;
}

.forum_NewPost .forum_NewPost2 li {
    height: 30px;
}

.forum_NewPost .forum_NewPost2 a {
    text-decoration: none;
    color: #ff1493;
}

.bb_111 {
    background-color: #a9a9a9;
}

.category_bar {
    background-color: #fff;
}

.category_show {
    text-align: center;
}

.category_show div {
    font-size: 2vmin;
}

.category_style_list {
    border-bottom: 1px solid;
    border-bottom-color: #000;
    background-color: #f5f5f5;
}

.category_show .category_top {
    color: #fff;
}

.category_show .category_top {
    font-size: 10px;
    border-top: 8px solid;
    border-bottom: 8px solid;
    border-left: 2px solid;
    border-right: 2px solid;
}

.category_show .category_1 {
    width: 8%;
    padding: 1% 0px;
    float: left;
}

.category_show .category_2 {
    width: 8%;
    padding: 1% 0px;
    float: left;
}

.category_show .category_3 {
    width: 24%;
    padding: 1% 0px;
    color: #000066;
    float: left;
}

.category_show .category_4 {
    width: 16%;
    padding: 1% 0px;
    float: left;
}

.category_show .category_5 {
    width: 18%;
    padding: 1% 0px;
    float: left;
}

.category_show .category_6 {
    width: 14%;
    padding: 1% 0px;
    float: left;
}

.category_show .category_7 {
    width: 12%;
    padding: 1% 0px;
    float: left;
    color: #6495ED;
}

.category_select-1 {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*改變右邊箭頭樣式*/
    background: url("../img/arrow.png") no-repeat right center transparent;
    border: 2px solid;
    border-radius: 4px;
    width: 145px;
    height: 34px;
    padding-left: 2px;
    /* padding-right:40px; */
    background-color: #F6F7F7;
    color: gray;
}

/*-----forum End-----*/

/* -----form style----- */

.form_style {
    height: 30px;
    padding-left: 2px;
    display: inline-block;
    border: 2px solid;
    color: gray;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #F6F7F7;
}

/*-----offers start-----*/

.store_link .store_link_text {
    height: 35px;
}

.store_link .store_link_text ol {
    list-style: none;
}

.store_link .store_link_text li {
    float: left;
    width: auto;
    display: list-item;
    font-size: 17px;
    color: #bfbfbf;
}

.store_link .store_link_text li a {
    color: #bfbfbf;
}

.store_link .store_link_text li .store_link_text2 {
    color: #ec7070;
}

.store_link .store_link_text img {
    width: 20px;
    height: 20px;
}

.panelmag_info {
    text-align: center;
}

.panelmag_info_wrap {
    position: relative;
    bottom: 30px;
}

.panelmag_info_img {
    margin: 0 auto;
    width: 50px;
}

.panelmag_info_text {
    margin-top: 3%;
    font-size: 3vmin;
    text-align: center;
}

.panelmag_info_text .textcolor {
    color: #fff;
}

.panelmag_info_img img {
    display: block;
    width: 100%;
}

.bg111 {
    margin: 0 auto;
}

.well111 {
    text-align: center;
    font-size: 20px;
}

.panelimg {
    display: block;
}

.panelimg img {
    width: 120px;
    height: 120px;
    border-width: 2px;
    border-style: solid;
    background: #fff;
    border-color: #eee;
}

.chg div {
    padding-bottom: 1%;
}

.workshop_BG_white {
    background: #fff;
}

.workshop_BG_gray {
    background: #eaedee;
}

.workshop_BG_gray .workshop_BG_gray_wrap {
    background-color: #fff;
    /*padding-top: 20px;*/
    /*padding-bottom:。 20px;*/
    border: 2px solid #6dd0cd;
    border-radius: 20px;
}

.main_face_slideshow {
    padding-top: 50px;
}

.main-face-border {
    border-bottom: 2px solid #6fbdc1;
}

.main-store-info {
    margin-top: 10px;
}

.main-store-info-wrap {
    margin-top: 50px;
    /*margin-bottom: 50px;*/
    text-align: center;
    font-size: 18px;
}

.main-store-info-wrap .main-store-item-wrap {
    margin-top: 3%;
}

.main-store-info-wrap .item-wrap {
    margin-top: 5%;
    margin-bottom: 10%;
}

.main-store-info-wrap .item-wrap img {
    width: 20px;
    height: 20px;
    margin-bottom: 6px;
}

.main-store-info-wrap .st-info-item-text {
    font-size: 2rem;
    font-weight: bold;
    color: #494949c4;
}

.main-store-info-wrap .st-info-map {
    padding-top: 50px;
    width: 100%;
    /*margin-top: 10%;*/
}

.main-store-info-wrap .st-info-item {
    border: 2px solid #eee;
}

.title-wrap {
    margin: 0 auto;
    display: table;
}

.title-wrap .st-info-tilte {
    line-height: 40px;
    width: 100px;
    height: 40px;
    color: #6DD0CD;
    /*margin-right: 20px;*/
    background-color: #FFFFFF;
    border: 1px solid #6DD0CD;
}

.st-info-time {
    margin-top: 30px;
}

.st-info-address {
    margin-bottom: 30px;
}

.slider-wrap {
    margin-top: 50px;
    margin-bottom: 50px;
}

@media screen and (min-width: 600px) and (max-width: 1000px) {
    .offers_bar_c {
        margin-top: 15%;
    }
}

@media screen and (min-width: 1001px) {
    .offers_bar_c {
        margin-top: 10%;
    }
}



.offers_bar_c .offers_bar_c_1 span {
    padding-bottom: 5px;
    border-bottom: 3px solid #6dd0cd;
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    color: #6dd0cd;
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.offers_bar_c .offers_bar_c_2 {
    font-size: 16px;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 1.3px;
    line-height: 32px;
}

.offers_bar_c_2 a {
    font-size: 14px;
}

.discount_bar_c_2 {
    font-size: 18px;
    color: #616161;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 1.3px;
}

.offers_bar_c img {
    width: 20px;
    height: 20px;
}

.offers_bar_c h4 {
    height: 30px;
}

.offers_bar_c .starrr {
    float: left;
    color: #ec7070;
}

.offers_bar_c_like {
    margin-top: 10px;
    margin-bottom: 10px;
}

.offers_bar_c_like img {
    width: 30px;
    height: 30px;
}

.offers_bar_c_like span {
    color: #00000087
}

.main_offers_bar_input {
    text-align: right;
    margin-right: 1%;
    /* border-bottom: 2px solid #6dd0cd; */
}

/*main_offers_bar_input 請選擇相關類別*/

.main_offers_bar_input input[type="radio"] {
    display: none;
}

.main_offers_bar_input input[type="radio"]+label {
    display: inline-block;
    /* width: 100px; */
    width: 22%;
    max-width: 117px;
    background-color: #6dd0cd;
    font-size: 16px;
    cursor: pointer;
    padding: 5px 4px;
    border-radius: 0px;
    text-align: center;
    margin-bottom: 0px;
}

.main_offers_bar_input input[type="radio"]:checked+label {
    background-color: #6dd0cd;
    color: #fff;
}

.main_offers_bar_input span {
    margin: 1%;
    /* margin: 3px; */
}

.offers_bar_B .offers_bar_B_view {
    text-align: right;
}

.offers_bar_B .offers_bar_B_view span {
    background: #6dd0cd;
    padding: 5px;
    margin-right: 2.0em;
}

.offers_bar_B .offers_bar_B_view a {
    color: #000;
}

.offers_bar_circle_border {
    width: 215px;
    height: 215px;
    border: 3px solid #ec7070;
    border-radius: 100%;
    margin: 0 auto;
}

.offers_bar_circle_in {
    width: 213px;
    height: 213px;
    font-weight: 400;
    text-align: center;
}

.offers_bar_circle_in .offers_bar_circle_t1 {
    margin: 10px auto;
    height: 120px;
    font-size: 100px;
    color: #ec7070;
}

.offers_bar_circle_in .offers_bar_circle_t2 {
    margin: 10px auto;
    font-size: 18px;
}

.progress-bar-red {
    background-color: #ec7070;
}

.hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

HR {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #6dd0cd;
    width: 100%;
}

.offers_reserve_t {
    padding-left: 23px;
}

.offers_reserve_t img {
    width: 50px;
    height: 50px;
}

.offers_reserve_t .offers_reserve_t1 {
    height: 50px;
    font-size: 24px;
}

.offers_reserve_t .offers_reserve_t2 {
    height: 50px;
    font-size: 24px;
}

.offers_reserve_t .offers_reserve_t3 {
    height: 50px;
    font-size: 20px;
}

.offers_reserve_t .offers_reserve_t3 ul {
    padding-left: 23px;
}

.offers_reserve_t .offers_reserve_t4 {
    height: 50px;
    font-size: 16px;
}

.offers_reserve2 {
    text-align: center;
}

.offers_reserve2 .offers_reserve2-4 {
    padding: 8px 0px;
}

.offers_reserve3 {
    padding: 10px 0px;
    /*   border-bottom: 2px solid #6dd0cd; */
}

.reserve_1 {
    float: left;
    background-color: #49dcc0;
    width: 20%;
    height: 34px;
    text-align: center;
    line-height: 35px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.reserve_1_1 {
    float: left;
    text-align: center;
    background-color: #49dcc0;
    width: 40%;
}

.reserve_1_2 {
    float: left;
    text-align: center;
    width: 40%;
}

.btn-reserve-s {
    color: #333;
    background-color: #fff;
    border-color: #ec7070;
    border-radius: 100px;
    border: 2px solid #ec7070;
    min-width: 200px;
    /* width: 250px; */
    height: 60px;
    /* font-size: 20px; */
    font-size: 1.2em;
}

.btn-reserve-ok {
    color: #fff;
    background-color: #ec7070;
    border-color: #ec7070;
    border-radius: 100px;
    ;
    min-width: 200px;
    /* width: 250px; */
    height: 60px;
    font-size: 1.2em;
}

.offers_reserve2 .dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    width: 220px;
}

.StoreInfo_designer_wrap {
    margin-bottom: 20px;
    width: 100%;
    position: relative;
}

.designer_works {
    padding-top: 10px;
    display: block;
    /*margin-top: 20px;*/
}

.StoreInfo_designer_wrap .StoreInfo_designer_img {
    width: 100%;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}

.StoreInfo_designer_img img {
    border-radius: 50%;
}

.workshop_img {
    padding: 10px 0px;
}

.offers_process1 .offers_process_t_r {
    text-align: center;
    border-bottom: 2px dotted #919191;
}

.offers_process1 {
    padding: 10px 10px;
    /* border-bottom: 2px solid #bcb3b373; */
}

.offers_process1 .offers_process_t_r img {
    width: 50px;
    height: 50px;
}

.offers_process1 .offers_process_t_r .offers_process_t1 {
    height: 50px;
    font-size: 24px;
    margin-bottom: 20px;
}

.offers_process1 .offers_process_t_r .offers_process_t1 img {
    margin-bottom: 2rem;
}

.offers_process1 .offers_process_t_r .offers_process_t2 {
    height: 50px;
    font-weight: 400;
    font-size: 24px;
    color: #555;
}

/* .offers_process2{
  text-align: center;
  padding: 10px 10px;
}
.offers_process2 span{
  padding:15px 15px;
  display:inline;
} */

.offers_process2 .offers_process2_img {
    vertical-align: middle;
    max-width: 100%;
    display: block;
    margin: auto;
}

.offers_process2 img {
    max-width: 100%;
    height: auto;
    padding: 10px 10px 10px 10px;
}

.offers_process3 {
    text-align: center;
    padding: 10px 10px;
}

.offers_process3 span {
    font-size: 16px;
}

/*-----offers End-----*/

.form-signin {
    margin: 0 auto;
    border-radius: 0;
    width: 70%;
}

.form-signin h4 {
    font-size: 22px;
    font-weight: 400;
    margin-left: -10%;
}

.form-signin .signin-img {
    margin-left: -8px;
    padding-bottom: 5px;
    max-width: 200px;
    display: block;
}

.form-signin .profile-name {
    font-size: 18px;
}

.sign-btn-wrap .register_button {
    bottom: 5px;
    position: relative;
    left: -50px;
    float: right;
}

.sign-btn-wrap .sign_button {
    bottom: 30px;
    position: relative;
    left: -50px;
    float: right;
}

.sign-btn-wrap h4 {
    font-size: 22px;
    font-weight: 400;
    margin-left: 2%;
}

.sign-btn-wrap h5 {
    color: #eb0000;
    font-size: 16px;
    font-weight: 400;
    margin-left: 2%;
}

.sign-btn-wrap {
    padding: 5%;
}

.sign-btn-wrap .btn {
    background: #e74b3c;
    margin-bottom: 5%;
    border-radius: 0;
}

.sign-btn-wrap .btn-lg {
    font-size: 2vmin;
}

.card-container {
    margin: 0 auto;
    background: #eee;
    padding-top: 30px;
    padding-bottom: 30px;
    /*padding: 2% 2% 4% 2%;*/
    margin-top: 100px;
    margin-bottom: 100px;
}



.sui-steps {
  font-size: 0px;
  overflow: hidden;
  line-height: 0px;
  margin: 18px 0px;
}
.sui-steps .wrap {
  display: inline-block;
}
.sui-steps .wrap > div {
  width: 195px;
  height: 28px;
  display: inline-block;
  line-height: 28px;
  vertical-align: top;
  font-size: 12px;
  position: relative;
}
.sui-steps .wrap > div > label {
  margin-left: 24px;
  cursor: default;
  min-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sui-steps .triangle-right {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 14px;
  position: absolute;
  right: -27px;
  z-index: 1;
}
.sui-steps .triangle-right-bg {
  display: inline-block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 14px;
  position: absolute;
  right: -27px;
  z-index: 1;
  border-width: 18px;
  right: -36px;
  border-color: transparent transparent transparent #FFF;
  top: -4px;
}
.sui-steps .round {
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  text-align: center;
  line-height: 16px;
}
.sui-steps .round .sui-icon {
  vertical-align: -1px;
}
.sui-steps .round + span:before {
  content: '\00a0';
}
.sui-steps .finished {
  background-color: #53b8c0;
  color: #ffffff;
}
.sui-steps .finished .triangle-right {
  border-color: transparent transparent transparent #53b8c0;
}
.sui-steps .finished .round {
  background-color: #ffffff;
  background-color: transparent\9;
  color: #ffffff;
}
.sui-steps .finished .round > i {
  color: #53b8c0;
  font-size: 12px;
}
.sui-steps .current {
  background-color: #339ba3;
  color: #ffffff;
}
.sui-steps .current .triangle-right {
  border-color: transparent transparent transparent #339ba3;
}
.sui-steps .current .round {
  background-color: #ffffff;
  color: #339ba3;
  color: #FFF\9;
  background-color: transparent\9;
}
.sui-steps .todo {
  background-color: #eeeeee;
  color: #999999;
}
.sui-steps .todo .triangle-right {
  border-color: transparent transparent transparent #eeeeee;
}
.sui-steps .todo .round {
  background-color: #ffffff;
  background-color: transparent\9;
}
.steps-large .wrap > div {
  font-size: 14px;
  width: 243.75px;
  height: 35px;
  line-height: 35px;
}
.steps-large .wrap > div > label {
  font-size: 14px;
  margin-left: 27.5px;
}
.steps-large .triangle-right {
  border-width: 17.5px;
  right: -34px;
}
.steps-large .triangle-right-bg {
  border-width: 21.5px;
  right: -43px;
}
.steps-large .round {
  width: 18px;
  height: 18px;
  line-height: 18px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.steps-auto {
  display: table;
  width: 100%;
}
.steps-auto .wrap {
  display: table-cell;
}
.steps-auto .wrap > div {
  width: 100%;
}
.sui-steps-round {
  font-size: 0px;
  overflow: hidden;
  line-height: 0px;
  /*margin: 18px 0px;*/
  margin-top: 55px;
  margin-bottom: 30px;
  padding: 0px 20px;
  margin-left: 5px;
}
.sui-steps-round > div {
  display: inline-block;
  vertical-align: top;
}
.sui-steps-round > div .wrap {
  *zoom: 1;
}
.sui-steps-round > div .wrap:before,
.sui-steps-round > div .wrap:after {
  display: table;
  content: "";
  line-height: 0;
}
.sui-steps-round > div .wrap:after {
  clear: both;
}
.sui-steps-round > div > label {
  display: inline-block;
  width: 80%;
  /*overflow: hidden;*/
  /*text-overflow: ellipsis;*/
  white-space: nowrap;
  font-size: 18px;
  line-height: 20px;
  height: 20px;
  margin-left: -50px;
  margin-top: 35px;
  color: #53b8c0;
  cursor: default;
}
.sui-steps-round > div .round {
  margin-top: -10px;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #FFF;
  line-height: 24px;
  text-align: center;
  float: left;
}
.sui-steps-round > div .bar {
  margin: 10px 10px 0px 40px;
  width: 200px;
  height: 6px;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.sui-steps-round > div:last-child {
  width: 5%;
}
.sui-steps-round > div:last-child > label {
  width: auto;
}
.steps-round-auto {
  display: table;
  width: 100%;
}
.steps-round-auto > div {
  display: table-cell;
}
.steps-round-auto > div .bar {
  width: auto;
}
.steps-3 > div {
  width: 50%;
}
.steps-4 > div {
  width: 33%;
}
.steps-5 > div {
  width: 25%;
}
.steps-6 > div {
  width: 20%;
}
.steps-7 > div {
  width: 16%;
}

@media screen and (min-width: 768px) {
    .card-container {
        width: 50%;
    }
}

.form-signin .form-control {
    border-radius: 6px;
    padding: 2%;
}

/*-----rating start-----*/

/*main_rating_input 請選擇相關類別*/

.main_rating_input input[type="radio"] {
    display: none;
}

.main_rating_input input[type="radio"]+label {
    display: inline-block;
    background-color: #fff;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 20px;
}

.main_rating_input input[type="radio"]:checked+label {
    background-color: #e95076;
    color: #fff;
}

.rating_bar_D .rating_bar_D_R {
    text-align: right;
}

.rating_bar_D .rating_bar_D_view span {
    background: #e95076;
    padding: 5px 10px;
    margin-right: 2.0em;
    border-radius: 10px;
}

.rating_bar_D .rating_bar_D_view a {
    color: #fff;
}

.rating_bar_D .ratin_info1_1 {
    /*   width: 50px;
  height: 50px; */
    text-align: center;
}

.rating_bar_D .ratin_info1_1 img {
    /* width: 50px;
  height: 50px; */
    margin: 0 auto;
    min-width: 40px;
}

.rating_bar_D .ratin_info1_2 {
    text-align: center;
}

.rating_bar_D .ratin_info2_2 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.rating_bar_D .ratin_info2_3 {
    font-size: 16px;
    color: #e95076;
    margin-top: 10px;
    margin-bottom: 10px;
}

.rating_bar_D .ratin_info2_4 {
    font-size: 16px;
    color: #00000040;
    margin-top: 10px;
    margin-bottom: 10px;
}

.rating_bar_D .ratin_info2_4 a {
    color: #e95076;
}

.rating_bar_D .ratin_info3_1 {
    color: #00000040;
    text-align: center;
}

.rating_bar_D .ratin_info4_4 {
    text-align: right;
}

.rating_bar_D .ratin_info4_4_more span {
    background: #fff;
    padding: 5px 10px;
    margin-right: 2.0em;
    border-radius: 10px;
}

.rating_bar_D .ratin_info4_4_more a {
    color: #000;
}

/*-----rating End-----*/

.btn-red {
    background-color: #DA4453;
    border-color: #DA4453;
    color: #F5F7FA;
    transition: all 0.3s ease-out;
}

.btn-red .active,
.btn-red .disabled,
.btn-red :active,
.btn-red [disabled] {
    background-color: #DA4453;
    border-color: #DA4453;
}

.btn-red:hover,
.btn-red:active {
    background-color: #ED5565;
    border-color: #ED5565;
}

.btn-blue {
    background-color: #4A89DC;
    border-color: #4A89DC;
    color: #F5F7FA;
    transition: all 0.3s ease-out;
}

.btn-blue .active,
.btn-blue .disabled,
.btn-blue:active,
.btn-blue [disabled] {
    background-color: #4A89DC;
    border-color: #4A89DC;
}

.btn-blue:hover,
.btn-blue:active {
    background-color: #5D9CEC;
    border-color: #5D9CEC;
}

.btn-aqua {
    background-color: #3BAFDA;
    border-color: #3BAFDA;
    color: #F5F7FA;
    transition: all 0.3s ease-out;
}

.btn-aqua .active,
.btn-aqua .disabled,
.btn-aqua:active,
.btn-aqua [disabled] {
    background-color: #3BAFDA;
    border-color: #3BAFDA;
}

.btn-aqua:hover,
.btn-aqua:active {
    background-color: #4FC1E9;
    border-color: #4FC1E9;
}

.btn-org {
    background-color: #E9573F;
    border-color: #E9573F;
    color: #F5F7FA;
    transition: all 0.3s ease-out;
}

.btn-org .active,
.btn-org .disabled,
.btn-org:active,
.btn-org [disabled] {
    background-color: #E9573F;
    border-color: #E9573F;
}

.btn-org:hover,
.btn-org:active {
    background-color: #FC6E51;
    border-color: #FC6E51;
}

.btn-mint {
    background-color: #37BC9B;
    border-color: #37BC9B;
    color: #F5F7FA;
    transition: all 0.3s ease-out;
}

.btn-mint .active,
.btn-mint .disabled,
.btn-mint:active,
.btn-mint [disabled] {
    background-color: #37BC9B;
    border-color: #37BC9B;
}

.btn-mint:hover,
.btn-mint:active {
    background-color: #48CFAD;
    border-color: #48CFAD;
}

.btn-green {
    background-color: #8CC152;
    border-color: #8CC152;
    color: #F5F7FA;
    transition: all 0.3s ease-out;
}

.btn-green .active,
.btn-green .disabled,
.btn-green:active,
.btn-green [disabled] {
    background-color: #8CC152;
    border-color: #8CC152;
}

.btn-green:hover,
.btn-green:active {
    background-color: #A0D468;
    border-color: #A0D468;
}

.btn-yellow {
    background-color: #F6BB42;
    border-color: #F6BB42;
    color: #F5F7FA;
    transition: all 0.3s ease-out;
}

.btn-yellow .active,
.btn-yellow .disabled,
.btn-yellow:active,
.btn-yellow [disabled] {
    background-color: #F6BB42;
    border-color: #F6BB42;
}

.btn-yellow:hover,
.btn-yellow:active {
    background-color: #FFCE54;
    border-color: #FFCE54;
}

.btn-purple {
    background-color: #967ADC;
    border-color: #967ADC;
    color: #F5F7FA;
    transition: all 0.3s ease-out;
}

.btn-purple .active,
.btn-purple .disabled,
.btn-purple:active,
.btn-purple [disabled] {
    background-color: #967ADC;
    border-color: #967ADC;
}

.btn-purple:hover,
.btn-purple:active {
    background-color: #AC92EC;
    border-color: #AC92EC;
}

.btn-pink {
    background-color: #D770AD;
    border-color: #D770AD;
    color: #F5F7FA;
    transition: all 0.3s ease-out;
}

.btn-pink .active,
.btn-pink .disabled,
.btn-pink:active,
.btn-pink [disabled] {
    background-color: #D770AD;
    border-color: #D770AD;
}

.btn-pink:hover,
.btn-pink:active {
    background-color: #EC87C0;
    border-color: #EC87C0;
}

.border-bottom {
    margin: 40px 0px 15px 0px;
    border-bottom: 2px solid #ccc;
}

.main_prod {
    padding: 3% 0;
}

.main_prod img {
    padding: 2%;
}

.main_prod_L {
    padding: 25px 0;
}

.main_prod_R {
    padding: 25px 0;
}

.main_prod_R:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.full_catalog {
    padding: 1% 0;
}

.full_catalog .catalog_item {
    padding: 1%;
    transition: all 0.2s ease-out;
}

.full_catalog .catalog_item:hover {
    padding: 2%;
    box-shadow: 0 1px 10px rgba(13, 13, 13, 0.8);
}

.full_catalog .catalog_item .catalog_item_content h4 {
    text-align: left;
}

.full_catalog .catalog_item .catalog_item_content h5 {
    text-align: right;
}

.seed-csp4 .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

.seed-csp4 .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.seed-csp4 .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.seed-csp4 .btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.seed-csp4 .btn-block+.btn-block {
    margin-top: 5px;
}

.seed-csp4 input[type="submit"].btn-block,
.seed-csp4 input[type="reset"].btn-block,
.seed-csp4 input[type="button"].btn-block {
    width: 100%;
}

.message {
    font-size: 2vmin;
}

.member-setting label {
    position: relative;
    /* bottom: -40px; */
    font-size: 18px;
}

.member-setting .form-group {
    margin: 0 auto;
    display: inline-block;
    width: 100%;
}

/*----- Main NewPost Body----- */

.Forum_Post_Body {
    margin-top: 30px;
}

.Forum_Post_Body .Main_Post_Bar {
    text-align: center;
    background: #c0c0c0;
    color: #000;
    font-size: 19px;
}

.Forum_Post_Body .Main_Post_Bar span {
    margin: 5px;
}

.Forum_Post_Body .Main_Post_Bar a {
    color: #ffffff;
    text-decoration: none;
}

.view_1 {
    width: 1000px;
    padding: 0px;
    border: 1px solid #eaedee;
    float: left;
    background: #fff;
}

.Main_Post_Body {
    font-size: 12px;
    border-color: #efefef;
    border-width: 5px;
    border-style: solid;
    padding: 1px;
}

.table_1 {
    width: 100%;
    table-layout: fixed;
    empty-cells: show;
    border-collapse: collapse;
}

.Table_info {
    border-width: 5px;
    border-style: solid;
    border-color: #efefef;
}

.Main_Post_info {
    float: right;
}

.Main_Post_info input[type="radio"] {
    display: none;
}

.Main_Post_info input[type="radio"]+label {
    display: inline-block;
    font-size: 10px;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 10px;
    margin: 2% 0;
}

.Main_Post_info input[type="radio"]:checked+label {
    background-color: #ea6d6d;
    color: #fff;
}

.Main_Post_L_Info_1 {
    font-size: 16px;
    border-color: #eee;
    /* #efefef */
    border-width: 3px;
    border-style: solid;
    margin-bottom: 20px;
    padding-right: 0;
    padding-left: 0;
}

.Content_Main_1 {
    background-color: #fff;
    padding: 20px 15px 10px 15px;
    letter-spacing: 2px;
    min-height: 400px;
    max-height: auto;
    max-width: 100%;
    /* clear: both; */
}

.Content_Main_1 img {
    max-width: 100%;
    max-height: auto;
    text-decoration: none;
}

.Content_Main_2 {
    /* margin: 2% 0; */
    background-color: #fff;
}

.Content_Main_3 {
    background-color: #fff;
    padding: 3% 2%;
    font-size: 9px;
}

.Content_Main_HR {
    background-color: #dcdcdc;
    margin: 5% 0;
    text-align: center;
    height: 60px;
}

.Main_Info_1 {
    background-color: #ffe4e1;
    /* #eeeeee */
    padding: 10px 5px;
}

.Main_Info_2 {
    background-color: #ffe4e1;
    /*  #eeeeee */
    padding: 10px 0px;
}

.Post_Bar_1 {
    text-align: center;
    position: relative;
    padding: 2% 0;
    background-color: #fff;
}

.icon_btn {
    background-color: #fafafa;
    background-image: url(../images/icon_edit.png);
    background-position: 15px;
    background-repeat: no-repeat;
    background-size: 20px;
    border: solid #dfdfdf;
    border-width: 1px 1px 1px 1px;
    color: #595959;
    cursor: pointer;
    font-size: 14px;
    height: 35px;
    outline: none;
    padding: 0 15px 0 40px;
    border-radius: 0px;
}

.icon_btn.qa {
    background-image: url(../images/icon_qa.png);
}

.icon_btn.save {
    background-image: url(../images/icon_save.png);
}

.icon_btn.closed {
    background-image: url(../images/icon_closed.png);
}

.icon_btn.plus {
    background-image: url(../images/icon_plus.png);
}

.icon_btn.edit {
    background-image: url(../images/icon_edit.png);
}

.icon_btn.cancel_report {
    background-image: url(../images/icon_whistle_on.png);
}

.icon_btn.report {
    background-image: url(../images/icon_whistle.png);
}

.icon_btn.delete,
.icon_btn.del_reply {
    background-image: url(../images/icon_delete.png);
}

.icon_btn.reply {
    background-image: url(../images/icon_reply.png);
}

.icon_btn.cancel_like {
    background-image: url(../images/icon_like_on.png);
}

.icon_btn.like {
    background-image: url(../images/icon_like.png);
}

.icon_btn.fb_share {
    background-image: url(../images/icon_share.png);
}

.icon_btn.content {
    background-image: url(../images/icon_look.png);
}

.icon_btn.icon_btn:hover {
    background-color: #efefef;
}

.icon_btn.icon_btn:focus,
.Post_Bar_1 a:focus {
    outline: none;
}

.Post_Bar_1 a {
    margin-left: -1px;
    margin-right: -1px;
    border: 0px;
    position: relative;
    float: left;
}

.Post_Bar_2 {
    width: 100%;
    background-color: #fff;
}

.Post_MemberInfo {
    margin: 2% 0;
}

.Main_R_Bar {
    padding: 0% 1%;
    float: right;
}

.Main_R_Bar_1 {
    border-bottom: 2px solid #ff1493;
}

.Main_R_Bar .Main_R_Bar_1 {
    margin: 0px 25px;
    font-size: 24px;
    color: #ff1493;
}

.Main_R_Bar .Main_R_Bar_1 a {
    text-decoration: none;
}

.Img_User {
    margin: 0 15px 0 0;
    float: left;
}

.Img_Info img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid;
    border-color: #b9b9b9;
    background-color: #fff;
    object-fit: cover;
}

.Img_Info_1 img {
    margin-left: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid;
    border-color: #b9b9b9;
    background-color: #fff;
    object-fit: cover;
}

.Post_User_Info {
    color: #bb72f1;
    float: left;
    padding-right: 10px;
}

.Post_User_level {
    color: #000;
    float: left;
    padding-right: 10px;
}

.Post_User_Time {
    color: #ceb1b1;
    padding-left: 58px;
}

.Post_User_address {
    color: #1d42ff;
}

.Post_User_floor {
    font-size: 18px;
    float: right;
    color: #606060d1;
}

.Post_User_birthday {
    float: left;
}

.Post_Bottom_Bar {
    background-color: #fff;
    /* margin-bottom: 25px ; */
}

.Respose_Bar {
    margin-bottom: 1%;
}

.Bottom_Bar {
    border-width: 2px;
    border-bottom-style: solid;
    border-color: #ffffff;
}

.Img_All {
    width: 20px;
    height: 20px;
}

.iconsiz {
    width: 25px;
    height: 25px;
}

/* Reply_Area */

.Reply_Body {
    padding: 15px 0;
}

.reply_status {
    display: block;
    margin: 1%;
}

.reply_status p {
    color: #000;
}

.Reply_Area_1 {
    margin: 2%;
    border: 2px solid;
    border-color: #e3a1cbd9;
    border-radius: 4px;
    height: 150px;
    width: 96%;
    resize: none;
    overflow: hidden;
    white-space: pre;
    white-space: pre-line;
    word-wrap: break-word;
}

.Area {
    width: 100%;
    text-align: center;
}

div.Area {
    height: 100px;
    line-height: 75px;
}

.Reply_Btn {
    margin: 2%;
}

.Reply_bar {
    margin: 2%;
}

.btn_reply {
    border-radius: 50px;
    border: 2px solid;
    color: #eee;
    background-color: #da3d3d;
    transition: all 0.3s ease-out;
}

.Reply_Area_Body {
    border-top: 2px solid;
    border-color: #eee;
    /* background-color: #fff; */
}

.reply_user {
    font-size: 20px;
    background-color: #fff;
    border: 2px solid #e3a1cbd9;
    border-radius: 4px;
}

.text_area {
    width: 100%;
    height: 300px;
}

/*-----回頂部-----*/

#gotop {
    display: none;
    width: 55px;
    height: 55px;
    position: fixed;
    right: 20px;
    bottom: 50px;
    cursor: pointer;
}

#gotop img {
    border-radius: 30px;
}

#gotop:hover img {
    position: relative;
    display: block;
    z-index: 99;
    transition: all 0.3s ease-out;
    transform: translate(-0%, -50%);
}

/*-----Contact Area-----*/

.main_form_block {
    display: block;
    background: rgba(0, 0, 0, 0) repeat-y scroll 0 0;
    /*border: 1px solid #c9c9c9;*/
}

.clearfix {
    display: block;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

form .required {
    color: red;
}

form ul label.col_name {
    font-size: 20px;
    width: 280px;
    color: #666;
}

form ul li {
    border-bottom: 1px dashed #eee;
    float: none;
    padding: 10px;
}

form ul li:hover {
    background: #eee;
}

form .contact_send {
    padding: 10px 10px 20px;
}

form .form-col {
    height: 30px;
    max-width: 80%;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

form .textarea_contact {
    width: 95%;
    height: 150px;
    resize: none;
}

.category_item {
    font-size: 18px;
}

.physical_store input[type="radio"] {
    display: none;
}

.physical_store input[type="radio"]+label {
    display: inline-block;
    background-color: #eee;
    cursor: pointer;
    padding: 5px 10px;
}

.physical_store input[type="radio"]:checked+label {
    background-color: #ff6b6b;
    border: 1px solid #aeacac;
    color: #fff;
}

.main_form_body .text_sub {
    /*border-bottom: 2px dashed #d1d1d1;*/
    margin: 20px 10px;
    overflow: auto;
    padding-bottom: 10px;
    color: #606060;
    text-align: center;
}


.index_bar .main-form-group {
    width: 100%;
    display: block;
}

.quote_main {
    overflow: hidden;
    /* margin: 10px 0;
    padding-left: 16px; */
    background: url(https://sla.ckcdn.com/2015/image/common/qa.gif) no-repeat 0 0;
    color: #888;
    padding: .5em 1em;
    border-left: 5px solid #404040;
    background-color: #f3f3f3;
    margin: 6px;
}

/*-----Course Area-----*/

.main_store_course_bar {
    padding-top: 50px;
    margin: 5px;
    font-size: 30px;
    font-weight: bold;
    border-bottom: 2px solid;
}

.course-sign{
  border: 1px solid #0000001f;
  box-shadow: 0 1px 2px;
  border-radius: 3px;
  margin-top: 10px;
  padding: 10px;
}

.sign-title{
  font-size: 22px;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  font-weight: bold;
  padding: 10px;
}

.sign-title span{
  color: #6dd0cd;
}

.sign-word{
  font-weight: bold;
}

.sign{
    padding: 10px;
    font-size: 16px;
    line-height: 30px;
}

.sign-word{

}

.course_info {
    margin-bottom: 30px;
    height: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #e1e1e1;
    /* box-shadow: 4px 4px 12px -2px rgba(20%, 20%, 40%, 0.5); */
}

.course_info .cover_wrap {
    position: relative;
    overflow: hidden;
}

.cover_wrap .cover_img_wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.course_info .cover_img_wrap img {
    width: 100%;
    height: 200px;
    display: inline-block;
    vertical-align: middle;
    top: 0;
    position: relative;
    transition: opacity 0.8s, transform 0.5s ease-in-out;
}

.cover_img_wrap:hover .hh_img {
    transform: scale(1.3);
}

.hh_img img {
    position: absolute;
    object-fit: cover;
    transition-duration: 1s;
    transition-property: opacity;
    object-position: 50% 50%;
}

.course_info_text {
    background: #ededed59;
}

.course_info_text_area {
    padding-top: 2%;
    height: 82px;
    overflow: hidden;
    background: #ededed59;
}

.course_info_text_1 {
    font-size: 2rem;
    color: #000;
    width: 100%;
    line-height: 1.4em;
    max-height: 62px;
    overflow: hidden;
    font-weight: 400;
    padding-left: 10px;
}

.course_info_text_area_1 {
    font-size: 16px;
    font-weight: 400;
    background: #ededed59;
    padding-left: 5px;
    color: #ff00de;
}

.course_info_text_area_2 {
    font-size: 16px;
    font-weight: 400;
    background: #ededed59;
    border-bottom: 10px solid #6dd0cd;
    /* padding-bottom: 8px; */
    color: rgba(0, 0, 0, .43);
}

.course_info_user_area {
    float: left;
    font-weight: 400;
    padding-left: 5px;
}

.course_info_user_area .course_info_user {
    color: #8f8f8f;
}

.course_info_user_pos_color {
    background-color: #00bea4 !important;
}

.course_info_user_pos {
    font-size: 2rem;
    /* font-weight: 600; */
    color: #fff;
    background-color: #d9534f;
    position: absolute;
    top: 12px;
    right: -29px;
    width: 115px;
    transform: rotate(45deg);
    color: #fff;
    height: 8%;
    text-align: center;
    box-shadow: 0 0 2px #ccc;
    vertical-align: middle;
}

.course_info_text_price {
    float: right;
}

.course_info_text_fontsize {
    font-size: 16px;
    color: #939393;
}

.course_info_text_fontsize_1 {
    text-decoration: line-through;
    position: relative;
    padding-right: 5px;
    font-size: 20px;
    /* color: #5a56ff; */
    color: #727272;
    right: 0;
    text-align: right;
}

.course_info_text_fontsize_2 {
    position: relative;
    padding-right: 5px;
    font-weight: bold;
    font-size: 22px;
    color: #ff0101;
    right: 0;
    text-align: right;
}

.course_right_panel {
    padding-bottom: 20px;
    position: static;
    right: 0;
    top: 0;
}

.course_manage{
  text-align:right;
  padding:10px 3px;
  border-bottom:10px solid #6dd0cd;
  background-color:#f5f5f5;
}

.manage_button{
  border:none;font-size: 16px;
  background:none;
  margin-right:10px;
}

.manage_button i{
  color: #6dd0cd;
}

@media (min-width:999px) {
    .display-in-mobile-999 {
        display: none;
    }
}

.modal-footer_button {
    width: 100%;
    text-align: center;
    padding-bottom: 2px;
}

.button_bottom_check {
    text-align: center;
    vertical-align: middle;
    /* margin-top: 30px;
  margin-bottom: 30px; */
}

.modal-title_button .button_bottom_change {
    padding-bottom: 5px;
}

.btn-course {
    width: 100%;
    display: block;
    padding: 1rem 0px;
    height: 4rem;
    text-align: center;
    background-color: #6dd0cd;
    color: #fff;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.btn-course:hover {
    opacity: 0.8;
}

.button_style_footer {
    vertical-align: middle;
    /* padding-right: 1rem; */
    position: fixed;
    z-index: 10;
    width: 100%;
    left: 0;
    bottom: 0;
}

.course_class_tltle .course_tilte {
    font-size: 30px;
    color: #777;
    font-weight: bold;
}

.course_right_panel-1 {
    padding-bottom: 20px;
    position: relative;
    right: 0;
    top: 0;
}

.user_profile {
    background: #fff;
    box-shadow: 0 1px 2px;
    border-radius: 3px;
    overflow: hidden;
}

.user_profile_title {
    margin-bottom: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.user_profile_title span{
  color: #6dd0cd;
}
.user_profile.text_align {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    padding: 10px;
}

.user_img_set {
    width: 100%;
    /*height: 100%;*/
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: 'object-fit: cover; object-position: 50% 50%;';
}

.user_img_set .user_img {
    width: 170px;
    height: 170px;
    border-radius: 100px;
}

.user_profile_text {
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.user_info_text {
    font-size: 16px;
    color: #5c5b5b;
}

.user_info_text .coursetext {
    font-size: 16px;
    color: #7676769c;
}

.description {
    overflow: hidden;
    position: relative;
    word-break: break-all;
}

.course_info_1 .info-text {
    word-wrap: break-word;
    padding-top: 30px;
    padding-bottom: 30px;
}

.description img {
    width: 100%;
    max-height: 600px;
    background-position: 50%;
    background-repeat: no-repeat;
}

.course_main_intro_wrap {
    min-height: 380px;
    padding-right: 355px;
}

.course_info_1 {
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 24px;
    color: #6dd0cd;
    height: auto;
}

.course_info_1 span{
  font-weight: bold;
  color: #999;
}

.user_info_text .img_1 {
    width: 100%;
    max-height: 600px;
    background-position: 50%;
    background-repeat: no-repeat;
    /* /* background-size: cover;
  object-fit:cover; */
}

.course_class_tltle {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align:left;
}

.course_info {
    background: #fff;
    /* box-shadow: 0 1px 2px; */
    border-radius: 3px;
    overflow: hidden;
}

/* course_signup start */

.course_area {
    background-color: #fff;
    box-shadow: 0 1px 2px;
    border-radius: 3px;
    overflow: hidden;
    font-size: 30px;
    padding: 4rem;
    padding-bottom: 11rem;
}

.course_area .course_1 {
    padding-left: 1px;
    float: left;
}

.course_area .course_2 {
    padding-left: 1px;
    font-size: 16px;
    color: #9f9f9f;
}

.course_area .course_3 {
    margin-bottom: 1%;
    font-size: 30px;
    right: 2rem;
    bottom: 0;
    color: #255ce9;
    position: absolute;
}

.course_area .course_img {
    display: block;
    float: left;
}

.course_area_info {
    background-color: #fff;
    box-shadow: 0 1px 2px;
    border-radius: 3px;
    overflow: hidden;
    /* font-size: 30px; */
    padding: 4rem;
    padding-bottom: 80px;
}

.course_signup_check {
    font-size: 18px;
}

.course_right_panel.stuck {
    position: fixed;
    top: 50px;
    right: 0px;
    padding-right: 1rem;
}

.main_body .main_body_privacy p {
    padding-top: 10px;
    border-bottom: 1px solid;
    display: inline-block;
    padding-right: 10px;
    font-size: 20px;
}

.main_body .main_body_privacy ul,
li {
    word-wrap: break-word;
    color: #939393;
}

.main_body .main_body_about {
    padding-top: 1%;
}

.main_body .main_body_about .main_body_about_text {
    word-wrap: break-word;
    padding-top: 25px;
    font-size: 20px;
    color: #77736e;
}

.main_body_about_text p {
    text-indent: 2em;
    font-size: 20px;
    line-height: 2.1;
}

.main_body .main_body_about .main_body_about_img {
    max-width: 100%;
    height: auto;
}

.main_body .main_body_about .main_body_about_title {
    font-size: 4rem;
    border-bottom: 2px solid #eaedee;
}

.form-signin .form--remfor {
    text-align: center;
    font-size: 16px;
}

.form--remfor label:nth-child(2) span {
    color: #f00;
}

/* designer_main start */

.designer_setting_span{
    width: 120px;
    text-align: left;
}

.designer_info_bg {
    background-color: #fff;
    /*padding-bottom: 30px;*/
}

.add_purchase_panel{
    padding: 20px 40px;
    margin-bottom: 10px;
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #6DD0CD;
    border-radius: 4px;
}

.add_purchase_panel .control {
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 0;
    width: 100%;
}

.checkbox {
    padding-left: 10px;
    padding-right: 10px;
}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 15px;
    color: #555555;
}

.checkbox input[type="checkbox"] {
    opacity: 0;
    z-index: 1;
}

.checkbox input[type="checkbox"]:focus+label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked+label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

.add_purchase_panel .add-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    line-height: 17px;
    height: 34px;
}

.container-case {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    margin-top: 10px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: bold;
}

.container-case input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark-case {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
  }

  .container-case-time {
      display: block;
      position: relative;
      padding-left: 5px;
      margin-bottom: 5px;
      cursor: pointer;
      font-size: 12px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }

  .container-case-money {
    font-size: 14px;
    color: #ff4a11;
  }

  .add_purchase_area{
    margin-top: 0px;
  }


.container-case:hover input ~ .checkmark-case {
    background-color: #ccc;
}

.container-case input:checked ~ .checkmark-case {
    background-color: #6DD0CD;
}

.checkmark-case:after {
    content: "";
    position: absolute;
    display: none;
}

.container-case input:checked ~ .checkmark-case:after {
    display: block;
}

.container-case .checkmark-case:after {
    left: 8px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.designer_case_text {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #eee;
}

.designer_case_text .info_title {
    text-align: center;
    border-bottom: 2px solid #6fbdc1;
}

.designer_case_text .info_title span {
    font-size: 3rem;
    font-weight: bold;
    color: #7e7e7e;
}

.designer_case_text .info_text {
    padding: 5%;
}

.designer_case_text .info_text .info_text_list li {
    font-size: 16px;
    color: #333;
    border: none;
    list-style-type: circle;
    font-weight: 400;
    letter-spacing: 1.3px;
}

.designer_info .designer_img_wrap {
    padding: 10%;
    text-align: center;
    margin: 0 auto;
}

.designer_img_wrap .designer_img {
    border: 1px solid #6DD0CD;
    border-radius: 50%;
    overflow: hidden;
    width: 250px;
    height: 250px;
    position: relative;
}

.designer_info img {
    max-width: 100%;
    height: auto;
}

@media screen and (min-width: 1314px) {
    .store_img_wrap {
        margin-left: 40%;
    }
    .designer_img_wrap {
        margin-left: 40%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1314px) {
    .store_img_wrap {
        margin-left: 20%;
    }
    .designer_img_wrap {
        margin-left: 20%;
    }
}

@media screen and (max-width: 768px) {
    .store_img_wrap {
        margin-left: 0%;
    }
    .designer_img_wrap {
        margin-left: 0%;
    }
}

.store_img_wrap .store_img,
.store_img_wrap .store_attach_img,
.designer_info_img_wrap img {
    transition: all 0.3s linear;
}

.store_img_wrap .store_img:hover,
.store_img_wrap .store_attach_img:hover,
 {
    opacity: 0.8;
    transform: scale(1.05);
}

.designer_info_area img {
    transition: all 0.3s linear;
}

.designer_info_area img:hover {
    opacity: 0.8;
    transform: scale(1.05);
}

.store_img_wrap .store_img {
    border: 1px solid #6DD0CD;
    overflow: hidden;
    width: 300px;
    height: 300px;
    position: relative;
    cursor: pointer;
}

.store_img_wrap .store_attach_img {
    margin-top: 10px;
    display: inline-block;
    width: 88px;
    height: 88px;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    margin-left: 12px;
    cursor: pointer;
}

.store_img {
    width: 100%;
}

.designer_img {
    width: 100%;
    margin: 0 auto;
}

.designer_name_1 {
    text-align: center;
}

.designer_name_1>h2 {
    font-size: 20px;
    font-weight: 400;
    color: #666;
}

.designer_info_wrap_1 {
    margin-top: 50px;
    padding: 50px 50px 50px 50px;
}

.designer_info_wrap_1 h3 {
    color: #939292;
    font-weight: bold;
}

.designer_info_btn .btn-reservation {
    width: 50%;
    margin: 0 auto;
}

.designer_info_btn {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}

.designer_info_intro_wrap {
    margin-top: 50px;
}

.designer_info_card {
    background: #fff;
    /*box-shadow: 0 1px 2px rgba(40, 40, 40, 0.1);
    border: 1px solid #CCCCCC;
    border-bottom: 2px solid #999999;*/
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 20px;
    cursor: pointer;
    /*max-height: 280px;*/
}

.designer_info_card_1 {
    border-radius: 15px;
    padding: 0;
    margin: 0;
    text-align: center;

}

.designer_info_card_1:hover{
  background: #84cbc8;
}

.designer_info_card .designer_info_img_wrap {
    max-height: 100%;
    max-width: 100%;
    display: inline-block;
}

.designer_info_card .designer_info_img_wrap img {
    height: 90%;
    width: 90%;
    object-fit: cover;
    box-shadow: 3px 3px 8px 2px #cccccc;
}

@media screen and (max-width: 767px) {
    .designer_portfolio {
        float: none;
        display: inline-block;
    }

    .phone-designer{
      margin-left: -10px;
       height: 30px;
       overflow: hidden;
       display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }

}



.designer_img {
    overflow: hidden;
    border-radius: 15px;
}

.designer_img:hover {
    background: #000;
}

.designer_img img {
    transition: all 0.3s linear;
    -webkit-backface-visibility: hidden;
}

.designer_img:hover img {
    opacity: 0.5;
    transform: scale(1.2);
}

.designer_img:hover .txt-hover {
    opacity: 1;
}

.designer_img .txt-hover {
    color: #fff;
    position: absolute;
    top: 90%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    left: 0;
    text-align: center;
    width: 100%;
    opacity: 0;
    transition: all 0.6s ease;
}

.designer_info_card .designer_info_text_wrap {
    text-align: center;
    font-size: 18px;
    /*  padding-top: 3%;
  padding-bottom: 3%;*/
}

.designer_info_card .designer_info_text_wrap_1 {
    text-align: center;
    font-size: 2rem;
    padding-top: 3%;
}

.designer_info_bg .fc-header-toolbar h2 {
    font-size: 22px;
}

.breadcrumb {
    padding: 10px 15px 6px;
    margin-bottom: 21px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 2px;
}

.breadcrumb a{
    color: #939393;
}

.offers_category {
    font-size: 26px;
    color: #ddd;
    font-weight: bold;
    text-align: left;
    border-bottom: solid 3px;
    margin-bottom: 50px;
}

.offers_category span{
  color: #6dd0cd;
}

.case-span{
  margin: 10px;
}

.offers_items {
    border: 1px solid #6dd0cd;
    /*cursor:pointer;*/
    position: relative;
    /*background: #eee;*/
    /*margin-bottom: 20px;*/
}

.offers_items_discount {
    margin-bottom: 20px;
}

.offers_items_discount div {
    background: #fb4545;
    font-size: 18px;
    font-weight: bold;
    padding: 20px;
}

.offers_items div {
    /*text-align: center;*/
    font-size: 16px;
    padding: 5px 5px 5px 5px;
}

.offers_wrap {
    margin-bottom: 20px;
    text-align: center;
}

.offers_wrap .offers_wrap_items {
    padding: 20px;
}

.offers_wrap_items>li .offers_items {
    padding: 15px 5px 15px 28px;
}

.offers_wrap_items>li .offers_items:hover {
    background-color: #eee;
}

.coupon-line {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 15px;
    background: #6dd0cd;
}

.coupon-left {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}

.caseName {
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 35px;
    text-align:left;
    margin-bottom: 10px;
    margin-top: 10px;
    }

    .coupon_letter img{
      width: 15px;
      height:15px;
      /*margin-bottom: 3px;*/
}

.img_width{
  height: 150px;
  text-align: center;
}

/*.coupon-left span {
    color: #D71B19;
    font-size: 2rem;
}*/


.coupon-right {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    /*margin-left: 280px;*/
}




.coupon_btn {
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    border-radius: 0;
    border-color: #ffffff;
    color: #ffffff !important;
    background: #6dd0cd;
    text-align: center;
}

.offers_items .coupon_btn {
    width: 140px;
}

.offers_items .coupon_btn:hover {
    opacity: 0.8;
    background-color: #d06d70;
}

.coupon_img{
  width: 120px;
  height: 120px;
  margin-top: 18px;
}

.coupon_letter_0{
  font-size: 24px;
  color: #6DD0CD;
  font-weight: bold;
}

.coupon_letter{
  text-align: left;
  margin-bottom: -10px;

}

.coupon_l1{
  font-size: 14px;
  color: #9d9b9b;
}

.coupon_l3{
  font-size: 14px;
  color: #000000;
}

.coupon_letter_1{
  text-align: left;
  margin-bottom: -10px;
  color: #ff0000;
  text-decoration:line-through;
}

.coupon_letter_2{
  text-align: left;
  margin-top: -15px;
}

.coupon_letter_4{
  text-align: left;
  margin-top: -50px;
  margin-left: 80px;
}

.coupon_l4{
  font-size: 32px;
  color:#ff0000;
  font-weight: bold;
  margin-left: 10px;
}


.coupon_l2{
  font-size: 18px;
  color:#ff0000;
  font-weight: bold;
}

@media (max-width: 767px) {

  .main_body_about_text p{
    font-size: 14px;
  }

  td {
    font-size: 16px;
  }

  .offers_category {
      font-size: 26px;
      color: #ddd;
      font-weight: bold;
      text-align: center;
      border-bottom: solid 3px;
      margin-bottom: 50px;
  }
    .coupon-left,
    .coupon-right {
        width: 100%;
    }

    .card-container {
      margin-top: 0px;
      margin-bottom: 0px;
    }



    .sui-steps-round {
    padding: 0px 30px;
    margin-left: 8px;
    margin-top: 40px;
    margin-bottom: 30px;
    }

    .add_purchase_panel {
        padding: 20px 13px;
        margin-bottom: 10px;
        box-shadow: none;
        background-color: #fff;
        border: 1px solid #6DD0CD;
        border-radius: 4px;
      }
}


.main_designer_interface_3_wrap {
    padding: 5%;
}

.main_designer_interface_3_wrap figcaption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    width: 70%;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 3px #000;
    font-size: 18px;
}

.main_designer_interface_3_img {
    padding: 3%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #fff;
}

.main_designer_interface_3_img img {
    height: 100%;
    width: 100%;
    display: block;
    border-radius: 50%;
}

.main_designer_interface_3_text {
    text-align: center;
    line-height: 1.7;
    color: #666;
}

.cover_fit {
    border-radius: 3px;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main_search_bar {
    padding-top: 20px;
    margin: 0 auto;
    width: 80%;
}

.designer_form_search {
    box-sizing: border-box;
}

.p_relative {
    position: relative;
}

@media screen and (min-width: 514px) {
    #checkboxlist {
        border: 1px solid #ccc;
        padding: 10px 5px;
        height: 46px;
    }
}

@media screen and (min-width: 348px) and (max-width: 514px) {
    #checkboxlist {
        border: 1px solid #ccc;
        padding: 10px 5px;
        height: 65px;
    }
}

@media screen and (max-width: 347px) {
    #checkboxlist {
        border: 1px solid #ccc;
        padding: 5px 1px;
        height: 65px;
    }
}

.designer_border_bottom {
    color: #fff;
    border-radius: 50px;
    background-color: #6dd0cd;
    width: 150px;
    margin: 0 auto;
    padding: 10px 0px 5px 0px;
}

.designer_info_name {
    font-size: 25px;
    padding: 0px 20px;
    color: #000;
}

.designer_info_text {
    font-size: 20px;
    font-weight: 400;
}

.designer_info_text_wrap h5 {
    color: #aaa;
    text-align: center;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 15px;
}

.designer_info_text_wrap h4 {
    font-size: 16px;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 17px;
}

.designer_info_text_wrap h4 span {
    font-size: 16px;
    color: #aaa;
    text-align: center;
}

.designer_info_text_wrap p {
    height: 33px;
    margin-top: -10px;
    font-size: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.designer_info_text_wrap .event-text {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.designer_info_text_wrap .event-text p{
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 35px;
}

.designer_more {
    left: -8px;
    text-align: right;
    margin: 10px;
}

.designer_info_area {
    /*padding-top: 50px;*/
    position: relative;
    overflow: hidden;
    /* margin-top: 20px;
  margin-bottom: 20px; */
    text-align: center;
}



.news_square-box:before {
    content: "";
    display: block;
    padding-bottom: 65%;
}

.square-box:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.square-box {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.tow_img{
  overflow: hidden;
}

.designer_info_img_wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #fff;
}

.designer_info_img_wrap img {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    object-fit: cover;
}

.designer_info_img_wrap div {
    display: block;
    height: 100%;
    width: 100%;
}

.designer_info_img_wrap .designer_info_img {
    width: 100%;
    height: auto;
}

.circle_figure {
    overflow: hidden;
    border-radius: 50%;
}

.cover_fit img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.loading_more {
    text-align: center;
}

.loading_more a {
    width: 100px;
    border: 0;
    background-color: #6fbdc1;
}

.main_designer_region {
    min-height: 400px;
}

/*
.index_store_info_text_1_R{
  text-align: center;
  margin: 0 auto;
} */

.Store_works {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
}


.store-position{
  margin-top: 5%;
  display:inline-block;
  float:none;
  margin-left: 20px;
  margin-right: 20px;
}

.store-img-wrap {
    padding: 10%;
    text-align: center;
    margin: 0 auto;
}

.store-img-wrap .img-wrap {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.store_designer_text p {
    color: #FFFFFF;
    background: #6DD0CD;
    margin: 0 auto;
    font-size: 13px;
    height: 24px;
    border-radius: 7px;
    width: 105px;
}

.main-background {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 2px solid #9494945e;
    background: #fff;
}

.home_search_form {
    margin: 10px 0 4px;
    padding: 1px;
    box-sizing: border-box;
    margin-top: 30px;
    background: #6fbdc1;
}

.home_search_form .form-control {
    float: left;
    width: 75%;
    border-radius: 0;
    height: 35px;
}

.home_search_form .btn {
    width: 25%;
    display: block;
    float: left;
    height: 35px;
    border-radius: 0;
}

.home_search_form .form-group {
    margin-bottom: -15px;
}

.home_search_form .btn-search {
    background-color: #6fbdc1;
    color: #fff;
    border: none;
    opacity: 0.75;
}

.home_search_form .btn-search:hover {
    background-color: #6dd0cd;
}

.home_search_form .btn-search .btn-font {
    font-family: Microsoft JhengHei;
    color: #fff;
}

.search-wrap {
    background: #eee;
    padding: 2%;
    border-radius: 2%;
}

.search-wrap .nav-tabs>li.active>a {
    background-color: #6fbdc1;
    border-radius: 0;
    color: #fff;
}

.nav-tabs>li>a {
    border: none;
}

.search-wrap .nav-tabs {
    border-bottom: 2px solid #6fbdc1;
}

/*---desinger case---*/

.reservation-btn {
    padding: 2%;
    display: block;
}

.reservation-btn .btn {
    width: 100%;
    border-radius: 0;
}

.reservation-btn span {
    color: #fff;
    font-size: 2rem;
}

/*---designer-work---*/

.main-block {
    min-height: 400px;
    padding-bottom: 40px;
}

.work-detail-wrap {
    margin: 0;
    padding: 0;
}

.work-detail-wrap .col-md-8 {
    text-align: center;
}

.work-detail-wrap .col-md-4 {
    background: #fff;
}

.work-detail-wrap .col-md-4,
.work-detail-wrap .col-md-8 {
    padding: 0;
}

.photo-container {
    background: #aaa;
}

.photo-container .p_relative {
    height: 100%;
}

.photo-wrap {
    background: #3d3d3d;
}

.photo-arrow {
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
}

.photo-arrow.arrow-Left {
    left: 0;
    right: 60%;
}

.photo-arrow.arrow-Left:hover img {
    opacity: 1;
}

.photo-arrow.arrow-Right:hover img {
    opacity: 1;
}

.photo-arrow.arrow-Left img {
    left: 4px;
}

.photo-arrow img {
    position: absolute;
    width: 48px;
    top: 50%;
    margin-top: -24px;
    opacity: 0;
    transition: all .2s;
    -webkit-transition: all .2s;
}

.photo-arrow.arrow-Right {
    left: 60%;
    right: 0;
}

.photo-arrow.arrow-Right img {
    right: 4px;
}

.work-detail-wrap li img {
    vertical-align: middle;
    max-height: 100%;
    min-width: 300px;
}

.img-middle {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.work-detail-wrap div ul {
    margin: 0;
    padding: 0;
    font-weight: bold;
    text-align: center;
    height: 100%;
    width: 100%;
}

.work-title-wrap {
    padding: 9px;
    position: relative;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.post-tilte {
    margin: 0 0 0 50px;
    color: #aaa;
}

.post-tilte span {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 0;
}

.post-tilte .post-time-data {
    margin-right: 45px;
}

.post-tilte .post-time-data {
    font-size: 16px;
    color: #aaa;
}

.post-infomation {
    padding-bottom: 5px;
}

.figure-wrap {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
    border: 1px solid #eee;
}

.figure-wrap img {
    width: 100%;
    height: 100%;
}

.info-wrap {
    margin: 0 0 0 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.info-wrap .contact_info {
    color: #888;
    font-size: 16px;
}

.right-post-box {
    height: 726px;
    overflow: auto;
}

.post-container {
    position: relative;
}

.post-container p {
    padding: 5px 10px;
    line-height: 2.0;
    word-wrap: break-word;
}

.check-button {
    width: 100%;
}

.check-button .btn {
    border-radius: 0;
    width: 100%;
    background: #6dd0cd;
}

#post_blank {
    background: rgba(0, 0, 0, .8);
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1999;
}

.push_post {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
    overflow: auto;
    height: 100%;
}

.post-box {
    padding: 5%;
}

.post_close_btn {
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 2000;
    cursor: pointer;
}

.close_btn {
    position: relative;
    display: block;
    margin-top: 4px;
    width: 24px;
    height: 24px;
    overflow: hidden;
}

.close_btn.black::after,
.close_btn.black::before {
    height: 4px;
    margin-top: -4px;
}

.close_btn::before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.close_btn::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.close_btn::after,
.close_btn::before {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #fff;
}

@media screen and (max-width: 1024px) {
    .right-post-box {
        height: 593px;
        overflow: hidden;
    }
    .post-box {
        position: relative;
        top: 20%;
        padding: 1%;
    }
}

.img-more {
    background: #84cbc8;
}

.img-more img {
    overflow: hidden;
    display: block;
    height: 100%;
    width: 100%;
    transition: all .7s ease;
    object-fit: cover;
}

.img-more:hover img {
    opacity: .12;
    transform: scale(1.1);
}

.img-more a:hover {
    color: #55a7a4;
}

.img-more:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    transform: scale(1.1);
    opacity: 0;
    transition: all .7s ease;
}

.img-more:after {
    content: '獨家優惠';
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 18px;
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    color: #fff;
    -webkit-filter: blur(6px);
    filter: blur(6px);
    opacity: 0;
    transition: all .7s ease;
}

.img-more:hover:before {
    opacity: 1;
    transform: scale(0.8);
}

.img-more:hover:after {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
}

.banner_slide_wrap {
    position: static;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    max-width: 82.85714em;
    z-index: 1;
}

.note-toolbar {
    position: relative;
    z-index: 3 !important;
}

#submitForm table tr th span {
    font-size: 18px;
    font-weight: 400;
}

#submitForm table tr th {
    padding: 8px 6px;
    text-align: right;
    font-weight: 400;
    color: #333;
    vertical-align: top;
    overflow: hidden;
}

#submitForm table tr td {
    padding: 2px 2px 8px 4px;
    word-wrap: break-word;
    overflow: hidden;
    vertical-align: middle;
    letter-spacing: 0;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

.reser-list-area {
    margin-top: 11px;
    padding: 1% 1px;
    display: block;
    box-sizing: border-box;
}

.reser-list{
  padding: 10px;
}

.reser-title-wrap {
    padding: 3% 0px;
    text-align: center;
    background: #6dd0cd;
}

.reser-title-wrap span {
    font-size: 20px;
    color: #fff;
}


.reser-list-wrap {
    /*padding: 10px 25px 10px 15px;*/
}

/*.reser-list-wrap li:hover {
    background: #e6e6e6;
}*/

.reser-list-wrap span {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.reser-list-wrap .list-title {
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 18px;
}

.reser-list-wrap .list-designer {
    /*color: #595959;*/
    font-size: 14px;
}

.reser-list-wrap .list-price {
    text-align: right;
    color: #c40000;
    font-size: 28px;
}

/*-----setting-navtab-----*/

.setting-navtab {
    border-bottom: 3px solid #6dd0cd;
}

.setting-navtab ul {
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
}

.setting-navtab ul::after {
    content: "";
    display: inline-block;
}

.setting-navtab ul>li {
    text-align: center;
    float: left;
    color: #666;
    display: inline-block;
    background: #fff;
    width: 25%;
    padding: 10px 10px 10px 10px;
    font-size: 2rem;
}

.setting-navtab ul,
li {
    padding: 0;
    margin: 0;
}

.setting-navtab ul>li:nth-child(1) {
    border-right-style: solid;
    border-color: #ccc;
    border-width: 2px;
}

.setting-navtab ul>li:nth-child(2) {
    border-right-style: solid;
    border-color: #ccc;
    border-width: 2px;
}

.setting-navtab ul>li:nth-child(3) {
    border-right-style: solid;
    border-color: #ccc;
    border-width: 2px;
}

.setting-navtab ul>li a {
    text-decoration: none;
    color: #000;
}

.setting-navtab ul>li.liactive a {
    text-decoration: none;
    color: #fff;
}

.setting-navtab ul>li.liactive {
    background: #6dd0cd;
    border: none;
    color: #3d3d3d;
    font-size: 2rem;
}

/*-----search bar-----*/

#search-tabs {
    position: relative;
    z-index: 2;
}

.search-tab-content {
    position: relative;
    z-index: 1;
    clear: both;
}

.search-tab-content form {
    display: table;
    border-radius: 2px;
    border-top-left-radius: 0;
    background: #f2f2f2;
    padding: 8px 10px;
    overflow: visible;
    width: 100%;
}

.search-tab-content .wrapper {
    padding: 1px 3px 1px 3px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    overflow: hidden;
}

.search-tab-content .wahanda-complete.service {
    display: table-cell;
    width: 35%;
}

.search-tab-content .wahanda-complete.location {
    display: table-cell;
    width: 35%;
}

.search-tab-content .wahanda-complete.select-date {
    display: table-cell;
    width: 30%;
}

.search-tab-content .wahanda-complete input[type=text],
.search-tab-content .wahanda-complete input[type=date],
.search-tab-content .wahanda-complete select,
.search-tab-content .wahanda-date input[type=text] {
    width: 100%;
    background-color: white;
    border: none;
    border-radius: 2px;
    color: #4d4d4d;
    -webkit-font-smoothing: antialiased;
    height: 44px;
    margin: 0;
    padding: 3px 18px 3px 32px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.search-tab-content .wahanda-complete input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

/*search-tab-content .button.search {
    display: table-cell;
    font-size: 16px;
    font-weight: bold;
    height: 44px;
    line-height: 16px;
    padding: 0 30px;
    border-radius: 2px;
    vertical-align: middle;
}*/

.button.main-button {
    color: #6dd0cd;
    border: 1px solid #6dd0cd;
    background: rgba(255, 255, 255, .9);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.button.main-button:hover {
    color: rgba(255, 255, 255, .9);
    border: 1px solid #6dd0cd;
    background: #6dd0cd;
}

.button.search-button {
    color: rgba(255, 255, 255, .9);
    border: 1px solid #ff669a;
    background: #ff669a;
    transition: all 0.6s ease;
}

.button.search-button:hover {
    background: #d9d9d9;
}

#search-tabs li {
    margin-right: 1px;
    vertical-align: bottom;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: #d9d9d9;
    float: left;
    /*    margin-top: 2px;*/
}

#search-tabs li a {
    line-height: 40px;
    color: #4d4d4d;
    cursor: default;
}

#search-tabs li.active {
    background: #f2f2f2;
    margin-top: 0;
}

#search-tabs li .link-value {
    display: inline-block;
    margin: 0 20px;
}

#search-tabs li:not(.hide) {
    display: inline-block;
}

.search-wrapper {
    padding: 1rem;
    position: absolute;
    top: 250px;
    left: 0;
    right: 0;
    /*margin: 0 30px;*/
}

@media screen and (max-width: 1100px){
  .search-wrapper{
    top: 200px;
  }
}

@media screen and (max-width: 991px) {
  .search-wrapper{
    top: 15px;
  }
}


@media screen and (max-width: 767px) {

.right-body{
  margin-left: -20px;
}

      .search-tab-content .wahanda-complete.service {
          display: table-cell;
          width: 100%;
      }
      .search-tab-content .wahanda-complete.location {
          display: table-cell;
          width: 100%;
      }
      .search-tab-content .wahanda-complete.select-date {
          display: table-cell;
          width: 100%;
      }

      .store-position{
        margin-top: 5%;
        display:inline-block;
        float:none;
        margin-left: 0px;
        margin-right: 0px;
      }

  .coupon-right {
      width: 100%;
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      /*margin-left: 23px;*/
  }

  .offers_items .coupon_btn {
    width: 250px;
}

  .index_border_bottom_title h3 {
    font-size: 22px;
  }

  .index_border_bottom_title h5 {
    font-size: 14px;
  }

  .sign-btn-wrap h5 {
    font-size: 14px;
  }

  .form-signin h4 {
    font-size: 18px;
  }

  .sign-btn-wrap h4 {
    font-size: 18px;
  }


  .coupon_img{
    width: 150px;
    height: 150px;
    margin: 0 auto;
  }

  .coupon-left {
      width: 100%;
      display: inline-block;
      vertical-align: middle;
  }

  .coupon_letter_0{
    font-size: 20px;
    color: #6DD0CD;
  }

  .caseName {
      display: block;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      text-align: center;
      }

  .coupon_letter_1{
    text-align: left;
    margin-bottom: -10px;

  }

  .coupon_letter_2{
    width: 100%;
  }

  .coupon_letter_4{
    width: 100%;
    text-align:right;
    margin-left: 100px;
    margin-top: -50px;

  }



  .img_width{
  text-align: center;
  height: 150px;
  }


    .search-tab-content .button.search {
        text-align: center;
        padding: 3%;
        display: table;
        font-size: 18px;
        height: 25px;
        border-radius: 2px;
        vertical-align: middle;
        margin: 0 auto;
        width: 60%;
    }
}


.portrait_intro {
    position: absolute;
    bottom: 65px;
    right: 2px;
    width: 70%;
    color: #6dd0cd;
    border: 1px solid #6dd0cd;
    background: rgba(255, 255, 255, .9);
    text-align: center;
    z-index: 3;
    height: 32px;
    padding-top: 6px;
}


.case-panel {
    padding: 20px 40px;
    box-shadow: none;
    background-color: #fff;
    border: 1px solid #eaeaea;
}

.title-img-wrap {
    overflow: hidden;
    display: block;
    box-sizing: border-box;
}

.pc-banner{
  width: 100%;
  height: auto;
  object-position: center;
  object-fit: cover;
  max-height: 75vh;
}

@media screen and (max-width: 991px){
  .pc-banner{
    display: none;
  }
}

.mobile-banner{
  width: 100%;
  height: auto;
  object-position: center;
  object-fit: cover;
  max-height: 75vh;
}

@media screen and (min-width: 992px){
  .mobile-banner{
    display: none;
  }
}


.bg-slider {
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50% 25%;
    background-size: cover;
    width: 100%;
    height: 576px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.bg-designer {
    background-image: url('../images/d_bg.png');
    background-position: center center;
    background-size: cover;
    display: block;
    width: 100%;
    margin-left: 0px;
}

.bg-designer .designer_case_text {
    background-color: transparent !important;
}

.emImg {
    background: url(../designer_img/no_img.png);
    display: inline-block;
    width: 200px;
    height: 200px;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

.caseImg {
    background: url(../images/no_img.png);
    display: inline-block;
    width: 200px;
    height: 200px;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

.caseImgSpan {
    background: rgba(0, 0, 0, .5);
    color: #fff;
    line-height: 30px;
    width: 200px;
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
    margin: auto;
    font-style: normal;
}

.caseImgFile {
    display: inline-block !important;
    opacity: 0;
    position: absolute;
    width: 200px;
    height: 200px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    margin: auto;
    z-index: 1;
}

.storeImg {
    background: url(../images/no_img.png);
    display: inline-block;
    width: 120px;
    height: 120px;
    margin: 5px;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    cursor: pointer;
}

.storeAttachImg {
    background: url(../images/no_img.png);
    display: inline-block;
    width: 120px;
    height: 120px;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    margin: 5px;
    cursor: pointer;
}

.storeAttachImgFile {
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    cursor: pointer;
}

.storeImgSpan {
    background: rgba(0, 0, 0, .5);
    color: #fff;
    line-height: 30px;
    width: 150px;
    position: absolute;
    bottom: 5px;
    right: 0;
    left: 0;
    margin: auto;
    font-style: normal;
}

.storeAttachImgSpan {
    position: relative;
    top: -20px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    display:inline-block;
    width: 120px;
}

.description {
    overflow: hidden;
    margin: 10px;
    position: relative;
    height: 5.5em;
}

.description::after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 1.5em;
}

@supports (-webkit-line-clamp: 3) {

    .description {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        max-height: 5.5em;
        /* I needed this to get it to work */
        height: auto;
    }

    .description:after {
        display: none;
    }
}

.preArea {
    white-space: pre-line;
    word-wrap: break-word;
}

.portfolioImg {
    object-fit: cover;
    width: 170px;
    height: 170px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

.designer_tag {
    position: absolute;
    bottom: 75px;
    right: 5px;
    color: #FFFFFF;
    background: #383838;
    text-align: center;
    z-index: 3;
    height: 25px;
    padding: 4px;
    border-radius: 7px;
}

.store_tag {
    position: absolute;
    bottom: 100px;
    left: 5px;
    color: #FFFFFF;
    background: #6DD0CD;
    text-align: center;
    z-index: 3;
    height: 25px;
    padding: 4px;
    border-radius: 7px;
}

.moveable li {
    float: left;
    margin: 5px;
}

.moveable li a {
    position: absolute;
    display: block;
    z-index: 10;
    transition: all .2s;
    -webkit-transition: all .2s;
    opacity: 1;
    border-radius: 50%;
    overflow: hidden;
    background: #48adc5;
}

.moveable li a img {
    width: 20px;
    display: block;
}

.portfolioImg input[type=file] {
    display: inline-block !important;
    opacity: 0;
    position: absolute;
    width: 170px;
    height: 170px;
    cursor: pointer;
    margin: auto;
    z-index: 3;
}

.designerImgFile,
.memberImgFile {
    display: inline-block !important;
    opacity: 0;
    position: absolute;
    width: 200px;
    height: 200px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    margin: auto;
    z-index: 1;
}

.storeImgFile {
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    cursor: pointer;
}

.emImgSpan {
    background: rgba(0, 0, 0, .5);
    color: #fff;
    line-height: 30px;
    width: 200px;
    position: absolute;
    bottom: 5px;
    right: 0;
    left: 0;
    margin: auto;
    font-style: normal;
}

.case_bnt {
    margin: 0 5px 5px 0;
    background-color: #6dd0cd;
    font-size: 14px;
    min-width: 80px;
}

.designer_btn_area {
    margin-top: 20px;
}

.designer_btn {
    width: 80px;
    height: 40px;
    color: #6DD0CD;
    margin-right: 20px;
    margin-top: 10px;
    background-color: #FFFFFF;
    border: 1px solid #6DD0CD;
}

@media screen and (max-width: 375px) {
    .designer_btn {
        width: 45%;
        margin-right: 10px;
    }
}

@media screen and (max-width: 768px) {
    .designer_btn {
        width: 40%;
        margin-right: 10px;
    }
  }

@media screen and (min-width: 992px){



  .banner-bg{
    display: none;
  }

    .search-tab-content .wahanda-complete.service {
        display: table-cell;
        width: 35%;
    }
    .search-tab-content .wahanda-complete.location {
        display: table-cell;
        width: 35%;
    }
    .search-tab-content .wahanda-complete.select-date {
        display: table-cell;
        width: 30%;
    }
    .search-tab-content .button.search {
        display: table-cell;
        font-size: 16px;
        font-weight: bold;
        height: 44px;
        line-height: 16px;
        padding: 0 30px;
        border-radius: 2px;
        text-align: center;
        vertical-align: middle;
    }
  }
.designer_btn:hover {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #6DD0CD;
    transition: all 0.6s ease;
}

@media screen and (max-width: 1200px) {
    .media-object {
        width: 40px;
    }
    .topnews .media_list {
        margin-top: 15px !important;
    }
}


@media screen and (min-width: 992px) {
    .list_margin {
        margin-left: 12%;
    }

}

@media screen and (max-width: 768px) {
    .list_margin {
        margin-left: 4%;
    }



}

@media screen and (max-width: 360px) {

  .right-body{
    margin-left: 0px;
  }

  .btn-width{
    width: 60%;
  }

  .btn-warning{
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .btn-check{
    margin-top:10px;
    opacity: 0.7;
  }

  .btn-success{
    margin-bottom: 10px;
  }


}

.btn-check{
  opacity: 0.7;
}

.btn-ckeck:hover{
color: #ffffff;
}

@media screen and (max-width: 353px) {

  .coupon_letter_2{
    margin-top: -10px;
  }

.store_img_wrap .store_img {
  width: 280px;
  height: 280px;
}

.btn-lg{
  font-size: 14px;
}
  .index_border_bottom_title h3 {
    font-size: 20px;
    margin-right: 5px;
}

.offers_items .coupon_btn{
  width: 215px;
}
  .coupon_img{
    width: 150px;
    height: 150px;
    margin: 0 auto;
  }


  .caseName {
      display: block;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      height: 32px;
      text-align: center;
      margin-bottom: 10px;
      margin-top: 20px;
      }

  .coupon_l4{
    font-size: 26px;
  }

  .coupon_letter_4{
    margin-top: -45px;
  }

.coupon_l1{
  font-size: 14px;
}

.coupon_letter_0{
  font-size: 18px;
}

    .store_info_img {
        /*margin-left: -4%;*/
    }
    .join_info_img {
        margin-left: -10%;
    }
    .store_img_wrap .store_attach_img {
        margin-left: 4px;
    }
    .designer_info_area {
        width: 100% !important;
    }
}

.store_manage {
    border-bottom: 3px solid #6dd0cd;
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    color: #6dd0cd;
    font-size: 2.5rem;
    font-weight: bold;
}

/* menu */

#cd-menu-trigger .cd-menu-icon {
    background-color: #808080 !important;
}

#cd-menu-trigger.is-clicked .cd-menu-icon {
    background-color: transparent !important;
}

#cd-menu-trigger.is-clicked .cd-menu-icon::before,
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
    background-color: #808080 !important;
}

#cd-menu-trigger {
    background-color: transparent !important;
}

/* top news */

.news-number{
  font-size:35px;
  background-color:#6dd0cd;
  width:50px;
  height:50px;
  color:#ffffff;
  font-weight:bold;
  border:1px solid;
  text-align:center;
}

.topnews {
    transition: all 0.3s linear;
    margin-left: -2px;
    margin-right: -2px;
}
.tow_img img {
    transition: all 0.3s linear;
}

.img-area img {
    transition: all 0.3s linear;
}

.topnews .media_list {
    margin-left: -25px;
    margin-right: -5px;
    margin-top: 30px;
}

.topnews .img-area {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #fff;
}

.img-area{
  max-width: 100%;
  max-height:100%;
}

.topnews .img-area img {
    height: 100%;
    width: 100%;
    display: block;
    object-fit: cover;
}

.twoimg {
    width: 100%;
    height: 0;
    padding-bottom: 97%;
    overflow: hidden;
}

.twoimg img {
      width: 100%;
  }

.right-text {
    vertical-align: middle;
    margin-top: -5px;
}

.right-body{
  display: table-cell;
  overflow: hidden;
  max-height: 50px;
}

.top_news_card {
    background: #fff;
    border: 1px solid #8080806b;
    border-bottom: 2px solid #CCCCCC;
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 20px;
}

.top_news_card img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    transition: all 0.3s linear;
}

.top_news_card img:hover {
    opacity: 0.8;
    transform: scale(1.1);
}

.top_news_card p {
    text-align: left;
    margin: 5px 0 0 10px;
    color: #6DD0CD;
    font-size: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.top_news_card .title {
    margin: 0 0 0 10px;
    font-size: 14px;
    height: 30px;
    color: #000000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.topnews h4 {
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/*  Q&A  */

@media screen and (max-width:768px) {
    .hide-in-phone {
        display:none;
    }
}

.qa-header {
    font-size: 27px;
    margin: 20px;
    border-bottom: 1px solid #6dd0cd;
}

.panel-heading[data-toggle="collapse"] h4:after {
    font-family: 'Glyphicons Halflings';
    content: "\e072";
    float: right;
    color: #6DD0CD;
    font-size: 18px;
    line-height: 22px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.panel-heading[data-toggle="collapse"].collapsed h4:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.qa-type-area h3{
    line-height: 45px;
    font-size: 17px;
    text-align: center;
    background: #6DD0CD;
    color: #FFF;
    letter-spacing: 1px;
}

.qa-type-area button {
    border-bottom: 1px dotted #6dd0cd;
    width: 100%;
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 17px;
    text-align: left;
    color: #6DD0CD;
    outline: aliceblue;
}

.panel-title {
    display: block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.panel-collapse img{
    max-width: 100%;
    object-fit: cover;
}

/* cropper */

#editImgModal .cropper-container{
    margin: 0 auto;
}

/*reply*/

/* js loading */
.loading-overlay.loading-shown{
    z-index: 9999 !important;
}