.m0auto {
  margin: 0 auto;
}

/* icon
-----------------------------------------------------------------------------*/
.topNavIcon {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
}

.topNavIcon_cart {
  background-image: url(../tw_images/icon/icon_cart.png);
  width: 35px;
  height: 29px;
  vertical-align: bottom;
}

.topNavIcon_cartWH {
  background-image: url(../tw_images/icon/icon_cartWH.png);
  width: 25px;
  height: 21px;
  vertical-align: sub;
}

.icon_del {
  background-image: url(../tw_images/icon/icon_del.png);
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
  margin-right: 5px;
  vertical-align: -1px;
  display: inline-block;
}

/* btn
-----------------------------------------------------------------------------*/
.btn_buDoble {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

.btn_buDoble ul,
.btn_buDobleFull ul {
  font-size: 0;
}

.btn_buDoble ul li {
  width: 172px;
  margin: 1.5%;
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.btn_buDoble ul li a {
  color: #ffffff;
  display: block;
  font-size: 16px;
  text-align: center;
  margin: 0 auto;
  padding: 10px 15px;
  background-color: #598abe;
  text-decoration: none;
}

.btn_buDobleFull {
  margin-left: -1.5%;
  margin-right: -1.5%;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

.btn_buDobleFull ul li {
  width: 47%;
  margin: 1.5%;
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.btn_buDobleFull ul li a {
  color: #ffffff;
  display: block;
  font-size: 16px;
  text-align: center;
  margin: 0 auto;
  padding: 10px 25px;
  background-color: #598abe;
  text-decoration: none;
}

.single_btn,
.single_btnNopd {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.single_btn a,
.single_btnWidth a,
.single_btnNopd a {
  color: #ffffff;
  display: block;
  font-size: 16px;
  padding: 12px 10px 10px 10px;
  text-align: center;
  text-decoration: none;
  background-color: #598abe;
}

.single_btnMember a {
  color: #ffffff;
  display: block;
  font-size: 16px;
  padding: 12px 10px 10px 10px;
  text-align: center;
  text-decoration: none;
  background-color: #535353;
}

.forget_password {
  font-size: 16px;
  color: #2d200f;
  text-decoration: underline;
}

.single_btnWidth {
  width: 172px;
}

.single_btnNopd {
  padding-top: 0;
  padding-bottom: 0;
}

.fb_btn {
  width: 260px;
}

.fb_btn a {
  display: block;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 18px;
  text-align: center;
  text-decoration: none;
  background-color: #3b589e;
  font-family: 'FuturaBT_L', 'Microsoft JhengHei';
}

.fb_btn a i {
  float: left;
  color: #ffffff;
  font-size: 20px;
  margin-top: 1px;
  padding-top: 3px;
  padding-right: 12px;
  vertical-align: middle;
  border-right: 1px solid #4169c9;
}

.fb_btn.visitor_btn {
  margin-top: 50px;
}

.fb_btn.visitor_btn a {
  background-color: #ff9c00;
}

.fb_btn.visitor_btn a i {
  border-right: 1px solid #ffb520;
}

.fb_btn.google_btn {
  margin-top: 20px;
}

.fb_btn.google_btn a {
  background-color: #cd3a2b;
}

.fb_btn.google_btn a i {
  border-right: 1px solid #cd3a2b;
}

.btn_del {
  width: 84px;
  margin-left: auto;
  margin-right: auto;
}

.btn_del a {
  display: block;
  color: #222222;
  font-size: 16px;
  text-align: center;
  padding: 10px 10px 8px 10px;
  text-decoration: none;
  background-color: #eaeaea;
}

.btn_del a:hover {
  background-color: #aaaaaa;
}

.btn_delong {
  width: 132px;
  margin-left: 0;
}

.btn_delongCenter {
  width: 122px;
}

.btn_deNormal {
  width: 172px;
  margin-left: auto;
  margin-right: 0;
}

.btn_buDoble ul li.btn_bu a,
.btn_buDoble ul li.btn_bu a:hover {
  background-color: #3c5a98;
}

@media screen and (max-width: 680px) {
  .btn_buDoble {
    margin-left: -1.5%;
    margin-right: -1.5%;
  }

  .btn_buDoble ul li {
    width: 47%;
  }
}

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

  .btn_buDoble,
  .btn_buDobleFull {
    margin-left: 0;
    margin-right: 0;
  }

  .btn_buDoble ul li,
  .btn_buDobleFull ul li {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 5px;
  }

  .single_btnWidth {
    width: 100%;
  }
}

/* hdMenu
-----------------------------------------------------------------------------*/
.logo {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNjJweCIgaGVpZ2h0PSI0MnB4IiB2aWV3Qm94PSIwIDAgMjYyIDQyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNjIgNDIiIHhtbDpzcGFjZT0icHJlc2VydmUiPiAgPGltYWdlIGlkPSJpbWFnZTAiIHdpZHRoPSIyNjIiIGhlaWdodD0iNDIiIHg9IjAiIHk9IjAiCiAgICB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQVFZQUFBQXFDQU1BQUFCbThnWDNBQUFBQkdkQlRVRUFBTEdQQy94aEJRQUFBQ0JqU0ZKTgpBQUI2SlFBQWdJTUFBUG4vQUFDQTZRQUFkVEFBQU9wZ0FBQTZtQUFBRjIrU1g4VkdBQUFDOUZCTVZFVUFBQUJaVjFkWlYxZFpWMWRaClYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFoKVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWgpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaClYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFoKVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWgpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaClYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFoKVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWgpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaClYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFoKVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWgpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaClYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZFpWMWRaVjFkWlYxZi8KLy84VkZpb2pBQUFBK25SU1RsTUFZUHJTMFBUWjc4QWdDQWxNaHJERTRLQm9HZzlJZDU2NXo5ZlR5THlhY2tzVkhCSUVHQk1McjdpcApKRENFUFJlUjgvMmxHeFJ1L05FbzhPaVE5Wk1PUHpoREE1L3FWSmJLN0RVZW1QbmltWXFCcnR6QlJPbmw5L2FKQnJTaUVEbW8yLzZkCkhURkpCWHZIYlpRbkRBSTNmY0t6RnF5cnU2RzY3VEpiQnlGQWRMK3lkcGQ2ZmxoNVRkNWZBYTB0Zk5ZS2piSGh4bG5GN3VaY2gzQlIKUGlPM00ydkxwb0Q0dmQwbW95cUxRdkg3S2FvWjM0TlRRYzVRRWFlRlpuSHlEYlhVWTNQcmdsVkthZFZsSzBVMkwxS0l5VFJPTzNqbgpZdVNNbkp1U2ozODhZUzYrNDdiTkg5aGtWbGRIams4bGxWMUcyc3dpTE1ObnBIVmVmUUs4aVFBQUFBRmlTMGRFKzZKcU50d0FBQUFKCmNFaFpjd0FBQ3hNQUFBc1RBUUNhbkJnQUFBQUhkRWxOUlFmaEN4NEJJQUJDbkQydkFBQUoyVWxFUVZSbzN1VmFhMEJVeHhVZWNNWGwKSVM4M1lvU292SXdDb21Jc0FkRUVOeGlRWUh4RXhXQUlYVVJGa0VTSk5JQXVTUk9ieDJMQStFQkwxUVRSV0JwdDFsYXRXaE1RYTB4OApOWTBHRzJPanNXblR4cVNwdG1sN2Z2WE8yZWZNbmJuY05lVlh6NSs5YzE0ejg5MjVaK2FjV1VMK2Y4Z1AvUHNaK2tPQVlRQVllVm1nCmdJSjRwZUNRZ2FGaC9jSU54b2pJUVJyOW1PNFlIRFhrenFIaDBURjNEUnMrSXBZWHh3VUdCd1hHUzJ3VGxINFRXZFlnWmxBajc5WXoKMVZHak5XQklTaWJFQ0NuRU5FWUZBd2dvbFZVWk8yNjhSNVkyNFI1eEp4Ty9GNWJPdXJsM1RBYWpFUTZaa3lCTE1zWkF4WUFibklFYgoxdVRvS1NIM2FhTndQMEMySElhcHhBRURNVCtnQTRZY002TXhMWlBPUHV6Qk1RL21vamh2dXFDTC9JY0tVRGdqOU9HWnM2Yk1udU4wCjljaGNCZ2FGYmdPR3lmUG1GN3JHdHVEUklpMFlGZ0k4SmhXbUZMdGdJSS96c2pUcVBDd2lJcUprU083Mzh5ejR3aG5JSXltcmRCRSsKbDhYUXhtSlZCMHVXNGpqTGw3bVhkZjdnR1Rqc0NuNWFQc0R3Q05YM3ExeXVQRlk5c2ZqSkZUaFVXR2ttVXFwVXhsOVFyWVdURXdhRgpuaktzeXM2dU1md2dtMlFzZkpyVVV0ZlQzRnFtNHVMaU9tOUhjNVhPL2V0ZExYTVd3UGpWdk9zMXVFekNyQ3cwRGYwNXlHSjZnMkVJCnkzcUc2cWQ0MnNuUElnNC9sTS94T1NwL1hoOE1WbGhMeUkvZ0JlVngySXZrSldvWklyVktvUEtYUFcxYkVqVHlPdXNReWxlcWVINUcKRS9nMzg5UFNnbUU5eXdybFlDQzJWeW1uTUZiaWdveGNnTitseG5MeGdxRnFRNHp5V2lkVDZEZmVUZkJGV3FWV214VHBacWFybGszOApCTGJRRDJtcmFGalBoS21tOVdNTkdGcFoxbE04RENRUjU5a2dHK3hTUi96NGlTNFl5UE93ald4UEw0Z24yY3FyMlVFTlg1TmFVZnhmClp6Z2h6YXpHNmpicVlialFPbWlpZDJzblZXelhnTUdQWlVXb1lDQVZvQTRoYmlxYUJMdW9mTGMrR0JMOXM4akFyRGNpeVk0OWhQeVUKR25aSXJmSVU2Uk5hYnNuUE1HN1pTTzlVU2pVSDY0ZmhZVFVNYjFMV1hva0xQNERJZlZUaDU3cGdJRy8xdCsrMy8ySnpkbzBMOGtDWgprWWxLMTJqTnJZTjJuS2tkbloyVUJlcUZ6OER3UzRFK0MwTXNydm9Fc1l0KzhFWlZFcFZQMFFmREFjak5JaGx3OEpBTGhsL0pqQUlGCnB5bVdEbXV0ZEphT1VOV2pHajBkWWxrRDFUQTRqamxpRDNNQmZrM1BUd0RIM3BZUEloZmNad1piUUtHZGtJTVlVaEdHWUUwWXRDWVoKUnhmRHJtSmRNTFNEZXVFelBZVUk5RmtZcWlscmk5akRPOURmUkVnbnFLS1pGNlZtV2FDdHE5blphcVhiMXZHbHhBV0RkT1Q0VVhTUApsRS90QkZWWXFBc0Z4N1Irb3dFRHQyRTFxR0U0U1ZtamhBNHlIR2UxZDZuR0tWbW9xc2IweFBWUjJXbGVNSFpRN3pCZ2lJUlYwZ0JZCmhXZkY5M3lBNFpCRUtJQ2hWUTBEQnZSTlFnZEtRSzFVZnQ0K1JsVU82QnVSaDNxQllSUitqT3RsT0d4RDhmcyt3SEJhQTRZenZjRncKbGg3Mmh3b2paR3doT0pKTDNGTWJpWS9VQ3d6bkhDY1M0eUZ4ZEQ2UHFZL21zWTJEUVhaU0MxU0h3N1U4REtZbUdvaW1DKzNYdWc3dQpIZFFxUGU1L0MwUFZiNTJwWGROY2tSaWxkK3JzQ21INFFBT0dzd0o5THhqVzBQRG4venVoK2VwNUVPQmNzbmhtSC9NZFlFaUlvd0dFClBRTnM3M2JsdUNzL1ZDWDdWWk5SNEFzTUtSSmhvUHI0d3VxYkx0QlU3ZUkyc2ZsSEFNdWNqOU9vMlR6TmZGd0NnNUZTV0xpamJCTEsKS25TNGFnY0FQWmU0S0xBSTJhVTZ1N3BFbGJmcmgrRzhDNGJWMWRQZlhVVkxQNVpTeWFabGk0YTl5NTNQQ2ZPcFhUM3hpU0tBSnc0RwpZdnE5UjVZK2k4bXlVMEFyYWVUcFk2MERLNFhCenJLeXVJSDFYTTZRdVQ0TjhJbTdjWVVxbDk4R0RCRXVhdHc0SjFPOUxaL3pLb2NOCi9ZT1g0SDZmWUhpck54aTRVeGdEdytoUHl6VHlsaDFnOFN3ek95WVdaYjdEMEt0VzNlVmExM2pTTG5qWUh5Qm5uTTZ1UnZzSXd4VEgKUjFGR1l3TE1pTlh3L0Q3QXMxNU5UQ3lpK2dBRzVmdmMydVFDd3BQUFoyQjdwODZ1eXJWZ3VLckl1TUtOSzlGK0VhdHZ1elcyWmVXegpIZFh1b1VhcVh4aFBmQ0M5TUNqYndzdVRIRERrdURNWE83YXY2ZXdLY1R3ckVkWXBBVkEwTkJvaWgyTTNNNldPcTNlQmdLVFZtZThHCkF5RWpWem82bU9YbVlPWCtKWjNtYzdRMnpLa0FuOGxnSUE5aHQ5TmtqcFdkdFNVY3FhbjkwckNTNjJHbmNGaFZSRC81QWdNeE8vYVYKaSs3MStVZmEzS2Z6RkduUWd1RlRnQlVjcTlHdG4xQkRIOGRMcWtOQk9hcmJDY1JoUkYvQlFNeFlYUWIzYm9FRkpmaGNuL0ZtcXZ1NApSS2pzY2hFY3k2c2thN3BJbi84a3JpUDhHY0RBc1k1VDlSMTlCZ001Zy9OMjEwN3FzV25WWjR0dlYxWUV2d3h3UlE0RCtRSTdtaTNhCk0yMmQ2bUpPTmQwekxjbDlCZ01Kb1BwZDd1NXdkT3YxbVk2anVzTWxRbVhPZitGWVdDMTJKVkl6c2FjWEJKWi9CVGkybkdjaTVGLzIKSFF3bFZQK0d1N21DTmx1VzZ6SmRwcldkYndENGltTVp2VmVhK1drOHRBanlkQ1Z1ZksxaWpxRGFBNXI3REliSHFINmx1L2szZkVtdAp1a3dYVTlWVFlsbUg4a3I1Rlk4d2ZPTnF4ZVBGVXEwcURxMFQ3c0ptVEN4MDFvTnVBd2E2VW1zOUF5NzZPeTZIaVhwTWt4R3lQVUxaCmx3QkpQQTlYbXFkYWRSWFQyWnY4dnc2aUZKN0E0UkdxYkNCNlNSc0crektPVVVXcmNzTzhHR2N3TFgxSDE1N1pRMVVyUkpKaTVjQ3MKS21qZ0J1c1ZNQnhoa3J1VEgxc0FFQ253ZU12Q2JHbTlVYWdtREYvQU9aWXhsYW96OXpkUDR1RFc2dWtMYjNiOC95R1FLRmxVaklxSgpNSGhYc3JGaXowMzZCTUFDNFo4ZXJsUGRFcjB3N05hRTRUemtNSDl2c2YyVHZucEd4WVpCT2UyR3lOekdibVIyVEpJNlRTcTlFQkRkCmhpQU0zM294ekxoMytIdS9oZUJ1Z0FuQ29kOUEzVVNpajNJMVliZ0dzTEhacS8wS3pmVzRza0FSRGk2OVMyMWRhZHpBTWw3SDExbk8KM3c1dExSUnViZ1pWOUkzSFVsaVBWMzNzUGFWOVVqaDA4MmRVOXdyUlIwMHFHR3h4N21OSE04MVpkbnZlWHBmUzdGN0h1eWpDVFJRTwpjM0h5bnN2KzdHVzQ0dnBmcURtLzN2dTRINndFT1VnU0JCZUU0UUxET2dwc3NtbFRodCs5UkR3enJPak9sMXowOFlTWUtjbnB6S3lzCnFKS2E2UENjekRUUHFiWURVOXdORFhpTGFhdWJRTmZDT3JVUDI3L3hIejk1RGJmY3JLQ1RPLzBwTkR4aUZZN2tyT2Y4aDQ1L2RKbFQKMTlOejhpVlJpRVVZMkNzekcrNGVjTVRWcHNlRDV5UXpHNFRCVzNZOXhGR21JRVgxSE83dmNGWmI4dHFNdWJnZ0Y0cXJIMlUzSFhyNwpEODg2NnVmWCtzazEvQ05DWVlXNmRIajZ1ck9UdFAwSGpjWTJ2RnlaczFqb0ZHRjRsT1VsNC8yUk8ydTZDMFQvUVhJU2xubmE5T1daClZMWGJrYVYyWjZwZ0lJa2YrM3Znc2RTTWtQcEpMUm5QZ1JsOVFSeWZ6a2F4MEhkK0s2a2lHMkR2TGxXRjd4c0w3T3V4N0hXRXlhdlEKVXJnZ2lFam9DQlJzMlFkZFJBOVpyZHZ5M1ExemRVZXExV3BsS3AvMmo3NHVId0NXMnB1bC94bXI2YW5vemZha2UzUG9HYWNsWVBTNAorbnk1NXBJREoyWTN0U2paVDJibnF1UHlLNit5UmNTOFI1VWV2V1l0SnA5YjYvQTUveXVTVUNtMXQ5OHlreVVaS1VRSC9SY29GdGJiCnNzQzJsZ0FBQUNWMFJWaDBaR0YwWlRwamNtVmhkR1VBTWpBeE55MHhNUzB6TUZRd01Ub3pNam93TUMwd056b3dNUFd3TlFnQUFBQWwKZEVWWWRHUmhkR1U2Ylc5a2FXWjVBREl3TVRjdE1URXRNekJVTURFNk16STZNREF0TURjNk1EQ0U3WTIwQUFBQUFFbEZUa1N1UW1DQyIgLz4KPC9zdmc+Cg==');
  background-repeat: no-repeat;
  margin: 0 auto;
  background-position: center center;
  width: 263px;
  height: 43px;
  cursor: pointer;
}

.nav_logo {
  background-image: url(../tw_images/logo/logo.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto;
  background-position: center center;
  /*width:200px;*/
  width: 220px;
  height: 30px;
  cursor: pointer;
}

.hdMenu ul.hdMenuL li a {
  padding-left: 20px;
  padding-right: 20px;
}

.headCont_line {
  border-bottom: 1px solid #040000;
}

.hd_top,
.hdMenu {
  margin-left: auto;
  margin-right: auto;
}

.hd_top {
  padding-top: 33px;
}

.hdTop_list {
  float: right;
  margin-top: -26px;

  display: flex;
  align-items: center;
  gap: 20px;
  padding-top: 15px;
  padding-right: 20px;
}

.hdTop_list .searchBar {
  position: relative;
  display: flex;
}

.hdTop_list .searchBar input {
  width: 160px;
  height: 30px;
  padding: 10px 6px;
  border-radius: 50px;
  border: 1px solid #9fa0a0;
}

.hdTop_list .searchBar label {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

@media (max-width: 992px) {
  .hdTop_list .searchBar {
    display: none;
  }
}

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

.hdTop_list ul li a {
  display: block;
  color: #9fa0a0;
  font-size: 18px;
  padding: 15px 10px;
  text-decoration: none;
}

.lan {
  position: relative;
}

.lan_list {
  display: none;
  position: absolute;
  left: -23px;
  padding: 0;
  margin: 7px 0 0 0;
  text-align: center;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #dcdcdc;
  z-index: 1;
  width: 100px;
}

.lan_list ul li {
  display: block;
}

.lan_list ul li a {
  font-size: 20px;
  text-decoration: none;
  background-color: #ffffff;
  padding: 4px 5px 1px 5px;
  border-bottom: 1px solid #dcdcdc;
}

.lan_list>ul>li:hover>a {
  color: #727171;
}

.carousel_dot {
  background-color: #fff;
  height: 50px;
}

.carousel-indicators li {
  width: 12px;
  height: 12px;
  background-color: #ccc;
}

.carousel-indicators .active {
  background-color: #bbb;
}

.hd_mainMenu {
  padding-top: 18px;
}

.hdMenu {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
}

.hdMenuL {
  float: left;
  width: 100%;
}

.hdMenu ul.hdMenuL>li {
  display: inline-block;
  list-style: none;
}

.hdMenu .button-dropdown {
  position: relative;
}

.hdMenu ul.hdMenuL li a {
  display: block;
  color: #727171;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  white-space: nowrap;
}

.hdMenu ul.hdMenuL li a span {
  display: inline-block;
  position: relative;
  left: 0px;
  font-size: 16px;
  color: #fff;
}

.hdMenu>ul.hdMenuL>li>a:hover,
.hdMenu>ul.hdMenuL>li>a.dropdown-toggle.active {
  color: #3e3a39;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  background-color: #ffffff;
}

.hdMenu ul.hdMenuL li .dropdown-menu {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  text-align: center;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #dcdcdc;
  min-width: 100%;
}

.hdMenu ul.hdMenuL li .dropdown-menu.active,
.dropdown-menu li {
  display: block;
}

.hdMenu ul.hdMenuL li .dropdown-menu {
  min-width: 200px;
}

.hdMenu ul.hdMenuL li .dropdown-menu a {
  /*min-width: 168px;*/
  word-break: break-all;
  white-space: pre-wrap;
  background-color: #ffffff;
  padding: 9px 0px 6px 0px;
  border-bottom: 1px solid #dcdcdc;
}

.hdMenu ul.hdMenuL li .dropdown-menu li:last-child a,
.lan_list ul li:last-child a {
  border-bottom: 0;
}

.hdMenuR {
  float: right;
  padding-top: 3px;
  width: 26%;
}

.search {
  position: relative;
}

.search input {
  color: #9fa0a0;
  height: 40px;
  font-size: 18px;
  background-color: #ffffff;
  padding: 7px 52px 7px 10px;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #bbbbbb;
  border-left: 0;
  border-right: 0;
  font-family: 'FuturaMdBT_M';
  width: 100%;
}

.srh_icon {
  position: absolute;
  content: '';
  right: 12px;
  top: 6px;
  width: 25px;
}

.srh_icon a {
  color: #9fa0a0;
  font-size: 19px;
  background: none;
  line-height: 22px;
  width: auto;
}

.search input:focus {
  border-color: #bbbbbb;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.search input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #9fa0a0;
}

.search input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #9fa0a0;
  opacity: 1;
}

.search input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #9fa0a0;
  opacity: 1;
}

.search input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #9fa0a0;
}

/* small_menu */
a.slide-menu-open {
  position: fixed;
  z-index: 10;
  margin: 15px 10px;
  padding: 10px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.menu_c {
  top: 0px;
  left: 25px;
}

a.slide-menu-open i {
  margin-right: 7px;
}

.side-menu-wrapper {
  overflow: hidden;
  padding: 10px 15px;
  position: fixed;
  top: 0;
  left: -290px;
  height: 100%;
  z-index: 2;
  transition: 0.5s;
  width: 250px;
  background-color: #fcfcfc;
  -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
}

ul.slider_menuList {
  width: 100%;
}

ul.slider_menuList li a {
  display: block;
  border-bottom: 1px solid #c9caca;
  padding: 12px 10px 10px 10px;
  color: #595757;
  font-size: 18px;
  transition: 0.3s;
  text-decoration: none;
}

ul.slider_menuList ul li a {
  padding-left: 28px;
}

ul.slider_menuList>li:hover>a {
  color: #000000;
}

.side-menu-wrapper>a.menu-close {
  color: #6b6b6b;
  display: block;
  font-size: 35px;
  text-decoration: none;
  text-align: right;
}

.side-menu-overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center;
  opacity: 0;
  transition: opacity 1s;
}

.sliderMem_btn {
  width: 100%;
  margin: 20px auto 10px auto;
}

.sliderMem_btn a {
  padding: 10px;
  color: #ffffff;
  display: block;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  background-color: #598abe;
}

.small_lanList {
  text-align: center;
  padding: 20px 0;
}

.small_lanList ul {
  font-size: 0;
}

.small_lanList ul li {
  width: 25%;
  display: inline-block;
}

.small_lanList ul li a {
  display: block;
  color: #ffffff;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  text-align: center;
  border-radius: 100%;
  line-height: 41px;
  font-size: 18px;
  text-decoration: none;
  background-color: #598abe;
}

.small_lanList ul li img {
  width: 70%;
}

.search.small_srh {
  padding-bottom: 5px;
}

.search.small_srh input {
  background-color: #fcfcfc;
}

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

.idx_title {
  padding: 20px 15px;
  color: white;
  font-size: 30px;
  text-align: center;
  background-color: #fff;
  position: relative;
}
    .idx_title:hover {
        color: #6d6d6e;
    }

.deBg_title {
  background-color: #dcdcdc;
}

.idx_titleBold {
  font-weight: bold;
  padding-right: 35px;
}

.idxTitle_line {
  position: relative;
  display: block;
}

.idxTitle_line:before,
.idxTitle_line:after {
  display: inline-block;
  content: '';
  border-top: 2px solid white;
  width: 10px;
  margin: 0 10px;
  transform: translateY(-4px);
}
.idx_title:hover > .idxTitle_line:before, .idx_title:hover > .idxTitle_line:after {
    border-top: 2px solid #6d6d6e;
}

.idxBnrHalf_lt {
  float: left;
}

.idxBnrHalf_rt {
  float: right;
}

.idxBnrHalf_lt,
.idxBnrHalf_rt {
  width: 50%;
  position: relative;
}

/* idx_hotpd */
.idx_hotpd {
  padding: 50px 0px;
}

.idx_hotpd ul {
  /* margin-left: -2.5%; */
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.idx_hotpd ul li {
  width: 100%;
  margin: 0 0 36px 0;
  display: block;
}

.idx_hotpd ul li a {
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
}

.idxHotpd_title,
.idxHotpd_price {
  color: #000000;
  text-align: center;
  /* padding-left: 10px;
  padding-right: 10px; */
}

.idxHotpd_title {
  color: #818181;
  font-size: 18px;
  padding-top: 15px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.idxHotpd_price {
  font-size: 20px;
  color: #818181;
  margin-top: auto;
}

/*idx_video*/
.idx_video {
  position: relative;
  background-color: #ffffff;
  z-index: 0;
}

.idxVideo_frame {
  border: 6px solid #c9caca;
  margin: 50px 40px;
  padding: 50px 0;
}

.idx_video:after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: calc(100% - 112px);
  background-color: #f2f2f2;
  z-index: -1;
}

.idxVideo_cont {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.idxVideo_cont iframe,
.idxVideo_cont object,
.idxVideo_cont embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.idx_video #myCarousel {
  width: 86.18%;
  margin: 0 auto 75px auto;
}

.idx_video .item img {
  margin-left: auto;
  margin-right: auto;
}

.idx_video .carousel-control.left,
.idx_video .carousel-control.right {
  background: none;
  border: none;
  text-shadow: none;
  opacity: 1;
  top: calc(50% - 19.5px);
}

.idx_video .carousel-control.left {
  margin-left: -50px;
}

.idx_video .carousel-control.left .glyphicon-play {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.idx_video .carousel-control.right {
  margin-right: -10px;
}

.idx_video .carousel-control {
  width: 0%;
  top: 0;
}

.idx_video .glyphicon {
  color: #ffffff;
  font-size: 40px;
  line-height: 39px;
}

.idxTitle_c {
  top: 50px;
  font-size: 22px;
}

@media (max-width: 576px) {
  .idxTitle_c {
    font-size: 26px;
    color: white;
  }
}

.idxTitle_c_l {
  position: absolute;
  top: 50%;
  margin-top: -14px;
  font-size: 22px;
  left: 15px;
}

/* sub
-----------------------------------------------------------------------------*/
.subMenu {
  margin-bottom: 20px;
}

.subMenu_title {
  color: #1f1f1f;
  font-size: 22px;
  font-weight: bold;
  padding-bottom: 15px;
  border-bottom: 1px solid #c0c0c0;
}

.subMenu ul li {
  border-bottom: 1px solid #c0c0c0;
}

.subMenu ul li:last-child {
  border-bottom: 1px solid #c0c0c0;
}

.subMenu ul li a {
  display: block;
  color: #333333;
  font-size: 18px;
  padding: 17px 30px 15px;
  position: relative;
  text-decoration: none;
}

.subMenu ul li:hover a {
  color: #598abe;
}

.subMenu ul li:hover a i {
  color: #598abe;
  left: auto;
  right: 0;
}

.subMenu ul li:hover a svg {
  color: #598abe;
  left: auto;
  right: 0;
}

.subMenu ul li a i {
  color: #222222;
  font-size: 25px;
  position: absolute;
  content: '';
  left: 0;
  margin-top: -11px;
  top: 50%;
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  right: calc(100% - 100px);
}

.subMenu ul li a svg {
  color: #222222;
  font-size: 25px;
  position: absolute;
  content: '';
  left: 0;
  margin-top: -11px;
  top: 50%;
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  right: calc(100% - 100px);
}

.subMenu ul li a.act {
  color: #de2525;
}

.subMenu ul li a.act i {
  color: #de2525;
  left: auto;
  right: 0;
}

.subMenu_minBox {
  color: #666666;
  font-size: 18px;
  font-weight: bold;
  padding: 12px 15px 8px 15px;
  background-color: #ffffff;
  border: 1px solid #c0c0c0;
  cursor: pointer;
  display: none;
}

.subMenu_minBox i {
  float: right;
  font-size: 20px;
  padding-top: 2px;
}

.subMenuIcon ul li a {
  padding: 17px 25px 15px;
}

.subRank {
  width: 100%;
  display: table;
  margin-top: 10px;
  margin-bottom: 10px;
}

.subRank_group {
  margin-top: 5px;
  padding: 10px 0;
  border: 1px solid #ffffff;
}

.subRank_group:hover {
  border-color: #ffccd1;
}

.subRank_lt,
.subRank_rt {
  display: table-cell;
  font-size: 16px;
  vertical-align: top;
}

.subRank_lt {
  width: 50%;
}

.subRank_lt img {
  width: 100%;
}

.subRank_rt {
  width: 50%;
  padding-left: 6px;
}

.subRank_icon {
  color: #ffb520;
  font-weight: bold;
}

.subRank_title {
  color: #de2525;
  padding-top: 3px;
  padding-bottom: 24px;
}

.subRank .slider_price {
  line-height: 16px;
}

@media screen and (max-width: 1170px) {
  .sub_icon {
    width: 16%;
    height: auto;
    margin-right: 5px;
  }

  .subMenuIcon ul li a {
    padding: 17px 20px 15px;
  }
}

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

  .subMenu_title,
  .subMenu ul li a i {
    display: none;
  }

  .subMenu_minBox {
    display: block;
    margin-top: 25px;
  }

  .subMenu ul {
    display: none;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
  }

  .subMenu ul li {
    border: 0;
  }

  .subMenu ul li a {
    font-size: 16px;
    padding: 10px 15px 8px 15px;
  }

  .subMenu ul li:hover a {
    color: #ffffff;
    background-color: #9fa0a0;
  }

  .sub_icon {
    height: auto;
    width: 6%;
    margin-right: 12px;
  }

  .subRank {
    display: none;
  }
}

/* page
-----------------------------------------------------------------------------*/
.page_bread {
  padding-top: 10px;
  padding-bottom: 20px;
}

.page_bread ul li {
  color: #c9caca;
  font-size: 15px;
  display: inline-block;
}

.page_bread ul li a {
  color: #c9caca;
  font-size: 15px;
  text-decoration: none;
}

.page_bread ul li:after {
  content: '／';
  color: #727171;
  font-size: 12px;
}

.page_bread ul li:last-child:after {
  content: '';
}

.page_bread ul li.pgBread_focus {
  color: #727171;
}

.pageNum {
  margin: 10px 0;
  text-align: center;
}

.pageNum .pagination>li {
  display: inline-block;
  margin: 0 3px;
}

.pageNum .pagination>li>a {
  color: #222222;
  font-size: 26px;
  display: block;
  padding: 8px 15px;
  text-decoration: none;
  background: none;
  border: 0;
}

.pageNum .pagination>li:hover a {
  color: #666666;
}

.pageNum .pagination>li a.pageNum_icon {
  width: 54px;
  height: 54px;
  line-height: 40px;
  border-radius: 100%;
  background-color: #598abe;
}

.pageNum .pagination>li>a i {
  color: #ffffff;
  font-size: 25px;
  text-align: center;
  vertical-align: middle;
}

.pageNum .pagination>li>a i.fa-chevron-left {
  padding-right: 3px;
}

.pageNum .pagination>li>a i.fa-chevron-right {
  padding-left: 3px;
}

.pageNum .pagination>li.num_act a {
  color: #b5ae9a;
  text-decoration: underline;
}

.pgNumberBar {
  padding: 30px 0;
  text-align: center;
}

.pro_pageNum,
.pageSortBy {
  display: inline-block;
  font-family: 'FuturaBT_L', 'Microsoft JhengHei';
}

/*.pro_pageNum{
	padding-right:30px;
	border-right:1px solid #9fa0a0;
}*/
.pageSortBy {
  padding-left: 20px;
}

.pro_pageNum li {
  display: inline-block;
}

.pro_pageNum li a {
  color: #9fa0a0;
  font-size: 17px;
  padding: 0 5px;
  text-decoration: none;
}

.pro_pageNum li.numTxt a {
  font-size: 19px;
  color: #c9caca;
}

.pro_pageNum li.numTxt.numAct a,
.pro_pageNum li.numTxt a:hover {
  color: #595757;
}

.pageSortBy li {
  color: #9fa0a0;
  font-size: 17px;
  display: inline-block;
  position: relative;
  padding-left: 15px;
}

.pageSortBy li select {
  color: #595757;
  width: 140px;
  height: 27px;
  text-align: center;
  text-align-last: center;
  padding: 0 23px 0 7px;
  background-color: #ffffff;
  border: 1px solid #9fa0a0;
  appearance: none;
  /* remove arrow        */
  -webkit-appearance: none;
  /* remove arrow Chrome */
  -moz-appearance: none;
  /* remove arrow FF     */
  background-image: url(../tw_images/icon/pageSortByIcon.png);
  background-repeat: no-repeat;
  background-position: 94% 7px;
}

.pageSortBy li select::-ms-expand {
  display: none;
  /* remove arrow IE     */
}

/* product
-----------------------------------------------------------------------------*/
.pro_video:after {
  height: calc(100% - 100px);
}

.proVideo_frame {
  padding: 100px 70px;
}

.pro_imgList table {
  width: 100%;
  border-collapse: collapse;
}

.pro_imgList table tr td {
  vertical-align: middle;
}

.proVideo_seaweed:after {
  background-color: #e0effc;
}

.proVideo_seaweed .proVideo_frame {
  border-color: #b3def5;
}

.pageOverview {
  padding-top: 0;
}

/* product_tab
-----------------------------------------------------------------------------*/

.tab {
  display: none;
}

.square01 {
  display: inline-block;
}

@media (max-width: 480px) {
  .tab {
    display: block;
    text-align: right;
    border-top: 1px solid #cac7be;
    padding: 10px;
    box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
  }

  .tab button {
    background: none;
    border: 0px;
    outline: none;
  }

  .tab .active .square01::after {
    content: url(../tw_images/other/square01.png);
  }

  .tab .active .square01 img {
    display: none;
  }

  .tab .active .square02::after {
    content: url(../tw_images/other/square02.png);
  }

  .tab .active .square02 img {
    display: none;
  }

  .tab .active .square03::after {
    content: url(../tw_images/other/square03.png);
  }

  .tab .active .square03 img {
    display: none;
  }

  .tabcontent .square01_box ul li {
    width: 100%;
  }

  .tabcontent .square03_box ul li {
    width: 100%;
    display: inline-block;
    float: none;
    border-bottom: 1px solid #dcd7cb;
    padding-bottom: 10px;
  }

  .tabcontent .square03_box ul li img {
    float: left;
    max-width: 30%;
  }

  .tabcontent .square03_box ul li p {
    text-align: left;
  }

  .tabcontent .square03_box .idxHotpd_price {
    display: flex;
  }
}

/* product-detail
-----------------------------------------------------------------------------*/
.prodFM_blockL .carousel-control {
  text-shadow: none;
  top: 50%;
  opacity: 1;
}

.prodFM_blockL .glyphicon-play {
  font-size: 30px;
}

.prodFM_blockL .prod_arrowL {
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}

.prod_frame {
  padding-bottom: 55px;
}

.prodFM_blockL {
  width: 31%;
  /*494px
	padding-right:80px;*/
  margin-top: 25px;
  float: left;
}

.prodFM_blockR {
  width: 38.758%;
  /*530px*/
  margin-top: 60px;
  float: right;
}

.PDFM_blockRTop {
  margin-bottom: 15px;
  border-bottom: 1px solid #c9caca;
}

.prodFM_name {
  color: #818181;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  letter-spacing: 3px;
}

.prodFM_discoutTit {
  color: #a67c52;
  font-size: 17px;
  letter-spacing: 3px;
  margin-bottom: 10px;
  font-family: 'FuturaBT_L', 'Microsoft JhengHei';
}

.prodFM_discoutTit_blue {
  color: #317bb5;
}

.prodFM_salePrice {
  color: #818181;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 15px;
}

.prodFM_originalPrice {
  color: #3e3a39;
  font-size: 13px;
  font-weight: normal;
  padding-left: 40px;
  font-family: 'FuturaBT_L';
  text-decoration: line-through;
}

.PDFM_colorTxt {
  color: #221e1f;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
  margin-bottom: 10px;
}

.PDFM_colorList {
  margin-bottom: 15px;
}

.PDFM_colorList ul li {
  display: inline-block;
  margin-right: 8px;
}

.PDFM_colorList ul li a {
  display: block;
  position: relative;
}

.focus_color:before {
  content: '';
  position: absolute;
  border: 1px solid #ffffff;
  width: 21px;
  height: 21px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 11;
}

.PDFM_buyBtn {
  margin-bottom: 12px;
}

.PDFM_buyBtn ul {
  font-size: 0;
}

.PDFM_buyBtn ul li {
  display: inline-block;
  margin-right: 17.5px;
  vertical-align: middle;
  margin-bottom: 15px;
}

.PDFM_buyBtn ul li:last-child {
  margin-right: 0;
}

.size_select {
  width: 120px;
  overflow: hidden;
  text-align: center;
}

.size_select select {
  width: 100%;
  height: 33px;
  font-size: 20px;
  text-align: center;
  border-radius: 0;
  text-align-last: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #221e1f;
  background-image: url(../tw_images/icon/br_down.png);
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: 15px;
}

.color_select {
  width: 145px;
  overflow: hidden;
  text-align: center;
}

.color_select select {
  width: 100%;
  height: 33px;
  font-size: 20px;
  text-align: center;
  border-radius: 0;
  text-align-last: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #221e1f;
  background-image: url(../tw_images/icon/br_down.png);
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: 15px;
}

.number-spinner {
  width: 120px;
  line-height: 31px;
  padding: 0;
  margin: 0;
  border: 1px solid #221e1f;
  overflow: hidden;
  position: relative;
  display: table;
}

.number-spinner input {
  height: 31px;
  max-height: 31px;
  line-height: 31px;
  font-size: 20px;
  padding: 0;
  margin: 0;
  border: none;
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  background: none;
}

.number-spinner input:focus {
  outline: none;
}

.number-spinner .ns-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
  display: table-cell;
  cursor: pointer;
}

.number-spinner .ns-btn a {
  height: 31px;
  min-height: 31px;
  width: 45px;
  padding: 0;
  max-width: 45px;
  line-height: 31px;
  border-radius: 0;
  border: none;
  text-align: center;
  position: relative;
  color: #231815;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
}

.number-spinner .ns-btn .icon-minus:after,
.number-spinner .ns-btn .icon-plus:after {
  font-size: 20px;
  line-height: 29px;
}

.number-spinner .ns-btn .icon-minus:after {
  content: '\002212';
}

.number-spinner .ns-btn .icon-plus:after {
  content: '\00002B';
}

.PDFM_addCartBtn {
  width: 310px;
  margin-bottom: 15px;
}

.PDFM_addCartBtn a {
  width: 100%;
  padding: 10px 5px 8px 5px;
  color: #ffffff;
  display: block;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  background-color: #9fa0a0;
}

.PDFM_sizePop {
  margin-bottom: 18px;
}

.PDFM_sizePop a {
  color: #231815;
  font-size: 15px;
  cursor: pointer;
  text-decoration: none;
  letter-spacing: 3.24px;
}

.PDFMSizePop_icon {
  color: #ffffff;
  display: inline-block;
  text-align: center;
  width: 25px;
  height: 25px;
  margin-right: 8px;
  padding-left: 4px;
  font-family: Arial;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #9fa0a0;
}

#PDFM_tabs .nav-tabs {
  border-bottom: 0;
  margin-bottom: 28px;
}

#PDFM_tabs .nav>li>a:hover,
#PDFM_tabs .nav-tabs>li.active>a,
#PDFM_tabs .nav-tabs>li.active>a:hover,
#PDFM_tabs .nav-tabs>li.active>a:focus {
  color: #231815;
  border: 0;
  background: none;
}

#PDFM_tabs .nav-tabs>li>a {
  display: block;
  font-size: 15px;
  padding: 0;
  border: 0;
  letter-spacing: 3.6px;
  border-radius: 0;
  position: relative;
}

#PDFM_tabs .nav-tabs>li>a:after {
  content: '／';
}

#PDFM_tabs .nav-tabs>li:last-child>a:after {
  content: '';
}

.PDFM_tabsTxt {
  color: #595757;
  font-size: 17px;
  line-height: 30px;
  letter-spacing: 3.25px;
}

.prod_tabList {
  margin-left: 20px;
}

.prod_tabList li {
  color: #595757;
  font-size: 17px;
  line-height: 30px;
  letter-spacing: 3.25px;
  list-style: outside decimal none;
  font-family: 'Microsoft JhengHei';
}

#sizeChart_modal .modal-header {
  border: 0;
}

#sizeChart_modal .modal-body {
  padding: 0 30px 30px 30px;
}

#sizeChart_modal .modal-content {
  border-radius: 0;
}

.sizeChartModal_close {
  display: block;
  text-align: right;
  cursor: pointer;
}

/* member
-----------------------------------------------------------------------------*/

/*nature*/
.idx_bnr_show {
  width: 50%;
}

.idx_bnr_img {
  width: 50%;
}

.d-flex {
  display: flex;
}

.ft_link {
  display: flex;
}

li ul li a {
  font-size: 14px !important;
}

.hdMenu ul.hdMenuL li .dropdown-menu {
  min-width: 100%;
}

@media (min-width: 768px) {
  #head_nav {
    display: flex;
  }
}

@media (min-width: 601px) {
  .idx_bnr_hot img {
    display: none;
  }

  .idxTitle_c_l {
    left: 72%;
    /*position: absolute;
	    top: 68px;
	    font-size: 16px;
	    right: -550px;*/
  }
}

.navbar-toggler {
  display: none;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-around {
  justify-content: space-around;
}

.justify-content-center {
  justify-content: center;
}

.center {
  text-align: center;
}

.navbar-toggler {
  border: none;
  background-color: transparent;
}

.menu-img {
  width: 40px;
  height: 20px;
  margin-right: 20px;
}

.idx_bnr_img1 {
  background-image: url(../tw_images/nature/newpage_img1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 150px;
  margin: 20px 0;
}

.idx_bnr_img2 {
  background-image: url(../tw_images/nature/newpage_img2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 150px;
  margin: 20px 0;
}

.idx_bnr_img3 {
  background-image: url(../tw_images/nature/newpage_img3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 150px;
  margin: 20px 0;
}

.idx_bnr_show {
  background-image: url(../tw_images/nature/newpage_item1.png);
  margin: 20px 0px 20px 25px;
  background-size: cover;
  background-repeat: no-repeat;
}

.idx_bnr_hot {
  background-image: url(../tw_images/nature/newpage_hot.jpg);
  height: 200px;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 992px) {
  .idx_bnr_show {
    background-position: center;
  }

  .idx_bnr_img1,
  .idx_bnr_img2,
  .idx_bnr_img3 {
    background-position: center;
    background-size: cover;
    width: 100%;
  }
}

.ft_cont ul li {
  font-size: 19px;
  margin: 0 6px;
  margin-bottom: 20px;
}

.ft_cont ul li a {
  text-decoration: none;
}

.icon_fb {
  color: #fff;
  background-color: #ccc;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.icon_fb a {
  position: relative;
  top: 5px;
}

.icon_li {
  background-color: #ccc;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.icon_li_img {
  position: relative;
  width: 35px;
  height: 35px;
  top: 3px;
  left: 8px;
}

.icon_ig {
  color: #fff;
  background-color: #ccc;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.icon_ig a {
  position: relative;
  top: 5px;
}

.icon_fb,
.icon_li,
.icon_ig {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
}

.font-s {
  font-size: 40px;
}

.copyright {
  margin-bottom: 40px;
}

/*newpage02*/
.user_evaluation {
  border-bottom: 1px solid #000;
  font-size: 18px;
  line-height: 36px;
  margin-top: 20px;
  margin-bottom: 40px;
}

.card {
  display: inline-block;
  width: 30%;
  height: 300px;
}

.card_icon img {
  display: inline-block;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  /*background-color: red;*/
  /*background-image: url(https://picsum.photos/300/300?random=10);*/
  margin-bottom: 20px;
}

.card_icon div {
  position: relative;
  top: -50px;
  color: #fff;
}

/*anti-sensitive_detail02*/
.separate {
  border-bottom: 3px solid #ccc;
  /*margin-top: 10px;*/
  margin-bottom: 10px;
}

.prod_nav-c {
  width: 15%;
  margin: 25px;
}

.prod_nav {
  width: 100%;
  color: #bcbcbc;
  display: inline-block;
  float: left;
  margin-right: 30px;
  line-height: 24px;
}

.pn_title {
  color: #818181;
  font-size: 14px;
  font-weight: bolder;
  margin-bottom: 40px;
}

.prod_nav .n_title {
  color: #818181;
  font-size: 17px;
  font-weight: bolder;
  text-decoration: underline;
}

.prod_nav ul li {
  font-size: 16px;
  margin: 10px 0;
}

.n_title {
  color: #818181;
  font-size: 14px;
  font-weight: bolder;
  text-decoration: underline;
}

.prod_nav ul li a:hover {
  color: #000;
  text-decoration: none;
}

.owl-carousel {
  position: relative;
}

.owl-nav {
  width: 100%;
  position: absolute;
  top: 160px;
  font-size: 32px;
}

.owl-prev {
  position: absolute;
  left: -50px;
}

.owl-next {
  position: absolute;
  right: -50px;
  font-size: 27px;
}

.pd_text {
  font-size: 18px;
  padding: 20px 0;
  color: #535353;
}

.part {
  font-size: 18px;
  padding-top: 20px;
  padding-bottom: 25px;
}

.card-text {
  height: 80px;
  display: inline-table;
  margin: 0px 20px;
}

.card-text span {
  font-size: 13px;
  line-height: 18px;
  /*white-space: nowrap;*/
  margin: 0 10px;
  display: inline-table;
}

.wd-c {
  margin: 0 10%;
}

.PDFM_addLove {
  width: 310px;
  margin-bottom: 50px;
}

.PDFM_addLove a {
  width: 100%;
  padding: 10px 5px 8px 5px;
  color: #ffffff;
  display: block;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  background-color: #9fa0a0;
}

/*new product*/
.newcard_c {
  display: flex;
  gap: 0 20px;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.new_card {
  display: inline-table;
  width: 32%;
  border: 1px solid #c0c0c0;
  margin-bottom: 30px;
}

.new_card h3 {
  margin: 25px 15px 15px 15px;
  border-bottom: 1px solid #c0c0c0;
  font-size: 22px;
  line-height: 30px;
  padding-bottom: 10px;
}

.new_card a {
  display: inline-block;
  margin: 10px 15px;
  background-color: #c0c0c0;
  color: #fff;
  padding: 10px 20px;
}

.new_cmember {
  margin: 10px 15px;
  color: #c0c0c0;
}

.new_ctext {
  margin: 0px 15px;
  font-size: 16px;
  line-height: 18px;
  color: #c0c0c0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.detail_nav_title {
  font-size: 22px;
  font-weight: bold;
  margin-top: 35px;
}

.detail-img {
  display: inline-block;
  width: 50%;
}

.detail-text h3 {
  font-size: 20px;
}

.detail-text {
  font-size: 15px;
  line-height: 26px;
  width: 50%;
  margin-left: 30px;
  margin-right: 20px;
}

.detail_text {
  font-size: 15px;
  line-height: 26px;
  margin-left: 5px;
  margin-right: 5px;
}

.detail_img {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.detail_img img {
  width: 49%;
}

.detail-content {
  display: flex;
}

.cart_img_c {
  width: 600px;
  height: 60px;
}

.select_c {
  display: block;
  width: 60%;
  height: 34px;
  padding: 6px 10px;
  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 rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.condition {
  margin-left: 25px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.condition span {
  color: #5c8cbd;
}

.pos_r {
  position: relative;
}

.txt_l {
  text-align: left !important;
}

.use {
  color: #2d200f;
  font-size: 16px;
}

.shipping_m {
  width: 60%;
  display: inline-block;
}

.ml18 {
  margin-left: 18%;
}

.form-control-c {
  display: block;
  width: 100%;
  height: 70px;
  padding: 6px 10px;
  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 rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-controlct02 {
  width: 76%;
  margin-left: 20px;
  height: 34px;
  padding: 6px 10px;
  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 rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-ct02-text {
  margin-top: 5px;
  color: red;
  position: relative;
  top: 0px;
  left: 19%;
}

.describe {
  padding: 10px 0;
}

.pickup_m {
  color: #9fa0a0;
  font-size: 16px;
  cursor: pointer;
  padding: 10px 10px 8px 10px;
  text-align: center;
  border: 1px solid #9fa0a0;
}

.pickup_m_click {
  color: #ffffff;
  border-color: #a0a0a0;
  background-color: #a0a0a0;
}

.colp0 {
  padding-left: 0px;
  padding-right: 0px;
  margin-right: 30px;
  margin-top: 10px;
}

.d-inb {
  display: inline-block;
}

.cart_payItem02 {
  color: #000000;
  font-size: 16px;
  padding: 20px 60px;
  background-color: #eaeaea;
  border-bottom: 1px solid #c0c0c0;
}

.vta_m {
  vertical-align: middle !important;
}

.menu_pos {
  top: 0;
  left: 10px;
}

.hdMenuL_c {
  display: flex;
  justify-content: space-between;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  /*padding: 8px 8px 8px 32px;*/
  text-decoration: none;
  font-size: 25px;
  /*color: #818181;*/
  display: block;
  transition: 0.3s;
}

.sidenav {
  text-align: left !important;
}

#mySidenav {
  left: -100px;
  padding: 10px;
}

.slider_menuList li ul {
  display: block !important;
  width: 250px;
}

.sliderMem_btn {
  padding: 10px;
  color: #ffffff;
  display: block;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  background-color: #598abe;
}

.sm-lan li {
  width: 25%;
  display: inline-block;
}

.sm-lan li a {
  display: block;
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 41px;
  margin: 0 auto;
  text-align: center;
  border-radius: 100%;

  font-size: 18px;
  text-decoration: none;
  background-color: #598abe;
}

.icon_cart {
  background-image: url(../tw_images/icon/icon_cartWH.png);
  width: 25px;
  height: 21px;
  vertical-align: sub;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  margin-right: 5px;
}

.close_c {
  right: 5px !important;
}

#mySidenav {
  z-index: 11;
  background-color: #fcfcfc;
  -webkit-box-shadow: 2px 3px 5px rgb(0 0 0 / 20%);
  -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 3px 5px rgb(0 0 0 / 20%);
  overflow-y: auto;
}

#mySidenav div:first-child {
  display: block;
  width: 250px;
  height: 50px;
}

.sm-lan {
  text-align: center;
  padding: 20px 0;
}

.menu_c span {
  margin-left: 1px;
}

.anti-img {
  width: 100px;
  height: 150px;
}

.collection-text {
  color: #3e3a39;
  font-size: 18px;
  font-weight: bold;
  font-family: 'FuturaBT_L';
  margin-right: 50px;
}

.cole-title {
  color: #3e3a39;
  font-size: 22px;
  font-weight: bold;
  font-family: 'FuturaBT_L';
}

.cole-pro {
  position: relative;
}

.cole-delete {
  color: #bcbcbc;
  position: absolute;
  top: 0;
  right: 0px;
  padding: 50px 0 0 50px;
}

.cole-price {
  margin-top: 15px;
  letter-spacing: 1px;
}

.p0 {
  padding: 0px !important;
}

.colle-favorite {
  border-bottom: 1px solid #e4e4e4;
  padding: 0px 0px 75px 0px;
}

.cole-img {
  text-align: center;
  text-align: -webkit-center;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }

  .sidenav a {
    font-size: 18px;
  }
}

/*nature-----------------------------------------------------------------------------*/

/* login */
.login_lt {
  padding-right: 28px;
  position: relative;
}

.login_lt:after {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  right: 0;
  top: 0;
  background-color: #d7d7d7;
}

.login_rt {
  padding-left: 28px;
}

.login_title {
  color: #598abe;
  /*221e1f*/
  font-size: 22px;
  font-weight: bold;
  padding-bottom: 15px;
}

.login_subTitle {
  color: #2d200f;
  font-size: 16px;
}

.login_subTitle a {
  color: #2d200f;
  text-decoration: underline;
}

.login_form .form-control {
  color: #acacac;
  font-size: 16px;
  min-height: 45px;
  border-radius: 0;
  border: 1px solid #b7b7b7;
}

.form-control:focus {
  border-color: #2b2b2b;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.login_twoFM {
  padding-top: 10px;
  padding-bottom: 30px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d7d7d7;
}

.login_respl {
  padding-left: 15px;
}

.login_txt {
  color: #959595;
  font-size: 16px;
  padding-top: 20px;
}

.login_txt a {
  color: #000000;
  text-decoration: none;
  display: inline-block;
}

.loging_hs {
  display: none;
}

/* membership */
.membership_frame {
  height: 445px;
  overflow-y: scroll;
  padding: 20px 25px;
  border: 1px solid #cec7b3;
}

.membership_frame::-webkit-scrollbar {
  width: 15px;
}

.membership_frame::-webkit-scrollbar-track {
  background-color: #f0eee8;
}

.membership_frame::-webkit-scrollbar-thumb {
  background-color: #cec7b3;
}

.memShip_tit {
  color: #e09600;
  font-size: 16px;
  font-weight: bold;
  padding-top: 30px;
  padding-bottom: 5px;
}

.memShip_txt {
  color: #000000;
  font-size: 16px;
  line-height: 28px;
}

.memShip_txt a,
.memShip_listNum ul li a,
.memShip_listEng ul li a {
  color: #0066d9;
  text-decoration: none;
}

.memShip_pl {
  padding-left: 25px;
}

.memShip_title {
  color: #c30e2e;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.5px;
}

.memShip_titFocus {
  color: #000000;
  font-size: 18px;
}

.memShip_listNum ul li {
  color: #000;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.5px;
  list-style: outside decimal none;
}

.memShip_listEng {
  margin-left: 40px;
}

.memShip_listEng ul li {
  color: #000;
  font-size: 16px;
  line-height: 28px;
  list-style: outside lower-alpha none;
}

.memShip_listNum,
.memShip_listEngNp {
  margin-left: 20px;
}

.memShip_listNum ul li a.line_color {
  color: #03c302;
}

.txtBg_yellow {
  background-color: #ffff00;
}

.txtBg_blueGn {
  background-color: #afeeee;
}

.AntiFraud_tips {
  color: #500050;
  font-size: 16px;
  padding: 10px 20px;
  margin: 20px;
  background-color: #eeeeee;
}

.AntiFraud_tips p {
  margin: 0;
}

.AntiFraud_tipsTit {
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}

.AntiFraud_tipsTxt {
  line-height: 18px;
  padding-bottom: 10px;
}

/* resgister */
.memStep_list {
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  position: relative;
  width: 50%;
}

.memStep_list ul {
  display: table-row;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.memStep_list ul li {
  display: table-cell;
  position: relative;
  text-align: center;
  z-index: 1;
}

.memStep_list ul li {
  color: #9fa0a0;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
}

.memStep_list ul li .step_num {
  color: #fff;
  display: inline-block;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  margin-right: 9px;
  line-height: 34px;
  text-align: center;
  background-color: #9fa0a0;
}

.memStep_list ul li.step_numAct {
  color: #595757;
}

.memStep_list ul li.step_numAct .step_num {
  background-color: #595757;
}

.memStep_list ul li i {
  color: #9fa0a0;
  font-size: 30px;
  vertical-align: middle;
}

.memStep_list ul li.step_numAct i {
  color: #595757;
}

.reg_frame {
  border: 1px solid #cec7b3;
}

.register {
  padding: 45px 0;
  width: 50%;
  margin: 0 auto;
}

/* memberMain */
.redStart {
  color: #d50013;
}

.mem_main {
  padding: 20px 40px;
  border: 1px solid #c0c0c0;
}

.mem_table {
  width: 100%;
  display: table;
  border-collapse: collapse;
}

.mem_table .form-group {
  margin-bottom: 0;
}

.mem_table .form-control {
  color: #000000;
  outline: none;
  font-size: 16px;
  min-height: 44px;
  box-shadow: none;
  border-radius: 0;
  background-color: #ffffff;
  border: 1px solid #b7b7b7;
}

.form-control[readonly] {
  color: #222222;
  cursor: not-allowed;
  border: 1px solid #b7b7b7;
  background-color: #ffffff;
}

.mem_table .form-control:-webkit-input-placeholder {
  color: #acacac;
  opacity: 1;
}

.mem_table .form-control:-moz-placeholder {
  color: #acacac;
  opacity: 1;
}

.mem_table .form-control:-ms-input-placeholder {
  color: #acacac;
  opacity: 1;
}

.mem_table .form_date .form-control {
  border-right: 0;
}

.mem_table .input-group-addon {
  border-radius: 0;
  background-color: #ffffff;
  border-color: #b7b7b7;
}

.mem_table .thead {
  display: table-header-group;
}

.mem_table .tbody {
  display: table-row-group;
}

.mem_table .tr {
  display: table-row;
}

.mem_table .th,
.mem_table .td {
  display: table-cell;
  padding: 10px 0;
  color: #000000;
  font-size: 16px;
}

.mem_table .th {
  width: 18%;
  vertical-align: middle;
}

.mem_table .td {
  width: 82%;
}

.mem_line {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d7d7d7;
}

.mem_line2 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d7d7d7;
}

.th.ver_top {
  vertical-align: top;
}

.verif ul li {
  float: left;
}

.verif ul li:first-child {
  width: 50%;
}

.verif ul li:nth-child(2) {
  width: 22%;
  padding-top: 5px;
}

.verif ul li:last-child {
  width: 5%;
  padding-top: 5px;
}

@media only screen and (max-width: 1100px) {
  .mem_main {
    padding: 15px 30px;
  }

  .mem_table .th {
    width: 20%;
  }

  .mem_table .td {
    width: 80%;
  }

  .verif ul li:nth-child(2) {
    width: 25%;
  }
}

@media only screen and (max-width: 960px) {
  .mem_table {
    background-color: transparent;
  }

  .mem_table .tr {
    display: block;
    margin-bottom: 5px;
  }

  .mem_table .th,
  .mem_table .td {
    display: block;
    width: 100%;
    text-align: left;
    padding: 5px 0;
  }

  .inqact {
    padding: 20px 15px;
  }

  .form-controlct02 {
    width: 100%;
    margin-left: 0;
  }

  .form-ct02-text {
    left: 0;
  }
}

@media only screen and (max-width: 720px) {

  .mem_table .th,
  .mem_table .td {
    display: block;
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .mem_main {
    padding: 15px;
  }

  .verif ul li:first-child {
    width: 100%;
  }

  .verif ul li:nth-child(2) {
    width: 50%;
  }

  .verif ul li:last-child {
    width: 20%;
  }
}

.mem_sex {
  color: #9fa0a0;
  font-size: 16px;
  cursor: pointer;
  padding: 10px 10px 8px 10px;
  text-align: center;
  border: 1px solid #9fa0a0;
}

.mem_sexClick {
  color: #ffffff;
  border-color: #598abe;
  background-color: #598abe;
}

.mem_listTbl {
  width: 100%;
  display: table;
  border-collapse: collapse;
}

.mem_listTbl .thead {
  display: table-header-group;
}

.borderTM {
  border-top: 1px solid #cec7b3;
  border-bottom: 1px solid #cec7b3;
}

.mem_listTbl .thead .th:after {
  position: relative;
  margin-top: -10px;
  content: '';
  display: inline-block;
  float: right;
  right: -10px;
  top: 8px;
  width: 1px;
  height: 27px;
  background-color: #cec7b3;
}

.mem_listTbl .thead .th:last-child:after {
  width: 0;
}

.mem_listTbl .tbody {
  display: table-row-group;
}

.mem_listTbl .tr {
  display: table-row;
}

.mem_listTbl .thead .th,
.mem_listTbl .tbody .td {
  color: #000000;
  font-size: 16px;
  display: table-cell;
}

.mem_listTbl .thead .th {
  text-align: center;
  padding: 8px 10px 7px 10px;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f0eee8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f0eee8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,
      #ffffff 0%,
      #f0eee8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0eee8', GradientType=0);
  /* IE6-9 */
}

.mem_listTbl .tbody .td {
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  padding: 20px 10px 18px 10px;
  background-color: #ffffff;
  border-bottom: 1px solid #c0c0c0;
  font-family: 'FuturaBT_L', 'Microsoft JhengHei';
}

.mem_listTbl .tbody .tr:hover .td {
  background-color: #fffae4;
}

.mem_listTbl .tbody .td a {
  text-decoration: none;
}

.noHover .tbody .tr:hover .td {
  cursor: default;
}

.mem_listTbl.down_tbl .thead .th:first-child {
  width: 12%;
}

.mem_listTbl.down_tbl .tbody .td {
  padding: 15px 10px 13px 10px;
}

.mem_listTbl.down_tbl .tbody .td:nth-child(2) {
  text-align: left;
}

.mem_listTbl.down_tbl .thead .th:last-child {
  width: 20%;
}

@media only screen and (max-width: 992px) {
  .mem_listTbl {
    table-layout: fixed;
  }

  .condition {
    margin-left: 0px;
  }
}

@media only screen and (max-width: 600px) {
  .mem_listTbl .thead {
    display: none;
  }

  .mem_listTbl .tbody .tr {
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
    border-bottom: none;
  }

  .mem_listTbl .thead .th,
  .mem_listTbl .tbody .td {
    display: block;
    width: 100%;
  }

  .mem_listTbl .tbody .td {
    text-align: right;
    margin-bottom: 1px;
    background-color: #f8f8f8;
  }

  .mem_listTbl .tbody .tr:hover .td,
  .noHover .tbody .tr:hover .td {
    background-color: #f8f8f8;
  }

  .mem_listTbl .tbody .td:before {
    position: relative;
    float: left;
    content: attr(data-title);
  }

  .mem_listTbl .td:last-child {
    border-bottom: none;
  }

  .mem_listTbl .btn_del {
    margin-right: 0;
  }

  .mem_listTbl.down_tbl .tbody .td:nth-child(2) {
    text-align: right;
  }

  .nav_logo {
    width: 180px;
  }
}

@media only screen and (max-width: 480px) {
  .mem_listTbl .tbody .td:before {
    width: 100%;
    float: none;
    display: block;
    text-align: left;
  }

  .mem_listTbl .tbody .td,
  .mem_listTbl.inq_tbl .tbody .td:nth-child(2),
  .mem_listTbl.inq_tbl .tbody .td:last-child,
  .mem_listTbl.down_tbl .tbody .td:nth-child(2) {
    text-align: left;
  }

  .mem_listTbl .btn_del {
    margin-left: 0;
  }

  .btn_delongCenter {
    margin-left: 0;
  }
}

/* orderList */
.checkout_frame {
  width: 65.5%;
  /*570px*/
  margin: 50px 0 50px auto;
  position: relative;
  border: 1px solid #de2525;
  background-color: #ffffff;
}

.chk_title {
  color: #de2525;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: -16px;
  left: 12px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #ffffff;
}

.chk_tbl {
  padding: 15px 35px;
}

.chk_group {
  width: 100%;
  display: table;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #cec7b3;
}

.chk_group:last-child {
  border-bottom: 0;
}

.chk_group .chk_lt,
.chk_group .chk_rt {
  display: table-cell;
  font-size: 16px;
}

.chk_lt {
  color: #000000;
  text-align: left;
}

.chk_rt {
  color: #de2525;
  text-align: right;
}

.otherList_frame {
  margin: 10px 0 30px 0;
  border: 1px solid #cec7b3;
}

/*.olist_tbl{
	padding:0 30px;
}*/
.olist_group {
  width: 100%;
  display: table;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d7d7d7;
}

.olist_group:last-child {
  border-bottom: 0;
}

.olist_group .olist_lt,
.olist_group .olist_rt {
  display: table-cell;
  text-align: left;
  font-size: 16px;
}

.olist_lt {
  width: 13%;
  color: #666666;
  font-weight: bold;
}

.olist_rt {
  color: #000000;
}

.olist_rt p {
  line-height: 33px;
}

.olist_width {
  color: #666666;
  width: 120px;
  display: inline-block;
}

/* coupon */
.mem_table.coupon_tbl .th {
  width: 25%;
}

.coupon_tab {
  margin: 20px 0;
}

.coupon_tab .nav-tabs>li {
  margin-left: -3px;
}

.coupon_tab .nav-tabs>li:first-child {
  margin-left: 0;
}

.coupon_tab .nav-tabs>li.active>a,
.coupon_tab .nav-tabs>li.active>a:hover,
.coupon_tab .nav-tabs>li.active>a:focus {
  background-color: #ffffff;
  border-top: 4px solid #de2525;
  border-left: 1px solid #de2525;
  border-right: 1px solid #de2525;
  border-bottom: 0;
  z-index: 1;
}

.coupon_tab .nav-tabs>li>a {
  color: #2d200f;
  padding: 15px 25px;
  font-size: 18px;
  border-radius: 0;
  text-align: center;
  border-top: 4px solid #9fa0a0;
  border-left: 1px solid #9fa0a0;
  border-right: 1px solid #9fa0a0;
  border-bottom: 0;
  background-color: #f0f0f0;
  width: 170px;
}

.coupon_tab .tab-content {
  padding: 40px 0;
}

/* promotional_coupon
-----------------------------------------------------------------------------*/
.mem_coupon {
  display: table;
  width: 85%;
  margin: 0 auto;
}

.memCoupon_item {
  display: table-cell;
  vertical-align: middle;
}

.memCoupon_sum {
  color: #e94c5a;
  font-size: 20px;
  font-weight: bold;
}

.memCoupon_num {
  font-size: 50px;
  font-family: 'FuturaMdBT_M';
}

.memCoupon_txt {
  color: #282828;
  font-size: 16px;
}

/* orderList_detail
-----------------------------------------------------------------------------*/
.orderList_main {
  margin-bottom: 30px;
}

.orderList_space {
  width: 100%;
  height: 10px;
  background-color: #eaeaea;
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
}

.orderList_frame {
  padding-left: 40px;
  padding-right: 40px;
  border: 1px solid #c0c0c0;
  background-color: #ffffff;
}

.orderList_frameTwo {
  padding: 20px 40px;
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  background-color: #eaeaea;
}

.orderList_frame_noTop {
  border-top: 0;
}

.orderList_proTbl {
  width: 100%;
  display: table;
  border-collapse: collapse;
}

.olProTbl_tr {
  display: table-row;
}

.olProTbl_trLine:before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #c0c0c0;
}

.cart_itemCancel {
  position: absolute;
  right: 0;
  top: 26px;
  content: '';
  background-image: url(../tw_images/icon/cart_itemCancel.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

.cart_itemCancel i {
  position: absolute;
  right: 0;
  top: 0;
  color: #aba287;
  font-size: 22px;
}

.olProTbl_td {
  padding: 25px 0;
  display: table-cell;
  vertical-align: middle;
  padding-left: 25px;
}

@media (max-width: 991px) {
  .olProTbl_td {
    padding-left: 0;
  }
}

.cartTbl_oneTd {
  position: relative;
}

.cartTbl_oneTdHs {
  display: none;
}

.olProTbl_tdImg {
  width: 195px;
}

.olProTbl_td:last-child {
  text-align: right;
  vertical-align: bottom;
}

.olproTbl_line {
  border-bottom: 1px solid #cec7b3;
}

.olproTbl_lineTop {
  border-top: 1px solid #cec7b3;
}

.olpt_itemNum {
  color: #877e63;
  font-size: 16px;
}

.olpt_itemName {
  color: #000000;
  font-size: 24px;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 10px;
}

.olpt_itemTxt {
  color: #000000;
  font-size: 16px;
  line-height: 26px;
}

.olpt_select select {
  width: 200px;
  height: 44px;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #b7b7b7;
}

.olpt_itemOffer {
  color: #282828;
  font-size: 16px;
}

.cart_itemOffer {
  display: block;
  width: 100%;
  padding-top: 0;
  padding-bottom: 15px;
}

.olpt_itemCheck {
  color: #0066d9;
  margin-right: 5px;
}

.olpt_itemCheck i {
  font-size: 20px;
  margin-right: 5px;
}

.olpt_itemPrice {
  color: #de2525;
  font-size: 25px;
  font-family: 'FuturaMdBT_M', 'Microsoft JhengHei';
  letter-spacing: 3px;
}

.olpt_itemOriginalPrice {
  color: #3e3a39;
  font-size: 17px;
  font-family: 'FuturaBT_L';
  text-decoration: line-through;
}

.orderList_discountTbl {
  width: 100%;
  display: table;
  border-collapse: collapse;
}

.olDisTbl_tr {
  display: table-row;
}

.olDisTbl_td {
  padding: 15px 0;
  display: table-cell;
  vertical-align: top;
}

.olDisTbl_td:last-child {
  text-align: right;
}

.oldt_titBor,
.oldt_titBorNone {
  font-size: 16px;
  margin-top: 5px;
  margin-right: 10px;
  display: inline-block;
  padding: 4px 6px 0 6px;
}

.oldt_titBor {
  color: #0066d9;
  border: 1px solid #0066d9;
}

.oldt_titBorNone {
  color: #877e63;
  border: 1px solid #877e63;
}

.oldt_titBor i,
.oldt_titBorNone i {
  margin-right: 5px;
  font-size: 20px;
}

.oldt_title {
  color: #282828;
  font-size: 16px;
  line-height: 30px;
}

.oldt_txt {
  color: #877e63;
  font-size: 16px;
  line-height: 22px;
  padding-top: 15px;
}

.oldt_itemPrice {
  color: #096bda;
  font-size: 16px;
}

.oldt_ipBig {
  font-size: 24px;
  margin-left: 5px;
  margin-right: 5px;
  font-family: 'FuturaMdBT_M';
}

.olfm_title {
  color: #d80c27;
  font-size: 24px;
  font-weight: bold;
}

.olfm_titleBlue {
  color: #70a9e9;
  font-size: 24px;
  font-weight: bold;
}

.olfm_titleTwo {
  color: #666666;
  font-size: 24px;
  font-weight: bold;
}

.olfm_txt {
  color: #222222;
  font-size: 16px;
  line-height: 30px;
}

.orderList_checkoutTbl {
  width: 500px;
  margin: 0 0 0 auto;
  display: table;
  border-collapse: collapse;
}

.olChkTbl_tr {
  display: table-row;
}

.olChkTbl_td {
  color: #282828;
  font-size: 16px;
  padding: 2.5px 0;
  display: table-cell;
  vertical-align: middle;
}

.olChkTbl_td:last-child {
  text-align: right;
}

.olchk_ipBig {
  font-size: 24px;
  font-family: 'FuturaMdBT_M';
}

.lochk_line {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d7d7d7;
}

.lochk_line2 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #a0a0a0;
}

.olchk_colorBlue {
  color: #0066d9;
}

.olchk_colorRose {
  color: #de2525;
}

.cart_btnWR {
  width: 172px;
  margin-right: 0;
  margin-left: auto;
  vertical-align: middle;
}

.remark {
  padding: 15px;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background-color: #847a5c;
}

/* qa
-----------------------------------------------------------------------------*/
.qa_title {
  color: #000000;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 15px 10px 13px 25px;
  background-color: #fffae4;
  border-left: 12px solid #ffb520;
}

.qa_title.fontWNor {
  font-weight: normal;
}

.qa_main {
  font-size: 16px;
  line-height: 28px;
}

.qa_txt {
  color: #010101;
}

.qa_buTxt {
  color: #0066d9;
  font-weight: bold;
}

.qa_roseTxt {
  color: #de2525;
  font-weight: bold;
}

.qa_list {
  padding-bottom: 20px;
}

.qa_list ul {
  margin-left: 22px;
  list-style: outside decimal none;
}

.qa_list ul li {
  color: #010101;
  font-size: 16px;
  padding-bottom: 5px;
}

/* product
-----------------------------------------------------------------------------*/
.pro_list {
  margin-left: -10px;
  margin-right: -10px;
}

.pro_item {
  border: 1px solid #fff;
  margin: 5px 1% 30px 1%;
  padding: 12px 10px;
  position: relative;
  z-index: 1;
  float: left;
  width: 31.333%;
}

.pro_item:hover {
  border-color: #ffccd1;
}

.pro_item .owl_img {
  width: 100%;
}

.pro_item:hover .hotpd_overly {
  opacity: 1;
}

.slider_name {
  color: #211715;
  font-size: 16px;
  height: 50px;
  margin-bottom: 15px;
}

.slider_price {
  color: #211715;
  font-size: 16px;
  text-align: center;
}

.slider_priceB {
  color: #de2525;
  font-size: 22px;
  font-family: 'FuturaMdBT_M';
}

@media screen and (max-width: 480px) {
  .pro_list {
    margin-left: 0;
    margin-right: 0;
  }

  .pro_item {
    width: 48%;
  }
}

@media screen and (max-width: 375px) {
  .pro_item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

/* cart
-----------------------------------------------------------------------------*/
.cart_list {
  width: 92.5%;
  margin: 0 auto;
  padding-bottom: 10px;
}

.cartList_txt {
  color: #000000;
  font-size: 16px;
  line-height: 26px;
}

.cartList_txt a {
  color: #0066d9;
  text-decoration: none;
}

.cart_list ul li {
  color: #000000;
  font-size: 16px;
  line-height: 26px;
  display: flex;
}

.cart_list ul li:before {
  content: '★';
  margin-right: 10px;
}

.cart_list ul li.rose_txt,
.cart_list ul li.rose_txt:before {
  color: #de2525;
}

.cart_step {
  padding-top: 10px;
  padding-bottom: 20px;
}

.cart_imgHS {
  display: none;
}

.cart_payList {
  border: 1px solid #cec7b3;
}

.cart_payItem {
  color: #000000;
  font-size: 16px;
  padding: 20px 30px;
  background-color: #eaeaea;
  border-bottom: 1px solid #c0c0c0;
}

.cart_payItem:last-child {
  border-bottom: 0;
}

.cart_payItem:hover {
  cursor: pointer;
  color: #ffffff;
  background-color: #777777;
}

.cart_payItem i {
  color: #ececec;
  font-size: 18px;
  margin-right: 15px;
  width: 18px;
}

.cart_payItem:hover i {
  color: #ffffff;
}

.cart_payItem_act i,
.cart_payItem_act:hover i {
  color: #ffffff;
}

.cart_table {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.cart_checkList {
  display: table;
  width: 100%;
  margin-bottom: 15px;
  border-bottom: 1px solid #cec7b3;
}

.cart_checkListdot {
  display: table;
  width: 100%;
  margin-bottom: 15px;
  border-bottom: 1px dotted #cec7b3;
}

.cartChl_group {
  padding: 10px 0;
  display: table-cell;
}

.cartChl_group:first-child {
  width: 25.5%;
}

input[type='checkbox'].cart_checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

input[type='checkbox'].cart_checkbox+label.cart_label {
  color: #2d200f;
  font-size: 16px;
  font-weight: bold;
  padding-left: 29px;
  height: 19px;
  display: inline-block;
  line-height: 21px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}

input[type='checkbox'].cart_checkbox:checked+label.cart_label {
  background-position: 0 -19px;
}

label.cart_label {
  background-image: url(../tw_images/icon/checkbox.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cart_radioList {
  border-top: 1px dashed #c0c0c0;
  margin-top: 20px;
}

.cart_radioList .radio_group {
  margin-top: 20px;
}

.radio_group .phone_box {
  float: left;
}

.cart_radioList .phone_input {
  border: 1px solid #e5e5e5;
  margin-left: 20px;
  min-height: 30px;
  width: 95%;
}

.phone_inputbox {
  display: grid;
}

.phone_inputbox p {
  font-size: 16px;
  color: #c11212;
  margin-left: 20px;
  margin-top: 10px;
}

.pick_box {
  border-top: 1px dashed #c0c0c0;
}

.store_button button {
  background-color: #7a7a7a;
  border-radius: 0px;
  color: #fff;
  padding: 8px 15px;
  border: 0px;
}

input[type='radio'].cart_radio {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

input[type='radio'].cart_radio+label.cart_label {
  color: #2d200f;
  font-size: 16px;
  font-weight: bold;
  padding-left: 29px;
  height: 19px;
  display: inline-block;
  line-height: 21px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}

input[type='radio'].cart_radio:checked+label.cart_label {
  background-position: 0 -19px;
}

@media screen and (min-width: 601px) and (max-width: 670px) {
  .cart_tbl .thead .th:nth-child(2) {
    width: 25%;
  }
}

/* additional purchase price
-----------------------------------------------------------------------------*/
.addPurchasePrice {
  margin-top: 10px;
}

.addPurchasePrice .pro_item {
  border-color: #cccccc;
  width: 19%;
  margin-left: 0.5%;
  margin-right: 0.5%;
  margin-bottom: 20px;
}

.addPurchasePrice .slider_name {
  height: auto;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 0;
}

.addPuPr_item {
  margin-top: 10px;
}

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

a.addPuPr_btn {
  color: #fff;
  display: block;
  font-size: 15px;
  text-align: center;
  margin: 0 auto;
  padding: 8px 10px;
  background-color: #598abe;
  text-decoration: none;
}

@media screen and (max-width: 992px) {
  .addPurchasePrice .pro_item {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
  }
}

@media screen and (max-width: 767px) {
  .addPurchasePrice .pro_item {
    width: 31.333%;
  }
}

@media screen and (max-width: 600px) {
  .addPurchasePrice .pro_item {
    width: 48%;
  }
}

@media screen and (max-width: 414px) {
  .addPurchasePrice .pro_item {
    width: 98%;
    margin-bottom: 15px;
  }

  .addPurchasePrice .slider_name,
  .addPurchasePrice .slider_price {
    text-align: left;
  }

  .addPuPr_rangeGroup {
    display: table;
    width: 100%;
  }

  .addPuPrRanGroup_itemL,
  .addPuPrRanGroup_itemR {
    display: table-cell;
    vertical-align: middle;
  }

  .addPuPrRanGroup_itemL {
    width: 30%;
  }

  .addPuPrRanGroup_itemR {
    width: 65%;
    padding-left: 5%;
  }
}

/* qa
-----------------------------------------------------------------------------*/
.qa {}

.qa_group {
  margin-bottom: 30px;
}

.qa_qes,
.qa_ans {
  padding: 5px 10px;
  font-size: 16px;
  line-height: 25px;
  border: 1px solid #000;
}

.qa_qes {
  color: #0033cc;
}

.qa_ans {
  color: #2d200f;
  text-align: justify;
  border-top: 0;
}

/* mediaReports
-----------------------------------------------------------------------------*/
.media_video {
  padding: 35px 75px;
  background-color: #f2f2f2;
}

.media_video .carousel-control.left,
.media_video .carousel-control.right {
  background: none;
  border: none;
  text-shadow: none;
  opacity: 1;
  top: calc(50% - 19.5px);
}

.media_video .carousel-control.left {
  margin-left: -50px;
}

.media_video .carousel-control.left .glyphicon-play {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.media_video .carousel-control.right {
  margin-right: -10px;
}

.media_video .carousel-control {
  width: 0%;
  top: 0;
}

.media_video .glyphicon {
  color: #ffffff;
  font-size: 40px;
  line-height: 39px;
}

.media_picTxtList {}

.media_ptListGroup {
  display: table;
  width: 100%;
  border: 0;
  table-layout: fixed;
  padding-bottom: 50px;
}

.media_ptListLt,
.media_ptListRt {
  display: table-cell;
  vertical-align: top;
  position: relative;
}

.media_ptListLt {
  width: 55%;
  /*555px*/
}

.media_ptListLt img {
  width: 100%;
}

.media_ptListRt {
  width: 45%;
  /*469px*/
  padding-left: 30px;
}

.media_title {
  color: #595757;
  font-size: 27px;
  letter-spacing: 2.04px;
  padding-top: 5px;
}

.media_subTit {
  color: #9fa0a0;
  font-size: 17px;
  padding: 10px 0;
  letter-spacing: 2.04px;
}

.media_txt {
  color: #595757;
  font-size: 17px;
  line-height: 29px;
  text-align: justify;
  letter-spacing: 2.04px;
  padding-bottom: 60px;
  font-family: 'FuturaBT_L', 'Microsoft JhengHei';
}

.media_more {
  display: inline-block;
  width: 135px;
  position: absolute;
  bottom: 0;
}

.media_more a {
  color: #ffffff;
  font-size: 17px;
  display: block;
  padding: 6px 5px 5px 5px;
  text-align: center;
  text-decoration: none;
  background-color: #9fa0a0;
}

/* footer
-----------------------------------------------------------------------------*/
.footer {
  padding: 20px 15px 60px 15px;
  /*background-color:#dcdcdc;	*/
  font-family: 'FuturaBT_Book', 'Microsoft JhengHei';
}

.ft_cont {
  color: #535353;
  margin-right: auto;
  margin-left: auto;
  /*max-width: 885px;*/
}

.ftCont_group,
.ft_info {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.ftCont_itemLt,
.ftCont_itemRt,
.ftInfo_item {
  display: table-cell;
  vertical-align: bottom;
}

.ftCont_itemLt,
.ftInfo_item {
  text-align: left;
}

.ftCont_itemLt {
  width: 55%;
}

.ftCont_itemRt {
  text-align: right;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.6px;
  padding-bottom: 1px;
}

.ft_logo {
  width: 175px;
  padding-bottom: 20px;
}

.ftInfo_item {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.7px;
  vertical-align: middle;
}

.ftInfo_item:first-child {
  width: 80px;
  padding-right: 12px;
}

.ftInfo_item a {
  color: #535353;
  font-size: 24px;
  text-decoration: none;
  font-family: 'FuturaBT_L';
}

.ftCont_ink {
  display: block;
}

#gotop {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 20px;
  padding: 8.22px 12.5px;
  font-size: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  cursor: pointer;
  z-index: 99;
}

#gotop i {
  vertical-align: 2px;
}

.footerUl li {
  display: inline-block;
}

/* media query
-----------------------------------------------------------------------------*/
@media screen and (max-width: 1054px) {
  .hdMenu ul.hdMenuL li a {
    padding-left: 5px;
    padding-right: 5px;
  }

  .mem_coupon {
    width: 100%;
  }
}

@media screen and (max-width: 992px) {
  .idxVideo_frame {
    margin: 30px 15px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .idx_video:after {
    height: calc(100% - 71px);
  }

  .idx_video #myCarousel {
    margin-bottom: 40px;
  }

  .idx_video .carousel-control.left {
    margin-left: -52px;
  }

  .idx_video .carousel-control.right {
    margin-right: -12px;
  }

  a.slide-menu-open {
    display: block;
  }

  .hd_top {
    padding-top: 18px;
    padding-bottom: 16px;
  }

  /*.hdTop_list,
	.hd_mainMenu{
		display:none;
	}*/
  .page_bread {
    padding-top: 20px;
  }

  .prodFM_blockL {
    width: 36%;
  }

  .prodFM_blockR {
    width: 38%;
  }

  #PDFM_tabs .nav-tabs {
    margin-bottom: 20px;
  }

  .olProTbl_td,
  .olProTbl_tdImg,
  .olProTbl_td:last-child {
    display: block;
    width: 100%;
    text-align: center;
  }

  .olProTbl_tdImg img {
    margin-left: auto;
    margin-right: auto;
  }

  .olProTbl_td:nth-child(2) {
    padding: 0;
  }

  .olDisTbl_td:last-child {
    width: 30%;
  }

  .olDisTbl_td.cart_btnWR:last-child {
    width: 40%;
  }

  .orderList_checkoutTbl {
    width: 100%;
  }

  .olpt_itemOffer {
    padding-top: 0;
  }

  .cart_itemOffer {
    text-align: center;
  }

  .olist_width {
    width: 100%;
    display: block;
  }

  .cartTbl_oneTd .cart_itemCancel {
    display: none;
  }

  .cartTbl_oneTdHs {
    display: block;
    position: relative;
  }

  .mem_table.coupon_tbl .th,
  .mem_table.coupon_tbl .td {
    width: 100%;
    display: block;
  }

  .memCoupon_item {
    display: block;
    width: 100%;
    text-align: center;
  }

  .cart_table {
    width: 90%;
  }

  .hdMenu ul.hdMenuL li a {
    font-size: 12px;
  }

  #head_nav {
    display: none;
  }

  .hdMenuL_c {
    justify-content: space-around;
  }

  .nav_logo {
    margin: -15px auto 5px 0;
    height: 40px;
  }

  .cole-delete {
    padding: 0;
    top: 10px;
    right: 20px;
  }
}

@media screen and (max-width: 900px) {
  .idxHotpd_title {
    font-size: 18px;
    padding-top: 20px;
  }

  .idxHotpd_price {
    font-size: 16px;
  }

  .idx_video .carousel-control.left {
    margin-left: -47px;
  }

  .idx_video .carousel-control.right {
    margin-right: -7px;
  }

  .ft_logo {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
  }

  .ft_logo img {
    padding-left: 33px;
    margin-left: auto;
    margin-right: auto;
  }

  .ftCont_itemLt,
  .ftCont_itemRt,
  .ftInfo_item {
    display: block;
    width: 100%;
    line-height: 32px;
    text-align: center;
  }

  .ftInfo_item:first-child {
    width: 45px;
    padding-right: 0;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .ftCont_ink {
    display: inline-block;
  }

  .footer {
    /*padding-top: 5px;*/
    padding-bottom: 20px;
  }

  .ftCont_itemRt {
    padding-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  #showhide {
    display: none;
  }

  #hideshow {
    display: block;
  }

  #sh-ink {
    display: none;
  }

  #hs-ink {
    display: inline-block;
  }

  .rwd-img {
    margin: 0 auto;
  }

  .idxVideo_frame {
    padding-left: 5px;
    padding-right: 5px;
    border: 4px solid #c9caca;
  }

  .idx_video .carousel-control.left {
    margin-left: -40px;
  }

  .idx_video .carousel-control.right {
    margin-right: -4px;
  }

  .idx_video .carousel-control.left,
  .idx_video .carousel-control.right {
    top: calc(50% - 15px);
  }

  .idx_video .glyphicon {
    color: #ffffff;
    font-size: 35px;
    line-height: 34.5px;
  }

  .idx_hotpd ul li {
    margin-bottom: 20px;
  }

  .pro_word {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .page_cont {
    padding-left: 15px;
    padding-right: 15px;
  }

  .prod_nav {
    display: none;
  }

  .PDFM_addLove {
    width: 100%;
  }

  .prodFM_blockL,
  .prodFM_blockR {
    width: 100%;
    float: none;
  }

  .prodFM_blockL {
    margin-bottom: 20px;
  }

  .prodFM_blockL img {
    margin: 0 auto;
    width: 100%;
  }

  .PDFM_buyBtn ul {
    margin-right: -2.5%;
  }

  .PDFM_buyBtn ul li {
    width: 30.5%;
    margin-right: 0.5%;
    margin-bottom: 7px;
  }

  .PDFM_buyBtn ul li .color_select {
    width: auto;
  }

  .PDFM_buyBtn ul li .color_select select {
    line-height: 33px;
    font-size: 16px;
    padding: 0 10px;
  }

  .PDFM_buyBtn.PDFM_buyBtn2 {
    margin-bottom: 0;
  }

  .PDFM_buyBtn.PDFM_buyBtn2 .size_select select {
    font-size: 16px;
    color: #000;
    padding: 0 10px;
  }

  .PDFM_buyBtn ul li .number-spinner .ns-btn a {
    width: 35px;
  }

  .size_select,
  .number-spinner,
  .PDFM_addCartBtn {
    width: 100%;
  }

  .login_lt {
    padding-right: 15px;
  }

  .login_rt {
    margin-top: 5px;
    padding-left: 15px;
  }

  .login_lt:after {
    display: none;
    width: 0;
  }

  .login_respl {
    padding-left: 5px;
  }

  .loging_hs {
    display: inline-block;
  }

  .loging_sh {
    display: none;
  }

  .login_title,
  .login_subTitle,
  .login_txt {
    text-align: center;
  }

  .fb_btn {
    margin-left: auto;
    margin-right: auto;
  }

  .cartChl_group:first-child {
    width: 30%;
  }

  .pgNumberBar {
    text-align: center;
  }

  .media_video {
    padding: 20px 55px;
  }

  .media_video .carousel-control.left,
  .media_video .carousel-control.right {
    width: 40px;
  }

  .media_video .carousel-control.left {
    margin-left: -45px;
  }

  .media_video .carousel-control.right {
    margin-right: -45px;
  }

  /*.media_video .glyphicon{
		font-size:25px;
	}*/
  .media_picTxtList {
    padding-left: 75px;
    padding-right: 75px;
  }

  .media_ptListLt,
  .media_ptListRt {
    display: block;
    width: 100%;
  }

  .media_ptListRt {
    padding-left: 0;
  }

  .navbar-toggler {
    display: none;
  }

  #head_nav {
    position: absolute;
    top: 68px;
    /*bottom: -110px;*/
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 100;
  }

  #head_nav li {
    font-size: 16px;
    margin: 10px 0;
  }

  .page_bread {
    margin-left: 15px;
  }

  .detail_nav_title {
    font-size: 20px;
    margin-left: 15px;
  }

  .detail_date {
    margin-left: 15px;
  }

  .detail-content {
    display: inline-block;
  }

  .detail-img {
    width: 100%;
  }

  .detail-text {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 20px;
  }

  .detail_text {
    margin-left: 25px;
    margin-right: 25px;
  }

  .separate {
    display: none;
  }

  .hdMenuL_c {
    justify-content: space-around;
  }

  .hdMenu {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 0px;
  }

  .nav_logo {
    margin: -10px auto 0 20px;
    height: 40px;
  }

  .hdMenu {
    padding-bottom: 15px;
  }

  .colle-favorite {
    padding: 0px 0px 15px 0px;
  }
}

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

  .idxTitle_line::before,
  .idxTitle_line::after {
    display: none;
  }

  .idx_titleBold {
    padding-right: 0;
    display: block;
  }

  .idxVideo_frame {
    border: 0;
    margin: 25px 0;
    padding: 0 0 30px 0;
    background-color: #f2f2f2;
  }

  .idx_video::after {
    display: none;
  }

  .idx_video #myCarousel {
    margin-bottom: 0;
    width: 80%;
  }

  .proVideo_frame {
    padding: 20px;
  }


  .idx_hotpd ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .idx_hotpd ul li {
    width: 100%;
  }

  .openMenu_hide {
    display: none;
  }

  a.slide-menu-open i {
    margin-left: 5.2px;
    margin-right: 5.2px;
  }

  .login_subTitle {
    text-align: left;
  }

  .ftInfo_item {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 1px;
  }

  .ftInfo_item a {
    font-size: 20px;
  }

  .ftCont_itemRt {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.5px;
    padding-bottom: 0;
  }

  .media_picTxtList {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 600px) {
  .cart_table {
    width: 98%;
  }

  .cartChl_group,
  .cartChl_group:first-child {
    display: block;
    width: 100%;
  }

  .cartChl_group .btn_deNormal {
    margin: 0;
  }

  .pro_pageNum,
  .pageSortBy {
    display: block;
  }

  .pgNumberBar {
    padding-top: 15px;
  }

  .pro_pageNum {
    border-right: 0;
    padding-right: 0;
    padding-bottom: 10px;
  }

  .pageSortBy,
  .pageSortBy li:first-child {
    padding-left: 0;
  }

  #head_nav {
    position: absolute;
    top: 32px;
    /*bottom: -110px;*/
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 100;
  }

  .hdMenuL {
    position: relative;
  }

  .ft_link {
    display: block;
  }

  .card_icon img {
    width: 120px;
    height: 120px;
  }

  .card {
    display: inline-block;
    width: 45%;
  }

  .owl-nav {
    top: 30%;
  }

  .owl-prev {
    left: -25px;
  }

  .owl-next {
    right: -25px;
  }

  .idx_bnr_img {
    width: 100%;
  }

  .idx_bnr_show {
    display: none;
  }

  .idx_bnr_hot {
    background-image: none;
    height: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0;
    margin: 0;
  }

  .idx_bnr_hot img {
    height: 100%;
  }

  .idxTitle_c_l {
    width: 100%;
    position: absolute;
    /*top: 46%;*/
    font-size: 16px;
    left: 0;
    color: white;
  }

  .idxTitle_c {
    color: white;
  }

  .new_card {
    width: 48%;
  }

  .detail_nav_title {
    font-size: 14px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .detail_date {
    margin-left: 15px;
  }
}

@media screen and (max-width: 565px) {
  .qes_hs {
    display: block;
  }

  .qes_sh {
    display: none;
  }

  .olDisTbl_td {
    display: block;
    width: 100%;
  }

  .olDisTbl_td.cart_btnWR:last-child {
    display: block;
    width: 100%;
    margin-top: 10px;
  }

  .olDisTbl_td:last-child {
    width: 100%;
    padding-top: 0;
  }

  .olDisTbl_tr .olDisTbl_td:first-child {
    padding-bottom: 0;
  }

  .cart_imgSH {
    display: none;
  }

  .cart_imgHS {
    display: block;
  }
}

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

  .idxBnrHalf_lt,
  .idxBnrHalf_rt {
    width: 100%;
    float: none;
  }

  .idx_hotpd {
    padding: 25px 0;
  }

  .idx_hotpd ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .idx_hotpd ul li {
    width: 100%;
  }

  .card_icon img {
    width: 120px;
    height: 120px;
  }

  .card {
    display: inline-block;
    width: 80%;
    height: 240px;
  }

  .prodFM_name {
    font-size: 24px;
  }

  .prodFM_discoutTit,
  .PDFM_sizePop a,
  .PDFM_tabsTxt,
  .prod_tabList li {
    font-size: 14px;
    line-height: 25px;
  }

  .prodFM_salePrice {
    font-size: 21px;
  }

  .prodFM_originalPrice {
    font-size: 14px;
    padding-left: 30px;
  }

  .PDFM_colorTxt,
  .size_select select,
  .number-spinner input,
  .PDFM_addCartBtn a,
  #PDFM_tabs .nav-tabs>li>a {
    font-size: 15px;
  }

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

  .orderList_frame,
  .orderList_frameTwo {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 414px) {
  .logo {
    margin-left: 25%;
  }

  a.slide-menu-open {
    margin-top: 16px;
  }

  .idx_video .carousel-control.left {
    margin-left: -33px;
  }

  .idx_video .carousel-control.right {
    margin-right: -3px;
  }

  .idx_video .carousel-control.left,
  .idx_video .carousel-control.right {
    top: calc(50% - 15px);
  }

  .idx_video .glyphicon,
  .media_video .glyphicon {
    color: #ffffff;
    font-size: 30px;
    line-height: 29.5px;
  }

  .media_video {
    padding-left: 40px;
    padding-right: 40px;
  }

  .media_video .carousel-control.left {
    margin-left: -40px;
  }

  .media_video .carousel-control.right {
    margin-right: -40px;
  }

  .coupon_tab .nav-tabs>li {
    width: 50%;
  }

  .coupon_tab .nav-tabs>li>a {
    width: 100%;
  }

  .srhIcon_txt {
    font-size: 15px;
  }

  .prodTbl_tbCell>p {
    padding: 0;
  }

  .ftInfo_item a {
    display: block;
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 375px) {
  .logo {
    margin-left: 18%;
  }

  .idxHotpd_title {
    font-size: 16px;
  }

  .nav-tabs>li {
    width: 33.333%;
    text-align: center;
  }

  #PDFM_tabs .nav-tabs>li>a::after {
    position: absolute;
    right: -9px;
    top: 0;
  }

  .new_card {
    width: 100%;
  }
}

@media screen and (max-width: 320px) {
  .logo {
    background-size: 74%;
    margin-left: 45px;
  }

  .idx_video .carousel-control.left {
    margin-left: -30px;
  }

  .idx_video .carousel-control.right {
    margin-right: 0;
  }

  .fb_btn {
    width: 100%;
  }

  .mem_table .form-group>div {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .blogContent {
    padding: 0 15px;
  }
}

/*-------210809--------*/
.idx_bnr a,
.idx_bnr+div>a {
  color: white;
  text-decoration: none;
}

@media (max-width: 600px) {
  img.natureImg04 {
    min-height: 150px;
  }
}

@media (max-width: 480px) {

  .idxTitle_c,
  .idxTitle_c_l {
    font-size: 26px;
  }

  .idxTitle_c_l {
    margin-top: -15px;
  }

  .idxTitle_c {
    top: 42px;
  }
}

/* 2021/08/10 junwei */
.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}

.flex-container li {
  width: 30%;
}

@media screen and (min-width: 576px) {
  .ps-sub-title {
    display: none;
  }

  .dfn-min-576 {
    display: none;
  }

  .carousel-p {
    display: none;
  }
}

.carousel-p {
  position: absolute;
  left: 10%;
  bottom: 25%;
  font-size: 26px;
  font-family: Microsoft JhengHei;
  font-weight: 600;
  color: #fff;
}

.carousel-p.sub {
  bottom: 15%;
}

.carousel-inner .item .img-responsive.mobile {
  display: none;
}

.obj-ps-80 {
  object-position: 80%;
}

.obj-ps-0 {
  object-position: 0%;
}

.obj-ps-20 {
  object-position: 20%;
}

.obj-ps-10 {
  object-position: 10%;
}

.ps-my-25 {
  margin: 25px 0;
}

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

.ps-mb-5 {
  margin-bottom: 5px;
}

.item-pic {
  width: 50%;
}

.flex-container-item {
  display: flex;
  list-style: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (max-width: 576px) {
  .item-content {
    width: 26%;
    text-align: center;
    color: #b7b7b7;
    font-size: 16px;
    font-weight: 600;
  }

  .item-pic {
    width: 100%;
  }

  .flex-container {
    flex-direction: column;
  }

  .flex-container li {
    width: 100%;
  }

  .ps-sub-title {
    font-size: 20px;
    display: inline;
    font-family: Microsoft JhengHei;
    font-weight: 600;
    position: relative;
    color: #535353;
  }

  .ps-sub-title::before {
    content: '';
    position: absolute;
    top: 46%;
    left: 0;
    width: 100%;
    height: 42%;
    background-color: #e2edf3;
    opacity: 0.7;
    z-index: -1;
    border-radius: 24px;
    transform: rotate(-2deg);
  }

  .img-container {
    position: relative;
    height: 400px;
    max-height: 400px;
  }

  .img-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .img-container p {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    font-family: Microsoft JhengHei;
  }

  .dfn-max-576 {
    display: none;
  }

  .carousel-inner {
    height: 400px;
    min-height: 400px;
  }

  .carousel-inner.productArea {
    height: auto;
    min-height: auto;
  }

  .carousel-inner .item {
    height: 100%;
  }

  .carousel-inner .item .img-responsive.pc {
    display: none;
  }

  .carousel-inner .item .img-responsive.mobile {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.fsz-22 {
  font-size: 22px;
}

.fsz-20 {
  font-size: 20px;
}

.let-sp-3 {
  letter-spacing: 3px;
  color: #b7b7b7;
}

/*--------211203修改----------*/
.pageSortByBox {
  text-align: right;
  padding: 15px 0;
}

/* 2022 2/22 */
.container .overlay {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 101;
}

.container .overlay .block {
  max-width: 500px;
}

.container .overlay .top-close {
  position: relative;
  top: 20px;
  right: -20px;
  display: flex;
  justify-content: flex-end;
}

.container .overlay .top-close .close-icon {
  cursor: pointer;
  transition: all 0.3s;
  border-radius: 50%;
  width: 45px !important;
}

.container .overlay .top-close .close-icon:hover {
  box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.466);
}

@media (max-width: 991px) {
  .container .overlay .block {
    margin: 0 15px;
  }

  .container .overlay .top-close {
    top: 20px;
    right: -10px;
  }

  .container .overlay .block .close-icon {
    width: 40px;
  }
}

/* 20220526 */
.warn__text {
  font-size: 16px;
  background-color: #dcdcdc;
  margin-top: 20px;
  padding: 20px 0;
  color: #595757;
}

.warn__text p {
  text-align: center;
  margin: 0 auto;
  max-width: 885px;
}

/*20220620*/
.hdTop_list a {
  display: block;
  color: #9fa0a0;
  font-size: 18px;
  /* padding: 15px 20px 0; */
  text-decoration: none;
}

.hdTop_list ul li a {
  display: block;
  color: #9fa0a0;
  font-size: 18px;
  padding: 15px 20px 0;
  text-decoration: none;
}

.hdTop_list .lan_list ul li a {
  font-size: 20px !important;
}

.hdTop_list .mobileSearchBtn {
  display: none;
}

.hdTop_list .mobileSearchBtn2 {
  display: none;
}

.hdTop_list .mobileSearch {
  display: none;
}

@media (max-width: 992px) {
  .hdTop_list {
    position: relative;
    padding-top: 0;
    padding-right: 0;
  }

  .hdTop_list a {
    padding: 15px 20px 0;
  }

  .hdTop_list .mobileSearch {
    position: absolute;
    display: block;
  }

  .hdTop_list .mobileSearchBtn {
    display: block;
    width: 29px;
    height: 29px;
    border: 1px solid #9fa0a0;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    background: #fff;
  }

  .hdTop_list .mobileSearchBtn.active {
    display: none;
  }

  .hdTop_list .mobileSearchBtn img {
    width: 13px;
    height: 13px;
  }

  .hdTop_list .mobileSearch {
    top: 60px;
    left: 54px;
    transform: translate(-100%, -50%);
    z-index: 1;
  }

  .hdTop_list .mobileSearch label {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 6px;
    transform: translateY(-50%);
  }

  .hdTop_list .mobileSearch input {
    display: block;
    border-radius: 50px;
    width: 0px;
    height: 30px;
    border: 1px solid #9fa0a0;
    background: #fff;
    padding: 0;
    transition: 0.5s;
    opacity: 0;
  }

  .hdTop_list .mobileSearch.active input {
    width: 200px;
    opacity: 1;
    padding: 6px 10px 6px 25px;
  }
}

.hdTop_list .mobileSearch2 {
  display: none;
}

@media (max-width: 576px) {

  .hdTop_list .mobileSearchBtn2 {
    display: block;
    width: 29px;
    height: 29px;
    border: 1px solid #9fa0a0;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    background: #fff;
  }

  .hdTop_list .mobileSearchBtn2.active {
    display: none;
  }

  .hdTop_list .mobileSearchBtn2 img {
    width: 13px;
    height: 13px;
  }


  .hdTop_list .mobileSearch2.active {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
  }

  .hdTop_list .mobileSearch2 .wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
  }

  .hdTop_list .mobileSearch2 .searchBar2 {
    position: relative;
    z-index: 1;
    padding: 20px 30px;
  }

  .hdTop_list .mobileSearch2 .searchBar2 label {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
  }

  .hdTop_list .mobileSearch2 .searchBar2 input {
    width: 100%;
    padding: 10px 30px;
    border-radius: 50px;
    border: 1px solid #9fa0a0;
  }
}