@charset "UTF-8";
/*---------------------------------------通用設定--------------------------------------------*/
.cf:before,
.cf:after {
  content: "";
  display: table;
  height: 0;
  overflow: hidden;
}

.cf:after {
  clear: both;
}

.cf {
  zoom: 1;
}

.outbox {
  background: #f7f4ed;
}

select, input {
  outline: 0;
}

body {
  background: #F0F0F0;
  color: #040000;
  letter-spacing: 0.05em;
  font-family: Arial, sans-serif, "微軟正黑體";
  line-height: 52px;
}

img {
  width: 100%;
}

article {
  padding-bottom: 50px;
}

h1 {
  color: #040000;
}

h2 {
  font-size: 32px;
}

input,
textarea, select {
  width: 100%;
  height: 40px;
  font-family: Arial, sans-serif, "微軟正黑體";
  font-size: 16px;
  color: #cbc8c1;
  letter-spacing: 1px;
}

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

li {
  list-style: none;
}

#wrapper,
header,
main[role="main"],
footer[role="contentinfo"],
.comprehensive_list {
  position: relative;
  width: 100%;
}

/*header*/
header {
  position: fixed;
  top: 0;
  z-index: 9;
  background: white;
  padding-top: 8px;
}

.logo {
  display: block;
  width: 40%;
  height: 100%;
  margin: 0 auto 13px auto;
}

.logout_list {
  display: none;
  background: #5c513d;
  padding-left: 60px;
}
.logout_list i {
  display: inline-block;
  width: 7%;
  margin-top: 2.2%;
  padding-left: 33px;
}
.logout_list a {
  float: right;
  background: #f5b92c;
  border-radius: 7px;
  font-weight: bold;
  width: 13.4%;
  display: block;
  text-align: center;
  font-size: 2.125em;
  margin: 2.2% 26px 0 0;
}

/*nav*/
nav {
  display: none;
  background: #f0f0f0;
  position: fixed;
  width: 100%;
  height: 74%;
  overflow: scroll;
  padding-bottom: 130px;
}
nav ul {
  width: 90%;
  display: block;
  margin: 0 auto;
}
nav ul li {
  line-height: 16px;
  font-size: 1.3em;
}
nav ul li a {
  display: block;
  padding: 32px 0 32px 29px;
  border-bottom: 1px solid #746750;
  color: #5b503d;
}

nav ul li ul li,
nav ul li ul li ul li {
  font-size: 0.9em;
}

nav ul li ul li a {
  padding: 32px 0 9px 23px;
  border: none;
}

nav ul li ul li ul li a {
  padding: 30px 0 10px 65px;
  background: none;
}

.tra .li_off, .li_off li.acc ul {
  display: block;
}

.li_off li.acc ul {
  display: block;
}

.tra > a span, .li_off li.acc > a span {
  transform: rotate(90deg);
}

.lia a span {
  display: block;
  width: 3.5%;
  float: right;
  margin-right: 13px;
}

.lia.op a span {
  display: block;
  width: 6.5%;
  float: right;
  margin-right: 13px;
}

.li_off a span {
  width: 2%;
  margin-right: 34px;
}

.li_off .lion a span {
  width: 4%;
}

.lia > ul {
  display: none;
}

.li_off > li ul {
  display: none;
}

.menu {
  width: 8%;
  position: absolute;
  top: 26px;
  left: 22px;
  display: block;
}

/*搜尋 語言 購物車*/
.comprehensive_list {
  background: #e8e2d2;
  height: 52px;
}

.banner,
.banner2 {
  line-height: 0px;
}
.banner img,
.banner2 img {
  line-height: 0;
}

.mainbanner img {
  line-height: 0;
}

.search,
.language_buy {
  float: left;
}

.search {
  padding-left: 24px;
  width: 43%;
  height: 49px;
}
.search .search_box {
  display: inline-block;
  width: 72%;
  border: none;
  border-bottom: 1px solid #040000;
  background: none;
  margin-top: -37px;
  color: #040000;
}
.search .search-button {
  display: inline-block;
  width: 12%;
  margin-top: 12px;
}

.buy,
.language {
  text-align: center;
  vertical-align: top;
  display: inline-block;
  width: 60px;
  height: 40px;
  padding-top: 12px;
  background: #e2b235;
  font-size: 28px;
}

.buy {
  margin-right: 7px;
}
.buy img {
  width: 50%;
  margin: 0 auto;
  display: block;
  vertical-align: middle;
}

.language_buy {
  float: right;
  margin-right: 24px;
}

.language {
  background: #dd7c25;
  padding-top: 3px;
  height: 49px;
}

main[role="main"] {
  background: #F7F4ED;
  padding-top: 160px;
}

/*大框架*/
.search_item, .new_item, .product_item, .store_item, .shopping_item {
  clear: both;
  padding-top: 50px;
}
.search_item h2, .new_item h2, .product_item h2, .store_item h2, .shopping_item h2 {
  color: #d79700;
  font-size: 1.3rem;
  border: 1px solid #d79700;
  width: 50%;
  text-align: center;
  display: block;
  margin: 0 auto 37px auto;
  padding: 13px 17px;
  line-height: 22px;
}

.logout_list {
  padding-left: 42px;
}
.logout_list i {
  width: 10%;
  margin-top: 5.2%;
  padding-left: 17px;
}
.logout_list i a {
  display: inline-block;
  background: none;
  width: 100%;
}
.logout_list a {
  width: 19.4%;
  height: 40px;
  font-size: 1.5em;
  margin: 4.8% 26px 0 0;
}
.logout_list a span {
  position: relative;
  top: -3px;
}

/*FOOTER*/
footer[role="contentinfo"] {
  margin-top: 86px;
  background: #fff;
}
footer[role="contentinfo"] .top {
  width: 25%;
  margin: 0 auto;
  position: relative;
  top: -88px;
}
footer[role="contentinfo"] .inner {
  margin-top: -41px;
}
footer[role="contentinfo"] .inner span {
  width: 30%;
  margin: 0 auto -15px auto;
  display: block;
}
footer[role="contentinfo"] .inner p a {
  display: block;
  text-align: center;
  color: #756f6f;
  font-size: 1.2em;
}
footer[role="contentinfo"] ul {
  display: block;
  width: 31%;
  float: left;
  margin: 0 0 5% 0%;
}
footer[role="contentinfo"] ul:nth-child(even) {
  margin: 0 13% 5% 14%;
}
footer[role="contentinfo"] ul li {
  list-style: none;
  margin-bottom: 16px;
  line-height: 1.5em;
  color: #756f6f;
}
footer[role="contentinfo"] ul li b {
  font-size: 1.12em;
  border-bottom: 2px dotted #eac66a;
}
footer[role="contentinfo"] .copyhight {
  clear: both;
  background: #DAAD38;
  color: white;
  font-size: 0.416em;
  text-align: center;
}

@media screen and (max-width: 480px) {
  .search {
    padding-left: 24px;
    width: 44%;
  }
  .search .search-button {
    display: inline-block;
    width: 14%;
    margin-top: 12px;
  }

  .qbtn {
    width: 54%;
  }

  footer[role="contentinfo"] {
    margin-top: 43px;
  }
  footer[role="contentinfo"] .top {
    top: -49px;
  }
}
@media screen and (min-width: 768px) {
  .logo {
    width: 26%;
  }

  .menu {
    width: 4.4%;
  }

  .search .search-button {
    width: 9%;
  }

  .search .search_box {
    margin-top: -39px;
  }

  .search .search-button {
    margin-top: 10px;
  }

  main[role="main"] {
    background: #F7F4ED;
    padding-top: 174px;
  }

  footer[role="contentinfo"] .top {
    width: 20%;
    top: -73px;
  }

  footer[role="contentinfo"] .inner span {
    width: 21%;
  }

  footer[role="contentinfo"] .inner p a {
    font-size: 1.7em;
    margin-bottom: 18px;
  }

  footer[role="contentinfo"] ul:nth-child(even) {
    margin: 0 13% 5% 21%;
  }
}
@media screen and (max-width: 375px) {
  footer[role="contentinfo"] .inner p a {
    font-size: 1.1em;
  }

  footer[role="contentinfo"] .top {
    top: -45px;
  }

  footer[role="contentinfo"] .copyhight {
    line-height: 20px;
    padding: 10px 0;
  }
}
@media screen and (max-width: 320px) {
  input, textarea, select {
    font-size: 0.8em;
  }

  header {
    height: 22%;
  }

  .search {
    padding-left: 21px;
    width: 41%;
    height: 48px;
  }

  .search .search-button {
    margin-top: 7px;
  }

  .comprehensive_list {
    height: 49px;
  }

  .buy, .language {
    width: 52px;
    height: 38px;
    padding-top: 11px;
  }

  .language {
    padding-top: 0px;
    height: 49px;
    font-size: 1.8em;
  }

  .logout_list a {
    font-size: 1.2em;
  }

  footer[role="contentinfo"] .inner p a {
    font-size: 1em;
  }

  footer[role="contentinfo"] ul:nth-child(even) {
    margin: 0 14% 5% 9%;
  }

  footer[role="contentinfo"] ul {
    display: block;
    width: 35%;
    float: left;
    margin: 0 0 5% 0%;
  }

  footer[role="contentinfo"] .top {
    top: -39px;
  }
}
/*===============00首頁===============*/
.bannerImg {
  height: 100%;
}

.banner2 button {
  display: none !important;
}

.indexBox {
  background: #f0f0f0;
}

.bannernav #prev, .bannernav #next {
  display: block;
  width: 10%;
  position: absolute;
  top: 251px;
  z-index: 6;
}

#prev {
  left: 0px;
}

#next {
  right: 0px;
}

.item1,
.item2,
.item3,
.item4 {
  color: #040000;
  text-align: center;
  width: 100%;
  padding-bottom: 19px;
  background: url(../images/i1.jpg) top left no-repeat;
  background-size: cover;
}
.item1 h2,
.item2 h2,
.item3 h2,
.item4 h2 {
  padding-top: 67px;
  font-size: 2.2em;
}
.item1 small,
.item2 small,
.item3 small,
.item4 small {
  margin-bottom: 9px;
  display: block;
  margin-top: -24px;
  font-size: 0.98em;
}
.item1 p,
.item2 p,
.item3 p,
.item4 p {
  font-size: 1.1em;
  color: #362d2a;
  width: 80%;
  margin: 0 auto 22px auto;
  line-height: 29px;
}

.item2 {
  background: url(../images/i2.jpg) top left no-repeat;
  background-size: cover;
}

.item3 {
  background: url(../images/i3.jpg) top left no-repeat;
  background-size: cover;
}

.qbtn {
  width: 36%;
  display: block;
  margin: 0 auto;
}
.qbtn img {
  width: 100%;
  height: 100%;
}

.item4 {
  padding-top: 53px;
  background: #F0F0F0;
}
.item4 hgroup {
  display: block;
  margin: 0 auto;
  width: 50%;
  height: 100%;
  background: white;
}
.item4 h2 {
  font-weight: normal;
  padding-top: 34px;
}
.item4 h3 {
  font-size: 1em;
  margin-top: -21px;
  margin-bottom: 8px;
}
.item4 h3::after {
  content: "";
  display: table;
  clear: both;
  width: 12%;
  height: 2px;
  background: #362D2A;
  margin: 0 auto 0px auto;
  position: relative;
  top: -13px;
}
.item4 h4 {
  font-weight: normal;
  font-size: 1.28em;
}
.item4 time {
  font-size: 1.2em;
  border-bottom: 2px dotted #d2ab55;
  color: #b69241;
  padding-bottom: 4px;
}
.item4 p {
  color: #656056;
  font-size: 1.12em;
}
.item4 a.view_btn {
  width: 24%;
  display: block;
  margin: 0 auto;
}
.item4 a.view_btn img {
  width: 100%;
}

/*===============mobile_00===============*/
/*-----mobile_00_search--------*/
.introduce, .store, .news {
  padding-top: 50px;
}

.tagBox {
  float: left;
  width: 100%;
  background: #dcd8cd;
}
.tagBox li {
  text-align: center;
  display: block;
  width: 33%;
  font-size: 1.1em;
  float: left;
}
.tagBox li a {
  width: 100%;
  display: block;
}
.tagBox li a:active {
  background: #f5b92c;
}
.tagBox .tag_On {
  background: #f5b92c;
}

.search_item {
  padding-top: 0;
}

.search_introduction,
.pro_introduction,
.news_introduction,
.member_introduction,
.recor_introduction {
  background: white;
  text-align: center;
  color: #040000;
  font-size: 1.3em;
  width: 85%;
  margin: 0 auto 15px auto;
  padding-bottom: 45px;
}
.search_introduction h3,
.pro_introduction h3,
.news_introduction h3,
.member_introduction h3,
.recor_introduction h3 {
  font-size: 1.4rem;
  padding-top: 32px;
}
.search_introduction p,
.pro_introduction p,
.news_introduction p,
.member_introduction p,
.recor_introduction p {
  width: 90%;
  display: block;
  border-bottom: 2px dotted #e3cfa2;
  padding-bottom: 20px;
  margin: 0 auto;
}
.search_introduction .shop_in,
.pro_introduction .shop_in,
.news_introduction .shop_in,
.member_introduction .shop_in,
.recor_introduction .shop_in {
  display: block;
  width: 22%;
  margin: 24px auto 0 auto;
}
.search_introduction .shop_in img,
.pro_introduction .shop_in img,
.news_introduction .shop_in img,
.member_introduction .shop_in img,
.recor_introduction .shop_in img {
  width: 100%;
}

/*===============01最新訊息===============*/
.news_introduction {
  background: none;
}
.news_introduction li a {
  width: 100%;
  float: left;
  display: block;
}

.search_content {
  padding-top: 50px;
  line-height: 31px;
}

.pro_introduction {
  padding-bottom: 23px;
}

.proImg,
.proTxt {
  float: left;
  text-align: left;
}

.proImg {
  width: 39%;
  padding: 52px 13px 0px 14px;
}
.proImg img {
  width: 100%;
}

.proTxt {
  width: 50%;
}
.proTxt h3 {
  font-size: 1.5rem;
}
.proTxt p {
  width: 100%;
  border: none;
  font-size: 1.2rem;
  line-height: 28px;
}
.proTxt p b {
  color: #e60012;
  display: block;
}
.proTxt a {
  display: block;
  width: 93%;
}
.proTxt a img {
  width: 100%;
}

.newsImg,
.newsTxt {
  float: left;
  width: 50%;
  text-align: left;
}
.newsImg time,
.newsTxt time {
  font-size: 0.9em;
  border-bottom: 0.11em dotted #d2ab55;
  color: #b69241;
  padding-bottom: 4px;
}
.newsImg p,
.newsTxt p {
  width: 100%;
  border: none;
  line-height: 22px;
  font-size: 0.7em;
  letter-spacing: 1px;
}

.newsTxt {
  padding-left: 14px;
}
.newsTxt time {
  display: block;
  height: 35px;
  width: 92%;
  margin-bottom: 8px;
}
.newsTxt strong {
  display: block;
  margin-bottom: 10px;
  font-size: 1.2em;
}
.newsTxt p {
  padding-bottom: 8px;
  color: #666156;
}

.newsImg {
  width: 40%;
  height: 161px;
}
.newsImg img {
  width: 100%;
}

.news_introduction {
  padding-bottom: 0;
}
.news_introduction li {
  width: 100%;
  margin-bottom: 20px;
  display: block;
  float: left;
  clear: both;
  background: white;
}

.no_in {
  text-align: center;
  margin: 0 auto -10px auto;
  padding-top: 47px;
  width: 50%;
}
.no_in img {
  width: 57%;
  margin-bottom: -10px;
}
.no_in span {
  display: block;
  font-size: 1.4em;
  color: silver;
  letter-spacing: 0.1em;
}

.pro_introduction .no_in {
  padding-bottom: 23px;
}

.news_introduction .no_in {
  padding-bottom: 46px;
}

/*最新消息分頁*/
.new_item {
  padding-top: 0;
}
.new_item h3 {
  color: #040000;
  border: none;
  width: 100%;
  text-align: center;
  font-size: 1.2em;
  margin-top: 6px;
}
.new_item .new_Time {
  font-size: 0.9em;
  border-bottom: 0.12em dotted #d2ab55;
  color: #b69241;
  padding-bottom: 4px;
  margin: 0 auto;
  display: block;
  width: 34%;
  font-size: 1.5em;
  height: 39px;
  text-align: center;
}

.new_Content {
  color: #666156;
  width: 80%;
  margin: 0 auto;
  line-height: 1.7em;
}
.new_Content p {
  margin-bottom: 30px;
}

.important li {
  width: 85%;
  margin: 0 auto;
}
.important li img {
  width: 100%;
}

.news_List {
  width: 85%;
  margin: 0 auto;
}
.news_List ul {
  display: block;
}
.news_List ul li {
  width: 50%;
  float: left;
  font-size: 1.4em;
  text-align: center;
  margin: 21px 0 24px;
  line-height: 37px;
}
.news_List ul li a {
  display: block;
  border-bottom: 5px solid #e3decc;
}
.news_List .list_on a {
  font-weight: bold;
  border-bottom: 5px solid #f5b92c;
}

.list_btn {
  margin: -10px 0 51px;
}
.list_btn ul {
  text-align: center;
}

.leftBtn,
.rightBtn,
.list_btn li {
  display: inline-block;
  vertical-align: top;
  font-size: 1.4em;
  width: 9%;
}

.list_btn li a {
  color: #ebb72f;
  font-weight: bold;
}
.list_btn li aactive {
  color: #D8A82A;
}

.leftBtn {
  margin-right: 8px;
}

.rightBtn {
  margin-left: 8px;
}

.leftBtn,
.rightBtn {
  width: 10%;
}
.leftBtn img,
.rightBtn img {
  width: 100%;
}

.new_Phpto {
  width: 75%;
  margin: 25px auto 0 auto;
}
.new_Phpto img {
  width: 100%;
}

.selectBox,
.inputBox,
.productBox,
.productDetail,
.experienceBox,
.store_Box,
.sales_Status,
.evaluation_Input {
  width: 80%;
  margin: 0 auto;
  color: #040000;
}
.selectBox select,
.inputBox select,
.productBox select,
.productDetail select,
.experienceBox select,
.store_Box select,
.sales_Status select,
.evaluation_Input select {
  width: 100%;
  height: 40px;
  border: none;
  background: #FFFFFF;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/select.jpg) no-repeat right center white;
  overflow: hidden;
  margin-top: 25px;
  font-size: 1em;
  padding-left: 30px;
  font-family: Arial, sans-serif, "微軟正黑體";
  color: #040000;
}

/*===============01最新訊息===============*/
/*contact*/
.mail_Content {
  width: 80%;
  margin: 0px auto 32px auto;
  border-top: 0.14em dotted #d5cebf;
  border-bottom: 0.14em dotted #d5cebf;
  padding: 10px 0;
}
.mail_Content img {
  display: inline-block;
  vertical-align: middle;
  width: 15.5%;
  margin: 0 10px 0 20px;
}
.mail_Content a {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

/*===============02聯絡我們===============*/
.contact_item,
.reghit_item {
  padding-top: 50px;
}
.contact_item select,
.reghit_item select {
  background: url(../images/select2.jpg) no-repeat right center white;
}

.contact_item .inputBox input, .contact_item .inputBox select, .contact_item .inputBox textarea {
  width: 96%;
}
.contact_item .import select {
  width: 100%  !important;
}

.inputBox {
  width: 80%;
  margin: 0 auto 19px auto;
}
.inputBox b {
  color: #f5b92c;
  font-weight: bold;
  font-size: 2rem;
  vertical-align: -webkit-baseline-middle;
  margin-right: 10px;
}
.inputBox h3 {
  font-weight: normal;
  font-size: 1.2em;
  letter-spacing: 0.15em;
  line-height: 22px;
}
.inputBox input,
.inputBox select,
.inputBox textarea {
  width: 89%;
  box-shadow: 4px 4px 0 0 rgba(194, 187, 172, 0.5);
  border: none;
  padding-left: 13px;
  margin-bottom: 20px;
  color: #676156;
}
.inputBox select {
  width: 98% !important;
  margin: 0px 0 16px 0;
}
.inputBox textarea {
  height: 159px;
}
.inputBox .send {
  width: 18%;
  border-radius: 50%;
  background: #f5b92c;
  color: #040000;
  display: block;
  padding: 30px;
  text-align: center;
  margin: 0 auto;
  font-size: 1.3em;
  letter-spacing: 6px;
  font-weight: bold;
}

/*===============03會員登入===============*/
/*mobile_03_member_1_forgotpassword*/
.member_introduction {
  padding-bottom: 0;
}

.verification_Code {
  text-align: center;
}
.verification_Code img {
  width: 34%;
  display: inline-block;
}
.verification_Code .reBtn {
  margin-left: 9px;
  display: inline-block;
  position: relative;
  top: -11px;
}
.verification_Code .reBtn img {
  width: 20%;
}
.verification_Code .reBtn span {
  font-size: 1.1em;
  display: inline-block;
  margin: 0px 0 0 6px;
  position: relative;
  top: -3px;
}

.confirmBtn {
  background: #f5b92c;
  border-radius: 4px;
  background: #f5b92c;
  color: #040000;
  display: block;
  text-align: center;
  margin: 14px auto 0 auto;
  font-size: 1.3em;
  font-weight: bold;
  width:80%;
  box-shadow:3px 3px 0px 3px #B98d2f;
}

.inputTxt {
  width: 90%;
  line-height: 29px;
  margin: -37px auto 33px auto;
  font-weight: bold;
}

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + label span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  vertical-align: top;
  position: relative;
  top: 13px;
  border: 1px solid #f5b92c;
  background: none;
  cursor: pointer;
  margin-right: 8px;
}

input[type="checkbox"] + label {
  font-size: 1em;
  display: block;
}

input[type="checkbox"]:checked + label span {
  background: url(../images/e.png) top left no-repeat;
}

.checkBox,
.check_list {
  margin-left: 33px;
}
.checkBox span,
.check_list span {
  display: block;
  margin-bottom: -5px;
}

.checkBox input {
  width: 42%;
  background: none;
  box-shadow: none;
  border-bottom: 1px solid #000;
}
.check_list input {
  width: 42%;
  background: none;
  box-shadow: none;
  border-bottom: 1px solid #000;
}

.accession {
  width: 80%;
  border-top: 0.14em dotted #d5cebf;
  padding-bottom: 50px;
  margin: 42px auto;
  padding: 0 5%;
}
.accession h3 {
  font-size: 1rem;
  text-align: left;
  margin-bottom: -15px;
  margin-top: 19px;
}

.googleSign img,
.fbleSign img {
  width: 100%;
}
.googleSign span,
.fbleSign span {
  width: 7%;
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
  margin: 0 6px 0 0;
}

.googleSign,
.fbleSign {
  border-radius: 4px;
  color: white;
  display: block;
  text-align: center;
  margin: 14px auto 0 auto;
  font-size: 1em;
  height: 47px;
  background: #dd4c3b;
}

.fbleSign {
  background: #5c76b1;
}

.noMember {
  width: 70%;
  display: block;
  margin: 20px auto 0 auto;
}
.noMember li {
  height: 30px;
}
.noMember li span {
  font-size: 1.5rem;
}
.noMember li a {
  font-weight: bold;
  text-decoration: underline;
}

.meberBox {
  width: 87%;
  margin: 0 auto;
  padding: 0px 20px 45px 20px;
  color: #666156;
}
.meberBox h3 {
  text-align: left;
  color: #D79700;
  font-size: 1em;
  padding-top: 16px;
  margin-bottom: 0px;
}
.meberBox span {
  text-align: left;
  display: block;
}
.meberBox .meber_input {
  font-size: 0.9em;
}
.meberBox .mebername,
.meberBox .meberinput {
  float: left;
}
.meberBox .mebername {
  width: 27%;
  font-size: 0.9em;
  margin-right: -4px;
  text-align: left;
}
.meberBox .meberinput {
  width: 66%;
}
.meberBox input {
  border: 2px solid #dfdbd1;
  height: 30px;
  color: #666156;
  padding-left: 15px;
}
.meberBox .add {
  width: 100%;
}
.meberBox .add select {
  float: left;
  width: 35%;
  -webkit-appearance: none;
  border: 2px solid #dfdbd1;
  margin: 0 8px 8px 0;
  padding-left: 4px;
  color: #666156;
  background: url(../images/select3.jpg) no-repeat right center white;
}
.meberBox .add select:nth-child(3) {
  margin-right: 0;
}
.meberBox .add input {
  width: 67%;
  margin-left: 73px;
  margin-top: -16px;
}

.recordBox .evaluation_love ul li span {
  width: 92px;
  overflow: hidden;
}

.meber_input li {
  display: block;
  width: 100%;
  float: left;
}

.me2 {
  border-bottom: none !important;
}

.cb {
  width: 30%;
  display: block;
  margin: 0 auto;
  clear: both;
  padding: 21px 0 13px;
}
.cb img {
  width: 100%;
}

.meberBox {
  border-bottom: 2px dotted #e3cfa2;
}

.recordBox {
  width: 90%;
  margin: 0 auto;
  padding: 20px 0;
  border-bottom: 1px dotted #e3cfa2;
}
.recordBox ul {
  margin: 0 auto;
  width: 62%;
  display: block;
}
.recordBox ul li {
  text-align: left;
  font-size: 0.8em;
  display: block;
  line-height: 22px;
  margin-bottom: 12px;
  letter-spacing: 0;
}
.recordBox ul li b,
.recordBox ul li span {
  font-weight: normal;
  display: inline-block;
  vertical-align: top;
}
.recordBox .numer {
  text-decoration: underline;
}

.recor_introduction {
  padding-bottom: 0;
  /*欄位表格*/
}
.recor_introduction .meberBox {
  width: 100%;
  padding: 0 0 45px 9px;
  font-size: 0.7em;
  border: none;
}
.recor_introduction .meberBox h3 {
  font-size: 1.3em;
  margin: 20px 0;
}
.recor_introduction .recordBox li a {
  text-decoration: underline;
  font-weight: bold;
}
.recor_introduction .quname {
  width: 29%;
}
.recor_introduction .quname span {
  width: 65%;
}
.recor_introduction .questionnaire_input input,
.recor_introduction .quselect select,
.recor_introduction .questionnaire_input textarea {
  box-shadow: none;
  border: 2px solid #dfdbd1;
  width: 64%;
  float: left;
}
.recor_introduction .assess {
  float: left;
  margin: 0 10px 0 0;
}
.recor_introduction .quselect {
  width: 56%;
}
.recor_introduction .quselect select {
  width: 43%;
}
.recor_introduction .qu span {
  padding-left: 20px;
}
.recor_introduction .quname span {
  letter-spacing: 0;
}
.recor_introduction .qutxt {
  margin-top: 9px;
  font-size: 0.8em;
}
.recor_introduction .add input {
  margin-left: 0;
  margin-top: 0;
}
.recor_introduction .assess input[type=radio] + label:after {
  background-color: #bfb5a8;
}
.recor_introduction .assess input[type=radio] + label {
  font-size: 0.9em;
}
.recor_introduction .questionnaire_input {
  padding: 0 0 0px;
  border-bottom: none;
}
.recor_introduction .questionnaire_input .qui3 {
  width: 56% !important;
}
.recor_introduction .questionnaire_input .qu2 span {
  padding-left: 30px;
}
.recor_introduction .questionnaire_input .quradio {
  margin-left: -28px;
}
.recor_introduction .questionnaire_input .qui3 {
  width: 63%;
  margin-right: 0px;
}
.recor_introduction .questionnaire_input .quname span {
  font-size: 0.7em;
}
.recor_introduction .questionnaire_input div {
  float: left;
}
.recor_introduction .questionnaire_input .quradio {
  margin-left: 0;
  margin-top: 0;
}
.recor_introduction .questionnaire_input .quinput {
  width: 41%;
}
.recor_introduction .questionnaire_input input {
  width: 86%;
}
.recor_introduction .questionnaire_input textarea {
  width: 85%;
}
.recor_introduction .questionnaire_input .add input {
  width: 82%;
}

.details ul {
  width: 78%;
}

.recordBox:nth-child(6) {
  border: none;
}

.total {
  width: 95%;
  text-align: right;
  line-height: 30px;
  margin-top: 25px;
  margin-right: 14px;
  font-size: 0.9em;
  clear: both;
}
.total b {
  text-align: left;
  display: inline-block;
  width: 28%;
}
.total span {
  display: inline-block;
  width: 46%;
  text-align: left;
}
.total .all_Total {
  font-weight: bold;
}

.back {
  width: 32%;
  display: block;
  margin: 20px 0 0 27px;
}
.back img {
  width: 100%;
}

.coding_title,
.test_time {
  font-size: 1.1em;
  color: #d79700;
  border-bottom: 1px dotted #e3cfa2;
  margin-top: 30px;
  margin-bottom: 30px;
}

.coding_title:nth-child(0) {
  margin-top: 0;
}

.keyword_input,
.test_input,
.pos_input {
  line-height: 0;
}
.keyword_input b,
.test_input b,
.pos_input b {
  float: left;
  font-weight: bold;
  color: #000;
  font-size: 1rem;
  height: 20px;
  display: block;
  position: relative;
  top: 13px;
  margin-right: 15px;
}
.keyword_input input,
.test_input input,
.pos_input input {
  float: left;
  width: 44%;
  height: auto;
  border: none;
  border-bottom: 1px solid #040000;
  display: block;
}
.keyword_input a,
.test_input a,
.pos_input a {
  display: block;
  float: left;
  width: 7%;
  margin-left: 10px;
}
.keyword_input a img,
.test_input a img,
.pos_input a img {
  width: 100%;
}

.test_input {
  margin: 15px 0 20px;
}
.test_input select {
  float: left;
  width: 57%;
  height: 28px;
  border: 1px solid #cdc2a2;
  background: #FFFFFF;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/select4.jpg) no-repeat right center white;
  overflow: hidden;
  font-size: 1rem;
  padding-left: 17px;
  font-family: sans-serif, "微軟正黑體";
  color: #666156;
}

.test_time {
  width: 90%;
  margin: 0 auto;
  padding-top: 30px;
}

.tester {
  padding-top: 43px;
}
.tester ul {
  width: 77%;
}
.tester ul li a {
  color: #1d2088;
  text-decoration: underline;
}

.testerBtn {
  width: 90%;
  margin: 30px auto 0 22px;
}
.testerBtn a {
  width: 41%;
  display: inline-block;
  margin-right: 15px;
}
.testerBtn a:nth-child(even) {
  margin-right: 0;
}
.testerBtn img {
  width: 100%;
}

.basic h3 {
  color: #d79700;
  margin-top: -15px;
}
.basic b {
  width: 33%;
  margin-right: 20px;
  vertical-align: middle !important;
}
.basic span {
  width: 60%;
  vertical-align: middle !important;
  line-height: 26px;
}
.basic ul {
  width: 95%;
}
.basic ul li {
  padding: 10px 0;
  margin: 0;
  border-bottom: 1px dotted #e3cfa2;
}
.basic .year {
  width: 30% !important;
}
.basic .odd {
  width: 20% !important;
}

.results,
.evaluationResults {
  width: 90%;
  padding: 33px 0 15px;
}
.results ul,
.evaluationResults ul {
  width: 80%;
}

.results h3,
.evaluationResults h3 {
  color: #d79700;
  margin-bottom: 16px;
}

.results ul li,
.evaluationResults ul li {
  width: 100%;
  display: block;
  border: none;
  margin-bottom: 10px;
}
.results ul li b,
.evaluationResults ul li b {
  width: 43%;
}

.evaluationResults .evaluation_love ul {
  margin: 0px;
}

.status_y::before,
.status_n::before {
  content: '●';
  font-size: 2em;
  vertical-align: top;
  position: relative;
  top: -3px;
}

.status_n::before {
  content: '○';
}

.video {
  display: block;
  width: 56%;
  margin: 25px auto 0 auto;
}
.video img {
  width: 100%;
}

.resu_List {
  margin: 40px 0 11px;
}

.bation h3,
.shopping_input h3,
.questionnaire_input h3 {
  text-align: center;
}
.bation b,
.shopping_input b,
.questionnaire_input b {
  color: #f5b92c;
  font-weight: bold;
  font-size: 2rem;
  vertical-align: -webkit-baseline-middle;
  margin-right: 10px;
}
.bation .ct1,
.shopping_input .ct1,
.questionnaire_input .ct1 {
  position: relative;
  top: 20px;
  padding-left: 21px;
  vertical-align: top;
}
.bation .add,
.shopping_input .add,
.questionnaire_input .add {
  margin-top: 10px;
  width: 71%;
  font-size: 0.7rem;
}
.bation .add select,
.bation .add select:nth-child(3),
.shopping_input .add select,
.shopping_input .add select:nth-child(3),
.questionnaire_input .add select,
.questionnaire_input .add select:nth-child(3) {
  width: 45%;
  margin-right: 10px;
}
.bation .add .textarea,
.shopping_input .add .textarea,
.questionnaire_input .add .textarea {
  width: 97%;
  border: 2px solid #dfdbd1;
  height: 109px;
  color: #666156;
}

.ct {
  margin-left: 21px;
}

.c2 input {
  width: 92% !important;
}

.c3 input {
  width: 74% !important;
  margin-right: 10px;
}

.date_Birth {
  position: relative;
  top: 6px;
  width: 73% !important;
}
.date_Birth select {
  width: 37% !important;
  margin-right: 6px !important;
}

/*灰色紅色愛心*/
/*one love*/
.evaluation_love .lve0 {
  width: 0;
}

.evaluation_love .lve1, .evaluation_love i.lve1_1 {
  width: 15px;
}

/*two love*/
.evaluation_love .lve2, .evaluation_love i.lve2_1 {
  width: 34px;
}

/*three love*/
.evaluation_love .lve3, .evaluation_love i.lve3_1 {
  width: 55px;
}

/*four love*/
.evaluation_love .lve4, .evaluation_love i.lve4_1 {
  width: 73px;
}

/*five love*/
.evaluation_love .lve5, .evaluation_love i.lve5_1 {
  width: 92px;
}

/*半顆愛心*/
/*one love*/
.evaluation_love i.lve1_s {
  width: 7px;
}

/*two love*/
.evaluation_love i.lve2_s {
  width: 27px;
}

/*three love*/
.evaluation_love i.lve3_s {
  width: 47px;
}

/*four love*/
.evaluation_love i.lve4_s {
  width: 66px;
}

/*five love*/
.evaluation_love i.lve5_s {
  width: 85px;
}

/*===============04產品資訊===============*/
.productDetail {
  width: 90%;
}

/*mobile_04_products_1*/
.product_item {
  margin-bottom: 30px;
}
.product_item .confirmBtn {
  padding: 10px 0;
  width: 80%;
}

.produc_box {
  width: 92%;
  margin: 0 auto;
}

.produc_con {
  width: 46%;
  height: auto;
  height: 400px;
  position: relative;
  float: left;
  background: #fff;
  text-align: center;
  line-height: 28px;
  margin-right: 10px;
  border: 2px solid #fff;
  margin-bottom: 15px;
  padding-top: 13px;
}
.produc_con h3 {
  font-size: 0.8em;
  display: block;
  margin-bottom: 20px;
}
.produc_con .pro_i {
  width: 98%;
  margin-top:35px;
}
.produc_con .pro_i img {
  width: 100%;
}
.produc_con .money {
  color: #221814;
}

.probg {
  height: 400px;
}

.event_time {
  color: #e65700;
  font-size: 0.1em;
  letter-spacing: 0;
  font-weight: bold;
}

.produc_con:nth-child(even) {
  margin-right: 0;
}

.promotions1, .promotions2 {
  display: block;
  position: absolute;
  top: 10px;
  left: 6px;
}

.promotions1 {
  width: 54%;
}

.promotions2 {
  width: 93%;
}

.details_btn {
  display: block;
  width: 70%;
  margin: 10px auto 0 auto;
}

/*mobile_04_products_1分頁*/
.arrw {
  display: block;
  margin: 10px auto 12px auto;
  width: 5%;
}

.productDetail,
.productBox,
.product_brand,
.product_hot,
.experienceBox {
  line-height: 22px;
}
.productDetail h3,
.productBox h3,
.product_brand h3,
.product_hot h3,
.experienceBox h3 {
  line-height: 0px;
  font-size: 1em;
  clear: both;
}

.product_Search {
  padding: 20px 0 30px;
  border-bottom: 2px dotted #c9c9c9;
}
.product_Search h3 {
  text-align: left !important;
  color: #040000 !important;
  margin-bottom: 0px !important;
}

.video_btn {
  display: block;
  width: 50%;
  float: right;
}

.product_brand {
  padding: 50px 0 0 0;
  border-bottom: 2px dotted #c9c9c9;
}
.product_brand ul {
  height: 422px;
  overflow: hidden;
}
.product_brand li {
  width: 100% !important;
  margin: 28px 0 10px;
}
.product_brand li span {
  margin-top: -13px;
  text-align: left;
}

.product_hot {
  border-bottom: 2px dotted #c9c9c9;
}
.product_hot h3 {
  margin-bottom: 17px;
  margin-top: 51px;
}
.product_hot li {
  width: 47% !important;
  height: 59px;
  float: left;
}
.product_hot input[type="checkbox"] + label .ptxt {
  display: inline-block;
  width: 69%;
  border: none;
  background: none;
  text-align: left;
}
.product_hot input[type="checkbox"] + label span {
  margin-right: 0;
}

.more_Btn {
  float: right;
  background: #f5b92c;
  padding: 6px 10px;
  margin: 30px 0 30px;
  text-align: center;
  display: block;
  width: 18%;
  line-height: 20px;
  padding: 7px 10px;
}
.more_Btn img {
  width: 18%;
  margin-left: 10px;
}

.price {
  padding: 20px 0;
}
.price input {
  padding-left: 10px;
  width: 23%;
  height: 30px;
  margin-left: 5px;
  display: inline-block;
  background: none;
  border: 1px solid #707070;
}
.price .more_Btn {
  margin: 0px;
}

.product_key {
  padding: 33px 0 0 0;
  border-bottom: 2px dotted #c9c9c9;
}
.product_key img {
  width: 4%;
  margin-right: 6px;
}
.product_key input {
  width: 62%;
  padding-left: 15px;
  height: 16px;
  border: none;
  vertical-align: top;
  border-bottom: 1px solid #040000;
  background: none;
}
.product_key .more_Btn {
  margin: 15px 0 20px;
}

.productBtn {
  width: 80%;
  padding: 10px 0;
  border-radius: 4px;
  background: #f5b92c;
  color: #040000;
  display: block;
  text-align: center;
  margin: 17px auto 0 auto;
  font-size: 1.3em;
  font-weight: bold;
}

/*mobile_04_products_2.jpg*/
.productBox h2,
.experienceBox h2,
.legend h2 {
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 30px;
}
.productBox h3,
.experienceBox h3,
.legend h3 {
  margin-bottom: 30px;
}
.productBox ul,
.experienceBox ul,
.legend ul {
  width: 100%;
  overflow: hidden;
}
.productBox ul li,
.experienceBox ul li,
.legend ul li {
  float: left;
  width: 23%;
  margin-right: 7px;
}
.productBox ul li:nth-child(4),
.experienceBox ul li:nth-child(4),
.legend ul li:nth-child(4) {
  margin-right: 0;
}

.productBox span {
  text-align: center;
  display: block;
}
.productBox .strike_lines {
  display: block;
  margin-top: 10px;
  font-size: 1em;
  color: #959595;
  text-decoration: line-through;
}
.productBox .money {
  margin-top: 10px;
  font-size: 1.3em;
  color: #e60012;
}

.productDetail h2 {
  color: #040000;
  width: 100%;
  border: none;
  font-size: 1.7em;
  padding: 13px 0px;
}
.productDetail h3 {
  display: block;
  text-align: center;
  color: #BB9541;
  margin-bottom: 35px;
}

.productTxt {
  margin: 20px 0 30px;
  width: 100%;
  height: 148px;
  overflow: scroll;
  line-height: 35px;
}

.size_Color_Search {
  margin-top: -17px;
}
.size_Color_Search b {
  display: inline-block;
}
.size_Color_Search select {
  display: inline-block;
  width: 88%;
  vertical-align: baseline;
}

.check_Merchants {
  margin: 40px 0 10px;
}
.check_Merchants .merTitle {
  display: block;
  padding-bottom: 20px;
  border-bottom: 2px dotted #e0cb9d;
}
.check_Merchants .merTitle strong {
  display: block;
  text-align: center;
  color: #e60012;
  margin-top: 16px;
  font-size: 0.9em;
}
.check_Merchants select {
  background: url(../images/select2.jpg) no-repeat right center white;
}

.features .photo {
  margin-top: 22px;
}

.features,
.fitting {
  margin-top: 30px;
  background: white;
  padding: 30px 18px;
}
.features h3,
.fitting h3 {
  color: #040000;
  line-height: 0px;
}
.features small,
.fitting small {
  display: block;
  text-align: center;
  line-height: 0px;
}
.features .featuresContent h3,
.fitting .featuresContent h3 {
  color: #bb9541;
  line-height: 0px;
  font-size: 1.2em;
  margin: 13px 0 21px;
}
.features .featuresContent li,
.fitting .featuresContent li {
  width: 100%;
  margin-bottom: 5px;
}
.features .featuresContent li::before,
.fitting .featuresContent li::before {
  content: '●';
  display: inline-block;
  vertical-align: top;
  color: #bb9541;
  padding-right: 5px;
}
.features .featuresContent li span,
.fitting .featuresContent li span {
  width: 80%;
  text-align: left;
  display: inline-block;
  font-size: 0.95em;
  line-height: 20px;
}

.fitting {
  padding: 30px 18px 50px 18px;
}

.featList,
.fitting_item {
  width: 50%;
  float: left;
  margin-bottom: 30px;
}

.fitting_item:nth-child(even) {
  margin: 29px 0px -18px 0;
}

.fitting_item {
  width: 48.5%;
  margin-right: 10px;
  text-align: center;
  position: relative;
  background: #e9e9e9;
  margin: 29px 8px -17px 1px;
  padding-bottom: 18px;
}
.fitting_item .f_checkbox {
  position: absolute;
  top: -6px;
  left: 9px;
}
.fitting_item .psitem {
  padding-top: 41px;
}
.fitting_item .psitem img {
  width: 80%;
  margin: 0 auto 25px auto;
  display: block;
}
.fitting_item h3 {
  margin-bottom: 23px;
}
.fitting_item p {
  margin-bottom: 10px;
}
.fitting_item .money {
  display: block;
  font-weight: bold;
  color: #E60012;
  margin-top: 10px;
}
.fitting_item input[type="checkbox"] + label span {
  background: #FFF;
}
.fitting_item input[type="checkbox"]:checked + label span {
  background: url(../images/ee2.png) top left no-repeat;
}

.legend {
  padding-top: 13px;
  width: 80%;
  margin: 0 auto 12px auto;
  line-height: 26px;
  clear: both;
}
.legend li {
  width: 100% !important;
  display: block;
  font-size: 0.8em;
}

.pb {
  margin: 30px 0 0 0px;
}

/*mobile_04_products_2_2分頁*/
.probuy {
  width: 90%;
  padding-top: 30px;
  background: white;
  margin-bottom: 20px;
}
.probuy h2 {
  width: 100%;
  font-weight: normal;
  color: #362e2b;
  font-size: 1.3em;
  margin-bottom: -10px;
  border: none;
}
.probuy select {
  width: 50%;
  margin-top: -7px;
  margin-left: 10px;
  border: 1px solid #f5b92c;
}
.probuy .poi {
  margin-bottom: 20px;
}
.probuy .pos_input {
  width: 80%;
  margin: 0 auto;
}
.probuy .pos_input b,
.probuy .pos_input input,
.probuy .pos_input a {
  display: inline-block;
  float: none;
}
.probuy .pos_input input {
  width: 55%;
  height: 30px;
}
.probuy .pos_input a {
  position: relative;
  top: 15px;
}

.go_Btn {
  margin: 27px auto 50px auto;
  color: white;
  text-align: center;
  padding: 10px 0;
  width: 80%;
  background: #5c513d;
  display: block;
}

.probuyContent {
  width: 90%;
  margin: 0 auto;
  border-top: 2px dotted #cfcfcf;
}
.probuyContent .go_Btn {
  border-radius: 4px;
  background: #756850;
}

.probuyitem {
  padding: 30px 0;
  border-bottom: 2px dotted #cfcfcf;
}
.probuyitem a {
  width: 45%;
  color: #000;
  display: block;
  float: left;
  background: #f5b92c;
  border-radius: 4px;
  text-align: center;
  margin-right: 10px;
  margin-top: -13px;
  padding: 10px 0;
  font-weight: 600;
}
.probuyitem a img {
  width: 14%;
  vertical-align: top;
}

.probuy_img,
.probuy_txt {
  float: left;
}

.probuy_img {
  width: 30%;
}

.probuy_txt {
  padding-left: 11px;
  width: 65%;
  margin-bottom: 27px;
}
.probuy_txt p {
  margin-bottom: 27px;
}

.the_Way {
  margin-top: 30px;
  float: left;
}
.the_Way li {
  display: block;
  width: 100% !important;
  margin-bottom: 10px;
}
.the_Way li i {
  width: 10%;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.the_Way .money {
  font-size: 1.2em;
}

.prono a {
  background: #e5e5e5;
}

.the_Way li b {
  text-align: center;
  width: 39%;
  display: inline-block;
}

/*mobile_04_products_2_3*/
.experienceBox {
  background: white;
  padding-top: 30px;
}
.experienceBox strong {
  color: #d21b1b;
  font-size: 1rem;
}
.experienceBox h3 {
  color: #BB9541;
  text-align: center;
  margin: 30px 0;
}

.experience > h2 {
  color: #d79700;
  font-size: 1.7em;
  border: 1px solid #d79700;
  width: 50%;
  text-align: center;
  display: block;
  margin: 10px auto 37px auto;
}

.experience_input {
  margin: 20px auto;
}
.experience_input li {
  width: 100% !important;
  display: block;
}
.experience_input h3,
.experience_input input {
  display: inline-block;
  margin-bottom: 15px;
}
.experience_input h3 {
  width: 34%;
  text-align: left;
  color: #000;
  font-size: 1em;
  vertical-align: top;
  position: relative;
  top: -5px;
}
.experience_input b {
  color: #f5b92c;
  font-weight: bold;
  font-size: 2rem;
  vertical-align: -webkit-baseline-middle;
  margin-right: 10px;
}
.experience_input input {
  width: 57%;
  margin-left: 10px;
  border: 1px solid #bfbfbf;
  padding-left: 10px;
}
.experience_input select {
  border: 1px solid #bfbfbf;
  width: 63%;
  font-size: 1em;
  padding-left: 15px;
  margin-left: 1px;
  vertical-align: baseline;
  margin-top: 0px;
  background: url(../images/select2.jpg) no-repeat right center white;
}
.experience_input textarea {
  border: 1px solid #bfbfbf;
  width: 59%;
  height: 150px;
  vertical-align: middle;
  margin: 16px 0 16px 9px;
}
.experience_input .verification_Code {
  text-align: right;
  margin-right: 16px;
}

.exper6 input {
  width: 55%;
}

/*===============05搜尋廠商===============*/
.store_Box {
  width: 80%;
  margin: 0 auto;
}
.store_Box .keyword_input {
  margin-bottom: 39px;
}
.store_Box .keyword_input input {
  width: 50%;
  background: none;
}
.store_Box .kinput {
  margin-bottom: 39px;
}
.store_Box .kinput input {
  width: 62%;
  background: none;
}
.store_Box .go_Btn {
  padding: 0;
}

.store_Search {
  border-bottom: 2px dotted #c9c9c9;
  padding-bottom: 8px;
  margin-bottom: 25px;
}
.store_Search select {
  width: 70%;
  display: inline-block;
  vertical-align: baseline;
  margin: 0 0 17px;
}
.store_Search b {
  width: 23%;
  display: inline-block;
}
.store_Search .arrw {
  margin: -13px auto -10px auto;
}

.store_Content {
  background: white;
}
.store_Content b {
  display: inline-block;
  width: 39.8%;
  text-align: left;
  padding-left: 20px;
  font-weight: bold;
}
.store_Content li {
  width: 100%;
  float: left;
  border-bottom: 2px dotted #e4d1a7;
}
.store_Content li:nth-child(11),
.store_Content .s_table_title {
  border: none;
}
.store_Content b:nth-child(2) {
  text-align: right;
}
.store_Content .s_table_title {
  background: #f5b92c;
}
.store_Content .s_txt,
.store_Content .s_img {
  float: left;
}
.store_Content .s_txt {
  width: 70%;
  letter-spacing: 0;
  padding: 10px 0;
}
.store_Content .s_txt p {
  padding: 10px 0 0 20px;
  line-height: 24px;
  margin-bottom: 10px;
}
.store_Content .s_img {
  width: 29%;
  padding-top: 23px;
}
.store_Content .s_img img {
  display: block;
  margin: 0 auto;
  width: 65%;
}

/*store_2_shpo_1*/
.store_shop_box,
.store_About,
.brand_List,
.sales_Status {
  width: 90%;
  margin: 0 auto;
  background: white;
}

.store_ICon_Link a {
  width: 25%;
  display: inline-block;
}

.store_shop_box h3,
.store_About h3 {
  float: left;
  width: 56%;
  font-weight: bold;
  font-size: 1.1em;
  padding-left: 20px;
}

.link_Icon {
  float: right;
  width: 37%;
  margin-top: 17px;
  position: relative;
  right: -18px;
}
.link_Icon a {
  width: 35%;
  display: inline-block;
}

.store_Detail {
  display: block;
  float: left;
  width: 95%;
  padding: 0 20px;
}
.store_Detail li {
  line-height: 30px;
}
.store_Detail li b {
  display: inline-block;
  font-weight: bold;
  color: #d79700;
  margin-right: 8px;
  vertical-align: top;
}
.store_Detail li .sticon {
  display: inline-block;
  width: 71%;
}
.store_Detail li .sticon i {
  font-style: inherit;
}
.store_Detail li .sticon i img {
  display: inline-block;
  width: 6%;
  vertical-align: middle;
  pad7ding-right: 5px;
  padding-left: 8px;
}

.store_List {
  margin: 0 auto 22px auto;
  width: 96%;
}

.store_Photo {
  width: 90%;
  margin: 0 auto;
  padding-top: 15px;
  clear: both;
}
.store_Photo .leftBtn,
.store_Photo .rightBtn {
  float: left;
  margin-top: 5px;
}
.store_Photo ul {
  width: 1000px;
  display: block;
}
.store_Photo ul li {
  float: left;
  width: 5.5%;
  margin-right: 7px;
}

.qq {
  float: left;
  width: 75%;
  height: 56px;
  overflow: hidden;
  display: block;
  position: relative;
}

.qqBox {
  position: absolute;
}

.evaluation_Detail {
  display: block;
  width: 83%;
  margin: 0 auto;
  line-height: 22px;
}
.evaluation_Detail b {
  display: inline-block;
  font-weight: bold;
  margin-right: 8px;
  vertical-align: text-bottom;
  width: 42%;
}
.evaluation_Detail i {
  width: 7%;
  display: inline-block;
  vertical-align: top;
}
.evaluation_Detail li {
  line-height: 0px;
  margin-bottom: 20px;
}

.store_About {
  margin-top: 20px;
  padding: 48px 0 25px;
}
.store_About p,
.store_About span {
  display: block;
  float: left;
}
.store_About p {
  font-size: 0.85em;
  width: 90%;
  padding: 0 10px 23px 15px;
  line-height: 22px;
}
.store_About span {
  width: 150px;
  padding-left:50%;
  margin-left:-75px;
}

.store_Hot {
  clear: both;
  width: 90%;
  margin: 20px auto 0 auto;
  border-top: 1px dotted #c9c9c9;
}
.store_Hot span {
  border-radius: 4px;
  text-align: center;
  background: #e60012;
  color: #fff;
  line-height: 24px;
  width: 17%;
  vertical-align: top;
  display: inline-block;
  margin-top: 12px;
  padding: 0 5px;
}
.store_Hot p {
  font-size: 0.85em;
  width: 75%;
  vertical-align: top;
  display: inline-block;
  margin-top: 15px;
  padding: 0 0 0 7px;
  color: #d21b1b;
  font-weight: bold;
  position: relative;
  top: -7px;
  line-height: 17px;
}

.brand_List,
.sales_Status {
  margin-top: 20px;
  padding: 48px 0 25px;
}
.brand_List ul,
.sales_Status ul {
  display: block;
  margin: 0 auto;
  width: 90%;
}

.sales_Status {
  padding: 48px 0 35px;
}

.braTitle {
  background: #F5B92C;
  font-weight: bold;
}
.braTitle b {
  display: inline-block;
  text-align: center;
  width: 48%;
}

.bli,
.bltxt {
  text-align: center;
  width: 49.55%;
  float: left;
  min-height: 77px;
  padding-top: 11px;
  font-weight: bold;
}

.bli {
  background: white;
  border-left: 1px dotted #e9d6aa;
  border-right: 1px dotted #e9d6aa;
  border-bottom: 1px dotted #e9d6aa;
}
.bli img {
  width: 75px;
  text-align: center;
  vertical-align: middle;
}

.bltxt {
  border-right: 1px dotted #e9d6aa;
  border-bottom: 1px dotted #e9d6aa;
  background: #fff9ea;
}

.sales_Status .store_Search {
  width: 85%;
  margin: 0 auto;
  border-bottom: 2px dotted #e3cfa2;
}
.sales_Status .store_Search select {
  border: 1px solid #dcd8cd;
}
.sales_Status .store_Search .go_Btn {
  width: 83%;
  line-height: 24px;
  margin: 13px auto 20px auto;
}

.stb {
  padding-top: 27px;
  border-bottom: none !important;
}

.sevideo {
  display: block;
  width: 70%;
  margin: -12px auto 0 auto;
}

.store_shop_box {
  padding-bottom: 26px;
}

.sales_pro {
  width: 90%;
  margin: 0 auto;
}
.sales_pro .fitting_item {
  width: 48.4%;
  min-height: 343px;
  background: #f5f2e9;
}
.sales_pro .fitting_item h2 {
  border: none;
  color: #040000;
  width: 80%;
  font-size: 0.8em;
  margin-top: -20px;
  margin-bottom: -7px;
}
.sales_pro .fitting_item p {
  line-height: 22px;
  font-size: 1em;
  height:68px;
  display:block;
  overflow:hidden;
}
.sales_pro .fitting_item p span {
  font-size: 1.5em;
  display: block;
  color: #E60012;
}
.sales_pro .fitting_item a {
  width: 78%;
  padding: 8px 0;
  border-radius: 4px;
  background: #f5b92c;
  color: #040000;
  display: block;
  text-align: center;
  margin: 8px auto 0 auto;
  font-size: 0.95em;
  font-weight: bold;
  display: block;
  line-height: 23px;
}
.sales_pro .fitting_item a img {
  width: 20%;
  vertical-align: sub;
}
.sales_pro .fitting_item .psitem {
  padding-top: 11px;
  height:200px;
}
.sales_pro .fitting_item .psitem img {
  width: 84%;
}

/*===============06購物車===============*/
/*mobile_06_shoppingcart_1*/
.shopping_item ul {
  width: 96%;
  margin-left: auto;
  text-align: center;
  display: block;
  position: relative;
  left: 12px;
}
.shopping_item ul li {
  width: 25%;
  display: block;
  float: left;
}

.shoopping_step {
  width: 83%;
  margin: 0 auto;
}

.recor_introduction .total span {
  width: 36%;
}

.shoppingContent {
  width: 85%;
  margin: 0 auto 20px auto;
  padding: 30px 0;
  background: white;
  line-height: 26px;
}
.shoppingContent h2 {
  border: none;
  font-size: 1.2em;
  width: 100%;
  text-align: center;
  margin-bottom: 14px;
  padding: 13px 0;
}
.shoppingContent .shopping_List,
.shoppingContent .shopping_ListBox {
  width: 95%;
  margin: 0 auto;
}
.shoppingContent .shopping_List li,
.shoppingContent .shopping_ListBox li {
  width: 92%;
  margin-top: 22px;
  border-bottom: 2px dotted #e3cfa2;
  padding-bottom: 15px;
}
.shoppingContent .shopping_List li span,
.shoppingContent .shopping_ListBox li span {
  text-align: left;
  display: block;
  margin-bottom: 11px;
}
.shoppingContent .shopping_List li span input,
.shoppingContent .shopping_ListBox li span input {
  width: 35%;
  height: 21px;
  text-align: center;
}
.shoppingContent .freight,
.shoppingContent .all_Total {
  float: right;
  width: 61%;
}

.shopping_Img,
.shopping_Txt {
  float: left;
  width: 50%;
}

.shopping_Txt {
  width: 55%;
  margin-left: 10px;
}

.shopping_Img {
  width: 40%;
}

.shopping_Header,
.shopping_input {
  width: 95%;
  margin: 0 auto;
  border-bottom: 2px dotted #e3cfa2;
}
.shopping_Header a,
.shopping_input a {
  width: 50%;
  float: right;
  margin-bottom: 10px;
}

.refuse_Btn {
  display: block;
  float: right;
  margin-right: -13px;
}
.refuse_Btn img {
  display: inline-block;
  width: 25%;
  margin-right: 7px;
  vertical-align: text-bottom;
}

.shoppingBuy_Btn {
  width: 88%;
  margin: 16px auto 0 auto;
}
.shoppingBuy_Btn a {
  display: block;
  width: 48.5%;
  float: left;
}

.shoppingBuy_Btn a:nth-child(1) {
  margin-right: 8px;
}

/*mobile_06_shoppingcart_1_1*/
.shoppingPopup, .videoPopup {
  display: none;
}

.shoppingPopup,
.questionnairePopup,
.videoPopup {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.52);
  z-index: 9;
  overflow: auto;
}

.shPopupBox,
.questionnairePopupBox {
  border-radius: 5px;
  background: white;
  width: 80%;
  margin: 0 auto;
  position: relative;
  margin-top: 50px;
  padding-bottom: 20px;
}
.shPopupBox h2,
.questionnairePopupBox h2 {
  color: #d79700;
  font-size: 1.3em;
  border: 1px solid #d79700;
  width: 50%;
  text-align: center;
  display: block;
  margin: 0 auto 22px auto;
  padding: 11px 0;
  line-height: 20px;
}
.shPopupBox .legend,
.questionnairePopupBox .legend {
  padding-top: 31px;
}
.shPopupBox .legend li,
.questionnairePopupBox .legend li {
  line-height: 18px;
  margin-bottom: 12px;
}
.shPopupBox .popupClose,
.questionnairePopupBox .popupClose {
  width: 14%;
  position: absolute;
  top: 10px;
  right: 10px;
}

.shPopupItem {
  width: 90%;
  margin: 0 auto;
  border-bottom: 2px dotted #e3cfa2;
  padding: 34px 0 27px;
}
.shPopupItem h3 {
  font-size: 1.1em;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
}
.shPopupItem .store_Detail {
  width: 87%;
  float: none;
  padding: 0 13px;
  font-size: 0.9em;
  margin: 0 auto;
}
.shPopupItem .evaluation_Detail b {
  width: 46%;
}
.shPopupItem p {
  display: block;
  width: 80%;
  margin: 0 auto;
  line-height: 25px;
}

.shpopImg {
  width: 70%;
  margin: 0 auto;
}

.shpopImg_s {
  width: 40%;
  margin: 0 auto;
}

/*mobile_06_shoppingcart_2*/
.above {
  display: block;
  margin: 0px auto 29px auto;
  text-align: center;
}
.above input[type="checkbox"] + label span {
  border: 1px solid #000;
  margin-top: -12px;
}
.above input[type="checkbox"]:checked + label span {
  background: url(../images/e2.png) top left no-repeat;
}

.shoopRadio {
  display: block;
  width: 64%;
  margin: -13px auto 29px auto;
}
.shoopRadio input[type="radio"] {
  display: none;
}
.shoopRadio input[type="radio"] + label img {
  width: 13%;
  vertical-align: bottom;
  margin: 0 12px 0 5px;
  display: -webkit-inline-box;
}
.shoopRadio input[type="radio"] + label span {
  margin-right: 13px;
  display: inline-block;
  width: 27px;
  height: 27px;
  vertical-align: bottom;
  background: url(../images/sh_radio.gif) top left no-repeat;
}
.shoopRadio input[type="radio"]:checked + label span {
  background: url(../images/sh_radio.gif) bottom left no-repeat;
}

.rad2 {
  width: 46%;
}

.shopping_input li {
  margin-bottom: 20px;
  width: 100% !important;
}
.shopping_input li span,
.shopping_input li input,
.shopping_input li textarea {
  display: block;
  float: left;
  text-align: left;
}
.shopping_input li input,
.shopping_input li textarea {
  width: 54%;
  margin-left: 10px;
  border: none;
  background: #F0EDE6;
  margin-top: -10px;
  padding-left: 15px;
}
.shopping_input li textarea {
  width: 53.5%;
  height: 120px;
}

.shopping_input li.post input {
  width: 30%;
}

/*mobile_06_shoppingcart_3*/
.shopping_ListBox .shopping_Txt {
  float: none;
  margin: 0 auto;
}

.recipient_Information {
  width: 95%;
  margin: 0 auto;
  padding: 30px 0 15px;
  margin-bottom: 37px;
  clear: both;
  border-bottom: 2px dotted #e3cfa2;
}
.recipient_Information ul li {
  text-align: left;
  width: 90%;
  display: block;
  margin-bottom: 5px;
  padding-left: 9px;
}
.recipient_Information ul li b,
.recipient_Information ul li span {
  vertical-align: top;
  display: inline-block;
}

/*mobile_06_shoppingcart_4*/
.order {
  text-align: center;
  line-height: 32px;
}

.continue_buy {
  width: 80%;
  display: block;
  margin: 65px auto 0 auto;
}

/*===============07Q&A===============*/
/*mobile_07_Q&A*/
.qa_item {
  clear: both;
  padding-top: 50px;
}

.qa_List {
  width: 85%;
  display: block;
  margin: 0 auto;
}
.qa_List li {
  width: 100%;
  float: left;
  background: white;
  padding: 16px 0 10px;
  margin-bottom: 15px;
}
.qa_List li a {
  width: 100%;
  height: 100%;
  display: block;
  float: left;
}

.qa_img,
.qa_txt {
  float: left;
  display: block;
}

.qa_img {
  width: 17%;
  margin: 7px 0 0 11px;
}

.qa_txt {
  width: 73%;
  padding-left: 16px;
  line-height: 29px;
}

/*mobile_07_Q&A_detail*/
.qa_detail {
  width: 85%;
  margin: 0 auto;
  padding: 60px 15px 11px 15px;
  background: white;
}
.qa_detail h2 {
  display: block;
  width: 83%;
  line-height: 26px;
  padding-left: 58px;
  background: url(../images/q_icon1.jpg) top left no-repeat;
  background-size: 13%;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: underline;
}

.qa_detailContent {
  margin-top: 50px;
  color: #666156;
  padding-left: 55px;
  line-height: 28px;
  background: url(../images/q_icon2.jpg) top left no-repeat;
  background-size: 13%;
  width: 81%;
}
.qa_detailContent p {
  margin-bottom: 30px;
}

/*===============08輔具使用教室===============*/
/*mobile_08_classroom*/
.classroom_item {
  clear: both;
  padding-top: 25px;
}

.classroom_List li:nth-child(even) {
  margin-right: 0;
}

.classroom_List {
  width: 85%;
  margin: 0 auto;
  display: block;
}
.classroom_List li {
  text-align: center;
  display: block;
  float: left;
  width: 38%;
  background: white;
  position: relative;
  padding: 13px 13px 28px 13px;
  margin: 0 10px 42px;
  box-shadow: 4px 5px 0 rgba(0, 0, 0, 0.08);
}
.classroom_List li .cla_Img {
  line-height: 0;
  margin-bottom: -11px;
}
.classroom_List li h2 {
  display: block;
  margin-top: -24px;
  font-size: 1.1em;
}
.classroom_List li p {
  line-height: 22px;
  color: #666156;
  text-align: left;
  height:30px;
}
.classroom_List li span {
  border: 2px solid #ddd8ce;
  color: #ddd8ce;
  background: #fff;
  padding: 14px 8px;
  font-size: 1.2em;
  position: absolute;
  bottom: -19px;
  margin-left: -16px;
  line-height: 0;
}

/*mobile_08_classroom_detail*/
.classroom_detail {
  width: 85%;
  background: white;
  margin: 0 auto;
  padding: 16px 0 20px 0;
}
.classroom_detail li {
  line-height: 22px;
  width: 85%;
  margin: 0 auto 36px auto;
}
.classroom_detail li h3,
.classroom_detail li p {
  margin-bottom: 10px;
}
.classroom_detail li h3 {
  width: 36%;
  padding: 4px 10px;
  text-align: center;
  background: #f5b92c;
}

/*===============09填寫評量問卷===============*/
/*mobile_09_question_1*/
.questionnaire_item {
  clear: both;
}

.questionnaire_Content {
  width: 85%;
  margin: 0 auto;
}

.questionnaire_Step {
  padding-left: 16px;
  display: block;
  border-bottom: 2px dotted #e3cfa2;
  margin-bottom: 30px;
}
.questionnaire_Step li {
  width: 33.3%;
  display: block;
  float: left;
}

.questionnaire_Step li {
  width: 33%;
  display: block;
}

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

.classRadio input[type="radio"] + label img {
  width: 13%;
  vertical-align: bottom;
  margin: 0 12px 0 5px;
  display: -webkit-inline-box;
}

.classRadio input[type="radio"] + label span {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: bottom;
  background: url(../images/cl_radio.gif) top left no-repeat;
}

.classRadio input[type="radio"]:checked + label span {
  background: url(../images/cl_radio.gif) bottom left no-repeat;
}

.questionnaire_Content .recor_introduction {
  width: 100%;
  margin-top: 50px;
}
.questionnaire_Content .recor_introduction .keyword_input {
  margin-bottom: 22px;
  width: 100%;
  display: block;
}
.questionnaire_Content .recor_introduction .keyword_input input {
  width: 55%;
}

.questionnaire_input {
  border-bottom: 2px dotted #e3cfa2;
  padding: 0 0 30px;
  line-height: 22px;
}
.questionnaire_input li {
  float: left;
  display: block;
  width: 100%;
}
.questionnaire_input div {
  display: inline-block;
  vertical-align: middle;
}
.questionnaire_input input,
.questionnaire_input textarea {
  width: 89%;
  box-shadow: 4px 4px 0 0 rgba(194, 187, 172, 0.5);
  border: none;
  padding-left: 13px;
  margin-bottom: 20px;
  color: #676156;
}
.questionnaire_input textarea {
  height: 140px;
}
.questionnaire_input .quinput {
  width: 43%;
}
.questionnaire_input .quinput_2 {
  width: 73%;
}
.questionnaire_input .quname {
  width: 25%;
}
.questionnaire_input .quname b,
.questionnaire_input .quname span {
  display: inline-block;
  vertical-align: top;
}
.questionnaire_input .quname b {
  width: 3%;
  position: relative;
  top: 7px;
}
.questionnaire_input .quname span {
  width: 78%;
}
.questionnaire_input .qu2,
.questionnaire_input .qu3 {
  vertical-align: top;
}
.questionnaire_input .qu2 span,
.questionnaire_input .qu3 span {
  padding-left: 20px;
}
.questionnaire_input .quradio {
  margin-left: 6px;
  margin-top: -9px;
}
.questionnaire_input .qui3 {
  width: 57%;
  margin-right: 5px;
}
.questionnaire_input .fill_btn {
  clear: both;
  width: 25%;
  margin: 0 auto;
  display: block;
}
.questionnaire_input span.nal {
  display: none;
}
.questionnaire_input span.na {
  display: inline-block;
}

.classRadio {
  margin-right: 5px;
}

.quselect {
  width: 59%;
}

.quselect select {
  float: left;
  width: 44%;
  -webkit-appearance: none;
  box-shadow: 3px 3px 0 0 rgba(194, 187, 172, 0.5);
  border: none;
  margin-right: 12px;
  margin-bottom: 20px;
  padding-left: 10px;
  color: #666156;
  background: url(../images/select3.jpg) no-repeat right center white;
}

.qutxt {
  font-size: 1em;
}

.qus2 {
  width: 72%;
}
.qus2 select {
  width: 100%;
}

.quin3 {
  float: right;
  margin-top: -11px;
}

/*mobile_09_question_1_2~6*/
.questionnaire_situation {
  background: white;
  padding-top: 30px;
}
.questionnaire_situation h2 {
  text-align: center;
  font-size: 1.2em;
}
.questionnaire_situation li {
  display: block;
  margin: 0 auto 35px auto;
  width: 80%;
  border-bottom: 1px solid #a0a0a0;
}
.questionnaire_situation li a {
  display: block;
  margin: 0 auto;
}
.questionnaire_situation li a:active img {
  border: 1px solid #e3cfa2;
}
.questionnaire_situation .product_brand {
  padding-left: 25px;
}
.questionnaire_situation .product_brand h3 {
  margin-bottom: 17px;
  line-height: 22px;
}
.questionnaire_situation .product_brand li {
  border-bottom: none;
}

li.qs_no {
  border-bottom: none;
}

.assess {
  text-align: center;
  margin-top: 54px;
}

.assess input[type=radio] {
  width: 16px;
  display: none;
  margin-right: 5px;
}

.questionnaire_situation li .p {
  overflow: hidden;
  font-size: 1.1em;
}

.assess input[type=radio] + label {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 32px;
}

.assess input[type=radio] + label:before,
.assess input[type=radio] + label:after {
  display: inline-block;
  content: '';
  vertical-align: 0.1ex;
  border-radius: 50%;
  background-color: #fff;
  line-height: 16px;
}

.assess input[type=radio] + label:before {
  width: 20px;
  height: 20px;
  border: 1px solid #d5cdc1;
  position: relative;
  top: 4px;
  margin-right: 5px;
}

.assess input[type=radio] + label:after {
  width: 14px;
  height: 14px;
  background-color: #f4b92d;
  position: absolute;
  top: 8px;
  left: 4px;
  opacity: 0;
}

.assess input[type=radio]:checked + label:after {
  opacity: 1;
}

.img_box {
  width: 65%;
  margin: 24px auto 50px auto;
}

li.assess_bo {
  border: none;
}

.confirm {
  width: 50%;
  margin: 0 auto 30px auto;
  display: block;
}

/*mobile_09_question_1_7*/
.questionnaire_situation .product_brand {
  padding: 0px 0 0 25px;
  border-bottom: none;
}
.questionnaire_situation .product_brand h3 {
  margin: 31px 0;
}
.questionnaire_situation .product_brand ul {
  height: auto;
}
.questionnaire_situation .product_brand li {
  margin: 0 auto 24px auto;
}

/*mobile_09_question_2_1*/
.evaluation_InputBox h2 {
  margin-left: 25px;
  font-size: 1.3em;
}
.evaluation_InputBox ul {
  margin-left: 25px;
}

.evaluation_Result {
  background: white;
}

.evaluation_Header {
  width: 100%;
  background: #f5b92c;
  /*使用欄位*/
}
.evaluation_Header h2,
.evaluation_Header .evaluation_love {
  display: block;
  float: left;
}
.evaluation_Header h2 {
  margin-left: 13px;
  font-size: 1.3em;
}
.evaluation_Header .evaluation_love {
  float: right;
  text-align: right;
  margin-right: 11px;
}
.evaluation_Header ul {
  float: left;
  background: #bb9541;
  clear: both;
  width: 100%;
}
.evaluation_Header ul li {
  float: left;
  margin-right: 15px;
}
.evaluation_Header .assess {
  color: white;
  text-align: left;
  margin: 0;
  padding: 4px 0 0 14px;
  line-height: 0;
  font-size: 1.1em;
  font-weight: bold;
}
.evaluation_Header .assess input[type=radio] + label:before,
.evaluation_Header .assess input[type=radio] + label:after {
  border-radius: 0;
}
.evaluation_Header .assess input[type=radio] + label:before {
  border: 1px solid white;
  background: none;
}
.evaluation_Header .assess input[type=radio] + label:after {
  width: 8px;
  height: 8px;
  background-color: white;
  top: 11px;
  left: 7px;
  opacity: 0;
}
.evaluation_Header .assess input[type=radio]:checked + label:after {
  opacity: 1;
}

.evaluation_love span {
  background: url(../images/love_icon_1.png) no-repeat 0 center scroll transparent;
  background-size: 93px;
  background-position: 0px 1px;
  width: 92px;
  height: 15px;
  display: inline-block;
  line-height: 0;
  position: relative;
  top: 3px;
  text-align: left;
  overflow: hidden;
}

.evaluation_love span i {
  background: url(../images/love_icon_1.png) no-repeat 0 center scroll transparent;
  background-size: 93px;
  background-position: 0px -13px;
  width: 92px;
  height: 15px;
  display: inline-block;
}

.evaluation_video {
  display: block;
  width: 44%;
  float: right;
  margin: 20px 11px 0px;
}

.evaluation_product ul {
  width: 100%;
  display: block;
  float: left;
  line-height: 22px;
  text-align: center;
}
.evaluation_product ul li {
  position: relative;
  width: 45%;
  display: inline-block;
  padding-top: 50px;
  margin: 0 0 50px 11px;
}
.evaluation_product ul li .product_Img {
  width: 79%;
  margin: 0 auto 38px auto;
}
.evaluation_product ul h3 {
  font-size: 1.3em;
  margin-bottom: 32px;
}
.evaluation_product ul h4 {
  color: #e65700;
  font-size: 0.5em;
  line-height: 15px;
  height: 26px;
  display: block;
  margin-bottom: 13px;
}
.evaluation_product ul p {
  font-size: 1.1em;
}
.evaluation_product ul span {
  font-size: 1.1em;
  color: #1D2088;
}
.evaluation_product ul b {
  color: #ff0000;
}
.evaluation_product ul .favorable span {
  color: #A40000;
}
.evaluation_product .evaluation_love {
  margin-top: 8px;
}
.evaluation_product .details_Btn {
  display: block;
  width: 76%;
  margin: 20px auto 20px auto;
}
.evaluation_product li.favorable .product_Img {
  margin: 0 auto 0px auto;
}

/*mobile_09_popup*/
.quPopupItem {
  padding-top: 75px;
  width: 82%;
  margin: 0 auto;
  line-height: 25px;
}
.quPopupItem img {
  display: inline-block;
  width: 8%;
}
.quPopupItem .evaluation_love {
  width: 78%;
  margin: 0 auto;
  padding-top: 20px;
  position: relative;
}
.quPopupItem .evaluation_love li {
  display: block;
  margin-bottom: 5px;
}
.quPopupItem .evaluation_love li b {
  display: inline-block;
  width: 40%;
  color: #F00;
}

/*mobile_09_question_3*/
.qubox {
  background: #FFF;
  margin-bottom: 0;
}

.evaluation_Input {
  width: 100%;
  background: #FFF;
}
.evaluation_Input h2 {
  font-size: 1.1em;
  background: #F5B92C;
  line-height: 22px;
  padding: 10px 0 10px 20px;
  margin-bottom: 20px;
}
.evaluation_Input .product_brand,
.evaluation_Input .product_hot {
  width: 90%;
  margin: 0 auto;
}
.evaluation_Input .product_Search {
  padding: 0px 0 0px;
  border-bottom: none;
}
.evaluation_Input .product_Search select {
  width: 90%;
  display: block;
  margin: 0 auto;
  border: 1px solid #dcd8cd;
}
.evaluation_Input .product_key {
  width: 90%;
  margin: 0 auto;
}
.evaluation_Input .product_key input {
  width: 60%;
  margin-top: 14px;
}
.evaluation_Input .product_key .product_key .more_Btn {
  padding: 8px 10px;
  margin: 15px 0 20px;
  line-height: 20px;
}

.allbtn {
  display: block;
  width: 29.1%;
  margin: 3px auto 16px auto;
  clear: both;
  position: relative;
  top: -33px;
}

@media screen and (min-width: 768px) {
  .selectBox select, .inputBox select, .productBox select, .experienceBox select, .store_Box select, .sales_Status select, .evaluation_Input select {
    font-size: 1.1em;
  }

  input,
  textarea,
  select {
    height: 45px;
  }

  .logout_list {
    line-height: 22px;
    padding-bottom: 14px;
  }
  .logout_list a {
    height: 20px;
    padding: 17px 0;
  }
  .logout_list i {
    margin-top: 8px;
    margin-bottom: 28px;
    padding-left: 17px;
  }
  .logout_list i a {
    width: 86%;
  }

  .product_item .confirmBtn {
    width: 78%;
    padding: 16px 0;
  }

  .lia a span {
    width: 2%;
  }

  .li_off a span {
    width: 1.5%;
  }

  .qq {
    height: 103px;
  }

  .back {
    width: 20%;
    margin-left: 68px;
  }

  .store_Photo ul li {
    width: 10.5%;
  }

  /*mobile_00_search*/
  .search_introduction {
    width: 80%;
  }

  .search_introduction .shop_in {
    width: 15%;
  }

  .search_item h2,
  .new_item h2,
  .product_item h2,
  .store_item h2,
  .shopping_item h2 {
    width: 32%;
  }

  .pro_introduction {
    width: 80%;
  }

  .proImg {
    width: 42%;
    padding: 8px 13px 0px 35px;
  }

  .proTxt h3 {
    font-size: 1.9rem;
  }
  .proTxt p {
    width: 100%;
    border: none;
    font-size: 1.5rem;
    line-height: 59px;
    letter-spacing: 5px;
  }
  .proTxt p b {
    letter-spacing: 0;
  }
  .proTxt a {
    display: block;
    width: 72%;
  }

  .newsImg {
    width: 45%;
    height: 273px;
  }

  .newsTxt time {
    font-size: 1.2em;
    padding: 11px 0 11px 0;
  }
  .newsTxt p {
    font-size: 1em;
    line-height: 32px;
  }
  .newsTxt strong {
    margin-bottom: 18px;
  }

  /*mobile_01_new_1*/
  .news_List ul li {
    font-size: 1.7em;
  }

  /**/
  .new_item .new_Time {
    width: 17%;
  }

  .send {
    width: 10%;
  }

  /*mobile_03_member_1_forgotpassword*/
  .inputBox {
    width: 70%;
  }

  .verification_Code img {
    width: 21%;
  }

  /*mobile_03_member_1_regist*/
  .inputTxt {
    width: 78%;
  }

  .googleSign,
  .fbleSign {
    padding: 5px 0;
  }

  .googleSign span,
  .fbleSign span {
    width: 4%;
  }

  .accession {
    width: 70%;
    padding: 0 5%;
  }

  /*mobile_03_member_2_form.html*/
  .meberBox .mebername {
    width: 17%;
  }

  .meberBox .add {
    width: 100%;
  }
  .meberBox .add select {
    width: 26.9%;
    background: url(../images/select5.jpg) no-repeat right center white;
  }
  .meberBox .add input {
    width: 80%;
    margin-left: 93px;
  }

  .meberBox .meberinput {
    width: 80.5%;
    text-align: left;
  }

  .cb {
    width: 20%;
  }

  /*mobile_03_member_2_record*/
  .recordBox ul {
    margin: 0 auto;
    width: 42%;
    display: block;
    line-height: 22px;
    font-size: 1.2em;
  }

  .leftBtn,
  .rightBtn,
  .list_btn li {
    font-size: 1.6em;
    width: 6%;
  }

  .basic ul {
    width: 100%;
  }

  .total b {
    width: 17%;
  }

  .total span {
    width: 19%;
  }

  .tester ul {
    width: 50% !important;
  }

  .testerBtn {
    width: 57%;
    margin: 30px auto 0 auto;
  }

  .keyword_input a,
  .test_input a,
  .pos_input a {
    width: 4%;
  }

  .evaluationResults {
    width: 87%;
    padding: 33px 0 15px 15px;
    line-height: 23px;
    font-size: 1.2em;
  }
  .evaluationResults ul {
    width: 100%;
  }
  .evaluationResults ul li {
    width: 50%;
    float: left;
    display: block;
    border: none;
    margin-bottom: 50px;
  }
  .evaluationResults ul li b {
    width: auto;
  }

  .evaluation_love span {
    background-size: 108px;
    width: 108px;
    height: 17px;
    overflow: hidden;
    text-align: left;
  }
  .evaluation_love span i {
    background-size: 108px;
    background-position: 0px -15px;
    width: 108px;
    height: 18px;
  }

  /*灰色紅色愛心*/
  /*one love*/
  .evaluation_love .lve0 {
    width: 0;
  }

  .evaluation_love .lve1, .evaluation_love i.lve1_1 {
    width: 17px;
  }

  /*two love*/
  .evaluation_love .lve2, .evaluation_love i.lve2_1 {
    width: 39px;
  }

  /*three love*/
  .evaluation_love .lve3, .evaluation_love i.lve3_1 {
    width: 62px;
  }

  /*four love*/
  .evaluation_love .lve4, .evaluation_love i.lve4_1 {
    width: 85px;
  }

  /*five love*/
  .evaluation_love .lve5, .evaluation_love i.lve5_1 {
    width: 108px;
  }

  /*半顆愛心*/
  /*one love*/
  .evaluation_love i.lve1_s {
    width: 7px;
  }

  /*two love*/
  .evaluation_love i.lve2_s {
    width: 31px;
  }

  /*three love*/
  .evaluation_love i.lve3_s {
    width: 54px;
  }

  /*four love*/
  .evaluation_love i.lve4_s {
    width: 76px;
  }

  /*five love*/
  .evaluation_love i.lve5_s {
    width: 99px;
  }

  .reghit_item .video {
    float: right;
    margin-top: -75px;
    width: 44%;
    position: relative;
    left: -33px;
  }

  .bation .add {
    width: 69%;
  }
  .bation .add select, .bation .add select:nth-child(3) {
    width: 30%;
  }

  .recor_introduction .meberBox {
    width: 88%;
    padding: 0 0 45px 9px;
    font-size: 1em;
  }
  .recor_introduction .meberBox .add input {
    margin-left: 0;
  }
  .recor_introduction .questionnaire_input .add input {
    width: 91.3%;
    padding-left: 10px;
  }
  .recor_introduction .nal {
    display: none !important;
  }
  .recor_introduction .na {
    display: inline-block;
  }
  .recor_introduction .quname span {
    font-size: 0.8em !important;
  }

  /*04*/
  .promotions1 {
    width: 43%;
  }

  .promotions2 {
    width: 91%;
  }

  .probg, .produc_con {
    height: 480px;
  }

  .produc_con p {
    font-size: 1.5em;
    line-height: 37px;
  }
  .produc_con h3 {
    color: #040000;
    font-size: 1.7em;
  }

  .details_btn {
    width: 50%;
  }

  .event_time {
    font-size: 1.3em !important;
  }

  /*mobile_04_products_1_1*/
  .arrw {
    width: 3%;
  }

  .productBox ul li {
    margin-bottom: 10px;
  }

  input[type="checkbox"] + label {
    font-size: 1.2em;
    display: block;
  }

  .video_btn {
    width: 38%;
  }

  .product_hot li {
    margin-bottom: 0 !important;
  }

  .more_Btn img {
    width: 11%;
  }

  .productDetail h2 {
    width: 100%;
  }
  .productDetail .productBox ul li {
    width: 23.9%;
  }

  .productTxt {
    margin: 31px 0 30px;
    font-size: 1.2em;
  }

  .productBox .money {
    font-size: 1.5em;
  }

  .productBox .strike_lines {
    font-size: 1em;
  }

  .size_Color_Search select {
    width: 93%;
    text-align: center;
  }

  .featList img {
    width: 80%;
    display: block;
    margin: 0 auto;
  }

  .features .featuresContent li span, .fitting .featuresContent li span {
    width: 90%;
    text-align: left;
    line-height: 22px;
    font-size: 1em;
  }

  .legend {
    padding-top: 23px;
    width: 93%;
    font-size: 1.2em;
  }

  .pb {
    margin-left: 17px !important;
  }

  /*mobile_04_products_2_2分頁*/
  .probuy_txt {
    height: 198px;
    padding-left: 23px;
    font-size: 1.4em;
  }

  .probuyitem a img {
    width: 9%;
  }

  .the_Way li i {
    width: 6%;
  }

  .probuyContent {
    width: 80%;
  }

  .probuy_txt p {
    margin-bottom: 43px;
  }

  .the_Way li b {
    width: 59%;
  }

  .probuy h2 {
    width: 100%;
    border: none;
    font-size: 1.7em;
  }

  .experience_input h3 {
    width: 22%;
  }
  .experience_input input {
    width: 74%;
  }
  .experience_input select {
    width: 76.8%;
  }
  .experience_input textarea {
    width: 75.2%;
  }

  .experienceBox h2 {
    margin-bottom: 20px;
  }

  /*05*/
  .store_Content .s_img {
    width: 19%;
    padding-top: 18px;
  }

  .store_Content .s_txt {
    padding: 10px 23px 10px 0;
  }

  .store_Box .keyword_input input {
    width: 74%;
    background: none;
  }

  .bli, .bltxt {
    width: 49.7%;
  }

  .bli img {
    width: 69%;
  }

  .sales_pro .fitting_item a img {
    width: 16%;
    margin-right: 6px;
  }

  .sales_pro .fitting_item a {
    display: inline-block;
    width: 43%;
    margin: 6px 0px 0 0px;
  }

  .sales_pro .fitting_item .psitem img {
    width: 90%;
  }

  .sales_pro .fitting_item p {
    font-size: 1.1em;
    margin: 20px 0;
  }

  .sales_pro .fitting_item {
    width: 48.7%;
  }

  .fitting_item {
    margin: 29px 14px -15px 0;
  }

  .link_Icon {
    width: 32%;
    right: 18px;
    text-align: right;
  }
  .link_Icon a {
    width: 32%;
  }

  .evaluation_Detail {
    width: 54%;
  }

  .store_shop_box h3 {
    font-size: 1.8em;
  }

  .evaluation_Detail b {
    width: 41%;
    font-size: 1.2em;
  }

  .evaluation_Detail i {
    width: 8%;
  }

  .store_Hot p {
    font-size: 1.1em;
    top: 0px;
  }

  .sales_Status {
    padding: 48px 0 85px;
  }

  .store_item .legend {
    padding: 27px 0px;
    width: 81%;
  }

  /*06*/
  .shPopupBox .popupClose, .questionnairePopupBox .popupClose {
    width: 9%;
  }

  .questionnairePopupBox h2 {
    width: 36%;
  }

  .shPopupItem h3 {
    font-size: 1.7em;
  }

  .shPopupItem .store_Detail {
    font-size: 1.2em;
  }
  .shPopupItem .store_Detail li {
    margin-bottom: 10px;
  }

  .shPopupBox .legend ul {
    font-size: 1.2em;
  }

  .shopping_item ul {
    width: 82%;
    margin: 0 auto;
    margin-left: auto;
    left: 26px;
    font-size: 1.2em;
  }

  .shoppingContent h2 {
    width: 100%;
    font-size: 1.5em;
    line-height: 33px;
  }

  .shopping_Header a, .shopping_input a {
    width: 40%;
  }

  .shopping_Txt {
    margin-left: 23px;
    padding-top: 11px;
  }

  .shoppingContent .shopping_List li {
    padding-bottom: 6px;
  }

  .refuse_Btn {
    position: relative;
    bottom: -14px;
  }

  .shoppingBuy_Btn a {
    width: 46%;
  }

  .shoppingBuy_Btn a:nth-child(1) {
    margin-right: 38px;
  }

  .shoppingContent .total {
    width: 94%;
    font-size: 1.1em;
    padding: 24px 0;
  }

  .shoppingContent .total span {
    width: 30%;
  }

  .shoppingContent .shopping_List .shopping_Txt span input {
    width: 20%;
  }

  .quPopupItem .evaluation_love {
    margin-bottom: 15px;
    width: 44%;
  }
  .quPopupItem .evaluation_love li {
    margin-top: 12px;
  }
  .quPopupItem .evaluation_love li b {
    width: 41%;
  }

  .quPopupItem img {
    width: 4%;
  }

  .allbtn {
    display: block;
    width: 23.1%;
    margin: 0px auto 76px auto;
    clear: both;
    position: relative;
    top: 0px;
  }

  .evaluation_video {
    width: 34%;
    margin: 20px 19px 0px;
  }

  .evaluation_product .details_Btn {
    width: 58%;
  }
}
@media screen and (max-width: 375px) {
  main[role="main"] {
    padding-top: 148px;
  }

  .meberBox {
    width: 79%;
  }

  .new_item .new_Time {
    font-size: 1.3em;
  }

  .noMember {
    width: 72%;
    line-height: 26px;
  }

  .ei {
    font-size: 0.8em;
  }

  .meberBox .add {
    width: 108%;
  }

  .meberBox .add input {
    width: 64%;
    margin-left: 65px;
    padding-left: 6px;
  }

  .meberBox .add select {
    width: 68%;
    margin: 0 0px 8px 0;
  }

  .meberBox .meber_input .add select {
    width: 65%;
    margin: 0 0px 8px 0;
  }

  .meberBox .meber_input .add select:nth-child(3) {
    margin-left: 83px;
  }

  .meberBox .meber_input .add input {
    width: 61%;
    margin-left: 69px;
  }

  .meberBox .add select:nth-child(3) {
    margin-left: 71px;
  }

  .meberBox .mebername {
    font-size: 0.8em;
    margin-right: 7px;
    width: 30%;
  }

  .meberBox .meberinput {
    width: 63%;
  }

  .classroom_List li {
    width: 36%;
    margin: 0 8px 42px;
  }

  .total span {
    width: 41%;
  }

  .exper6 h3 {
    width: 100%;
  }
  .exper6 input {
    width: 89%;
  }
  .exper6 select, .exper6 textarea {
    border: 1px solid #bfbfbf;
    width: 94%;
    margin: 0 0 16px 9px;
  }
  .exper6 textarea {
    width: 90%;
  }

  .recordBox ul {
    width: 90%;
  }

  .recordBox ul li {
    font-size: 0.7em;
  }

  .questionnaire_input .quinput {
    width: 64.3%;
  }

  .questionnaire_input .quselect {
    width: 85%;
  }
  .questionnaire_input .quinput.qui3 {
    width: 83.3%;
  }
  .questionnaire_input .qu2 span {
    width: 146%;
  }
  .questionnaire_input .quselect.qus2 {
    width: 93%;
  }

  .questionnaire_input li {
    margin-bottom: 10px;
  }

  .total {
    font-size: 0.8em;
  }
  .total b {
    width: 25%;
  }
  .total .all_Total {
    font-weight: bold;
  }

  .coding_title,
  .test_time {
    line-height: 28px;
    padding-bottom: 17px;
  }

  .testerBtn {
    width: 96%;
    margin: 30px auto 0 auto;
  }
  .testerBtn a {
    width: 45%;
  }

  .recordBox ul li b,
  .recordBox ul li span {
    width: 40%;
  }

  .quname span.nal {
    display: inline-block;
  }

  .quname span.na {
    display: none;
  }

  .mail_Content img {
    width: 13%;
    margin: 0 10px 0 13px;
  }

  /*mobile_03_member_2_test_detail_2*/
  .recor_introduction .questionnaire_input div {
    display: block;
    float: none;
    text-align: left;
  }
  .recor_introduction .questionnaire_input div input, .recor_introduction .questionnaire_input div select {
    width: 100%;
    margin-right: 11px;
    font-size: 1em;
  }

  .recor_introduction .meberBox {
    width: 91%;
  }

  .recor_introduction .questionnaire_input .quinput {
    width: 50%;
  }

  .questionnaire_input .quinput_2 {
    width: 100%;
  }

  .questionnaire_input .quname {
    width: 50%;
    font-size: 1.3em;
    margin-bottom: 7px;
  }

  .quselect {
    width: 76%;
  }

  .recor_introduction .assess input[type=radio] + label {
    font-size: 1.1em;
  }

  .recor_introduction .quselect {
    width: 81%;
  }

  .recor_introduction .qutxt {
    font-size: 1.1em;
    position: relative;
    top: 9px;
  }

  .recor_introduction .questionnaire_input .qui3 {
    width: 68% !important;
  }

  .recor_introduction .qu {
    width: 100%;
  }
  .recor_introduction .qu span {
    padding-left: 0px;
  }

  .questionnaire_input .add {
    font-size: 1.1em;
    width: 95%;
  }

  .questionnaire_input .add select:nth-child(3) {
    margin-left: 0;
    width: 100%;
  }

  .recor_introduction .questionnaire_input .add input {
    width: 96.2%;
  }

  .meberBox .add input {
    margin-left: 0;
  }

  .recor_introduction .questionnaire_input .qu3 span {
    padding-left: 0px;
  }

  .recor_introduction .questionnaire_input textarea {
    width: 99%;
  }

  /*4*/
  .qq {
    height: 44px;
  }

  .product_key input {
    width: 56%;
  }

  .price input {
    width: 18%;
  }

  .more_Btn {
    width: 22%;
  }

  .size_Color_Search select {
    width: 84%;
  }

  .productTxt {
    line-height: 30px;
  }

  .fitting_item {
    width: 48.1%;
  }

  /*5*/
  .qq {
    width: 70%;
  }

  .store_Photo ul li {
    width: 4.5%;
  }

  .store_Search b {
    width: 25%;
    display: inline-block;
  }

  .store_Search select {
    width: 65%;
  }

  .shoppingContent .freight, .shoppingContent .all_Total {
    width: 70%;
  }

  .shoppingContent .shopping_List li span, .shoppingContent .shopping_ListBox li span {
    text-align: left;
    display: block;
    margin-bottom: 11px;
    font-size: 0.9em;
  }

  .productBox ul li {
    width: 22.7%;
  }

  .recor_introduction .questionnaire_input .quinput_2 input {
    width: 89%;
  }

  .recor_introduction .questionnaire_input .quinput.qui3 {
    width: 74% !important;
  }

  .recor_introduction .questionnaire_input .quinput_2 textarea {
    width: 88%;
  }

  .newsImg {
    width: 42%;
    height: 177px;
  }

  .evaluation_Header .evaluation_love {
    float: right;
    width: 96%;
    line-height: 22px;
    margin: 0 0 10px;
    text-align: left;
  }

  .evaluation_Input .product_key input {
    width: 50%;
  }

  .shopping_input li input, .shopping_input li textarea {
    width: 48%;
  }
}
@media screen and (max-width: 320px) {
  main[role="main"] {
    padding-top: 142px;
  }

  .product_hot li {
    width: 75% !important;
    height: 52px;
  }

  .price input {
    width: 32%;
    padding-left: 12px;
  }

  .price .more_Btn {
    margin-top: 20px;
  }

  .product_key input {
    width: 52%;
  }

  .productDetail .productBox ul li {
    width: 22.4%;
  }

  .productDetail h2 {
    font-size: 1.4em;
  }

  .probuy_txt {
    margin-bottom: 0px;
  }

  .probuy .pos_input {
    width: 86%;
  }

  .probuy h2 {
    width: 100%;
  }

  .experience_input h3 {
    width: 100%;
    top: 0;
  }

  .experience_input input {
    width: 88%;
  }

  .experience_input select {
    width: 98%;
    margin-bottom: 13px;
  }

  .experience_input textarea {
    border: 1px solid #bfbfbf;
    width: 91%;
    margin: 0px 0 16px 9px;
  }

  /*5*/
  .store_Search b {
    width: 100%;
    display: block;
    line-height: 24px;
  }

  .store_Search select {
    width: 100%;
  }

  .store_Box .keyword_input input {
    width: 43%;
  }

  .store_Content b {
    padding-left: 14px;
  }

  .store_Content .s_txt p {
    font-size: 0.9em;
  }

  .store_Box .kinput {
    margin-bottom: 39px;
  }
  .store_Box .kinput input {
    width: 54% !important;
    background: none;
  }

  .evaluation_Detail b {
    width: 50%;
  }

  .evaluation_Detail i {
    width: 7%;
    vertical-align: bottom;
  }

  .braTitle b {
    width: 48%;
  }

  .bli, .bltxt {
    width: 49.3%;
  }

  .shoppingBuy_Btn a:nth-child(1) {
    margin-right: 7px;
  }

  .shoppingBuy_Btn a {
    margin-top: 12px;
  }

  .shopping_item ul li {
    width: 25%;
  }

  .shopping_item .recipient_Information ul li {
    width: 100%;
  }

  .shoppingContent h2 {
    padding: 0;
  }

  .store_Photo ul li {
    width: 3.9%;
  }

  .recor_introduction .total span {
    width: 42%;
  }

  .total span {
    width: 47%;
  }

  .questionnaire_input .quselect {
    width: 79%;
  }
  .questionnaire_input .quselect .quinput {
    width: 61.3%;
  }
  .questionnaire_input .quselect .quname {
    font-size: 1em;
  }

  .meberBox .meber_input .add select:nth-child(3) {
    margin-left: 71px;
  }
  .meberBox .meber_input .add input {
    margin-left: 62px;
  }

  .recor_introduction .questionnaire_input .quinput {
    width: 42%;
  }

  .shopping_item .shopping_input li input, .shopping_item .shopping_input li textarea, .shopping_item .shopping_input li.post input {
    font-size: 0.9em;
    width: 74%;
    margin-top: 0px;
  }
  .shopping_item .shopping_input {
    font-size: 0.9em;
  }

  .sales_pro .fitting_item {
    width: 48.1%;
  }

  .quPopupItem .evaluation_love li b {
    width: 100%;
  }

  .evaluation_product ul li {
    padding-top: 19px;
  }

  .evaluation_product .promotions1, .evaluation_product .promotions2 {
    top: -22px;
  }

  .promotions1 {
    width: 71%;
  }

  .allbtn {
    width: 35.1%;
  }

  .questionnaire_input .quinput {
    width: 58.3%;
  }

  .logout_list {
    display: none;
    line-height: 22px;
    min-height: 67px;
  }
  .logout_list a {
    height: 20px;
    padding: 13px 5px 9px 5px;
  }
  .logout_list i {
    margin-top: 5px;
  }
}
/*mobile_05_store_2_shpo_3 0613*/
.status{
    text-align: center;
    color: #312C22;
    border-bottom: 0.1em dotted #e3cfa2;
    width: 90%;
    margin: 0 auto 45px auto;
    line-height: 22px;
    padding-bottom: 24px;
}
.status h3{
  font-size: 20px;
  margin-bottom:30px;
}
.status b{
  color: #d79700;
  margin-right: 5px;
}

table.tg{
  width: 92%;
  margin: 0 auto 20px auto;
  border-collapse: collapse;
  border-spacing: 0;
  word-break:normal;
  text-align: center;
  line-height: 20px;
}

table.tg td{
    padding:15px 5px;
    border: 1px dotted #d2b36b;
    background: #f8f7f7;
}
table.tg th{
    width: 33.3333%;
    padding: 10px;
    font-size:17px;
    line-height: 19px;
    border: 1px dotted #d2b36b;
    background: #f5b92c;
}
table.tg td.tg-yw42{
    border-right-style: none;
    background: none;
}
@media screen and (max-width: 320px) {
  .status+h2{
    width:60%;
  }
}

/*預約頁面*/

.record-box{
  background: #fff;
  margin: 15px 18px;
  padding: 15px 20px 20px;
}

.record-box span{
  display: block;
  line-height: initial;
  font-weight: bold;
}

.record-box .type{
  height: 30px;
  background: #388E3C10;
  line-height: 30px;
  text-align: center;
  color: #333333;
  font-weight: bolder;
}

.record-box .title{
  height:50px;
  font-weight: bolder;
  font-size:18px;
  color:#333333;
  overflow: hidden;
  text-overflow:ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin:10px 0 15px;
}

.num-box,.date-box,.coupon-box,.pay-box{
  display: flex;
  justify-content: space-between;
  margin: 7px 0;
}

.coupon-box span{
  color:#388E3C;
}

.record-box .button01{
  height:45px;
  border: 1px solid #756850;
  border-radius: 3px;
  color: #756850;
  letter-spacing: 0.5px;
  font-weight: bolder;
  margin:10px 0 0;
  width: 100%;
  background: #fff;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.self-pay-box{
  margin-top:20px;
  padding:20px 0;
  border-top: 1px solid #CCCCCC;
}

.self-pay-box .pay{
  font-size: 18px;
  color:#333333;
}

.self-pay-box .paytext{
  color:#333333;
  letter-spacing: 0.05em;
  margin:15px 0;
}

.bank-box{
  display: flex;
  width:100%;
  border: 2px solid #CCCCCC;
  border-radius: 3px;
}

.bank-box span{
  width:70%;
  height:46px;
  color:#666156;
  font-size: 14px;
  padding:0 12px;
  margin:0;
  box-sizing: border-box;
  overflow: hidden;
  border-right: none;
  display: flex;
  align-items: center;
}

.bank-box input{
  width:70%;
  height:46px;
  color:#666156;
  font-size: 14px;
  padding:0 12px;
  margin:0;
  box-sizing: border-box;
  border: none;
}

.bank-box button{
  width:30%;
  height:46px;
  color: #FFFFFF;
  letter-spacing: 0.5px;
  font-size: 18px;
  font-weight: bolder;
  background: #756850;
  display: flex;
  justify-content: center;
  align-items: center;
  border:none;
}

.online-pay-box{
  padding:20px 0 0;
  margin-top:20px;
  border-top: 1px solid #CCCCCC;
}

.online-pay-box .online-pay{
  font-size: 18px;
  color:#333333;
}

.record-box  .online-pay-link{
  background: #F1B92B;
  border-radius: 3px;
  height: 45px;
  width:100%;
  color: #000000;
  letter-spacing: 0.5px;
  font-size: 18px;
  font-weight: bolder;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top:20px;
}

.payed{
  padding:20px 0 0;
  margin-top:20px;
  border-top: 1px solid #CCCCCC;
}

.payed span{
  color: #666666;
  font-weight: bolder;
}