@charset "utf-8";
/* CSS Document */

/** 清除內外邊距 **/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
/* structural elements 結構元素 */
dl,
dt,
dd,
ul,
ol,
li,
/* list elements 清單元素 */
pre,
/* text formatting elements 文本格式元素 */
form,
fieldset,
legend,
button,
input,
textarea,
/* form elements 表單元素 */
th,
td,
/* table elements 表格元素 */
img

/* img elements 圖片元素 */
  {
  border : medium none;
  margin : 0;
  padding: 0;
}

.colRED {
  color: #b33023 !important;
}

.colRED2 {
  color: #f00 !important;
}

.colWHITE {
  color: #fff !important;
}

.colYELLOW {
  color: #ebdbb8 !important;
}

input,
select,
textarea {
  border-radius       : 0;
  /*-webkit-appearance:none;*/
}

.clear {
  clear   : both;
  overflow: hidden;
}

.floatL {
  float: left;
}

.floatR {
  float: right;
}

.arial {
  font-family: Arial, sans-serif;
  font-weight: bold;
}

/*讓首頁的花標閃爍*/
@-webkit-keyframes flash {

  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {

  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  /* -webkit-animation-name: flash;
  animation-name: flash;*/
  animation        : flash 2s infinite;
  -webkit-animation: flash 2s infinite;
  -moz-animation   : flash 2s infinite;
  -ms-animation    : flash 2s infinite;
}

/*END 讓首頁的花標閃爍*/




/*表單元素樣式*/
input[type="radio"],
input[type="checkbox"] {
  margin     : 4px 0 0;
  margin-top : 1px \9;
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  padding   : 0;
  box-sizing: border-box;
}

input {
  margin        : 0;
  padding       : 0;
  letter-spacing: 0;
  word-spacing  : 0;
}

.icheckbox_flat-red {
  display       : inline-block;
  width         : 20px;
  height        : 20px;
  background    : url(../images/coffee.png) no-repeat 0 0;
  border        : none;
  cursor        : pointer;
  vertical-align: middle;
}

.icheckbox_flat-red.checked {
  background-position: -22px 0;
}

.iradio_flat-red {
  display       : inline-block;
  vertical-align: middle;
  width         : 20px;
  height        : 20px;
  background    : url(../images/coffee.png) no-repeat -88px 0;
  border        : none;
  cursor        : pointer;
}

.iradio_flat-red.checked {
  background-position: -88px -22px;
}

/*.memberRio,*/
.single_radio {
  font-size: 0;
}

.memberRio label {
  display       : inline-block;
  font-size     : 16px;
  margin        : 0 10px 0 0;
  vertical-align: middle;
}

.single_radio label {
  display       : inline-block;
  font-size     : 16px;
  margin        : 0 0 0 5px;
  vertical-align: top;
}

.single_radio {
  display: table;
  margin : 0 0 5px;
}

html {
  -webkit-text-size-adjust: none;
}

html,
body {
  font-family: "微軟正黑體", "Microsoft JhengHei", Arial !important;
  font-size  : 16px;
}

.ul,
li {
  list-style: none;
}

.bg_black {
  background: #000;
}

.bg_white {
  background: #fff;
  transition: background-color 0.6s ease 0s;
}

.boxSizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
}

#wrap {
  width   : 100%;
  margin  : 0 auto;
  position: relative;
}

.bg_index {
  background: url(../images/bg_index_flower.jpg) no-repeat center top;
}

.bg_about {
  background: url(../images/bg_about_flower.jpg) no-repeat center top;
}

.bg_news {
  background: url(../images/bg_news_flower.jpg) no-repeat center top;
}

.bg_member {
  background: url(../images/bg_member_flower.jpg) no-repeat center top;
}

.bg_order {
  background: url(../images/bg_order_flower.jpg) no-repeat center top;
}

.bg_contact {
  background: url(../images/bg_contact_flower.jpg) no-repeat center top;
}

.bg_cart {
  background: url(../images/bg_cart_flower.jpg) no-repeat center top;
}

.bg_productAll {
  background: url(../images/bg_productAll_flower.jpg) no-repeat center top;
}

.bg_occasion {
  background: url(../images/bg_occasion_flower.jpg) no-repeat center top;
}

.bg_teach {
  background: url(../images/bg_teach_flower.jpg) no-repeat center top;
}

#btn-hamburger {
  display: none;
}

#btn-close_menu {
  display: none;
}

#header,
#logo,
#member_login,
#shopping_bag {
  position: absolute;
}

#bg_mobileMenu {
  display: none;
}

#bg_mobileCover {
  display: none;
}

/*#header{ z-index:20; width:1100px; padding:0 25px; top:0; left:50%;  margin-left:-550px; background:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;box-sizing:border-box;}*/
#header {
  display: none;
}

#logo {
  z-index    : 11;
  width      : 220px;
  left       : 50%;
  top        : 0;
  margin-left: -110px;
}

#logo img {
  width : 100%;
  height: auto;
}

#member_login {
  z-index: 11;
}

#shopping_bag {
  z-index: 11;
}

#header_wrap {
  width   : 100%;
  margin  : 0 auto;
  position: relative;
}

#input_box,
#flower_type {
  position: absolute;
}

#nav_menu {
  display: block;
}

#nav_menu_mobile {
  display: none
}

/*pad mobile 選單*/

/*輸入框出現預設文字 支援 IE10以上*/
::-webkit-input-placeholder {
  color: #d6b582;
}

:-moz-placeholder {
  opacity: 1;
  color  : #d6b582;
}

::-moz-placeholder {
  opacity: 1;
  color  : #d6b582;
}

:-ms-input-placeholder {
  color: #d6b582;
}


/* END 輸入框出現預設文字*/

#input_box {
  width   : 350px;
  top     : 91px;
  left    : 0;
  clear   : both;
  overflow: hidden;
}
#input_box input:focus-visible {
    outline: none;
}
#input_keySearch,
#select_priceSearch,
#input_numSearch {
  display: table;
  float  : left;
  margin : 0 12px 9px 0;
}

#input_keySearch {
  width: 200px;
}

#select_priceSearch {
  width       : 155px;
  /*background:url(../images/btn_arr_down.png) no-repeat 105px 1px;*/
}

#select_priceSearch input {
  width: 120px;
}

#select_priceSearch span.custom-combobox {
  /*width:123px; height:23px; background:#a58461; color:#000; text-align:center; line-height:25px;*/
  margin: 0;
}

#input_numSearch {
  width             : 150px;
  /*background      :url(../images/TF.png) no-repeat left top; padding-left:24px;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
}

#input_keySearch input,
#input_keySearch a,
#select_priceSearch input,
#select_priceSearch>a,
#input_numSearch span,
#input_numSearch input,
#input_numSearch a {
  display       : table-cell;
  vertical-align: top;
}

#input_numSearch span {
  width      : 23px;
  height     : 23px;
  background : #a58461;
  font-size  : 16px;
  text-align : center;
  line-height: 23px;
}

#input_keySearch a,
#select_priceSearch>a,
#input_numSearch a {
  width     : 25px;
  height    : 25px;
  font-size : 0;
  background: url(../images/search.png) no-repeat right center;
}

#input_keySearch input {
  width     : 167px;
  background: #0a0603;
}

#select_priceSearch select {
  width     : 125px;
  background: transparent;
}

#input_numSearch input {
  width     : 94px;
  background: #0a0603;
}

#input_keySearch input,
#select_priceSearch input,
#input_numSearch input {
  height            : 25px;
  border            : 1px solid #a58461;
  color             : #d6b582;
  padding           : 0 0 0 5px;
  margin-right      : 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
  font-size         : 14px;
  font-family       : "微軟正黑體", Arial, sans-serif;
  text-align        : left;
}

#input_box select {
  padding-left: 0;
}

/*menu*/
#nav_menu {
  width : 1050px;
  height: 52px;
  margin: 0 auto;
}

#nav_menu ul {
  width   : 100%;
  clear   : both;
  overflow: hidden;
}

#nav_menu li {
  float    : left;
  height   : 52px;
  font-size: 0;
}

#nav_menu li.num-line {
  width     : 1px;
  background: url(../images/nav_menu.png) no-repeat -150px top;
  display   : block;
}

/*20160817前無會場布置選項*/
/*#nav_menu li.num00{ width:150px;}
#nav_menu li.num01{ width:126px;}
#nav_menu li.num02{ width:155px;}
#nav_menu li.num03{ width:129px;}
#nav_menu li.num04{ width:149px;}
#nav_menu li.num05{ width:209px;}
#nav_menu li.num06{ width:126px;}
#nav_menu li a{ float:left; text-decoration:none;}
#nav_menu li.num00 a,#nav_menu li.num01 a, #nav_menu li.num02 a, #nav_menu li.num03 a, #nav_menu li.num04 a, #nav_menu li.num05 a, #nav_menu li.num06 a{ height:52px; display:block; background:url(../images/nav_menu.png) no-repeat; }
#nav_menu li.num00 a{ width:150px; background-position: 0 top;  }
#nav_menu li.num01 a{ width:126px; background-position: -151px top;  }
#nav_menu li.num02 a{ width:155px; background-position: -278px top; }
#nav_menu li.num03 a{ width:129px; background-position: -434px top; }
#nav_menu li.num04 a{ width:149px; background-position: -564px top; }
#nav_menu li.num05 a{ width:209px; background-position: -714px top; }
#nav_menu li.num06 a{ width:126px; background-position: -924px top; }
#nav_menu li.num00 a:hover{ background-position: 0 bottom; }
#nav_menu li.num01 a:hover{ background-position: -151px bottom; }
#nav_menu li.num02 a:hover{ background-position:-278px bottom; }
#nav_menu li.num03 a:hover{ background-position:-434px bottom; }
#nav_menu li.num04 a:hover{ background-position:-564px bottom; }
#nav_menu li.num05 a:hover{ background-position:-714px bottom; }
#nav_menu li.num06 a:hover{ background-position:-924px bottom; }*/

#nav_menu li.num00 {
  width: 150px;
}

#nav_menu li.num01 {
  width: 130px;
}

#nav_menu li.num02 {
  width: 92px;
}

#nav_menu li.num03 {
  width: 125px;
}

#nav_menu li.num04 {
  width: 104px;
}

#nav_menu li.num05 {
  width: 126px;
}

#nav_menu li.num06 {
  width: 182px;
}

#nav_menu li.num07 {
  width: 134px;
}

#nav_menu li a {
  float          : left;
  text-decoration: none;
}

#nav_menu li.num00 a,
#nav_menu li.num01 a,
#nav_menu li.num02 a,
#nav_menu li.num03 a,
#nav_menu li.num04 a,
#nav_menu li.num05 a,
#nav_menu li.num06 a,
#nav_menu li.num07 a {
  height    : 52px;
  display   : block;
  background: url(../images/nav_menu.png) no-repeat;
}

#nav_menu li.num00 a {
  width              : 150px;
  background-position: 0 top;
}

#nav_menu li.num01 a {
  width              : 130px;
  background-position: -151px top;
}

#nav_menu li.num02 a {
  width              : 92px;
  background-position: -282px top;
}

#nav_menu li.num03 a {
  width              : 125px;
  background-position: -375px top;
}

#nav_menu li.num04 a {
  width              : 104px;
  background-position: -501px top;
}

#nav_menu li.num05 a {
  width              : 126px;
  background-position: -606px top;
}

#nav_menu li.num06 a {
  width              : 182px;
  background-position: -733px top;
}

#nav_menu li.num07 a {
  width              : 134px;
  background-position: -916px top;
}

#nav_menu li.num00 a:hover {
  background-position: 0 bottom;
}

#nav_menu li.num01 a:hover {
  background-position: -151px bottom;
}

#nav_menu li.num02 a:hover {
  background-position: -282px bottom;
}

#nav_menu li.num03 a:hover {
  background-position: -375px bottom;
}

#nav_menu li.num04 a:hover {
  background-position: -501px bottom;
}

#nav_menu li.num05 a:hover {
  background-position: -606px bottom;
}

#nav_menu li.num06 a:hover {
  background-position: -733px bottom;
}

#nav_menu li.num07 a:hover {
  background-position: -916px bottom;
}




#member_login {
  width       : 177px;
  height      : 23px;
  position    : fixed;
  left        : 50%;
  top         : 91px;
  margin-left : 348px;
  text-align  : center;
  line-height : 23px;
  font-size   : 13px;
  font-weight : bold;
  color       : #f6f6f4;
  /*background:#a58461; background:rgba(153,102,0,0.3);*/
  background  : #b43023;
}

#shopping_bag {
  width             : 177px;
  height            : 23px;
  position          : fixed;
  left              : 50%;
  top               : 122px;
  margin-left       : 348px;
  line-height       : 23px;
  font-size         : 13px;
  font-weight       : bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
}

#member_login a,
#shopping_bag a {
  display        : block;
  text-decoration: none;
  color          : #fff;
}

#shopping_bag a {
  display        : table;
  background     : url(../images/bag.png) no-repeat 0 center;
  padding-left   : 20px;
  background-size: 17px;
  letter-spacing : 0.5px;
}

#shopping_bag i,
#shopping_bag b {
  display: table-cell;
}

#shopping_bag i {
  padding   : 0 0 0 5px;
  margin    : 0;
  font-style: normal;
  color     : #a58461;
  /*color   :#b43023;*/
}

#shopping_bag b {
  ppadding: 0;
  margin  : 0 0 0 5px;
  color   : #a58461;
  /*color :#b43023;*/
}

/*花禮分類*/
#flower_type {
  top : 234px;
  left: 15px;
}

#flower_wrap {
  position: relative;
}

#flower_type-title {
  width : 150px;
  height: 52px;
}

/*#flower_type-title{ width:133px; height:52px; line-height:52px; text-align:center; background:url(../images/bg_flower-type.png) no-repeat; position:absolute; z-index:20; top:0; left:58px; cursor:pointer; }
#flower_type-title>h1{ font-size:19px; color:#efdf93; }*/
.sub_flower {
  position     : absolute;
  z-index      : 18;
  top          : 0;
  left         : 0;
  width        : 250px;
  background   : #372c26;
  /*padding-top:57px;*/
  display      : none;
}

.three_flower {
  position   : absolute;
  z-index    : 19;
  top        : 0;
  left       : 236px;
  width      : 250px;
  height     : auto;
  background : #372c26 url(../images/bg_flower-type_level3.jpg) repeat-x left top;
  padding-top: 57px;
  display    : none;
}

.btn-return_flower,
.btn-return_sub_flower {
  display: none;
}

.sub_flower ul,
.three_flower ul {
  width     : 220px;
  margin    : 0 auto;
  padding   : 0 0 15px;
  list-style: none;
}

.sub_flower li {
  width      : 100%;
  height     : 38px;
  line-height: 38px;
  font-size  : 18px;
  color      : #a58765;
  background : #1e1714;
  margin     : 4px auto 0;
}

.sub_flower li a {
  display        : block;
  padding-left   : 25px;
  color          : #a58765;
  text-decoration: none;
}

.sub_flower li a:hover {
  padding-left: 30px;
  color       : #e1bd7d;
  background  : #b33023 url(../images/btn_arr_right.png) no-repeat 11px center;
}

.three_flower li {
  height       : 45px;
  line-height  : 45px;
  font-size    : 18px;
  color        : #e1bd7d;
  border-bottom: 1px solid #43362f;
}

.three_flower li a {
  display        : block;
  padding-left   : 25px;
  color          : #a58765;
  text-decoration: none;
}

.three_flower li a:hover {
  color     : #e1bd7d;
  background: url(../images/btn_arr_right.png) no-repeat 9px center;
}


/*內容區*/
#content {
  width        : 100%;
  padding-top  : 182px;
  margin-bottom: 300px;
  /*font-family:"微軟正黑體", Arial, sans-serif;*/
}

#bg_menu {
  width     : 100%;
  height    : 52px;
  background: url(../images/bg_menu.png) no-repeat center top;
  display   : block;
}

.content_main {
  width      : 1106px;
  min-height : 1450px;
  margin     : 20px auto;
  padding-top: 0;
  border-top : none;
}

.content_main2 {
  width      : 1106px;
  margin     : 20px auto;
  padding-top: 0;
  border-top : none;
}

/*沒有最小高度*/
.content_main_noBanner {
  width      : 1106px;
  margin     : 70px auto;
  padding-top: 0;
  border-top : none;
}

.content_top {
  width   : 95%;
  clear   : both;
  overflow: hidden;
  margin  : 0 auto;
}

.content_bnner1 {
  width        : 785px;
  height       : 515px;
  float        : left;
  margin-bottom: 15px;
}

.content_bnner2-box-float {
  float: left;
  width: 265px;
}

.innerWebContent_showArea {
  width : 95%;
  margin: 0 auto 15px auto;
}

/*首頁圖片輪播區*/
#abgne_fade_pic {
  position: relative;
  width   : 785px;
  height  : 515px;
}

#abgne_fade_pic img {
  width : 785px;
  height: 515px;
}

#abgne_fade_pic a.ad {
  position: absolute;
  /* 讓圖片疊在一起 */
}

#abgne_fade_pic .control {
  width   : 100%;
  position: absolute;
  bottom  : 4%;
}

#abgne_fade_pic .control .controlBox {
  margin : 0 auto;
  display: table;
}

#abgne_fade_pic .control .controlBox a {
  margin         : 0 3px;
  width          : 9px;
  height         : 9px;
  background     : url(../images/btn-img-run.jpg) no-repeat 0 top;
  text-align     : center;
  font-size      : 0;
  text-decoration: none;
  display        : inline-block;
  vertical-align : middle;
}

#abgne_fade_pic .control a.on {
  background: url(../images/btn-img-run.jpg) no-repeat 0 bottom;
}

/*右側banner*/
.content_bnner2-box {
  width   : 265px;
  clear   : both;
  overflow: hidden;
}

.content_bnner2 {
  width     : 250px;
  height    : 250px;
  margin    : 0 0 15px 15px;
  position  : relative;
  text-align: center;
  float     : left;
}

.content_bnner2 a>img {
  width   : 250px;
  height  : 250px;
  position: absolute;
  top     : 0;
  left    : 0;
  z-index : 5;
}

.cover_banner {
  width     : 250px;
  height    : 250px;
  position  : absolute;
  top       : 0;
  left      : 0;
  z-index   : 6;
  display   : none;
  background: url(../images/bg_banner-cover.png) no-repeat;
  display   : none;
}

.mobile-bannerTxt {
  display: none;
}

.padding_img {
  padding-top  : 44px;
  margin-bottom: 12px;
}

.cover_banner>h2 {
  width         : 70%;
  margin        : 0 auto;
  color         : #fff;
  font-size     : 20px;
  letter-spacing: 2px;
  font-weight   : normal;
  margin-bottom : 10px;
}

.cover_banner .img_display {
  display      : block;
  margin-bottom: 12px;
}

.cover_banner>h3 {
  width         : 100%;
  font-size     : 15px;
  color         : #d4b578;
  font-weight   : normal;
  letter-spacing: 1px;
}

.link_down {
  width     : 95%;
  height    : 40px;
  text-align: center;
  display   : block;
  margin    : 15px auto;
}

.hr_prod-subject {
  width         : 95%;
  margin        : 0 auto;
  height        : 25px;
  line-height   : 25px;
  background    : url(../images/bg_1050-title.png) no-repeat center;
  color         : #a58461;
  font-size     : 18px;
  text-align    : center;
  letter-spacing: 2px;
}

.prod_showArea {
  width   : 97.65%;
  clear   : both;
  overflow: hidden;
  margin  : 15px auto;
}

.pre_prod {
  width         : 240px;
  height        : 360px;
  padding-bottom: 0;
  position      : relative;
  float         : left;
  margin        : 15px;
}

.icon_flowerTop {
  position       : absolute;
  text-decoration: none;
}

.pre_prod a {
  text-decoration: none;
}

.pre_prod a>img,
.cover_prod {
  position       : relative;
  text-decoration: none;
}

.pre_prod a>img {
  width : 240px;
  height: 240px;
  left  : 0;
  top   : 0;
}

/*.cover_prod{ width:210px; height:210px; padding:65px 15px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;box-sizing:border-box; background:url(../images/bg_black-alpha.png) repeat; top:15px; left:15px; display:none; }*/
.cover_prod {
  padding           : 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
  background        : none;
  top               : 0;
  left              : 0;
  display           : none;
}


/*.mobile-prodTxt{ display:none;}*/
.mobile-prodTxt {
  display   : block;
  width     : 100%;
  height    : 100px;
  padding   : 10px 0 0;
  background: #000;
  position  : relative;
}

.prod-style_num {
  font-size     : 16px;
  font-family   : Arial, Helvetica, sans-serif;
  color         : #fff;
  line-height   : 25px;
  text-align    : left;
  font-weight   : bold;
  letter-spacing: 4px;
}

.prod-name {
  font-size     : 18px;
  /*font-family :"微軟正黑體", Arial, sans-serif;*/
  color         : #fff;
  font-weight   : bold;
  letter-spacing: 2px;
  line-height   : 30px;
  text-align    : left;
}

.prod-price {
  color         : #bda277;
  font-size     : 16px;
  font-family   : Arial, Helvetica, sans-serif;
  font-weight   : bold;
  letter-spacing: 2px;
  line-height   : 30px;
  text-align    : left;
}

.prod-price:before {
  content    : "NT$ ";
  font-family: "微軟正黑體", Arial, sans-serif;
}

.prod-price:after {
  content    : " 元";
  font-family: "微軟正黑體", Arial, sans-serif;
}

.prod-price_tetx,
.prod-price_DB {
  color         : #bda277;
  font-family   : "微軟正黑體", Arial, sans-serif;
  font-size     : 15px;
  letter-spacing: 2px;
  line-height   : 22px;
  text-align    : left;
}

.prod-price_tetx span,
.prod-price_DB span {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}



.more-other {
  width     : 100%;
  text-align: center;
  height    : 30px;
}

.more-other a {
  height         : 30px;
  display        : inline-block;
  text-decoration: none;
}

.more-other a.icon01 {
  width             : 100%;
  height            : 30px;
  line-height       : 30px;
  background        : url(../images/icon.png) no-repeat center 0;
  padding-left      : 110px;
  letter-spacing    : 2px;
  color             : #a58461;
  font-size         : 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
}

.goto_listPage {
  width     : 100%;
  text-align: center;
  height    : 30px;
}

.goto_listPage a {
  height         : 30px;
  display        : inline-block;
  text-decoration: none;
}

.goto_listPage a.icon02 {
  width             : 110px;
  height            : 30px;
  line-height       : 30px;
  background        : url(../images/icon_02.png) no-repeat right 0;
  padding-right     : 30px;
  letter-spacing    : 2px;
  color             : #a58461;
  font-size         : 15px;
  font-weight       : bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
}

#footer {
  width     : 100%;
  min-height: 680px;
}

.footer-bg_index {
  transition: background-color 10s ease 0s;
}

.bg_index_footer,
.bg_order_footer {
  background: url(../images/bg_index_flower_footer.png) no-repeat center bottom;
}

.bg_about_footer {
  background: url(../images/bg_about_flower_footer.png) no-repeat center bottom;
}

.bg_news_footer {
  background: url(../images/bg_news_flower_footer.png) no-repeat center bottom;
}

.bg_member_footer {
  background: url(../images/bg_member_flower_footer.png) no-repeat center bottom;
}

.bg_contact_footer {
  background: url(../images/bg_contact_flower_footer.png) no-repeat center bottom;
}

.bg_cart_footer {
  background: url(../images/bg_cart_flower_footer.png) no-repeat center top;
}

.bg_productAll_footer {
  background: url(../images/bg_productAll_flower_footer.png) no-repeat center bottom;
}

.bg_occasion_footer {
  background: url(../images/bg_occasion_flower_footer.png) no-repeat center bottom;
}

.bg_teach_footer {
  background: url(../images/bg_teach_flower_footer.png) no-repeat center bottom;
}

#footer-Area,
#copyright-Area {
  width   : 1106px;
  margin  : 0 auto;
  position: relative;
}

.footer-title {
  width         : 95%;
  height        : 150px;
  line-height   : 150px;
  margin        : 0 auto 50px;
  font-size     : 80px;
  font-family   : "Times New Roman", Times, serif;
  text-align    : center;
  color         : #c2a77c;
  letter-spacing: 5px;
  display       : block;
}

.footer-con {
  width             : 95%;
  padding           : 80px 11% 45px;
  margin            : 0 auto;
  clear             : both;
  overflow          : hidden;
  color             : #c2a77c;
  font-size         : 16px;
  font-weight       : bold;
  letter-spacing    : 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
  display: flex;
  justify-content: space-between;

}

#top a {
  width          : 14px;
  height         : 60px;
  padding        : 20px 8px 10px;
  word-break     : break-all;
  text-align     : center;
  background     : #b33023 url(../images/icon-arr-top.jpg) no-repeat center top;
  font-family    : "Arial", Gadget, sans-serif;
  font-size      : 18px;
  position       : absolute;
  left           : 99%;
  top            : 162px;
  margin-left    : 0;
  z-index        : 10;
  display        : block;
  color          : #efdf93;
  text-decoration: none;
}

.pre-footer-con {
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
}

.pre-footer-con:nth-child(1),
.pre-footer-con:nth-child(2) {
  display: block;
}

.pre-footer-con p {
  height     : 30px;
  line-height: 30px;
}

.pre-footer-con p a {
  color          : #c2a77c;
  text-decoration: none;
}
.social{
  width: 100%;
  margin-bottom: 70px;
  display: flex;
  justify-content: center;
}
.socialItem{
  margin-left: 20px;
  margin-right: 20px;
  width: 36px;
  height: 36px;
}
.socialItem a{
  display: block;
  width: 100%;
  height: 100%;
}

.social-facebook{
  background: url(../images/facebook-logo.png) no-repeat center;
  background-size: 100%;
}
.social-instagram{
  background: url(../images/instagram-logo.png) no-repeat center;
  background-size: 100%;
}
.social-line{
  background: url(../images/line-logo.png) no-repeat center;
  background-size: 100%;
}
.social-youtube{
  background: url(../images/youtube-logo.png) no-repeat center;
  background-size: 100%;
}





#copyright {
  width     : 95%;
  margin    : 0 auto;
  border-top: 1px solid #c2a77c;
}

#copyright-Area {
  text-align: center;
  color     : #8d7257;
  font-size : 13px;
  margin    : 20px auto 0;
  padding   : 0 0 30px;
}

#copyright-Area img {
  margin-bottom: 20px;
  display      : block;
  margin       : 20px auto;
}

#copyright-Area p {
  line-height: 25px;
}

.footer-display {
  display: inline-block;
}

/*-------產品--------*/
.icon_flowerTop {
  z-index: 3;
  top    : 0;
  right  : 0;
  width  : 90px;
}

.icon_flowerTop img {
  width : 100%;
  height: auto;
}

.prodflowBox {
  width   : 100%;
  clear   : both;
  overflow: hidden;
}

.prod_L {
  float : left;
  width : 500px;
  height: 500px;
  margin: 0 auto;
}

.prod_L_img {
  width   : 100%;
  height  : 0;
  padding : 0 0 100%;
  overflow: hidden;
  position: relative;
}

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

/*有疊一層半透明圖*/
.prod_L_img img:first-child {
  z-index: 3;
}

.prod_L_img img:last-child {
  z-index: 2;
}

.prod_R {
  float     : right;
  width     : 475px;
  margin    : 0 0 0 75px;
  background: url(../images/hr-flower_1050.png) no-repeat center top;
  color     : #bea278;
}

.prod_R h2 {
  color         : #fff;
  /*height      :40px; */
  line-height   : 30px;
  margin        : 0;
  padding       : 33px 0 0 0;
  font-size     : 19px;
  font-weight   : bold;
  letter-spacing: 1.5px;
}

.prodInforTxt {
  width        : 100%;
  height       : 189px;
  padding      : 15px 0 0 0;
  border-bottom: 1px dashed #3a2e22;
}

.prodStandard {
  width         : 100%;
  padding       : 20px 0;
  border-bottom : 1px dashed #3a2e22;
  letter-spacing: 2px;
}

.prodStandard p {
  height     : 30px;
  line-height: 30px;
  color      : #bea278;
}

.prodStandard p span {
  padding: 0 0 0 5px;
}

.prodBtn {
  width     : 100%;
  height    : 90px;
  /*position:relative;*/
  display   : table;
  font-size : 0;
  margin    : 50px 0 30px;
}

.prodNumArea,
.btn_bagArea {
  width: 42%;
}

.prodNumArea {
  height     : 32px;
  line-height: 32px;
  left       : 0;
  padding    : 4px 0;
  border     : 1px solid #b33023;
  color      : #efdf93;
  display    : inline-block;
  font-size  : 17px;
}

.prodNumArea ul {
  width     : 100%;
  list-style: none;
}

.prodNumArea li {
  float     : left;
  text-align: center;
}

.prodNumArea li.prodNumArea_01,
.prodNumArea li.prodNumArea_03 {
  width : 19%;
  height: 32px;
  cursor: pointer;
}

.prodNumArea li.prodNumArea_02 {
  width       : 60%;
  border-left : 1px solid #b33023;
  border-right: 1px solid #b33023;
}

.btn_bag {
  height: 40px;
  right : 0;
}





/*-----------------NEWS----------------*/
.localArea {
  width   : 95%;
  clear   : both;
  overflow: hidden;
  margin  : 15px auto 10px;
}

.local {
  float             : left;
  width             : 80%;
  height            : 30px;
  line-height       : 30px;
  font-size         : 16px;
  /*font-family     :"微軟正黑體", Arial, sans-serif;*/
  background        : url(../images/icon_05.png) no-repeat left center;
  color             : #a58461;
  padding-left      : 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
}

.local a {
  text-decoration: none;
  color          : #a58461;
}

.local a:last-child {
  color : #ebdbb8;
  cursor: none;
}

.listPage {
  width     : 20%;
  display   : block;
  float     : right;
  text-align: right;
  color     : #a58461;
}

.listPage a {
  text-align     : right;
  text-decoration: none;
  color          : #a58461;
  font-size      : 30px;
  line-height    : 30px;
  font-weight    : bold;
  display        : block;
  /*font-family  :"微軟正黑體", Arial, sans-serif;*/
}

.listPage a.icon02 {
  height            : 30px;
  line-height       : 30px;
  background        : url(../images/icon_02.png) no-repeat right 0;
  padding-right     : 40px;
  letter-spacing    : 2px;
  color             : #a58461;
  font-size         : 16px;
  font-weight       : bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
}

.hr_inerWeb {
  width     : 95%;
  margin    : 0 auto;
  height    : 20px;
  background: url(../images/hr-flower_1050.png)no-repeat center;
  font-size : 0;
}

.inner_subjectArea,
.inner_subjectArea_order {
  width   : 100%;
  /*height:60px;*/
  clear   : both;
  overflow: hidden;
  padding : 0;
}

.inner_subject,
.inner_subject2 {
  float        : left;
  border-bottom: none;
  margin       : 15px 0;
}

.inner_subject2 {
  display  : table;
  font-size: 0;
}

.iconSub {
  display       : inline-block;
  vertical-align: middle;
}

.iconSubBox {
  display  : table;
  font-size: 0;
}

.iconSub i {
  display        : inline-block;
  font-size      : 0;
  width          : 30px;
  height         : 30px;
  overflow       : hidden;
  margin         : 0 10px 0 0;
  vertical-align : middle;
  background-size: 60px;
}

.iconSub span {
  display       : inline-block;
  font-size     : 19px;
  font-weight   : bold;
  color         : #ebdbb8;
  letter-spacing: 1px;
  vertical-align: middle;
}

.innerTop_txt,
.innerTop_txt2 {
  display       : inline-block;
  color         : #a58461;
  font-size     : 17px;
  font-weight   : normal;
  letter-spacing: 0.5px;
  vertical-align: middle;
  margin        : 0 0 0 5px;
  text-indent   : 0;
  padding       : 0;
}

.innerTop_txt b {
  font-weight: normal;
  color      : #b33023;
  padding    : 0 5px;
}

/*-----PC & Pad內頁banner-----*/
.inerWeb_bannner_about {
  background: url(../images/banner_about.jpg) no-repeat;
}

.inerWeb_bannner_news {
  background: url(../images/banner_news.jpg) no-repeat;
}

.inerWeb_bannner_member {
  background: url(../images/banner_member.jpg) no-repeat;
}

.inerWeb_bannner_order {
  background: url(../images/banner_order.jpg) no-repeat;
}

.inerWeb_bannner_contact {
  background: url(../images/banner_contact.jpg) no-repeat;
}

.inerWeb_bannner_occasion {
  background: url(../images/banner_occasion.jpg) no-repeat;
}

.inerWeb_bannner_teach {
  background: url(../images/banner_teach.jpg) no-repeat;
}

.inerWeb_bannner_about,
.inerWeb_bannner_news,
.inerWeb_bannner_member,
.inerWeb_bannner_order,
.inerWeb_bannner_contact,
.inerWeb_bannner_occasion,
.inerWeb_bannner_teach {
  width          : 100%;
  height         : 0;
  padding-bottom : 25.24%;
  background-size: 100%;
  font-size      : 0;
}

/*---每一頁的title名稱設定----*/
.icon_contact {
  width     : 100%;
  background: url(../images/icon_subject.png) no-repeat 0 0;
}

.icon_news {
  width     : 100%;
  background: url(../images/icon_subject.png) no-repeat 0 -60px;
}

.icon_memberCenter {
  width     : 100%;
  background: url(../images/icon_subject.png) no-repeat 0 -120px;
}

.icon_memberRegister {
  width     : 100%;
  background: url(../images/icon_subject.png) no-repeat 0 -180px;
}

.icon_memberEdit {
  width     : 100%;
  background: url(../images/icon_subject.png) no-repeat 0 -240px;
}

.icon_memberOrder {
  background: url(../images/icon_subject.png) no-repeat 0 -300px;
}

.icon_memberProvision {
  width     : 100%;
  background: url(../images/icon_subject.png) no-repeat 0 -360px;
}

.icon_cart {
  width     : 100%;
  background: url(../images/icon_subject.png) no-repeat 0 -420px;
}

.icon_memberFirst {
  width     : 100%;
  background: url(../images/icon_subject.png) no-repeat 0 -480px;
}

.icon_forget {
  width     : 100%;
  background: url(../images/icon_subject.png) no-repeat 0 -540px;
}

.icon_shock {
  width          : 100%;
  background     : url(../images/icon_subject.png) no-repeat 0 -600px;
  background-size: 30px;
}

/*驚嘆號 兩行文字*/
.icon_cut {
  width     : 100%;
  background: url(../images/icon_subject.png) no-repeat -30px -30px;
}

.icon_occasion {
  width     : 100%;
  background: url(../images/icon_subject.png) no-repeat -30px -90px;
}

.icon_about {
  width     : 100%;
  background: url(../images/icon_subject.png) no-repeat -30px -150px;
}

.icon_teach {
  width     : 100%;
  background: url(../images/icon_subject.png) no-repeat -30px -30px;
}

.icon_order {
  width     : 100%;
  background: url(../images/icon_subject.png) no-repeat -30px -210px;
}

.pre_news_list {
  width        : 100%;
  padding      : 10px 0;
  border-bottom: 1px dashed #3a2e22;
  clear        : both;
  overflow     : hidden;
  /*font-family:"微軟正黑體", Arial, sans-serif;*/
}

.pre_news_list_main {
  float: left;
  width: 63%;
}

.pre_news_list_mainArea {
  width   : 100%;
  clear   : both;
  overflow: hidden;
  display : table;
}

.pre_news_list_mainArea_NO {
  width          : 30px;
  height         : 30px;
  line-height    : 30px;
  padding-top    : 5px;
  background     : url(../images/icon_04.png) no-repeat left center;
  background-size: 100%;
  text-align     : center;
  color          : #392d21;
  font-size      : 12px;
  font-weight    : bold;
  display        : table-cell;
}

.pre_news_list_mainArea_TXT {
  display       : table-cell;
  font-size     : 16px;
  color         : #ebdbb8;
  vertical-align: middle;
  padding-left  : 10px;
  letter-spacing: 1.5px;
}

.pre_news_list_mainArea_TXT a {
  color          : #ebdbb8;
  text-decoration: none;
}

.pre_news_list_sub {
  float : left;
  width : 37%;
  margin: 0;
}

.pre_news_list_subArea {
  width             : 100%;
  clear             : both;
  overflow          : hidden;
  border-left       : 1px solid #392d21;
  padding-left      : 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
}

.pre_news_list_subArea_Time {
  width             : 55%;
  padding-left      : 30px;
  float             : left;
  margin-right      : 2%;
  background        : url(../images/icon_06.png) no-repeat left center;
  border-right      : 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
  color             : #bea278;
  line-height       : 30px;
}

.pre_news_list_subArea_Time span {
  display: inline-block;
}

.pre_news_list_subArea_ViewNO {
  width             : 43%;
  padding-left      : 30px;
  float             : left;
  background        : url(../images/icon_07.png) no-repeat left center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
  color             : #bea278;
  line-height       : 30px;
}

.pre_news_list_subArea_ViewNO span {
  display: inline-block;
}

.EditArea {
  width         : 100%;
  margin        : 20px auto 0;
  font-size     : 16px;
  letter-spacing: 1px;
  color         : #bea278;
  line-height   : 30px;
}

/*---------Member----------*/
/*會員服務中心選單*/
.memberCenterArea {
  width   : 100%;
  clear   : both;
  overflow: hidden;
}

.memberCenterArea_L {
  float  : left;
  width  : 21%;
  margin : 0 4% 0 0;
  padding: 10px 0 0;
}

.memberCenterArea_R {
  float: left;
  width: 75%;
  color: #c2a77c;
}

.memberCenterArea_L ul {
  width     : 100%;
  color     : #a58461;
  display   : table;
  font-size : 0;
  list-style: none;
}

.memberCenterArea_L li {
  width         : 100%;
  height        : 40px;
  display       : block;
  font-size     : 16px;
  text-align    : left;
  line-height   : 40px;
  border-top    : 1px dashed #a58461;
  border-bottom : 1px dashed #a58461;
  margin        : 0;
  letter-spacing: 1.5px
}

.memberCenterArea_L li a {
  color          : #a58461;
  text-decoration: none;
  display        : block;
}

.memberCenterList {
  display  : table;
  font-size: 0;
}

.memberCenterList i {
  width          : 40px;
  height         : 40px;
  overflow       : hidden;
  display        : inline-block;
  font-size      : 0;
  background     : url(../images/icon_member_subMenu.png) no-repeat;
  background-size: 40px;
  margin         : 0 10px;
  vertical-align : middle;
}

.memberCenterList i.icon_memberCenter_login {
  background-position: 0 0;
}

.memberCenterList i.icon_memberCenter_edit {
  background-position: 0 -40px;
}

.memberCenterList i.icon_memberCenter_order {
  background-position: 0 -80px;
}

.memberCenterList i.icon_memberCenter_provision {
  background-position: 0 -120px;
}

.memberCenterList span {
  display       : inline-block;
  font-size     : 16px;
  vertical-align: middle;
}

.memberCenterArea_R h2,
.memberCenterArea_R p {
  margin        : 0;
  padding       : 0;
  font-size     : 16px;
  letter-spacing: 2px;
  line-height   : 30px;
  font-weight   : normal;
}

.memberCenterArea_R p {
  text-indent: -20px;
  padding    : 0 0 0 20px;
}

.formArea {
  width      : 100%;
  font-size  : 16px;
  font-family: "微軟正黑體";
  margin     : 20px 0 0 0;
}

.preList_memberInfor {
  width          : 100%;
  color          : #c2a77c;
  margin         : 0 0 15px;
  padding        : 0;
  /*border-bottom:none;*/
  display        : table;
  font-size      : 0;
}

.preList_memberInfor b {
  font-weight   : normal;
  font-size     : 16px;
  margin        : 0 3px;
  vertical-align: middle;
}

.member01,
.preList_memberInfor input,
.member_ps,
.member_agree,
.memberRio,
.birthday,
.addr {
  display       : inline-block;
  vertical-align: middle;
  font-size     : 16px;
}

.preList_memberInfor input,
.preList_memberInfor select {
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  font-size         : 16px;
  padding           : 5px;
  font-family       : "微軟正黑體";
  text-align        : left;
}

.marL {
  margin-left: 10px;
}

.memberRio label {
  display       : inline-block;
  font-size     : 16px;
  margin        : 0 10px 0 0;
  vertical-align: middle;
}

.member01 {
  width     : 148px;
  text-align: right;
  margin    : 0 5px 0 0;
}

.member01>span {
  color  : #b33023;
  padding: 0 5px 0 0;
}

.preList_memberInfor input {
  background: #322823;
  color     : #d6b582;
  height    : 36px;
}

.birthday input,
.addr_1 input {
  width: 160px;
}

/*註冊-美化後下拉選單*/
.ipt01 {
  width         : 220px;
  display       : inline-block;
  font-size     : 16px;
  vertical-align: middle;
}

.iptPhone01,
.iptPhone03 {
  width: 50px;
}

.iptPhone02,
.iptPhone02_0 {
  width: 145px;
}

.txtCountry {
  width      : 170px;
  margin-left: 5px;
}

.oversea {
  width         : 85%;
  display       : inline-block;
  font-size     : 16px;
  vertical-align: middle;
}

.addr {
  width: 80%;
}

.addr_p1 {
  height       : 32px;
  line-height  : 32px;
  margin-bottom: 20px;
  font-size    : 0;
}

.addr_p2 {
  margin-bottom: 15px;
}

.addr_p2 span {
  display: inline;
  margin : 0;
}

.addr_p2 b {
  font-weight: normal;
  /*padding  :0 3px; */
}

.addr_p1 input,
.addr_p1 select {
  display: inline-block;
}

.addr_p1 .addr00 {
  vertical-align: top;
  margin-right  : 10px;
}

.addr_p1 select {
  vertical-align: bottom;
}

.addr00 {
  width     : 90px;
  text-align: center;
  margin    : 0 5px 0 0;
}

.addr01_0 {
  width: 50px;
}

.addr01 {
  width     : 50px;
  text-align: center;
}

.addr select {
  width     : 90px;
  text-align: center;
}

.addr02 {
  width : 200px;
  margin: 0 0 0 10px;
}

.addr03 {
  width: 450px;
}

.memberArea_Btn {
  display  : table;
  margin   : 110px auto 0;
  font-size: 0;
}

.btn_link {
  display    : inline-block;
  font-size  : 17px;
  margin     : 0 14px;
  font-weight: bold;
}

.btn_linkBox {
  display    : table;
  width      : 200px;
  text-align : center;
  height     : 40px;
  line-height: 40px;
  color      : #efdf93;
}

.btn_linkBox_product {
  display    : table;
  width      : 100%;
  text-align : center;
  height     : 40px;
  line-height: 40px;
  color      : #efdf93;
}

/*商品明細頁*/
.btn_linkBox a,
.btn_linkBox_product a {
  color          : #efdf93;
  text-decoration: none;
  display        : block;
}

.btn_color01 {
  background: #a58461;
}

/*土黃色*/
.btn_color02 {
  background: #b33023;
}

/*暗紅*/
.btn_color03 {
  background: #667f30;
}

/*草綠*/
.btn_linkBox i,
.btn_linkBox_product i {
  display       : inline-block;
  width         : 30px;
  height        : 30px;
  overflow      : hidden;
  margin        : 0;
  font-size     : 0;
  vertical-align: middle;
}

.btn_linkBox span,
.btn_linkBox_product span {
  display       : inline-block;
  vertical-align: middle;
}

.member_ps {
  width     : auto;
  margin    : 0 0 0 10px;
  text-align: left;
  font-size : 16px;
}

.member_ps a {
  color          : #c2a77c;
  text-decoration: none;
  border-bottom  : 1px solid #c2a77c;
}

.member_agree {
  text-align    : left;
  font-size     : 15px;
  vertical-align: top;
  padding       : 0 0 0 8px;
}

.member_agree a {
  color          : #c2a77c;
  text-decoration: none;
  border-bottom  : 1px solid #c2a77c;
}

.btn_memberSent {
  background     : url(../images/icon_btnForm.png) no-repeat 0 -5px;
  background-size: 28px;
}

.btn_memberSent_pop {
  background     : url(../images/icon_btnForm.png) no-repeat 0 -5px;
  background-size: 28px;
}

.btn_memberClear {
  background     : url(../images/icon_btnForm.png) no-repeat 0 -45px;
  background-size: 28px;
}

.btn_memberCenter {
  background     : #b33023 url(../images/icon_btnForm.png) no-repeat 24px -80px;
  background-size: 28px;
}

.btn_goShopping {
  background     : url(../images/icon_btnForm.png) no-repeat 0 -125px;
  background-size: 28px;
}

.btn_nextStep {
  background     : url(../images/icon_btnForm.png) no-repeat 0 -85px;
  background-size: 28px;
}

.btn_pretStep {
  background     : url(../images/icon_btnForm.png) no-repeat 0 -165px;
  background-size: 28px;
}

.btn_sentOrder {
  background     : #b33023 url(../images/icon_btnForm.png) no-repeat 0 -205px;
  background-size: 28px;
}

.btn_printOrder {
  background     : url(../images/icon_btnForm.png) no-repeat 0 -245px;
  background-size: 28px;
}

.btn_goHome {
  background     : url(../images/icon_btnForm.png) no-repeat 0 -285px;
  background-size: 28px;
}

.btn_login {
  background     : url(../images/icon_btnForm.png) no-repeat 0 -325px;
  background-size: 28px;
}

.btn_login_pop {
  background     : url(../images/icon_btnForm.png) no-repeat 0 -325px;
  background-size: 28px;
}

.btn_arrFist {
  background     : #b33023 url(../images/icon_btnForm.png) no-repeat 0 -365px;
  background-size: 28px;
}

.btn_bag {
  background     : #b33023 url(../images/icon_btnForm.png) no-repeat 0 -405px;
  background-size: 28px;
}

.custom-combobox input {
  margin: 0;
}

/*---------Member_bonus----------*/
.memberBonusArea {
  width : 100%;
  margin: 20px 0 0 0;
}

.memberBonusTitle_pc {
  width        : 100%;
  display      : block;
  color        : #bea278;
  padding      : 0 0 20px;
  border-bottom: 1px solid #bea278;
}

.memberBonusTitle_pc ul {
  width     : 100%;
  margin    : 0;
  clear     : both;
  overflow  : hidden;
  list-style: none;
}

.memberBonusTitle {
  display: none;
}

.memberBonusTitle_pc li {
  float: left;
}

.bonusTimeBox {
  width: 15%;
}

.bonusAddBox,
.bonusUseBox {
  width     : 10%;
  text-align: center;
}

.bonusInfoBox {
  width : 60%;
  margin: 0 2.5%
}

.memberBonusBox {
  width: 100%;
}

.preMemberBonusList {
  width        : 100%;
  display      : table;
  color        : #bea278;
  font-size    : 0;
  padding      : 10px 0;
  border-bottom: 1px dashed #a58461;
}

/*.preMemberBonusList:last-child{  border-bottom:none; }*/
.bonusTimeBox,
.bonusInfoBox,
.bonusAddBox,
.bonusUseBox {
  display       : inline-block;
  vertical-align: middle;
  font-size     : 16px;
}

.memberBonusText span {
  font-family: "微軟正黑體", sans-serif;
}

/*---------Member_order----------*/
.searchOrderArea {
  float  : right;
  color  : #a58461;
  padding: 14px 0 0;
}

.searchOrderArea div {
  display: inline-block;
}

.searchOrder_1 select,
.searchOrder_1 input {
  width     : 178px;
  background: #322823;
  color     : #d6b582;
  height    : 32px;
  margin    : 0;
  border    : none;
  text-align: center;
}

/*使用Qquery套件,下拉選單是利用input寫成*/
.searchOrder_2 input {
  width     : 137px;
  background: #322823;
  color     : #d6b582;
  height    : 32px;
  text-align: center;
  font-size : 15px;
}

.searchOrder_search a {
  width      : 25px;
  height     : 25px;
  line-height: 32px;
  font-size  : 0;
  background : url(../images/search.png) no-repeat center top;
  cursor     : pointer;
  display    : inline-block;
}

#birthday_year-button span:after {
  content: "年"
}

#birthday_month-button span:after {
  content: "月"
}

#birthday_day-button span:after {
  content: "日"
}

.bonus:after {
  content: "點"
}

.memberOrderArea {
  width : 100%;
  margin: 20px 0 0 0;
}

.memberOrderTitle_pc {
  width        : 100%;
  display      : block;
  color        : #bea278;
  padding      : 0 0 20px;
  border-bottom: 1px solid #bea278;
}

.memberOrderTitle_pc ul {
  width     : 100%;
  margin    : 0;
  clear     : both;
  overflow  : hidden;
  list-style: none;
}

.memberOrderTitle {
  display: none;
}

.memberOrderTitle_pc li {
  float: left;
}

.orderTimeBox,
.orderNoBox,
.orderClearingInforBox,
.orderClearingTimeBox {
  width: 15%;
}

.orderInforBox,
.orderTotalBox,
.orderOffsetBox,
.orderFeedbackBox {
  width: 10%;
}

.memberOrderBox {
  width: 100%;
}

.preMemberOrderList {
  width        : 100%;
  display      : table;
  color        : #bea278;
  font-size    : 0;
  padding      : 10px 0;
  border-bottom: 1px dashed #a58461;
}

/*.preMemberOrderList:last-child{  border-bottom:none; }*/
.orderTimeBox,
.orderNoBox,
.orderInforBox,
.orderTotalBox,
.orderOffsetBox,
.orderFeedbackBox,
.orderClearingInforBox,
.orderClearingTimeBox {
  display       : inline-block;
  vertical-align: middle;
  font-size     : 16px;
}

.memberOrderTxt a {
  color          : #bea278;
  text-decoration: none;
  border-bottom  : 1px solid #bea278;
}

.OrderTxtAfter_01:after {
  content: " 點";
}

.OrderTxtBefore_01:before {
  content: "NT$ ";
}

.memberOrderTxt p {
  display: block;
  padding: 0;
  margin : 0;
}

.TotalBounsBox {
  width     : 100%;
  height    : 55px;
  margin    : 20px 0;
  clear     : both;
  overflow  : hidden;
  border    : 1px solid #a58461;
  background: #29211d;
}

.TotalBouns {
  width             : 250px;
  height            : 55px;
  line-height       : 55px;
  float             : right;
  padding-right     : 20px;
  color             : #bea278;
  text-align        : right;
  background        : url(../images/icon_subject.png) no-repeat left -285px;
  background-size   : 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
}

.TotalBouns b {
  color         : #ebdbb8;
  font-size     : 18px;
  padding-left  : 40px;
  float         : left;
  letter-spacing: 2px;
}

.memberOrderTxt span {
  font-family: "微軟正黑體", sans-serif;
}

/*---------------------------members_provision-------------------*/

.provisionArea {
  width    : 100%;
  color    : #a58461;
  font-size: 16px;
}

.provisionArea h3 {
  font-size  : 18px;
  line-height: 30px;
  margin     : 0;
  padding    : 0;
}

.provisionArea p {
  line-height   : 26px;
  margin        : 5px 0;
  letter-spacing: 1px;
}

.provisionArea p.indentTxt {
  text-indent : -20px;
  padding-left: 20px;
}

.provisionArea p.indentTxt2 {
  text-indent : -28px;
  padding-left: 28px;
}

.sub_p_provision {
  padding-left: 20px;
}

/*---------------------------member_success-------------------*/
.registerSuccess_txt {
  color: #bea278;
}

.addLong {
  min-height: 800px;
}

/*-----------------pop視窗_購物數量----------------------*/
.Pop_cartNum {
  width     : 400px;
  border    : 1px solid #a58461;
  background: #372c26;
  position  : fixed;
  right     : 50%;
  margin    : 0 -525px 0 0;
  top       : 150px;
  z-index   : -15;
  display   : none;
}

.cartNumWrap {
  position  : relative;
  width     : 320px;
  margin    : 0 auto;
  text-align: right;
}

.cartNumWrap>img {
  cursor: pointer;
  margin: 20px;
}

.pre_cartNumProudList {
  width     : 94%;
  display   : table;
  border-top: 1px dashed #a58461;
  padding   : 10px 2% 10px 3%;
  font-size : 0;
  margin    : 0;
}

.pre_cartNumProudList img {
  display       : inline-block;
  font-size     : 0;
  width         : 26.6%;
  height        : auto;
  vertical-align: middle;
}

.cartNumProudTxt {
  display       : inline-block;
  width         : 73%;
  vertical-align: middle;
  text-align    : left;
}

.numCartTitle,
.numCartTxt {
  width  : 91%;
  padding: 0 4.5%;
}

.numCartTitle {
  color         : #fff;
  font-size     : 18px;
  font-weight   : bold;
  letter-spacing: 2px;
  margin        : 3px 0;
}

.numCartTxt {
  font-size     : 16px;
  display       : inline-block;
  vertical-align: middle;
  color         : #bea278;
  line-height   : 25px;
}

/*-----------------pop視窗_會員登入----------------------*/
.pop_login {
  width     : 100%;
  height    : 100%;
  position  : absolute;
  z-index   : 999;
  background: rgba(0, 0, 0, 0.8);
  display   : none;
}

.popContent {
  width   : 900px;
  margin  : 180px auto 0;
  position: relative;
}

.btn_closePop {
  position  : absolute;
  top       : -77px;
  right     : 0;
  width     : 120px;
  height    : 34px;
  background: url(../images/btn_popClose.png) no-repeat;
  cursor    : pointer;
  font-size : 0;
}

.showPopConBox {
  width        : 800px;
  height       : 426px;
  padding      : 0 50px;
  background   : #372c26;
  border-radius: 8px;
  position     : relative;
  clear        : both;
  overflow     : hidden;
  position     : relative;
}

.showPopCon {
  position: absolute;
}

.loginCon {
  width  : 100%;
  height : 316px;
  padding: 55px 0;
}

.loginCon_L {
  width        : 335px;
  padding      : 0 65px 0 0;
  border-right : 1px dashed #a58461;
  border-bottom: none;
  float        : left;
}

.loginCon_R {
  width  : 335px;
  float  : right;
  padding: 0 0 0 65px;
}

.loginCon_L input {
  width     : 99.5%;
  height    : 34px;
  background: #0a0603;
  border    : 1px solid #a58461;
  text-align: center;
  color     : #a58461;
  margin    : 6px 0;
  font-size : 16px;
}

.securityCode {
  width : 100%;
  margin: 6px 0;
}

.securityCode img,
.reSecurity {
  display       : inline-block;
  vertical-align: bottom;
}

.reSecurity {
  margin: 0 0 0 10px;
}

.reSecurity a {
  color          : #ecd78e;
  font-size      : 15px;
  line-height    : 10px;
  text-decoration: none;
  border-bottom  : 1px solid #ecd78e;
}

.btn_loginArea {
  width    : 100%;
  font-size: 0;
  clear    : both;
  overflow : hidden;
  margin   : 12px 0 0;
}

.btn_forget {
  float      : right;
  color      : #ecd78e;
  font-size  : 14px;
  line-height: 55px;
}

.btn_forget a {
  color          : #ecd78e;
  font-size      : 15px;
  text-decoration: none;
  border-bottom  : 1px solid #ecd78e;
}

.firstShop_1 {
  width : 100%;
  height: 225px;
}

.firstShop_1 p {
  color         : #ecd78e;
  letter-spacing: 0.8px;
  line-height   : 28px;
}

.firstShop_2 {
  width : 100%;
  height: 215px;
}

.txt_shopPs {
  width             : 100%;
  color             : #ecd78e;
  letter-spacing    : 0.5px;
  line-height       : 28px;
  border            : 1px solid #b33023;
  padding           : 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
  margin            : 0 0 20px;
}

.btn_regester {
  width: 100%;
}

.btn_regester a {
  color          : #ecd78e;
  font-size      : 15px;
  text-decoration: none;
  border-bottom  : 1px solid #ecd78e;
}

/*------------------忘記密碼---------------------*/
.forgetCon {
  width   : 100%;
  height  : 316px;
  padding : 55px 0 0;
  margin  : 0 auto;
  position: relative;
}

.gotoLogin {
  width     : 60px;
  height    : 40px;
  background: url(../images/icon_arrUp.png)no-repeat;
  position  : absolute;
  left      : 50%;
  top       : 25px;
  margin    : 0 0 0 -30px;
  font-size : 0;
  cursor    : pointer;
}

.preForget {
  width   : 100%;
  clear   : both;
  overflow: hidden;
  margin  : 6px 0;
}

.preForget_L,
.preForget_R {
  float    : left;
  font-size: 15px;
}

.preForget_L {
  width: 285px;
}

.preForget_L input {
  width     : 99.5%;
  height    : 34px;
  background: #0a0603;
  border    : 1px solid #a58461;
  text-align: center;
  color     : #a58461;
  margin    : 6px 0;
}

.preForget_R {
  height     : 36px;
  line-height: 36px;
  margin     : 0 0 0 30px;
  color      : #ecd78e;
  font-size  : 15px;
}

/*--------------------cart--------------------------*/
.TotalfeedbackBox {
  width     : 100%;
  height    : auto;
  margin    : 20px 0;
  padding   : 0;
  clear     : both;
  overflow  : hidden;
  border    : 1px solid #a58461;
  background: #29211d;
}

.Totalfeedback {
  width             : 220px;
  height            : 55px;
  line-height       : 55px;
  float             : right;
  padding           : 0 20px 0 0;
  color             : #bea278;
  text-align        : right;
  background        : url(../images/icon_subject.png) no-repeat left -285px;
  background-size   : 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
}

.feedback {
  float      : left;
  color      : #bea278;
  padding    : 0 0 0 15px;
  line-height: 55px;
}

.Totalfeedback b {
  color         : #ebdbb8;
  font-size     : 18px;
  padding-left  : 40px;
  float         : left;
  letter-spacing: 2px;
}

.marTop {
  margin-top: 40px;
}

.stepArea {
  width     : 100%;
  height    : 64px;
  margin    : 20px 0 35px;
  padding   : 0;
  background: url(../images/cart-step.png) no-repeat;
  font-size : 0;
}

.step_cart1 {
  background-position: 0 0;
}

.step_cart2 {
  background-position: 0 -64px;
}

.step_cart3 {
  background-position: 0 -128px;
}

.step_cart4 {
  background-position: 0 -192px;
}

.step_cart5 {
  background-position: 0 -256px;
}

.cartTitle_pc {
  width        : 100%;
  height       : 36px;
  border-bottom: 1px solid #a58461;
  color        : #bea278;
}

.cartTitle_pc ul {
  width     : 100%;
  margin    : 0;
  list-style: none;
  display   : block;
}

.cartTitle_pc li {
  float: left;
}

.cartProdInforBox {
  width: 60%;
  color: #000;
}

.cartNumBox,
.cartPriceBox,
.cartLittleBox,
.cartDelBox {
  width     : 10%;
  text-align: center;
}

.cartBox {
  width: 100%;
}

.cartList {
  width        : 100%;
  height       : 80px;
  padding      : 20px 0;
  border-bottom: 1px dashed #a58461;
  color        : #bea278;
  display      : table;
  font-size    : 0;
}

.cartList img {
  width         : 7.6%;
  height        : auto;
  display       : inline-block;
  font-size     : 16px;
  vertical-align: middle;
}

.cartListInforBox {
  width         : 83.8%;
  margin        : 0 0 0 2%;
  display       : inline-block;
  font-size     : 16px;
  vertical-align: middle;
}

.btn_trashCan {
  width         : 6.6%;
  height        : 0;
  padding-bottom: 7%;
  background    : url(../images/icon_trashCan.png) no-repeat center / 40% auto;
  display       : inline-block;
  vertical-align: middle;
  font-size     : 0;
  text-align    : center;
  vertical-align: middle;
  cursor        : pointer;
}

.cartListInfor {
  width         : 100%;
  display       : table;
  font-size     : 0;
  letter-spacing: 2px;
}

.cartInfor_txt {
  width         : 61%;
  display       : inline-block;
  font-size     : 16px;
  text-align    : left;
  vertical-align: middle;
}

.prodNum,
.prodPrice,
.prodLittle {
  width         : 12%;
  display       : inline-block;
  font-size     : 16px;
  text-align    : center;
  vertical-align: middle;
  margin        : 3px 0;
}

.prodNum input,
.prodNum select {
  width     : 100px;
  height    : 25px;
  border    : 1px solid #bea278;
  background: #000;
  text-align: center;
}

.cartSubTitle {
  display: none;
}

.momey:before {
  content: "NT$ ";
  color  : #bea278;
}

.prodTitle {
  color         : #fff;
  font-size     : 18px;
  font-weight   : bold;
  letter-spacing: 4px;
  margin        : 3px 0;
}

.prodNO {
  margin: 3px 0;
}

.prodSize {
  margin: 3px 0;
  height: auto;
}

/*--------------------cart2-----------------------*/
.inputBgBlack input {
  background: #000;
}

.cartCheck img {
  display       : inline-block;
  vertical-align: middle;
  margin        : 0 0 0 10px;
}

.iptCartCheck {
  width: 100px;
}

.reSecurity_cart {
  display       : inline-block;
  vertical-align: middle;
  margin        : 0 0 0 10px;
}

.reSecurity_cart a {
  color          : #ecd78e;
  font-size      : 15px;
  line-height    : 10px;
  text-decoration: none;
  border-bottom  : 1px solid #ecd78e;
}

/*沒有下虛線*/
.inner_subject3 {
  float             : left;
  border-bottom     : none;
  padding           : 0 0 0 40px;
  line-height       : 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
  display           : block;
  font-size         : 19px;
  font-weight       : bold;
  /*font-family     :"微軟正黑體", Arial, sans-serif;*/
  color             : #ebdbb8;
  letter-spacing    : 1px;
  display           : block;
}

.cartBorder {
  width     : 100%;
  border    : 1px solid #c2a77c;
  margin    : 20px auto;
  background: #000;
}

.cartBorder_magazine {
  width     : 100%;
  border    : 1px solid #c2a77c;
  margin    : 20px auto;
  background: #423527;
}

.cartBorderTitle {
  width        : 100%;
  height       : 51px;
  border-bottom: 1px solid #c2a77c;
  clear        : both;
  overflow     : hidden;
  background   : #29211d;
}

.cartBorderTitle_magazine {
  width        : 100%;
  height       : 51px;
  border-bottom: 1px solid #c2a77c;
  clear        : both;
  overflow     : hidden;
  background   : #634f3b;
}

.cartBorderTitle2 {
  width     : 100%;
  height    : 51px;
  border    : 1px solid #c2a77c;
  clear     : both;
  overflow  : hidden;
  background: #29211d;
  margin    : 20px 0 0;
}

/*新增收花人*/
.cartBorderTitle2_magazine {
  width     : 100%;
  height    : 51px;
  border-top: 1px solid #c2a77c;
  clear     : both;
  overflow  : hidden;
  background: #634f3b;
  margin    : 20px 0 0;
}

/*新增刊物收件人*/
.cartBorderTitle_L {
  height        : 30px;
  line-height   : 30px;
  float         : left;
  margin        : 10px 0 10px 25px;
  font-size     : 18px;
  font-weight   : bold;
  letter-spacing: 2px;
  border-left   : 7px solid #c2a77c;
  padding       : 0 0 0 10px;
  color         : #ebdbb8;
}

.cartBorderTitle_R {
  height         : 30px;
  line-height    : 30px;
  float          : right;
  margin         : 10px 25px 10px 0;
  color          : #bea278;
  background     : url(../images/icon_btnForm.png) no-repeat 0 -475px;
  background-size: 30px;
  padding        : 0 0 0 40px;
  cursor         : pointer;
}

.cartBorderTitle2_R {
  height         : 30px;
  line-height    : 30px;
  float          : right;
  margin         : 10px 25px 10px 0;
  color          : #bea278;
  background     : url(../images/icon_btnForm.png) no-repeat 0 -520px;
  background-size: 30px;
  padding        : 0 0 0 40px;
  cursor         : pointer;
}

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

.cartBorderContent>.cartProdFlower:last-child {
  border: none;
}

.inner_subjectArea_cart {
  width   : 95%;
  margin  : 0 2.4%;
  height  : auto;
  clear   : both;
  overflow: hidden;
  padding : 0;
}

.inner_subjectArea_cart_ps {
  width             : 95%;
  margin            : 0 2.4% 10px;
  clear             : both;
  overflow          : hidden;
  padding           : 0 0 0 20px;
  color             : #fff;
  font-size         : 17px;
  line-height       : 28px;
  text-indent       : -20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box
}

.inner_subjectArea_cart_ps a {
  color          : #fff;
  text-decoration: none;
  border-bottom  : 1px solid #fff;
}

.cartProdFlower {
  width        : 95%;
  clear        : both;
  overflow     : hidden;
  margin       : 0 auto;
  padding      : 0 0 10px;
  border-bottom: 1px dashed #a58461;
}

.preCartProd {
  width     : 29.9%;
  padding   : 10px 1%;
  margin    : 7px 0.6%;
  border    : 1px solid #322823;
  float     : left;
  font-size : 0;
  display   : table;
  background: #000;
}

.preCartProd img,
.prodCart_txt {
  display       : inline-block;
  font-size     : 15px;
  vertical-align: middle;
}

.preCartProd img {
  width : 80px;
  height: 80px;
}

.prodCart_txt {
  width : 68%;
  margin: 0 0 0 10px;
}

.prodCart_txt h3,
.prodCart_txt p {
  margin : 3px 0;
  padding: 0;
}

.prodCart_txt h3 {
  color         : #fff;
  min-height    : 48px;
  font-size     : 17px;
  font-weight   : bold;
  letter-spacing: 1.5px;
}

.prodCart_txt p span {
  display: inline-block;
  color  : #bea278;
}

.prodCart_txt p span.numCart {
  margin: 0 10px 0 0;
}

.activ_prodBox {
  background  : #29211d;
  border-color: #a58461;
}

.cart01 {
  width         : 11.5%;
  display       : inline-block;
  vertical-align: middle;
  font-size     : 16px;
  margin        : 0 0.5% 0 0;
  text-align    : left;
}

.deliveryDay,
.deliveryTime {
  display       : inline-block;
  vertical-align: middle;
  font-size     : 16px;
}

.cartL {
  margin: 0 0 0 40px;
}

.deliveryDay input,
.deliveryDay select {
  width: 100px;
}

/*cart送達日期下拉美化*/
.deliveryTime input,
.deliveryTime select {
  width: 160px;
}

.preList_memberInfor i {
  display       : inline-block;
  vertical-align: middle;
  font-size     : 16px;
  font-style    : normal;
  margin        : 0 0 0 20px;
}

.cart01_phone {
  width : 70px;
  margin: 0 0 0 20px;
}

.cartTextarea1 textarea,
.cartTextarea2 textarea {
  width             : 85%;
  padding           : 10px 8px;
  display           : inline-block;
  font-size         : 16px;
  background        : #322823;
  color             : #d6b582;
  resize            : none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
}

.cartTextarea1 textarea {
  height: 75px;
}

.cartTextarea2 textarea {
  height: 55px;
}

.inner_subject_shock {
  float             : left;
  border-bottom     : none;
  padding           : 0 0 0 40px;
  line-height       : 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  box-sizing        : border-box;
  font-size         : 17px;
  letter-spacing    : 0.5px;
}

.btn_addPersonInfo {
  width        : 100%;
  height       : 44px;
  line-height  : 44px;
  margin       : 20px 0 !important;
  padding      : 0 !important;
  background   : #c2a677;
  color        : #282320;
  text-align   : center;
  font-size    : 16px !important;
  border-radius: 5px;
}

.btn_addPersonInfo a {
  display        : block;
  color          : #282320;
  text-decoration: none;
  font-weight    : bold;
  font-size      : 18px;
}

.btn_addPersonInfo a:hover {
  background   : #d7ba80;
  border-radius: 5px;
}

.sentTime_infor {
  font-size: 13px;
  /*color  :#a58461;*/
  color    : #eee667;
  margin   : 10px 0 0;
}

.sentTime_infor p {
  line-height: 1.5em;
}

/*--------------------cart3-----------------------*/
.deliveryDay span {
  margin: 0 5px;
}

.preList_memberInfor .orderTxt {
  font-size     : 16px;
  vertical-align: middle;
  padding       : 0;
  display       : inline-block;
  word-break    : break-all;
}

.cartBorderFooter {
  border    : none;
  border-top: 1px solid #c2a77c;
  margin    : 0;
}

/*移除TotalfeedbackBox的部分樣式*/
.bgColor000 {
  background: #000;
}

.bgColor423527 {
  background: #423527;
}

.shipment {
  float      : left;
  color      : #bea278;
  padding    : 0 0 0 15px;
  margin     : 0 20px 0 0;
  line-height: 55px;
}

/*--------------------cart4-----------------------*/
.preProdForPay {
  width    : 100%;
  color    : #c2a77c;
  font-size: 0;
  display  : table;
}

.preProdForPay .memberRio {
  width : 12%;
  height: 32px;
}

.payTxt {
  width         : 88%;
  display       : inline-block;
  font-size     : 16px;
  vertical-align: middle;
}

.payTxt i {
  font-style: normal;
  padding   : 0 5px;
  color     : #b33023;
}

.payTxt b {
  color      : #c2a77c;
  font-weight: normal;
  padding    : 0;
}

.payTxt input {
  width         : 60px;
  height        : 32px;
  background    : #322823;
  vertical-align: middle;
  padding       : 0 5px;
  text-align    : center;
  /*color       :#b33023;*/
  font-size     : 16px;
}

.Offsetting input {
  margin: 0 5px;
}

/*要單獨寫這個  因為大家共用.payTxt input */
.payTxt p {
  width      : 100%;
  margin     : 0;
  line-height: 32px;
}

.borderBottom {
  border-bottom: 1px dashed #a58461;
  margin       : 0 0 25px;
  padding      : 0 0 25px;
}

.creditCardUse {
  width  : 75%;
  border : 1px solid #29211d;
  padding: 25px;
  margin : 15px 0 0;
}

.cardStyle {
  display       : inline-block;
  font-size     : 16px;
  vertical-align: middle;
}

.momeyCredit:before {
  content: "NT$ ";
}

.momeyCredit:after {
  content: " 元";
}

.creditCard01 {
  display       : inline-block;
  font-size     : 16px;
  vertical-align: middle;
  margin        : 0 5px 0 0;
  text-align    : right;
  width         : 260px;
}

.card01 input,
.card01 select {
  width: 125px;
}

.card02 input,
.card02 select {
  width: 60px;
}

.card03 input,
.card03 select {
  width: 100px;
}

.invoiceRio01,
.invoiceRio02,
.invoiceRio03 {
  display       : inline-block;
  vertical-align: middle;
  font-size     : 16px;
  margin        : 0 10px 0 0;
}

.invoiceRio01 label,
.invoiceRio02 label,
.invoiceRio03 label {
  display       : inline-block;
  font-size     : 16px;
  margin        : 0;
  vertical-align: middle;
}

.invoice01 {
  width  : 150px;
  padding: 0 5px;
}

.invoice02 {
  width  : 110px;
  padding: 0 5px;
}

.invoiceRio02 input {
  margin: 0 5px 0 0;
}

.ps_bill {
  font-size: 16px;
}

/*頁碼*/
.pagebox {
  width     : 100%;
  height    : 25px;
  color     : #bea278;
  text-align: center;
}

.pagebox ul {
  margin    : 10px auto;
  padding   : 0;
  list-style: none;
  display   : inline-block;
  clear     : both;
  overflow  : hidden;
}

.pagebox li {
  margin: 0 10px;
  float : left;
}

.pagebox li a {
  color          : #bea278;
  text-decoration: none;
}

.pageNo {
  width        : 25px;
  height       : 25px;
  color        : #bea278;
  border-radius: 25px;
  background   : #372c26;
  text-align   : center;
  line-height  : 25px;
}

.pageNo a {
  width          : 25px;
  height         : 25px;
  color          : #bea278;
  text-decoration: none;
  display        : inline-block;
}

.pageNo a:hover {
  background   : #bea278;
  color        : #372c26;
  border-radius: 25px;
}

.pagebox .pageActive a {
  background   : #bea278;
  color        : #372c26;
  border-radius: 25px;
}

.taipeiPs {
  width : 100%;
  margin: 50px 0;
}

.ps_list {
  background: url(../images/icon_point.png) no-repeat left 5px;
  padding   : 5px 0 5px 18px;
  color     : #bea278;
  margin    : 0 10px;
}

.ps_list a {
  color          : #bea278;
  text-decoration: none;
  border-bottom  : 1px solid #bea278;
}

.floatNo {
  float: none;
}

.pageNoOther {
  height     : 25px;
  font-size  : 20px;
  font-weight: bold;
}

.pageNoOther a {
  display: block;
}

/*--------------------cart5-----------------------*/
.cartBorderTitle_R2 {
  height     : 30px;
  line-height: 30px;
  float      : right;
  margin     : 10px 25px 10px 0;
  color      : #bea278;
}

.cartOrderBox {
  width        : 100%;
  border-bottom: 1px solid #c2a77c;
  padding      : 0 0 10px;
  margin       : 0 0 20px;
}

.cartOrderBox:last-child {
  border-bottom: none;
}

.cartProdOrder {
  width : 95%;
  margin: 0 auto;
}

.numberOrder {
  height : auto;
  margin : 10px auto 20px;
  padding: 0;
  border : 1px solid #a58461;
}

.bg_29211d {
  background: #29211d;
}

.bg_634f3b {
  background: #634f3b;
}

.cartBorderTitle_Order {
  height        : 30px;
  display       : inline-block;
  vertical-align: middle;
  line-height   : 30px;
  margin        : 10px 0 10px 25px;
  font-size     : 18px;
  font-weight   : bold;
  letter-spacing: 2px;
  padding       : 0 0 0 10px;
  color         : #ebdbb8;
}

.preCartOrderProd {
  width        : 100%;
  clear        : both;
  overflow     : hidden;
  padding      : 0 0 20px;
  margin       : 0 0 20px;
  border-bottom: 1px dashed #a58461;
  display      : table;
  font-size    : 0;
}

.cartProdOrder .preCartOrderProd:last-child {
  border: none;
}

.preCartOrderProd img,
.preCartOrderProdInfor {
  display       : inline-block;
  vertical-align: middle;
  font-size     : 16px;
}

.preCartOrderProd img {
  height: auto;
  width : 8%;
}

.preCartOrderProdInfor {
  width   : 90%;
  margin  : 0 0 0 2%;
  clear   : both;
  overflow: hidden;
}

.preCartOrderProdInfor_Top {
  width: 100%;
  clear: both;
}

.preCartOrderProdInfor_L {
  width: 50%;
  float: left;
  color: #d6b582;
}

.preCartOrderProdInfor_R {
  width       : 45%;
  padding-left: 5%;
  float       : left;
  background  : url(../images/bg_line-L.png) repeat-y left top;
  color       : #d6b582;
}

.clear {
  clear   : both;
  overflow: hidden;
}

.eventImg01 {
  float: left;
  width: 42%;
}

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

.eventImg02 {
  float: left;
  width: 58%;
}

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


/*----------------------------Contact us--------------------------------*/
.contact_content {
  width   : 100%;
  clear   : both;
  overflow: hidden;
  margin  : 50px 0 100px;
}

.contact_L {
  float : left;
  width : 38%;
  margin: 0;
}

.contact_R {
  float     : left;
  width     : 58%;
  padding   : 0 0 50px 4%;
  background: url(../images/bg_line-L.png) repeat-y left top;
}

.serviceArea {
  width   : 100%;
  clear   : both;
  overflow: hidden;
}

.serviceArea_L {
  float : none;
  width : 100%;
  margin: 0 0 30px;
}

.serviceArea_R {
  float: none;
  width: 100%;
}

.contactProblem input,
.contactProblem select {
  width: 504px;
}

.serviceArea p {
  clear      : both;
  margin     : 0;
  padding    : 0;
  line-height: 30px;
  color      : #c2a77c;
  font-size  : 16px;
}

.serviceArea p span {
  display: inline;
  padding: 0;
}

p.paddingL_contact {
  padding: 0 0 0 100px;
}

.googleMap {
  width : 90%;
  height: 230px;
}

.contact01 {
  width         : 90px;
  text-align    : right;
  margin        : 0 5px 0 0;
  display       : inline-block;
  vertical-align: middle;
  font-size     : 16px;
}

.ipt01_contact {
  width         : 196px;
  display       : inline-block;
  font-size     : 16px;
  vertical-align: middle;
}

.office01 {
  width         : 503px;
  display       : inline-block;
  font-size     : 16px;
  vertical-align: middle;
}

.contactText textarea {
  width     : 495px;
  height    : 100px;
  resize    : none;
  background: #322823;
  color     : #d6b582;
  padding   : 5px;
}

.contactText img {
  display       : inline-block;
  vertical-align: middle;
  margin        : 0 0 0 10px;
}

.marTop_email {
  margin: 0;
}

.iptPhone01_contact {
  width: 60px;
}

.iptPhone02_contact {
  width: 145px;
}

/*----------------------------About--------------------------------*/
.aboutArea {
  width: 100%;
  color: #a58461;
}

.aboutArea p {
  line-height: 26px;
  margin     : 5px 0;
}

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

.preOffice {
  width     : 30%;
  height    : 505px;
  margin    : 0 5% 30px 0;
  padding   : 10px 0.95%;
  background: #201917;
  color     : #bea278;
  font-size : 16px;
  text-align: center;
}

.preOffice:nth-child(3n) {
  margin-right: 0;
}

.preOffice img {
  width : 93.5%;
  height: auto;
}

.officeName {
  width         : 100%;
  height        : 58px;
  line-height   : 58px;
  border-bottom : 1px dashed #a58461;
  color         : #ebdbb8;
  font-size     : 16px;
  letter-spacing: 0.5px;
}

.officeName b,
.officeName span {
  font-weight: normal;
  display    : block;
  font-size  : 15px;
  line-height: 25px;
}

.officeName b {
  font-family: Arial, Helvetica, sans-serif;
}

.officeInfo {
  width    : 100%;
  height   : 160px;
  margin   : 20px 0 10px;
  font-size: 15px;
}

.officeInfo p {
  margin     : 0;
  line-height: 27px;
}

.officeInfo p a {
  text-decoration: none;
  color          : #bea278;
}

.officeLink {
  width    : 100%;
  display  : table;
  font-size: 0;
}

.officeLink p {
  display   : inline-block;
  width     : 40px;
  height    : 35px;
  overflow  : hidden;
  background: url(../images/icon_about.png) no-repeat;
}

.officeLink p a {
  display: block;
}

.officeLink p.icon_about01 {
  background-position: 0 0;
}

.officeLink p.icon_about02 {
  background-position: -40px 0;
}

.officeLink p.icon_about03 {
  background-position: -80px 0;
}

.officeLink p.icon_about04 {
  background-position: -120px 0;
}

.officeLink p.icon_about05 {
  background-position: -160px 0;
}

/*----------------------------Occasion--------------------------------*/
.occasionArea {
  width: 100%;
}

.occasionArea ul {
  width     : 100%;
  list-style: none;
}

.occasionArea li {
  width      : 98%;
  padding    : 0 1%;
  line-height: 45px;
  display    : table;
  font-size  : 0;
}

.occasionArea li.marryColor01 {
  color        : #f1cfd7;
  border-bottom: 1px solid #312b2d;
}

.occasionArea li.marryColor02 {
  color        : #ef95a7;
  border-bottom: 1px solid #301e21;
}

.occasionArea li.marryColor03 {
  color        : #ef6175;
  border-bottom: 1px solid #301317;
}

.occasionArea li.marryColor04 {
  color        : #eb2951;
  border-bottom: 1px solid #2f0810;
}

.marry01 {
  width    : 23%;
  font-size: 16px;
  display  : inline-block;
}

.marry02 {
  width      : 23%;
  font-size  : 16px;
  display    : inline-block;
  text-indent: 10px;
}

.marry03 {
  width      : 50%;
  font-size  : 16px;
  display    : inline-block;
  text-indent: 10px;
}

/*----------------------------teach--------------------------------*/
.teachArea {
  width: 100%;
}

.teach01 {
  width   : 100%;
  clear   : both;
  overflow: hidden;
}

.teachImg {
  width       : 40%;
  float       : left;
  margin-right: 2%;
  font-size   : 0;
}

.teachInfo {
  width: 58%;
  float: left;
  color: #bea278;
}

.teachInfo p {
  line-height: 25px;
  margin     : 0 0 10px;
}

.teachImg_pic {
  width          : 100%;
  height         : 0;
  padding-bottom : 61%;
  background     : url(../images/teacher_pc.png) no-repeat;
  background-size: 100%;
}

.teach02 {
  width: 100%;
}

.teach02 p {
  line-height : 28px;
  text-indent : -20px;
  padding-left: 20px;
  color       : #bea278;
}

.teach02 img {
  margin: 20px 0;
  width : 100%;
  height: auto;
}


/*----------------------------orderArea--------------------------------*/
.orderArea {
  width: 100%;
}

.orderInfor_welcome {
  font-size  : 16px;
  color      : #a58461;
  line-height: 40px;
}

.orderInforTxt {
  width : 100%;
  margin: 0 0 20px;
}

.orderInforTxt h3 {
  color      : #b33023;
  font-size  : 17px;
  margin     : 0;
  padding    : 0;
  line-height: 35px;
}

.orderInforTxt ol {
  padding: 0 0 0 20px;
}

.orderInforTxt li {
  font-size  : 16px;
  color      : #a58461;
  line-height: 26px;
  list-style : decimal;
}

.orderInforTxt li a {
  text-decoration: none;
  color          : #a58461;
  border-bottom  : 1px solid #a58461;
}

@media screen and (max-width:1050px) {
  #wrap {
    width   : 100%;
    margin  : 0 auto;
    position: relative;
  }

  #btn-close_menu {
    width             : 490px;
    height            : 30px;
    padding           : 48px 20px;
    background        : rgba(55, 44, 38, 0.8);
    position          : fixed;
    z-index           : 30;
    top               : 0;
    left              : 0;
    display           : block;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
  }

  /*#btn-close_menu{ position:absolute; top:48px; left:0; display:block; }*/
  /*#header,*/
  #logo,
  #member_login,
  #shopping_bag {
    position: absolute;
  }

  #bg_mobileMenu {
    display   : block;
    width     : 100%;
    height    : 60px;
    background: rgba(0, 0, 0, 0.8);
    top       : -100px;
    font-size : 0;
    z-index   : 19;
    position  : fixed;
  }

  #bg_mobileCover {
    display   : none;
    width     : 100%;
    height    : 100%;
    background: rgba(0, 0, 0, 0.8);
    top       : 0;
    font-size : 0;
    z-index   : 19;
    position  : fixed;
  }

  #header {
    position          : fixed;
    z-index           : 21;
    width             : 490px;
    height            : 100%;
    overflow          : auto;
    padding           : 0 20px;
    top               : 0;
    left              : -480px;
    margin-left       : 0;
    background        : #372c26;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
  }

  #member_login {
    z-index: 11;
  }

  #shopping_bag {
    z-index: 11;
  }

  #header_wrap {
    width   : 100%;
    margin  : 0 auto;
    position: relative;
  }

  #input_box,
  #flower_type,
  #nav_menu_mobile {
    position: absolute;
  }

  #nav_menu_mobile {
    display: block;
  }

  #nav_menu {
    display: none
  }

  /*pad mobile 選單*/
  #input_box {
    width   : 100%;
    top     : 132px;
    left    : 0;
    clear   : both;
    overflow: hidden;
  }

  #input_keySearch,
  #select_priceSearch,
  #input_numSearch {
    display: table;
    float  : none;
    margin : 0 0 12px 0;
  }

  #input_keySearch {
    width: 100%;
  }

  #select_priceSearch {
    width       : 100%;
    /*background:url(../images/btn_arr_down.png) no-repeat 105px 1px;*/
    /*background:transparent;*/
  }

  #select_priceSearch input {
    width: 380px;
  }

  #select_priceSearch span.custom-combobox {
    /*width:123px; height:23px; background:#a58461; color:#000; text-align:center; line-height:25px;*/
    margin: 0;
  }




  #input_numSearch {
    width             : 100%;
    padding-left      : 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
  }

  #input_keySearch input,
  #input_keySearch a,
  #select_priceSearch input,
  #select_priceSearch>a,
  #input_numSearch span,
  #input_numSearch input,
  #input_numSearch a {
    display       : table-cell;
    vertical-align: top;
  }

  #input_numSearch span {
    width      : 46px;
    height     : 46px;
    background : #a58461;
    font-size  : 16px;
    text-align : center;
    line-height: 46px;
  }

  #input_keySearch a,
  #select_priceSearch>a,
  #input_numSearch a {
    width     : 46px;
    height    : 46px;
    background: url(../images/btn-search.jpg) no-repeat right center;
  }

  #input_keySearch input {
    width     : 380px;
    background: #0a0603;
  }

  /*#select_priceSearch select{ width:380px; background:url(../images/btn_arr_down.png)no-repeat 105px 1px;  background:transparent; background:#0a0603; }*/
  #input_numSearch input {
    width     : 334px;
    background: #0a0603;
  }

  #input_keySearch input,
  #select_priceSearch input,
  #input_numSearch input {
    height            : 46px;
    border            : 1px solid #a58461;
    color             : #d6b582;
    padding           : 0 0 0 5px;
    margin-right      : 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    font-size         : 16px;
    /*font-family     :"微軟正黑體", Arial, sans-serif;*/
    text-align        : left;
  }

  #input_box select {
    padding-left: 0;
  }

  /*menu*/
  #nav_menu_mobile {
    width      : 100%;
    height     : auto;
    top        : 320px;
    left       : 0;
    margin-left: 0;
  }

  #nav_menu_mobile ul {
    width   : 100%;
    clear   : both;
    overflow: hidden;
  }

  #nav_menu_mobile li {
    width         : 100%;
    border-bottom : 1px dashed #efdf93;
    float         : none;
    height        : 46px;
    line-height   : 46px;
    font-size     : 19px;
    color         : #efdf93;
    letter-spacing: 2px;
  }

  #nav_menu_mobile li.num-line {
    display: none;
  }

  #nav_menu_mobile li.num00 {
    width: 100%;
  }

  #nav_menu_mobile li.num01 {
    width: 100%;
  }

  #nav_menu_mobile li.num02 {
    width: 100%;
  }

  #nav_menu_mobile li.num03 {
    width: 100%;
  }

  #nav_menu_mobile li.num04 {
    width: 100%;
  }

  #nav_menu_mobile li.num05 {
    width: 100%;
  }

  #nav_menu_mobile li.num06 {
    width: 100%;
  }

  #nav_menu_mobile li a {
    float          : left;
    text-decoration: none;
  }

  #nav_menu_mobile li.num00 a,
  #nav_menu_mobile li.num01 a,
  #nav_menu_mobile li.num02 a,
  #nav_menu_mobile li.num03 a,
  #nav_menu_mobile li.num04 a,
  #nav_menu_mobile li.num05 a,
  #nav_menu_mobile li.num06 a,
  #nav_menu_mobile li.num07 a {
    height    : 46px;
    display   : block;
    background: none;
    color     : #efdf93;
  }

  #nav_menu_mobile li.num01 a,
  #nav_menu_mobile li.num02 a,
  #nav_menu_mobile li.num03 a,
  #nav_menu_mobile li.num04 a,
  #nav_menu_mobile li.num05 a,
  #nav_menu_mobile li.num06 a,
  #nav_menu_mobile li.num07 a {
    width: 100%;
  }

  #nav_menu_mobile li.num01 a:hover {}

  #nav_menu_mobile li.num02 a:hover {}

  #nav_menu_mobile li.num03 a:hover {}

  #nav_menu_mobile li.num04 a:hover {}

  #nav_menu_mobile li.num05 a:hover {}

  #nav_menu_mobile li.num06 a:hover {}

  #member_login a,
  #shopping_bag a {
    display        : block;
    text-decoration: none;
    color          : #fff;
  }

  #shopping_bag a {
    display        : table;
    background     : url(../images/bag.png) no-repeat 0 3px;
    background-size: 23px;
    padding        : 0 0 0 22px;
    letter-spacing : 0.5px;
  }

  #shopping_bag i,
  #shopping_bag b {}

  #shopping_bag i {
    display: none;
  }

  #shopping_bag b {
    ppadding: 0;
    display : table-cell;
    margin  : 0 0 0 5px;
  }


  /*內容區*/
  #bg_menu {
    display: none;
  }

  .content_main_noBanner {
    width     : 100%;
    margin    : 20px auto;
    border-top: 1px solid #a58461;
  }

  .content_top {
    clear   : both;
    overflow: hidden;
    width   : 95%;
    margin  : 0 auto 3% auto;
  }

  .content_bnner1 {
    width         : 100%;
    height        : 0;
    padding-bottom: 65.6%;
    float         : none;
    margin-bottom : 8%;
  }

  .content_bnner2-box-float {
    float: none;
    width: 100%;
  }


  /*首頁圖片輪播區*/
  #abgne_fade_pic {
    position      : relative;
    width         : 100%;
    height        : 0;
    padding-bottom: 65.6%;
  }

  #abgne_fade_pic img {
    width : 100%;
    height: auto;
  }

  #abgne_fade_pic a.ad {
    position: absolute;
    /* 讓圖片疊在一起 */
  }

  #abgne_fade_pic .control {
    width   : 100%;
    position: absolute;
    bottom  : -7%;
  }

  #abgne_fade_pic .control .controlBox {
    margin : 0 auto;
    display: table;
  }

  #abgne_fade_pic .control .controlBox a {
    margin         : 0 8px;
    width          : 9px;
    height         : 9px;
    background     : url(../images/btn-img-run.jpg) no-repeat 0 top;
    text-align     : center;
    font-size      : 0;
    text-decoration: none;
    display        : inline-block;
    vertical-align : middle;
  }

  #abgne_fade_pic .control a.on {
    background: url(../images/btn-img-run.jpg) no-repeat 0 bottom;
  }


  /*---------Member_order----------*/
  .inner_subjectArea_order {
    width        : 100%;
    height       : auto;
    clear        : both;
    overflow     : hidden;
    border-bottom: 1px dashed #a58461;
    padding      : 0 0 20px;
  }

  .searchOrderArea {
    float  : left;
    color  : #a58461;
    padding: 14px 0 0;
  }

  #birthday_year-button span:after {
    content: "年"
  }

  #birthday_month-button span:after {
    content: "月"
  }

  #birthday_day-button span:after {
    content: "日"
  }

  .bonus:after {
    content: "點"
  }

  .memberOrderArea {
    width : 100%;
    margin: 0;
  }

  .memberOrderTitle_pc {
    display: none;
  }

  .memberOrderTitle {
    display       : inline-block;
    width         : 120px;
    text-align    : right;
    vertical-align: top;
  }

  .memberOrderTitle_pc li {
    float: left;
  }

  .orderTimeBox,
  .orderNoBox,
  .orderClearingInforBox,
  .orderClearingTimeBox {
    width: 15%;
  }

  .orderInforBox,
  .orderTotalBox,
  .orderOffsetBox,
  .orderFeedbackBox {
    width: 10%;
  }

  .memberOrderBox {
    width: 100%;
  }

  .preMemberOrderList {
    width        : 100%;
    display      : table;
    color        : #bea278;
    font-size    : 0;
    padding      : 10px 0;
    border-bottom: 1px dashed #a58461;
  }

  .orderTimeBox,
  .orderNoBox,
  .orderInforBox,
  .orderTotalBox,
  .orderOffsetBox,
  .orderFeedbackBox,
  .orderClearingInforBox,
  .orderClearingTimeBox {
    display       : inline-block;
    vertical-align: middle;
    font-size     : 16px;
    width         : 100%;
  }

  .memberOrderTxt {
    display: inline-block;
  }

  .memberOrderTxt a {
    color          : #bea278;
    text-decoration: none;
    border-bottom  : 1px solid #bea278;
  }

  .OrderTxtAfter_01:after {
    content: " 點";
  }

  .OrderTxtBefore_01:before {
    content: "NT$ ";
  }

  .memberOrderTxt p {
    display: inline-block;
    padding: 0;
    margin : 0 5px;
  }

  .TotalBounsBox {
    width     : 100%;
    height    : 55px;
    margin    : 20px 0;
    clear     : both;
    overflow  : hidden;
    border    : 1px solid #a58461;
    background: #29211d;
  }

  /*.TotalBouns{ width:250px; height:55px; line-height:55px; float:right; padding-right:20px; color:#bea278; text-align:right; background:url(../images/icon_subject.png) no-repeat left -285px; background-size:60px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;box-sizing:border-box;}*/
  .TotalBouns b {
    color         : #ebdbb8;
    font-size     : 18px;
    padding-left  : 40px;
    float         : left;
    letter-spacing: 2px;
  }

  .arial {
    font-family: Arial, sans-serif;
    font-weight: bold;
  }

  .memberOrderTxt span {
    font-family: "微軟正黑體", sans-serif;
  }

  /*-------產品--------*/
  .prodflowBox {
    width   : 100%;
    clear   : both;
    overflow: hidden;
  }

  .prod_L {
    float : left;
    width : 48%;
    height: auto;
    margin: 0 auto;
  }

  /*.prod_L_img{ width:100%; height:0; padding:0 0 100%; position:relative;}
.prod_L_img img{ width:100%; height:auto;  position:absolute; top:0; left:0;}*/
  /*有疊一層半透明圖*/
  /*.prod_L_img img:first-child{ z-index:3;}
.prod_L_img img:last-child{ z-index:2;}*/
  .prod_R {
    float     : right;
    width     : 48%;
    margin    : 0 0 0 4%;
    background: url(../images/hr-flower_1050.png) no-repeat center top;
    color     : #bea278;
  }

  .prod_R h2 {
    color         : #fff;
    height        : 40px;
    line-height   : 40px;
    margin        : 0;
    padding       : 33px 0 0 0;
    font-size     : 19px;
    font-weight   : bold;
    letter-spacing: 1.5px;
  }

  .prodInforTxt {
    width        : 100%;
    height       : 189px;
    padding      : 15px 0 0 0;
    border-bottom: 1px dashed #3a2e22;
  }

  .prodStandard {
    width         : 100%;
    padding       : 20px 0;
    border-bottom : 1px dashed #3a2e22;
    letter-spacing: 2px;
  }

  .prodStandard p {
    height     : 30px;
    line-height: 30px;
    color      : #bea278;
  }

  .prodStandard p span {
    padding: 0 0 0 5px;
  }

  /*.prodBtn{ width:100%;  height:90px; position:relative; margin:0 0 30px; }
.prodNumArea, .btn_bag{ width:45%; position:absolute; bottom:0;}*/
  .prodNumArea {
    height     : 32px;
    line-height: 32px;
    left       : 0;
    padding    : 4px 0;
    border     : 1px solid #b33023;
    color      : #efdf93;
  }

  .prodNumArea ul {
    width     : 100%;
    list-style: none;
  }

  .prodNumArea li {
    float     : left;
    text-align: center;
  }

  .prodNumArea li.prodNumArea_01,
  .prodNumArea li.prodNumArea_03 {
    width : 19%;
    height: 32px;
    cursor: pointer;
  }

  .prodNumArea li.prodNumArea_02 {
    width       : 60%;
    border-left : 1px solid #b33023;
    border-right: 1px solid #b33023;
  }

  .btn_bag {
    height: 40px;
    right : 0;
  }

  /*--------------------cart--------------------------*/
  .floatNo {
    float: none;
  }

  /*.TotalfeedbackBox{ width:100%; height:55px; margin:20px 0 ; clear:both; overflow:hidden; border:1px solid #a58461; background:#29211d;}*/
  /*.Totalfeedback{ width:220px; height:55px; line-height:55px; float:right; padding:0 20px 0 0; color:#bea278; text-align:right; background:url(../images/icon_subject.png) no-repeat left -285px; background-size:60px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;box-sizing:border-box;}*/
  .feedback {
    float      : left;
    color      : #bea278;
    padding    : 0 0 0 15px;
    line-height: 55px;
  }

  .Totalfeedback b {
    color         : #ebdbb8;
    font-size     : 18px;
    padding-left  : 40px;
    float         : left;
    letter-spacing: 2px;
  }

  .marTop {
    margin-top: 40px;
  }

  .stepArea {
    width          : 100%;
    height         : 0;
    padding        : 0 0 20.7%;
    margin         : 20px 0 35px;
    background     : url(../images/cart-step_mobile.png) no-repeat;
    background-size: 100%;
    font-size      : 0;
  }

  .step_cart1 {
    background-position: 0 0;
  }

  .step_cart2 {
    background-position: 0 25%;
  }

  .step_cart3 {
    background-position: 0 50%;
  }

  .step_cart4 {
    background-position: 0 75%;
  }

  .step_cart5 {
    background-position: 0 100%;
  }

  .cartTitle_pc {
    width        : 100%;
    height       : 18px;
    border-bottom: 1px solid #a58461;
    color        : #bea278;
  }

  .cartTitle_pc ul {
    display: none;
  }

  .cartProdInforBox {
    width: 60%;
  }

  .cartNumBox,
  .cartPriceBox,
  .cartLittleBox,
  .cartDelBox {
    width     : 10%;
    text-align: center;
  }

  .cartBox {
    width: 100%;
  }

  .cartList {
    width        : 100%;
    height       : 80px;
    padding      : 20px 0;
    border-bottom: 1px dashed #a58461;
    color        : #bea278;
    display      : table;
    font-size    : 0;
  }

  .cartList img {
    width         : 15%;
    height        : auto;
    display       : inline-block;
    font-size     : 18px;
    vertical-align: middle;
  }

  .cartListInforBox {
    width         : 73%;
    margin        : 0 0 0 2%;
    display       : inline-block;
    font-size     : 14px;
    vertical-align: middle;
  }

  .btn_trashCan {
    width         : 10%;
    height        : 0;
    padding-bottom: 10%;
    background    : url(../images/icon_trashCan.png) no-repeat center / 40% auto;
    display       : inline-block;
    vertical-align: middle;
    font-size     : 0;
    text-align    : center;
    vertical-align: middle;
    cursor        : pointer;
  }

  .cartListInfor {
    width         : 100%;
    display       : table;
    font-size     : 0;
    letter-spacing: 2px;
  }

  .cartInfor_txt {
    width     : 100%;
    display   : block;
    font-size : 16px;
    text-align: left;
  }

  .prodNum,
  .prodPrice,
  .prodLittle {
    width     : 100%;
    display   : table;
    font-size : 0;
    text-align: left;
    margin    : 3px 0;
  }

  .prodNum input,
  .prodNum select {
    width     : 100px;
    height    : 25px;
    border    : 1px solid #bea278;
    background: #000;
    text-align: center;
  }

  .cartSubTitle {
    display  : inline-block;
    font-size: 16px;
  }

  .momey {
    display  : inline-block;
    font-size: 16px;
  }

  .momey:before {
    content: "NT$ ";
    color  : #bea278;
  }

  .prodTitle {
    color         : #fff;
    font-size     : 18px;
    font-weight   : bold;
    letter-spacing: 4px;
    margin        : 3px 0;
  }

  .prodNO {
    margin: 3px 0;
  }

  .prodSize {
    margin: 3px 0;
    height: 0;
  }

  /*--------------------cart2-----------------------*/
  .inner_subjectArea_cart {
    width   : 97%;
    margin  : 0 1.5%;
    height  : auto;
    clear   : both;
    overflow: hidden;
    padding : 0;
  }

  .inner_subjectArea_cart_ps {
    width             : 97%;
    margin            : 0 1.5%;
    clear             : both;
    overflow          : hidden;
    padding           : 0 0 0 20px;
    color             : #fff;
    font-size         : 17px;
    text-indent       : -20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box
  }

  .inner_subject3 {
    width             : 100%;
    float             : none;
    border-bottom     : none;
    padding           : 0 0 0 40px;
    line-height       : 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    display           : block;
    font-size         : 19px;
    font-weight       : bold;
    color             : #ebdbb8;
    letter-spacing    : 1px;
    display           : block;
  }

  .cart01 {
    width         : 100%;
    display       : block;
    vertical-align: middle;
    font-size     : 16px;
    margin        : 0 0 5px 0;
    text-align    : left;
  }

  .cartL {
    margin: 20px 0 5px;
  }

  .cart01_phone {
    margin: 10px 0 5px;
  }

  .preList_memberInfor i {
    display       : block;
    vertical-align: middle;
    font-size     : 15px;
    font-style    : normal;
    margin        : 5px 0 0 0;
  }

  .cartTextarea1 textarea,
  .cartTextarea2 textarea {
    width             : 100%;
    padding           : 10px 8px;
    display           : inline-block;
    font-size         : 16px;
    background        : #322823;
    color             : #d6b582;
    resize            : none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
  }

  .prodCart_txt {
    width : 75%;
    margin: 0 0 0 10px;
  }


  /*--------------------cart4-----------------------*/
  .preProdForPay .memberRio {
    width : 100%;
    height: 32px;
  }

  .payTxt {
    width         : 100%;
    display       : inline-block;
    font-size     : 16px;
    vertical-align: middle;
  }

  .creditCard01 {
    display       : inline-block;
    font-size     : 16px;
    vertical-align: middle;
    margin        : 0;
    text-align    : left;
    width         : 100%;
  }

  .creditCardUse {
    width  : 94%;
    border : 1px solid #29211d;
    padding: 2%;
    margin : 2% 0 0;
  }

  .card02 input,
  .card02 select {
    width: 50px;
  }


  /*--------------------cart5-----------------------*/

  .preCartOrderProd img,
  .preCartOrderProdInfor {
    display       : inline-block;
    vertical-align: middle;
    font-size     : 16px;
  }

  .preCartOrderProd img {
    height: auto;
    width : 15%;
  }

  .preCartOrderProdInfor {
    width   : 83%;
    margin  : 0 0 0 2%;
    clear   : both;
    overflow: hidden;
  }

  .preCartOrderProdInfor_Top {
    width: 100%;
    clear: both;
  }

  .preCartOrderProdInfor_L {
    width: 100%;
    float: none;
    color: #d6b582;
  }

  .preCartOrderProdInfor_R {
    width       : 100%;
    padding-left: 0;
    float       : left;
    background  : none;
    color       : #d6b582;
  }

  .preList_memberInfor .orderTxt {
    font-size     : 16px;
    vertical-align: middle;
    padding       : 0 0 0 17px;
    display       : block;
    word-break    : break-all;
  }


  /*----------------------------Contact us--------------------------------*/
  .contact_content {
    width   : 100%;
    clear   : both;
    overflow: hidden;
    margin  : 50px 0 100px;
  }

  .contact_L {
    float : none;
    width : 100%;
    margin: 0 0 20px;
  }

  .contact_R {
    float     : none;
    width     : 100%;
    padding   : 0;
    background: url(../images/bg_line-Top.png) repeat-x left top;
  }

  .serviceArea {
    width   : 100%;
    clear   : both;
    overflow: hidden;
  }

  .serviceArea_L {
    float : left;
    width : 50%;
    margin: 0;
  }

  .serviceArea_R {
    float: left;
    width: 50%;
  }

  /*----------------------------About--------------------------------*/
  .preOffice {
    width     : 47.5%;
    height    : 150%;
    margin    : 0 5% 30px 0;
    padding   : 15px 0.95%;
    background: #201917;
    color     : #bea278;
    font-size : 16px;
    text-align: center;
  }

  .preOffice:nth-child(3n) {
    margin-right: 5%;
  }

  .preOffice:nth-child(2n) {
    margin-right: 0;
  }

  /*----------------------------teach--------------------------------*/

  .teachImg {
    width       : 20%;
    float       : left;
    margin-right: 2%;
    font-size   : 0;
  }

  .teachInfo {
    width: 77%;
    float: left;
    color: #bea278;
  }

  .teachImg_pic {
    width          : 100%;
    height         : 0;
    padding-bottom : 231%;
    background     : url(../images/teacher_pad.png) no-repeat;
    background-size: 100%;
  }

}


@media screen and (min-width:768px) and (max-width:1050px) {
  .bg_index {
    background: url(../images/bg_index_flower_pad.jpg) no-repeat center top;
  }

  .bg_about {
    background: url(../images/bg_about_flower_pad.jpg) no-repeat center top;
  }

  .bg_news {
    background: url(../images/bg_news_flower_pad.jpg) no-repeat center top;
  }

  .bg_member {
    background: url(../images/bg_member_flower_pad.jpg) no-repeat center top;
  }

  .bg_order {
    background: url(../images/bg_order_flower_pad.jpg) no-repeat center top;
  }

  .bg_contact {
    background: url(../images/bg_contact_flower_pad.jpg) no-repeat center top;
  }

  .bg_cart {
    background: url(../images/bg_cart_flower_pad.jpg) no-repeat center top;
  }

  .bg_productAll {
    background: url(../images/bg_productAll_flower_pad.jpg) no-repeat center top;
  }

  .bg_occasion {
    background: url(../images/bg_occasion_flower_pad.jpg) no-repeat center top;
  }

  .bg_teach {
    background: url(../images/bg_teach_flower_pad.jpg) no-repeat center top;
  }

  #logo {
    z-index    : 11;
    width      : 220px;
    left       : 50%;
    top        : 0;
    margin-left: -110px;
  }

  #logo img {
    width : 100%;
    height: auto;
  }

  /*#btn-hamburger{ position:absolute; z-index:20; width:35px; height:30px; left:1%; top:120px; background:url(../images/btn-hamburger.png) no-repeat; display:block;  font-size:0;}*/
  #btn-hamburger {
    width     : 80px;
    height    : 30px;
    position  : absolute;
    z-index   : 20;
    left      : 2%;
    top       : 120px;
    background: url(../images/btn-hamburger.png) no-repeat;
    display   : block;
    font-size : 0;
  }

  /*#member_login{ width:30px; height:30px; position:absolute; left:55px;  top:120px; z-index:5; margin-left:0; text-align:center; line-height:23px; font-size:0; font-weight:bold; color:#f6f6f4; background:url(../images/btn-member.png); }*/
  #member_login {
    width      : 30px;
    height     : 30px;
    position   : absolute;
    z-index    : 20;
    left       : 110px;
    top        : 120px;
    margin-left: 0;
    text-align : center;
    line-height: 23px;
    font-size  : 0;
    font-weight: bold;
    color      : #f6f6f4;
    background : url(../images/btn-member.png);
  }

  /*#shopping_bag{ width:100px; height:30px;  padding-left:30px; position:absolute; left:68px;  top:120px; z-index:3; margin-left:0;  line-height:30px; font-size:13px; font-weight:bold; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;box-sizing:border-box; }*/
  #shopping_bag {
    width             : 100px;
    height            : 30px;
    padding-left      : 30px;
    position          : absolute;
    z-index           : 20;
    left              : 120px;
    top               : 120px;
    margin-left       : 0;
    line-height       : 30px;
    font-size         : 13px;
    font-weight       : bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
  }

  /*花禮分類*/
  #flower_type {
    width: 100%;
    top  : 320px;
    left : 0;
  }

  #flower_wrap {
    position: relative;
    width   : 100%;
    height  : 1000px;
    overflow: hidden;
  }

  #flower_type-title {
    width             : 100%;
    height            : 46px;
    line-height       : 46px;
    text-align        : left;
    background        : url(../images/icon_arr-right.png) no-repeat right center;
    position          : relative;
    z-index           : 20;
    top               : 0;
    left              : 0;
    cursor            : pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
  }

  #flower_type-title>h1 {
    font-size: 19px;
    color    : #efdf93;
  }

  .sub_flower {
    position   : absolute;
    z-index    : 25;
    top        : 0;
    left       : 100%;
    width      : 100%;
    background : #372c26;
    padding-top: 46px;
    display    : none;
  }

  .btn-return_flower,
  .btn-return_sub_flower {
    display           : block;
    width             : 100%;
    height            : 46px;
    line-height       : 46px;
    text-align        : left;
    padding-left      : 30px;
    background        : #b33023 url(../images/icon_arr-left.png) no-repeat 0 center;
    position          : absolute;
    top               : 0;
    left              : 0;
    cursor            : pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    font-size         : 19px;
    color             : #efdf93;
    font-weight       : bold;
  }

  .three_flower {
    position   : absolute;
    z-index    : 26;
    top        : 0;
    left       : 100%;
    width      : 100%;
    height     : 1000px;
    background : #372c26;
    padding-top: 46px;
    display    : none;
  }

  .sub_flower ul,
  .three_flower ul {
    width     : 100%;
    margin    : 0 auto;
    padding   : 0 0 15px;
    list-style: none;
  }

  .sub_flower li {
    width        : 100%;
    border-bottom: 1px dashed #efdf93;
    height       : 46px;
    line-height  : 46px;
    font-size    : 19px;
    color        : #a58765;
    background   : none;
    margin       : 0 auto 0;
  }

  .sub_flower li a {
    display        : block;
    padding-left   : 0;
    color          : #a58765;
    text-decoration: none;
  }

  .sub_flower li a:hover {
    padding-left: 30px;
    color       : #e1bd7d;
    background  : url(../images/btn_arr_right.png) no-repeat 11px center;
  }

  .three_flower li {
    height       : 46px;
    line-height  : 46px;
    font-size    : 19px;
    color        : #efdf93;
    border-bottom: 1px dashed #efdf93;
  }

  .three_flower li a {
    display        : block;
    padding-left   : 0;
    color          : #a58765;
    text-decoration: none;
  }

  .three_flower li a:hover {
    color     : #e1bd7d;
    background: url(../images/btn_arr_right.png) no-repeat 11px center;
  }

  /*內容區*/
  #content {
    width        : 100%;
    padding-top  : 170px;
    margin-bottom: 200px;
  }

  .content_main {
    width      : 100%;
    min-height : auto;
    margin     : 20px auto;
    padding-top: 30px;
    border-top : 1px solid #a58461;
  }

  .content_main2 {
    width      : 100%;
    margin     : 20px auto;
    padding-top: 30px;
    border-top : 1px solid #a58461;
  }

  /*沒有最小高度*/
  /*右側banner*/
  .content_bnner2-box {
    width   : 100%;
    clear   : both;
    overflow: hidden;
  }

  .content_bnner2 {
    width         : 48%;
    height        : 0;
    padding-bottom: 48%;
    margin        : 0 0 65px 0;
    position      : relative;
    text-align    : left;
    float         : left;
  }

  .content_bnner2:nth-child(2) {
    float: right;
  }

  .content_bnner2 a>img {
    width        : 100%;
    height       : auto;
    position     : relative;
    top          : 0;
    left         : 0;
    z-index      : 5;
    margin-bottom: -5px;
  }

  .cover_banner {
    display: none;
  }

  .mobile-bannerTxt {
    display   : block;
    width     : 100%;
    height    : 65px;
    background: url(../images/bg_black-alpha2.png) repeat;
    position  : relative;
    border-top: 1px dashed #a58461;
  }

  .padding_img {
    padding-top  : 0;
    margin-bottom: 0;
    position     : absolute;
    top          : 12px;
    left         : 10px;
    display      : block;
  }

  .cover_banner>h2 {
    width         : 80%;
    margin        : 0 auto;
    color         : #fff;
    font-size     : 18px;
    letter-spacing: 2px;
    font-weight   : normal;
    margin-bottom : 10px;
    position      : absolute;
    left          : 20%;
    top           : 10px;
    text-align    : left;
  }

  .cover_banner .img_display {
    display: none;
  }

  .cover_banner>h3 {
    width         : 80%;
    font-size     : 15px;
    color         : #d4b578;
    font-weight   : normal;
    letter-spacing: 1px;
    position      : absolute;
    left          : 20%;
    bottom        : 10px;
    text-align    : left;
  }

  .link_down {
    display: none;
  }

  .hr_prod-subject {
    width         : 95%;
    margin        : 0 auto;
    height        : 400%;
    line-height   : 400%;
    background    : url(../images/bg_1050-title.png) no-repeat center;
    color         : #a58461;
    font-size     : 18px;
    text-align    : center;
    letter-spacing: 2px;
  }

  .prod_showArea {
    width   : 98.5%;
    clear   : both;
    overflow: hidden;
    margin  : 15px auto;
  }

  .pre_prod {
    width         : 30%;
    height        : 0;
    padding-bottom: 30%;
    position      : relative;
    float         : left;
    margin        : 15px 1.66% 120px;
  }

  .pre_prod a {
    text-decoration: none;
  }

  /*.pre_prod:nth-child(4n){ margin:0 2% 120px 0;}
.pre_prod:nth-child(3n){ margin:0 0 120px 0; }*/
  .pre_prod a>img,
  .cover_prod {
    position: relative;
  }

  .pre_prod a>img {
    width        : 100%;
    height       : auto;
    margin-bottom: -5px;
  }

  .pre_prod a>img {
    height       : auto;
    margin-bottom: -5px;
    width        : 100%;
  }




  .cover_prod {
    padding           : 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    background        : none;
    top               : 0;
    left              : 0;
    display           : none;
  }



  .mobile-prodTxt {
    display   : block;
    width     : 100%;
    height    : 100px;
    padding   : 10px 0 0;
    background: #000;
    position  : relative;
  }


  .prod-style_num {
    font-size  : 16px;
    font-family: Arial, Helvetica, sans-serif;
    color      : #fff;
    line-height: 25px;
    text-align : left;
  }

  .prod-name {
    font-size     : 17px;
    /*font-family :"微軟正黑體", Arial, sans-serif;*/
    color         : #fff;
    font-weight   : bold;
    letter-spacing: 0;
    line-height   : 25px;
    text-align    : left;
  }

  .prod-price {
    color         : #bda277;
    font-size     : 16px;
    font-family   : Arial, Helvetica, sans-serif;
    font-weight   : bold;
    letter-spacing: 2px;
    line-height   : 25px;
    text-align    : left;
  }

  .prod-price:before {
    content: "NT$ ";
  }

  .prod-price:after {
    content: " 元";
  }

  .more-other {
    width     : 100%;
    text-align: center;
    height    : 30px;
  }

  .more-other a {
    height         : 30px;
    display        : inline-block;
    text-decoration: none;
  }

  .more-other a.icon01 {
    width             : 100%;
    height            : 30px;
    line-height       : 30px;
    background        : url(../images/icon.png) no-repeat center 0;
    padding-left      : 110px;
    letter-spacing    : 2px;
    color             : #a58461;
    font-size         : 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
  }

  #footer {
    width     : 100%;
    min-height: auto;
    background: none;
  }

  #footer-Area,
  #copyright-Area {
    width   : 100%;
    margin  : 0 auto;
    position: relative;
  }

  .footer-title {
    width         : 100%;
    height        : 150px;
    line-height   : 150px;
    font-size     : 69px;
    font-family   : "Times New Roman", Times, serif;
    text-align    : center;
    color         : #c2a77c;
    letter-spacing: 5px;
    display       : block;
  }

  .footer-con {
    width             : 100%;
    padding           : 25px 1%;
    clear             : both;
    overflow          : hidden;
    color             : #c2a77c;
    font-size         : 16px;
    font-weight       : bold;
    letter-spacing    : 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
  }
  .social{
    margin-bottom: 40px;
  }

  #top a {
    width          : 60px;
    height         : 20px;
    padding        : 5px 10px 5px 15px;
    word-break     : normal;
    text-align     : center;
    background     : #b33023 url(../images/icon-arr-top.jpg) no-repeat left center;
    font-family    : "Arial", Gadget, sans-serif;
    font-size      : 18px;
    position       : absolute;
    left           : 50%;
    margin-left    : -42px;
    top            : -15%;
    z-index        : 10;
    display        : block;
    color          : #efdf93;
    text-decoration: none;
  }

  /* .pre-footer-con {
    width             : 25%;
    padding-left      : 5%;
    float             : left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
  }

  .pre-footer-con:nth-child(1),
  .pre-footer-con:nth-child(2) {
    display: block;
  } */

  .pre-footer-con p {
    height     : 30px;
    line-height: 30px;
  }

  .pre-footer-con p a {
    color          : #c2a77c;
    text-decoration: none;
  }

  #copyright {
    width     : 100%;
    border-top: 1px solid #c2a77c;
  }

  #copyright-Area {
    text-align: center;
    color     : #8d7257;
    font-size : 13px;
    padding   : 0 0 30px;
  }

  #copyright-Area img {
    display: none;
  }

  #copyright-Area p {
    line-height: 40px;
  }

  .footer-display {
    display: none;
  }


  /*----------------共用區-------------------*/
  .inner_subject2 {
    float        : left;
    border-bottom: none;
    margin       : 15px 0 10px;
  }

  /*-----------------NEWS----------------*/
  .localArea {
    width   : 95%;
    clear   : both;
    overflow: hidden;
    margin  : 2% auto;
  }

  .local {
    float             : left;
    width             : 80%;
    height            : 30px;
    line-height       : 30px;
    font-size         : 16px;
    /*font-family     :"微軟正黑體", Arial, sans-serif;*/
    background        : url(../images/icon_05.png) no-repeat left center;
    color             : #a58461;
    padding-left      : 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
  }

  .local a {
    text-decoration: none;
    color          : #a58461;
  }

  .local a:last-child {
    color : #ebdbb8;
    cursor: none;
  }

  .listPage {
    width     : 20%;
    display   : block;
    float     : right;
    text-align: right;
  }

  .listPage a {
    text-align     : right;
    text-decoration: none;
    color          : #a58461;
    font-size      : 30px;
    line-height    : 30px;
    font-weight    : bold;
    display        : block;
    /*font-family  :"微軟正黑體", Arial, sans-serif;*/
  }

  .listPage a.icon02 {
    height            : 30px;
    line-height       : 30px;
    background        : url(../images/icon_02.png) no-repeat right 0;
    padding-right     : 40px;
    letter-spacing    : 2px;
    color             : #a58461;
    font-size         : 16px;
    font-weight       : bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
  }

  .hr_inerWeb {
    width     : 95%;
    margin    : 0 auto;
    height    : 20px;
    background: url(../images/hr-flower_1050.png)no-repeat center;
    font-size : 0;
  }

  /*.icon_news{ background:url(../images/icon_03.png) no-repeat left center; }*/
  .pre_news_list {
    width        : 100%;
    padding      : 10px 0;
    border-bottom: 1px dashed #3a2e22;
    clear        : both;
    overflow     : hidden;
    /*font-family:"微軟正黑體", Arial, sans-serif;*/
  }

  .pre_news_list_main {
    float: left;
    width: 65%;
  }

  .pre_news_list_mainArea {
    width   : 100%;
    clear   : both;
    overflow: hidden;
    display : table;
  }

  .pre_news_list_mainArea_NO {
    width          : 30px;
    height         : 30px;
    line-height    : 30px;
    padding-top    : 5px;
    background     : url(../images/icon_04.png) no-repeat left center;
    background-size: 100%;
    text-align     : center;
    color          : #392d21;
    font-size      : 12px;
    font-weight    : bold;
    display        : table-cell;
  }

  .pre_news_list_mainArea_TXT {
    display       : table-cell;
    font-size     : 16px;
    color         : #ebdbb8;
    vertical-align: middle;
    padding-left  : 10px;
    letter-spacing: 1.5px;
  }

  .pre_news_list_mainArea_TXT a {
    color          : #ebdbb8;
    text-decoration: none;
  }

  .pre_news_list_sub {
    float : left;
    width : 35%;
    margin: 0;
  }

  .pre_news_list_subArea {
    width             : 100%;
    clear             : both;
    overflow          : hidden;
    border-left       : 1px solid #392d21;
    padding-left      : 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
  }

  .pre_news_list_subArea_Time {
    width             : 100%;
    padding-left      : 30px;
    float             : none;
    margin-right      : 2%;
    background        : url(../images/icon_06.png) no-repeat left center;
    border-right      : 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    color             : #bea278;
    line-height       : 30px;
  }

  .pre_news_list_subArea_Time span {
    display: inline-block;
  }

  .pre_news_list_subArea_ViewNO {
    width             : 100%;
    padding-left      : 30px;
    float             : none;
    background        : url(../images/icon_07.png) no-repeat left center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    color             : #bea278;
    line-height       : 30px;
  }

  .pre_news_list_subArea_ViewNO span {
    display: inline-block;
  }

  /*---------Member----------*/
  .addr {
    width: 80%;
  }

  .addr02 {
    width : 200px;
    margin: 10px 0 0 0;
  }

  .member_ps {
    width     : auto;
    margin    : 0 0 0 10px;
    text-align: left;
    font-size : 12px;
  }

  .birthday input,
  .addr_1 input {
    width: 170px;
  }

  /*註冊-美化後下拉選單*/
  .member01 {
    width     : 126px;
    text-align: right;
    margin    : 0;
  }

  .addr03 {
    width: 420px;
  }

  .addr01_0 {
    width: 40px;
  }

  /*會員服務中心選單*/
  .memberCenterArea_L {
    float  : none;
    width  : 100%;
    margin : 0 0 30px;
    padding: 10px 0 0;
  }

  .memberCenterArea_R {
    float: none;
    width: 100%;
    color: #c2a77c;
  }

  .memberCenterArea_L ul {
    width     : 100%;
    color     : #a58461;
    display   : table;
    font-size : 0;
    list-style: none;
  }

  .memberCenterArea_L li {
    width         : 23.5%;
    height        : 40px;
    line-height   : 40px;
    display       : inline-block;
    font-size     : 16px;
    text-align    : center;
    border-top    : 1px dashed #a58461;
    border-bottom : 1px dashed #a58461;
    /* margin     :0 2% 0 0;*/
    letter-spacing: 1.5px
  }

  .memberCenterArea_L li:nth-child(1) {
    margin: 0 2% 0 0;
  }

  .memberCenterArea_L li:nth-child(2) {
    margin: 0 2% 0 0;
  }

  .memberCenterArea_L li:nth-child(3) {
    margin: 0 2% 0 0;
  }

  .memberCenterArea_L li:nth-child(4) {
    margin: 0;
  }

  .memberCenterList i {
    width          : 40px;
    height         : 40px;
    overflow       : hidden;
    display        : inline-block;
    font-size      : 0;
    background     : url(../images/icon_member_subMenu.png) no-repeat;
    background-size: 40px;
    margin         : 0;
    vertical-align : middle;
  }

  /*-----------------pop視窗_購物數量----------------------*/
  .Pop_cartNum {
    width     : 400px;
    border    : 1px solid #a58461;
    background: #372c26;
    position  : absolute;
    left      : 10px;
    margin    : 0;
    top       : 150px;
    z-index   : -15;
    display   : none;
  }

  .cartNumWrap {
    position: relative;
    width   : 320px;
    margin  : 0 auto;
  }

  /*-----------------pop視窗_會員登入----------------------*/
  .pop_login {
    width     : 100%;
    height    : 100%;
    position  : absolute;
    z-index   : 999;
    background: rgba(0, 0, 0, 0.8);
    display   : none;
  }

  .popContent {
    width   : 700px;
    margin  : 180px auto 0;
    position: relative;
  }

  .btn_closePop {
    position  : absolute;
    top       : -77px;
    right     : 0;
    width     : 120px;
    height    : 34px;
    background: url(../images/btn_popClose.png) no-repeat;
    cursor    : pointer;
    font-size : 0;
  }

  .showPopConBox {
    width        : 700px;
    height       : 426px;
    padding      : 0;
    background   : #372c26;
    border-radius: 8px;
    position     : relative;
    clear        : both;
    overflow     : hidden;
    position     : relative;
  }

  .showPopCon {
    position: absolute;
  }

  .loginCon {
    width  : 100%;
    height : 316px;
    padding: 55px 0;
  }

  .loginCon_L {
    width        : 325px;
    padding      : 0 12px;
    border-right : 1px dashed #a58461;
    border-bottom: none;
    float        : left;
  }

  .loginCon_R {
    width  : 325px;
    float  : right;
    padding: 0 12px;
  }

  .loginCon_L input {
    width     : 99.5%;
    height    : 34px;
    background: #0a0603;
    border    : 1px solid #a58461;
    text-align: center;
    color     : #a58461;
    margin    : 6px 0;
    font-size : 16px;
  }

  .securityCode {
    width : 100%;
    margin: 6px 0;
  }

  .securityCode img,
  .reSecurity {
    display       : inline-block;
    vertical-align: bottom;
  }

  .reSecurity {
    margin: 0 0 0 10px;
  }

  .reSecurity a {
    color          : #ecd78e;
    font-size      : 15px;
    line-height    : 10px;
    text-decoration: none;
    border-bottom  : 1px solid #ecd78e;
  }

  .btn_loginArea {
    width    : 100%;
    font-size: 0;
    clear    : both;
    overflow : hidden;
    margin   : 12px 0 0;
  }

  .btn_login {
    float: left;
  }

  .btn_forget {
    float      : right;
    color      : #ecd78e;
    font-size  : 14px;
    line-height: 55px;
  }

  .btn_forget a {
    color          : #ecd78e;
    font-size      : 15px;
    text-decoration: none;
    border-bottom  : 1px solid #ecd78e;
  }

  .firstShop_1 {
    width : 100%;
    height: 225px;
  }

  .firstShop_1 p {
    color         : #ecd78e;
    letter-spacing: 0.8px;
    line-height   : 28px;
  }

  .firstShop_2 {
    width : 100%;
    height: 225px;
  }

  .txt_shopPs {
    width             : 100%;
    color             : #ecd78e;
    letter-spacing    : 0.5px;
    line-height       : 28px;
    border            : 1px solid #b33023;
    padding           : 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    margin            : 0 0 20px;
  }

  .btn_regester {
    width: 100%;
  }

  .btn_regester a {
    color          : #ecd78e;
    font-size      : 15px;
    text-decoration: none;
    border-bottom  : 1px solid #ecd78e;
  }


  /*------------------忘記密碼---------------------*/
  .forgetCon {
    width   : 80%;
    height  : 316px;
    padding : 55px 0 0;
    margin  : 0 auto;
    position: relative;
  }

  .gotoLogin {
    width     : 60px;
    height    : 40px;
    background: url(../images/icon_arrUp.png)no-repeat;
    position  : absolute;
    left      : 50%;
    top       : 25px;
    margin    : 0 0 0 -30px;
    font-size : 0;
    cursor    : pointer;
    z-index   : 20;
  }

  .preForget {
    width   : 100%;
    clear   : both;
    overflow: hidden;
    margin  : 6px 0;
  }

  .preForget_L,
  .preForget_R {
    float: left;
  }

  .preForget_L {
    width: 285px;
  }

  .preForget_L input {
    width     : 99.5%;
    height    : 34px;
    background: #0a0603;
    border    : 1px solid #a58461;
    text-align: center;
    color     : #a58461;
    margin    : 6px 0;
  }

  .preForget_R {
    height     : 36px;
    line-height: 36px;
    margin     : 0 0 0 30px;
    color      : #ecd78e;
    font-size  : 15px;
  }

  /*------------------------cart------------------------*/
  .floatNo {
    float: none;
  }

  /*------------------------cart2------------------------*/
  .cartProdFlower {
    width   : 97%;
    clear   : both;
    overflow: hidden;
    margin  : 0 auto;
    padding : 0;
  }

  .preCartProd {
    width     : 46.5%;
    padding   : 10px 1%;
    margin    : 7px 0.6%;
    border    : 1px solid #322823;
    float     : left;
    font-size : 0;
    display   : table;
    background: #000;
  }

  .activ_prodBox {
    background  : #29211d;
    border-color: #a58461;
  }

  .deliveryDay input,
  .deliveryDay select {
    width: 170px;
  }

  /*cart送達日期下拉美化*/
  .cartBorderTitle_L {
    margin: 10px 0 10px 15px;
  }

  .cartBorderTitle_R {
    margin: 10px 15px 10px 0;
  }

  /*----------------------------Occasion--------------------------------*/
  .occasionArea li {
    width      : 98%;
    padding    : 5px 1% 0;
    line-height: 30px;
    display    : table;
    font-size  : 0;
  }

  .marry01 {
    width    : 98%;
    font-size: 16px;
    display  : inline-block;
  }

  .marry02 {
    width      : 40%;
    font-size  : 16px;
    display    : inline-block;
    text-indent: 10px;
  }

  .marry03 {
    width      : 48%;
    font-size  : 16px;
    display    : inline-block;
    text-indent: 10px;
  }


}

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

  /*---------------cart2---------------------*/
  .prodCart_txt {
    width : 70%;
    margin: 0 0 0 10px;
  }

}

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

  /*---------Member_bonus----------*/
  .memberBonusArea {
    width : 100%;
    margin: 20px 0 0 0;
  }

  .memberBonusTitle_pc {
    display: none;
  }

  .memberBonusTitle {
    display: block;
  }

  .bonusTimeBox,
  .bonusInfoBox,
  .bonusAddBox,
  .bonusUseBox {
    display       : table;
    vertical-align: middle;
    font-size     : 0;
  }

  .bonusTimeBox {
    width: 100%;
  }

  .bonusAddBox,
  .bonusUseBox {
    width     : 100%;
    text-align: left;
  }

  .bonusInfoBox {
    width : 100%;
    margin: 0;
  }

  .memberBonusTitle {
    display       : inline-block;
    width         : 20%;
    text-align    : right;
    vertical-align: top;
    font-size     : 16px;
  }

  .memberBonusText {
    display  : inline-block;
    width    : 80%;
    font-size: 16px;
  }

  /*-------產品--------*/
  .prodflowBox {
    width   : 100%;
    clear   : both;
    overflow: hidden;
  }

  .prod_L {
    float : none;
    width : 70%;
    height: auto;
    margin: 0 auto;
  }

  /*.prod_L_img{ width:100%; height:0; padding:0 0 100%; position:relative; }
.prod_L_img img{ width:100%; height:auto;  position:absolute; top:0; left:0;}*/
  /*有疊一層半透明圖*/
  /*.prod_L_img img:first-child{ z-index:3;}
.prod_L_img img:last-child{ z-index:2;}*/
  .prod_R {
    float     : none;
    width     : 100%;
    margin    : 40px 0 0 0;
    background: url(../images/hr-flower_1050.png) no-repeat center top;
    color     : #bea278;
  }

  .prod_R h2 {
    color         : #fff;
    height        : 40px;
    line-height   : 40px;
    margin        : 0;
    padding       : 33px 0 0 0;
    font-size     : 19px;
    font-weight   : bold;
    letter-spacing: 1.5px;
  }

  .prodInforTxt {
    width        : 100%;
    height       : auto;
    padding      : 15px 0;
    border-bottom: 1px dashed #3a2e22;
  }

  .prodStandard {
    width         : 100%;
    padding       : 20px 0;
    border-bottom : 1px dashed #3a2e22;
    letter-spacing: 2px;
  }

  .prodStandard p {
    height     : 30px;
    line-height: 30px;
    color      : #bea278;
  }

  .prodStandard p span {
    padding: 0 0 0 5px;
  }

  .prodNumArea {
    height     : 32px;
    line-height: 32px;
    left       : 0;
    padding    : 4px 0;
    border     : 1px solid #b33023;
    color      : #efdf93;
  }

  .prodNumArea ul {
    width     : 100%;
    list-style: none;
  }

  .prodNumArea li {
    float     : left;
    text-align: center;
  }

  .prodNumArea li.prodNumArea_01,
  .prodNumArea li.prodNumArea_03 {
    width : 19%;
    height: 32px;
    cursor: pointer;
  }

  .prodNumArea li.prodNumArea_02 {
    width       : 60%;
    border-left : 1px solid #b33023;
    border-right: 1px solid #b33023;
  }

  .btn_bag {
    height: 40px;
    right : 0;
  }

}

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

  .bg_index,
  .bg_about,
  .bg_news,
  .bg_member,
  .bg_order,
  .bg_contact,
  .bg_cart,
  .bg_productAll,
  .bg_occasion,
  .bg_teach {
    background: #000;
  }

  #logo {
    z-index    : 11;
    width      : 160px;
    left       : 50%;
    top        : 0;
    margin-left: -80px;
  }

  #logo img {
    width : 100%;
    height: auto;
  }

  /*#btn-hamburger{ position:absolute; z-index:20; width:35px; height:30px; left:1%; top:90px; background:url(../images/btn-hamburger.png) no-repeat; display:block;  font-size:0;}*/
  #btn-hamburger {
    width     : 80px;
    height    : 30px;
    position  : absolute;
    z-index   : 20;
    left      : 3%;
    top       : 90px;
    background: url(../images/btn-hamburger.png) no-repeat;
    display   : block;
    font-size : 0;
  }


  /*#member_login{ width:30px; height:30px; position:absolute; left:100%;  top:90px; margin-left:-90px; text-align:center; line-height:23px; font-size:0; font-weight:bold; color:#f6f6f4; background:url(../images/btn-member.png); }*/
  #member_login {
    width      : 30px;
    height     : 30px;
    position   : absolute;
    z-index    : 20;
    left       : 100%;
    top        : 90px;
    margin-left: -90px;
    text-align : center;
    line-height: 23px;
    font-size  : 0;
    font-weight: bold;
    color      : #f6f6f4;
    background : url(../images/btn-member.png);
  }


  /*#shopping_bag{ width:auto; height:30px; position:absolute; left:100%;  top:90px; margin-left:-50px;  line-height:30px; font-size:13px; font-weight:bold; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;box-sizing:border-box; }*/
  #shopping_bag {
    width             : auto;
    height            : 30px;
    position          : absolute;
    position          : absolute;
    z-index           : 20;
    left              : 100%;
    top               : 90px;
    margin-left       : -50px;
    line-height       : 30px;
    font-size         : 13px;
    font-weight       : bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
  }

  /*----------------共用區-------------------*/
  /*花禮分類*/
  #flower_type {
    width: 100%;
    top  : 320px;
    left : 0;
  }

  #flower_wrap {
    position: relative;
    width   : 100%;
    height  : 1000px;
    overflow: hidden;
  }

  #flower_type-title {
    width             : 100%;
    height            : 46px;
    line-height       : 46px;
    text-align        : left;
    background        : url(../images/icon_arr-right.png) no-repeat right center;
    position          : relative;
    z-index           : 20;
    top               : 0;
    left              : 0;
    cursor            : pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
  }

  #flower_type-title>h1 {
    font-size: 19px;
    color    : #efdf93;
  }

  .sub_flower {
    position   : absolute;
    z-index    : 25;
    top        : 0;
    left       : 100%;
    width      : 100%;
    background : #372c26;
    padding-top: 46px;
    display    : none;
  }

  .btn-return_flower,
  .btn-return_sub_flower {
    display           : block;
    width             : 100%;
    height            : 46px;
    line-height       : 46px;
    text-align        : left;
    padding-left      : 30px;
    background        : #b33023 url(../images/icon_arr-left.png) no-repeat 0 center;
    position          : absolute;
    top               : 0;
    left              : 0;
    cursor            : pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    font-size         : 19px;
    font-size         : 19px;
    color             : #efdf93;
    font-weight       : bold;
  }

  .three_flower {
    position   : absolute;
    z-index    : 26;
    top        : 0;
    left       : 100%;
    width      : 100%;
    height     : 1000px;
    background : #372c26;
    padding-top: 57px;
    display    : none;
  }

  .sub_flower ul,
  .three_flower ul {
    width     : 100%;
    margin    : 0 auto;
    padding   : 0 0 15px;
    list-style: none;
  }

  .sub_flower li {
    width        : 100%;
    border-bottom: 1px dashed #efdf93;
    height       : 46px;
    line-height  : 46px;
    font-size    : 19px;
    color        : #a58765;
    background   : none;
    margin       : 0 auto 0;
  }

  .sub_flower li a {
    display        : block;
    padding-left   : 0;
    color          : #a58765;
    text-decoration: none;
  }

  .sub_flower li a:hover {
    padding-left: 30px;
    color       : #e1bd7d;
    background  : url(../images/btn_arr_right.png) no-repeat 11px center;
  }

  .three_flower li {
    height       : 46px;
    line-height  : 46px;
    font-size    : 19px;
    color        : #efdf93;
    border-bottom: 1px dashed #efdf93;
  }

  .three_flower li a {
    display        : block;
    padding-left   : 0;
    color          : #a58765;
    text-decoration: none;
  }

  .three_flower li a:hover {
    color     : #e1bd7d;
    background: url(../images/btn_arr_right.png) no-repeat 11px center;
  }

  /*內容區*/
  #content {
    width        : 100%;
    padding-top  : 110px;
    margin-bottom: 200px;
  }

  .content_main {
    width      : 100%;
    min-height : auto;
    margin     : 20px auto;
    padding-top: 0;
    border-top : none;
  }

  .content_main2 {
    width      : 100%;
    margin     : 20px auto;
    padding-top: 0;
    border-top : none;
  }

  /*沒有最小高度*/

  /*右側banner*/
  .content_bnner2-box {
    width   : 100%;
    clear   : both;
    overflow: hidden;
  }

  .content_bnner2 {
    width         : 48%;
    height        : 0;
    padding-bottom: 48%;
    margin        : 0 0 65px 0;
    position      : relative;
    text-align    : left;
    float         : left;
  }

  /*.content_bnner2{ width:100%; height:0; padding-bottom:100%; margin:0 0 85px 0; position:relative; text-align:left; float:left; }*/
  .content_bnner2:nth-child(2) {
    float: right;
  }

  .content_bnner2 a>img {
    width        : 100%;
    height       : auto;
    position     : relative;
    top          : 0;
    left         : 0;
    z-index      : 5;
    margin-bottom: -5px;
  }

  .cover_banner {
    display: none;
  }

  .mobile-bannerTxt {
    display   : block;
    width     : 100%;
    height    : 65px;
    background: url(../images/bg_black-alpha2.png) repeat;
    position  : relative;
    border-top: 1px dashed #a58461;
  }

  /*.padding_img{ padding-top:0; margin-bottom:0; position:absolute; top:12px; left:10px;}*/
  .padding_img {
    display: none;
  }

  .cover_banner>h2 {
    width         : 100%;
    margin        : 0 auto;
    color         : #fff;
    font-size     : 16px;
    letter-spacing: 1px;
    font-weight   : normal;
    margin-bottom : 10px;
    position      : absolute;
    left          : 0;
    top           : 10px;
    text-align    : center;
  }

  .cover_banner .img_display {
    display: none;
  }

  .cover_banner>h3 {
    width         : 100%;
    font-size     : 15px;
    color         : #d4b578;
    font-weight   : normal;
    letter-spacing: 1px;
    position      : absolute;
    left          : 0;
    bottom        : 10px;
    text-align    : center;
  }

  .link_down {
    display: none;
  }

  .prod_showArea {
    width   : 97.35%;
    clear   : both;
    overflow: hidden;
    margin  : 15px auto;
  }

  .pre_prod {
    width         : 48%;
    height        : 0;
    padding-bottom: 48%;
    position      : relative;
    float         : left;
    margin        : 15px 1% 120px;
  }

  .pre_prod a {
    text-decoration: none;
  }

  .pre_prod a>img,
  .cover_prod {
    position: relative;
  }

  .pre_prod a>img {
    width        : 100%;
    height       : auto;
    margin-bottom: -5px;
  }

  .cover_prod {
    padding           : 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    background        : none;
    top               : 0;
    left              : 0;
    display           : none;
  }

  .mobile-prodTxt {
    display   : block;
    width     : 100%;
    height    : 100px;
    padding   : 10px 0 0;
    background: #000;
    position  : relative;
  }

  .prod-style_num {
    font-size  : 16px;
    font-family: Arial, Helvetica, sans-serif;
    color      : #fff;
    line-height: 25px;
    text-align : center;
  }

  .prod-name {
    font-size     : 16px;
    /*font-family :"微軟正黑體", Arial, sans-serif;*/
    color         : #fff;
    font-weight   : normal;
    letter-spacing: 0;
    line-height   : 25px;
    text-align    : center;
  }

  .prod-price {
    color         : #bda277;
    font-size     : 16px;
    font-family   : Arial, Helvetica, sans-serif;
    font-weight   : bold;
    letter-spacing: 2px;
    line-height   : 25px;
    text-align    : center;
  }

  .prod-price:before {
    content: "NT$ ";
  }

  .prod-price:after {
    content: " 元";
  }

  .prod-price_tetx,
  .prod-price_DB {
    color         : #bda277;
    font-family   : "微軟正黑體", Arial, sans-serif;
    font-size     : 15px;
    letter-spacing: 2px;
    line-height   : 22px;
    text-align    : center;
  }

  .prod-price_tetx span,
  .prod-price_DB span {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
  }

  .more-other {
    width     : 100%;
    text-align: center;
    height    : 30px;
  }

  .more-other a {
    height         : 30px;
    display        : inline-block;
    text-decoration: none;
  }

  .more-other a.icon01 {
    width             : 100%;
    height            : 30px;
    line-height       : 30px;
    background        : url(../images/icon.png) no-repeat center 0;
    padding-left      : 110px;
    letter-spacing    : 2px;
    color             : #a58461;
    font-size         : 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
  }

  #footer {
    width     : 100%;
    min-height: auto;
    background: none;
  }

  #footer-Area,
  #copyright-Area {
    width   : 100%;
    margin  : 0 auto;
    position: relative;
  }

  .footer-title {
    display: none;
  }

  .footer-con {
    padding           : 25px 1%;
    clear             : both;
    overflow          : hidden;
    color             : #c2a77c;
    font-size         : 16px;
    font-weight       : bold;
    letter-spacing    : 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    justify-content: center;
  }

  #top a {
    width          : 60px;
    height         : 20px;
    padding        : 5px 10px 5px 15px;
    word-break     : normal;
    text-align     : center;
    background     : #b33023 url(../images/icon-arr-top.jpg) no-repeat left center;
    font-family    : "Arial", Gadget, sans-serif;
    font-size      : 18px;
    position       : absolute;
    left           : 50%;
    margin-left    : -42px;
    top            : -50%;
    z-index        : 10;
    display        : block;
    color          : #efdf93;
    text-decoration: none;
  }

  .pre-footer-con {
    
    padding-left: 30px;
    padding-right: 30px;
  }

  .pre-footer-con:nth-child(1),
  .pre-footer-con:nth-child(2) {
    display: none;
  }

  .pre-footer-con p {
    height     : 30px;
    line-height: 30px;
  }

  .pre-footer-con p a {
    color          : #c2a77c;
    text-decoration: none;
  }

  #copyright {
    width     : 100%;
    border-top: 1px solid #c2a77c;
  }

  #copyright-Area {
    text-align: center;
    color     : #8d7257;
    font-size : 12px;
    padding   : 0 0 30px;
  }

  #copyright-Area img {
    display: none;
  }

  #copyright-Area p {
    line-height: 40px;
  }

  .footer-display {
    display: none;
  }

  /*-----------------NEWS----------------*/
  .localArea {
    width   : 95%;
    clear   : both;
    overflow: hidden;
    margin  : 2% auto;
  }

  .local {
    float             : none;
    width             : 100%;
    height            : 30px;
    line-height       : 30px;
    font-size         : 16px;
    /*font-family     :"微軟正黑體", Arial, sans-serif;*/
    background        : url(../images/icon_05.png) no-repeat left center;
    color             : #a58461;
    padding-left      : 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
  }

  .local a {
    text-decoration: none;
    color          : #a58461;
  }

  .local a:last-child {
    color : #ebdbb8;
    cursor: none;
  }

  .listPage {
    display: none;
  }

  .hr_inerWeb {
    width     : 95%;
    margin    : 0 auto;
    height    : 20px;
    background: url(../images/hr-flower_1050.png)no-repeat center;
    font-size : 0;
  }

  /*.inner_subject{ display:none;}*/
  .innerTop_txt,
  .innerTop_txt2 {
    display       : inline-block;
    color         : #a58461;
    font-size     : 16px;
    font-weight   : normal;
    letter-spacing: 0.3px;
    vertical-align: middle;
    margin        : 0 0 0 5px;
    text-indent   : -20px;
    padding       : 0 0 0 20px;
  }

  /*-----Phone內頁banner-----*/
  .inerWeb_bannner_about {
    background: url(../images/banner_about_phone.jpg) no-repeat;
  }

  .inerWeb_bannner_news {
    background: url(../images/banner_news_phone.jpg) no-repeat;
  }

  .inerWeb_bannner_member {
    background: url(../images/banner_member_phone.jpg) no-repeat;
  }

  .inerWeb_bannner_orderInfor {
    background: url(../images/banner_orderInfor_phone.jpg) no-repeat;
  }

  .inerWeb_bannner_contact {
    background: url(../images/banner_contact_phone.jpg) no-repeat;
  }

  .inerWeb_bannner_occasion {
    background: url(../images/banner_occasion_phone.jpg) no-repeat;
  }

  .inerWeb_bannner_teach {
    background: url(../images/banner_teach_phone.jpg) no-repeat;
  }

  .inerWeb_bannner_order {
    background: url(../images/banner_order_phone.jpg) no-repeat;
  }

  .inerWeb_bannner_about,
  .inerWeb_bannner_news,
  .inerWeb_bannner_member,
  .inerWeb_bannner_orderInfor,
  .inerWeb_bannner_contact,
  .inerWeb_bannner_occasion,
  .inerWeb_bannner_teach,
  .inerWeb_bannner_order {
    width          : 100%;
    height         : 0;
    padding-bottom : 32.8%;
    background-size: 100%;
    font-size      : 0;
  }

  /*.icon_news{ background:url(../images/icon_03.png) no-repeat left center; }*/
  .pre_news_list {
    width        : 100%;
    padding      : 10px 0;
    border-bottom: 1px dashed #3a2e22;
    clear        : both;
    overflow     : hidden;
    /*font-family:"微軟正黑體", Arial, sans-serif;*/
  }

  .pre_news_list_main {
    float: none;
    width: 100%;
  }

  .pre_news_list_mainArea {
    width   : 100%;
    clear   : both;
    overflow: hidden;
    display : table;
  }

  .pre_news_list_mainArea_NO {
    width          : 40px;
    height         : 40px;
    line-height    : 40px;
    padding-top    : 5px;
    background     : url(../images/icon_04.png) no-repeat left center;
    background-size: 100%;
    text-align     : center;
    color          : #392d21;
    font-size      : 15px;
    font-weight    : bold;
    display        : table-cell;
  }

  .pre_news_list_mainArea_TXT {
    display       : table-cell;
    font-size     : 16px;
    color         : #ebdbb8;
    vertical-align: middle;
    padding-left  : 10px;
    letter-spacing: 1.5px;
  }

  .pre_news_list_mainArea_TXT a {
    color          : #ebdbb8;
    text-decoration: none;
  }

  .pre_news_list_sub {
    float : none;
    width : 100%;
    margin: 10px 0 0;
  }

  .pre_news_list_subArea {
    width             : 100%;
    clear             : both;
    overflow          : hidden;
    border            : 0;
    padding-left      : 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
  }

  .pre_news_list_subArea_Time {
    width             : 50%;
    padding-left      : 30px;
    float             : left;
    margin-right      : 0;
    background        : url(../images/icon_06.png) no-repeat left center;
    border-right      : 1px solid #392d21;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    color             : #bea278;
    line-height       : 30px;
  }

  .pre_news_list_subArea_Time span {
    display: none;
  }

  .pre_news_list_subArea_ViewNO {
    width             : 50%;
    padding-left      : 30px;
    float             : left;
    background        : url(../images/icon_07.png) no-repeat left center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    color             : #bea278;
    line-height       : 30px;
  }

  .pre_news_list_subArea_ViewNO span {
    display: none;
  }

  /*---------Member----------*/
  /*會員服務中心選單*/
  .memberCenterArea_L {
    float  : none;
    width  : 100%;
    margin : 0 0 30px;
    padding: 10px 0 0;
  }

  .memberCenterArea_R {
    float: none;
    width: 100%;
    color: #c2a77c;
  }

  .memberCenterArea_L ul {
    width     : 100%;
    color     : #a58461;
    font-size : 0;
    display   : table;
    list-style: none;
  }

  .memberCenterArea_L li {
    width         : 49%;
    height        : 40px;
    display       : inline-block;
    font-size     : 16px;
    text-align    : center;
    line-height   : 40px;
    border-top    : 1px dashed #a58461;
    border-bottom : 1px dashed #a58461;
    /*margin      :-1px 1% 0;*/
    letter-spacing: 1.5px
  }

  .memberCenterArea_L li:nth-child(1) {
    margin: -1px 2% 0 0;
  }

  .memberCenterArea_L li:nth-child(2) {
    margin: -1px 0 0;
  }

  .memberCenterArea_L li:nth-child(3) {
    margin: -1px 2% 0 0;
  }

  .memberCenterArea_L li:nth-child(4) {
    margin: -1px 0 0;
  }

  .memberCenterList i {
    width          : 40px;
    height         : 40px;
    overflow       : hidden;
    display        : inline-block;
    font-size      : 0;
    background     : url(../images/icon_member_subMenu.png) no-repeat;
    background-size: 40px;
    margin         : 0;
    vertical-align : middle;
  }

  .innerTop_txt {
    display: block;
    margin : 10px 0 0;
  }

  .formArea {
    width      : 100%;
    font-size  : 16px;
    font-family: "微軟正黑體";
    margin     : 10px 0 0 0;
  }

  .preList_memberInfor {
    width          : 100%;
    color          : #c2a77c;
    margin         : 0 0 20px;
    padding        : 0 0 10px;
    /*border-bottom:1px dashed #c2a77c;*/
    display        : table;
    font-size      : 0;
  }

  .preList_memberInfor b {
    font-weight: normal;
    font-size  : 16px;
  }

  .member01,
  .preList_memberInfor input,
  .member_ps,
  .member_agree,
  .memberRio,
  .birthday,
  .addr {
    display       : inline-block;
    vertical-align: middle;
    font-size     : 16px;
  }

  .preList_memberInfor input,
  .preList_memberInfor select {
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    font-size         : 16px;
    padding           : 5px;
    font-family       : "微軟正黑體";
    text-align        : left;
  }

  .marL {
    margin-left: 0;
  }

  .birthday {
    width: 100%;
  }

  .birthday select {
    width : 90px;
    margin: 10% 0 0;
  }

  /*.memberRio{ font-size:0;}*/
  .memberRio label {
    display       : inline-block;
    font-size     : 16px;
    margin        : 0 5px 0 0;
    vertical-align: middle;
  }

  .member01 {
    width         : 100%;
    text-align    : left;
    vertical-align: top;
    margin        : 0 0 5px;
  }

  /*>767*/
  .member01>span {
    color  : #b33023;
    padding: 0 5px 0 0;
  }

  .preList_memberInfor input {
    background: #322823;
    color     : #d6b582;
    height    : 36px;
  }

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

  /*>767*/
  .iptPhone01,
  .iptPhone03 {
    width: 50px;
  }

  .iptPhone02 {
    width: 100px;
  }

  .iptPhone02_0 {
    width: 130px;
  }

  .txtCountry {
    width      : 118px;
    margin-left: 0;
  }

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

  .addr {
    width: 100%;
  }

  /*>767*/
  .addr_p1 {
    height       : 32px;
    line-height  : 32px;
    margin-bottom: 20px;
  }

  .addr_p2 {
    margin-bottom: 15px;
  }

  .addr_p2 span {
    display: block;
    margin : 10px 0 0;
  }

  .addr_p1 input,
  .addr_p1 select {
    display: inline-block;
  }

  .addr_p1 .addr00 {
    vertical-align: top;
    margin-right  : 10px;
  }

  .addr_p1 select {
    vertical-align: bottom;
  }

  .addr00 {
    width     : 90px;
    text-align: center;
    margin    : 0 5px 0 0;
  }

  .addr01_0 {
    width: 50px;
  }

  .addr01 {
    width     : 35px;
    text-align: center;
  }

  .addr select {
    width     : 90px;
    text-align: center;
  }

  .addr02 {
    width : 100%;
    margin: 10px 0 0 0;
  }

  /*>767*/
  .addr03 {
    width: 100%;
  }

  /*>767*/
  .memberArea_Btn {
    display: table;
    margin : 110px auto 0;
  }

  .member_ps {
    width     : 100%;
    margin    : 5px 0 0;
    text-align: left;
    font-size : 14px;
  }

  /*>767*/
  .member_agree {
    text-align    : left;
    font-size     : 14px;
    vertical-align: top;
  }

  .member_agree a {
    color: #c2a77c;
  }

  /*---------Member_order----------*/
  .memberOrderTxt p {
    display: block;
    padding: 0;
    margin : 0;
  }

  .preMemberOrderList {
    font-size: 15px
  }

  /*-----------------pop視窗_購物數量----------------------*/
  .Pop_cartNum {
    width     : 400px;
    border    : 1px solid #a58461;
    background: #372c26;
    position  : absolute;
    right     : 10px;
    margin    : 0;
    top       : 125px;
    z-index   : -15;
    display   : none;
  }

  /*-----------------pop視窗_會員登入----------------------*/
  .pop_login {
    width     : 100%;
    height    : 100%;
    position  : absolute;
    z-index   : 999;
    background: rgba(0, 0, 0, 0.8);
    display   : none;
  }

  .popContent {
    width   : 95%;
    margin  : 80px auto 0;
    position: relative;
  }

  .btn_closePop {
    position  : absolute;
    top       : -50px;
    right     : 0;
    width     : 120px;
    height    : 34px;
    background: url(../images/btn_popClose.png) no-repeat;
    cursor    : pointer;
    font-size : 0;
  }

  .showPopConBox {
    width        : 100%;
    height       : 852px;
    padding      : 0;
    background   : #372c26;
    border-radius: 8px;
    position     : relative;
    clear        : both;
    overflow     : hidden;
    position     : relative;
  }

  .showPopCon {
    position: absolute;
  }

  .loginCon {
    width  : 90%;
    height : 852px;
    padding: 0;
    margin : 0 auto;
  }

  .loginCon_L {
    width        : 100%;
    height       : 316px;
    padding      : 55px 0;
    border-right : none;
    border-bottom: 1px dashed #a58461;
    float        : none;
    margin       : 0 auto;
  }

  .loginCon_R {
    width  : 100%;
    height : 316px;
    float  : none;
    padding: 55px 0;
    margin : 0 auto;
  }

  .loginCon_L input {
    width     : 99.5%;
    height    : 34px;
    background: #0a0603;
    border    : 1px solid #a58461;
    text-align: center;
    color     : #a58461;
    margin    : 12px 0;
    font-size : 16px;
  }

  .securityCode {
    width : 100%;
    margin: 6px 0;
  }

  .securityCode img,
  .reSecurity {
    display       : inline-block;
    vertical-align: bottom;
  }

  .reSecurity {
    margin: 0 0 0 10px;
  }

  .reSecurity a {
    color          : #ecd78e;
    font-size      : 15px;
    line-height    : 10px;
    text-decoration: none;
    border-bottom  : 1px solid #ecd78e;
  }

  .btn_loginArea {
    width    : 100%;
    font-size: 0;
    clear    : both;
    overflow : hidden;
    margin   : 20px 0 0;
  }

  .btn_login {
    float: left;
  }

  .btn_forget {
    float      : right;
    color      : #ecd78e;
    font-size  : 14px;
    line-height: 55px;
  }

  .btn_forget a {
    color          : #ecd78e;
    font-size      : 15px;
    text-decoration: none;
    border-bottom  : 1px solid #ecd78e;
  }

  .firstShop_1 {
    width : 100%;
    height: 215px;
  }

  .firstShop_1 p {
    color         : #ecd78e;
    letter-spacing: 0.8px;
    line-height   : 28px;
  }

  .firstShop_2 {
    width : 100%;
    height: 215px;
  }

  .txt_shopPs {
    width             : 100%;
    color             : #ecd78e;
    letter-spacing    : 0.5px;
    line-height       : 28px;
    border            : 1px solid #b33023;
    padding           : 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    margin            : 0 0 20px;
  }

  .btn_regester {
    width: 100%;
  }

  .btn_regester a {
    color          : #ecd78e;
    font-size      : 15px;
    text-decoration: none;
    border-bottom  : 1px solid #ecd78e;
  }

  /*------------------忘記密碼---------------------*/
  .forgetCon {
    width   : 90%;
    height  : 316px;
    padding : 55px 0;
    margin  : 0 auto;
    position: relative;
  }

  .gotoLogin {
    width     : 60px;
    height    : 40px;
    background: url(../images/icon_arrUp.png)no-repeat;
    position  : absolute;
    left      : 50%;
    top       : 25px;
    margin    : 0 0 0 -30px;
    font-size : 0;
    cursor    : pointer;
  }

  .preForget {
    width   : 100%;
    clear   : both;
    overflow: hidden;
    margin  : 6px 0;
  }

  .preForget_L,
  .preForget_R {
    float: none;
  }

  .preForget_L {
    width: 100%;
  }

  .preForget_L input {
    width     : 99%;
    height    : 34px;
    background: #0a0603;
    border    : 1px solid #a58461;
    text-align: center;
    color     : #a58461;
    margin    : 0;
    font-size : 16px;
  }

  .preForget_R {
    height     : auto;
    line-height: 25px;
    margin     : 0 0 15px;
    color      : #ecd78e;
    font-size  : 14px;
  }

  /*------------------------cart------------------------*/

  .TotalfeedbackBox {
    width     : 100%;
    height    : auto;
    margin    : 20px 0;
    padding   : 10px 0;
    clear     : both;
    overflow  : hidden;
    border    : 1px solid #a58461;
    background: #29211d;
  }

  .floatNo {
    float: none;
  }

  .feedback {
    float      : none;
    color      : #bea278;
    padding    : 0 0 0 10px;
    line-height: 30px;
  }

  .Totalfeedback {
    width             : 220px;
    height            : 30px;
    line-height       : 30px;
    float             : none;
    padding           : 0 0 0 10px;
    color             : #bea278;
    text-align        : right;
    background        : url(../images/icon_subject.png) no-repeat 15px -300px;
    background-size   : 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
  }

  /*------------------------------cart2---------------------------*/
  .inputBgBlack input {
    background: #000;
  }

  .cartProdFlower {
    width   : 97.35%;
    clear   : both;
    overflow: hidden;
    margin  : 0 auto;
    padding : 0;
  }

  .preCartProd {
    width     : 96%;
    padding   : 10px 1.8%;
    margin    : 7px 0;
    border    : 1px solid #322823;
    float     : left;
    font-size : 0;
    display   : table;
    background: #000;
  }

  .activ_prodBox {
    background  : #29211d;
    border-color: #a58461;
  }

  .cartBorderTitle_L {
    margin: 10px 0 10px 10px;
  }

  .cartBorderTitle_R {
    margin: 10px 10px 10px 0;
  }

  .prodCart_txt {
    width : 80%;
    margin: 0 0 0 10px;
  }


  /*------------------------------cart3---------------------------*/
  .cartBorderFooter {
    border    : none;
    border-top: 1px solid #c2a77c;
    margin    : 0;
  }

  /*移除TotalfeedbackBox的部分樣式*/
  .bgColor000 {
    background: #000;
  }

  .bgColor423527 {
    background: #423527;
  }

  .bg_29211d {
    background: #29211d;
  }

  .shipment {
    float      : left;
    color      : #bea278;
    padding    : 0 0 0 15px;
    margin     : 0 20px 0 0;
    line-height: 55px;
  }

  .shipment {
    float      : none;
    color      : #bea278;
    padding    : 0 0 0 10px;
    margin     : 0;
    line-height: 30px;
  }

  /*------------------------------cart5---------------------------*/
  .numberOrder {
    height    : auto;
    margin    : 0 auto 20px;
    padding   : 5px 0;
    border    : 1px solid #a58461;
    background: #29211d;
  }

  .cartBorderTitle_Order {
    height        : 30px;
    display       : inline-block;
    vertical-align: middle;
    line-height   : 30px;
    margin        : 0;
    font-size     : 18px;
    font-weight   : bold;
    letter-spacing: 2px;
    padding       : 0 0 0 10px;
    color         : #ebdbb8;
  }

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

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

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

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


  /*----------------------------Contact us--------------------------------*/
  .contact_content {
    width   : 100%;
    clear   : both;
    overflow: hidden;
    margin  : 10px 0 100px;
  }

  .contact_L {
    float : none;
    width : 100%;
    margin: 0 0 20px;
  }

  .contact_R {
    float     : none;
    width     : 100%;
    padding   : 0;
    background: url(../images/bg_line-Top.png) repeat-x left top;
  }

  .contact_R>.preList_memberInfor {
    width          : 100%;
    color          : #c2a77c;
    margin         : 5px 0 0;
    padding        : 0 0 10px;
    /*border-bottom:1px dashed #c2a77c;*/
    display        : table;
    font-size      : 0;
  }

  .serviceArea {
    width   : 100%;
    clear   : both;
    overflow: hidden;
  }

  .serviceArea_L {
    float : none;
    width : 100%;
    margin: 0 0 30px;
  }

  .serviceArea_R {
    float: none;
    width: 100%;
  }

  .contact01 {
    width         : 90px;
    text-align    : left;
    margin        : 10px 0 5px;
    display       : block;
    vertical-align: middle;
    font-size     : 16px;
  }

  .ipt01_contact {
    width         : 100%;
    display       : inline-block;
    font-size     : 16px;
    vertical-align: middle;
  }

  .office01 {
    width         : 100%;
    display       : inline-block;
    font-size     : 16px;
    vertical-align: middle;
  }

  .marTop_email {
    margin: 20px 0 5px;
  }

  .contactText textarea {
    width     : 100%;
    height    : 120px;
    resize    : none;
    background: #322823;
    color     : #d6b582;
    padding   : 5px;
  }

  .iptPhone01_contact {
    width: 17%;
  }

  .iptPhone02_contact {
    width: 80%;
  }

  .contactProblem span,
  .contactProblem span input,
  .contactProblem select {
    width: 100%;
  }

  /*----------------------------Occasion--------------------------------*/
  .occasionArea li {
    width      : 98%;
    padding    : 10px 1% 0;
    line-height: 25px;
    display    : table;
    font-size  : 0;
  }

  .marry01 {
    width    : 98%;
    font-size: 16px;
    display  : inline-block;
  }

  .marry02 {
    width      : 98%;
    font-size  : 16px;
    display    : inline-block;
    text-indent: 10px;
  }

  .marry03 {
    width      : 98%;
    font-size  : 16px;
    display    : inline-block;
    text-indent: 10px;
  }

}


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

  .birthday input,
  .addr_1 input {
    width: 130px;
  }

  /*註冊-美化後下拉選單*/

  .deliveryDay input,
  .deliveryDay select {
    width: 130px;
  }

  /*cart送達日期下拉美化*/
  /*-------------------連結的btn-------------------*/
  .btn_linkBox {
    display    : table;
    width      : 180px;
    text-align : center;
    height     : 40px;
    line-height: 40px;
    color      : #efdf93;
  }

}

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

  /*------------------header-----------------------*/
  #header {
    position          : fixed;
    z-index           : 21;
    width             : 100%;
    height            : 100%;
    overflow          : auto;
    padding           : 0;
    top               : 0;
    left              : -100%;
    margin-left       : 0;
    background        : #372c26;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
  }

  #header_wrap {
    width   : 90%;
    margin  : 0 auto;
    position: relative;
  }

  #select_priceSearch {
    width: 100%;
  }

  #input_keySearch input,
  #input_numSearch input {
    color     : #d6b582;
    width     : 100%;
    background: #0a0603;
  }

  #select_priceSearch input {
    width     : 100%;
    color     : #d6b582;
    background: #0a0603;
  }

  #select_priceSearch span.custom-combobox {
    width  : 100%;
    /*width:123px; height:23px; background:#a58461; color:#000; text-align:center; line-height:25px;*/
    margin : 0;
  }


  /*----------------------------About--------------------------------*/
  .preOffice {
    width     : 100%;
    height    : 150%;
    margin    : 0 0 30px 0;
    padding   : 15px 0.95%;
    background: #201917;
    color     : #bea278;
    font-size : 16px;
    text-align: center;
  }

  .preOffice:nth-child(3n) {
    margin-right: 0;
  }

  .preOffice:nth-child(2n) {
    margin-right: 0;
  }

  /*----------------------------teach--------------------------------*/

  .teachImg {
    width    : 100%;
    float    : none;
    margin   : 0 0 20px;
    font-size: 0;
  }

  .teachInfo {
    width: 100%;
    float: none;
    color: #bea278;
  }

  .teachImg_pic {
    width          : 100%;
    height         : 0;
    padding-bottom : 61%;
    background     : url(../images/teacher_pc.png) no-repeat;
    background-size: 100%;
  }


}

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


  /*#btn-close_menu{ position:absolute; top:18px; left:0; display:block; }*/

  /*#nav_menu_mobile{ width:100%; height:auto; top:320px; left:0; margin-left:0;   }*/

  /*花禮分類*/
  /*#flower_type{ width:100%; top:270px; left:0;}*/
  #flower_wrap {
    position: relative;
    width   : 100%;
    height  : 1000px;
    overflow: hidden;
  }

  #flower_type-title {
    width             : 100%;
    height            : 46px;
    line-height       : 46px;
    text-align        : left;
    background        : url(../images/icon_arr-right.png) no-repeat right center;
    position          : relative;
    z-index           : 20;
    top               : 0;
    left              : 0;
    cursor            : pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
  }

  #flower_type-title>h1 {
    font-size: 19px;
    color    : #efdf93;
  }

  .sub_flower {
    position   : absolute;
    z-index    : 25;
    top        : 0;
    left       : 100%;
    width      : 100%;
    background : #372c26;
    padding-top: 46px;
    display    : none;
  }

  .btn-return_flower,
  .btn-return_sub_flower {
    display           : block;
    width             : 100%;
    height            : 46px;
    line-height       : 46px;
    text-align        : left;
    padding-left      : 30px;
    background        : #b33023 url(../images/icon_arr-left.png) no-repeat left center;
    position          : absolute;
    top               : 0;
    left              : 0;
    cursor            : pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
    font-size         : 19px;
    color             : #efdf93;
    font-weight       : bold;
  }

  .searchOrderArea .searchOrder_2 {
    display: block;
    margin : 10px 0 0;
  }

  /*訂單查詢*/
  .inner_subjectArea {
    width   : 100%;
    /*height:auto;*/
    clear   : both;
    overflow: hidden;
    padding : 0;
  }

  .inner_subjectArea i {
    float         : none;
    font-style    : normal;
    letter-spacing: 0.5px;
    padding       : 0;
    line-height   : 30px;
  }

  /*-------產品--------*/
  .prodflowBox {
    width   : 100%;
    clear   : both;
    overflow: hidden;
  }

  .prod_L {
    float : none;
    width : 100%;
    height: auto;
    margin: 0 auto;
  }

  /*.prod_L_img{ width:100%; height:0; padding:0 0 100%; position:relative; }*/
  /*.prod_L_img img{ width:100%; height:auto;  position:absolute; top:0; left:0;}*/
  /*有疊一層半透明圖*/
  /*.prod_L_img img:first-child{ z-index:3;}
.prod_L_img img:last-child{ z-index:2;}*/
  .prod_R {
    float     : none;
    width     : 100%;
    margin    : 40px 0 0 0;
    background: url(../images/hr-flower_1050.png) no-repeat center top;
    color     : #bea278;
  }

  .prod_R h2 {
    color         : #fff;
    height        : auto;
    line-height   : 40px;
    margin        : 0;
    padding       : 33px 0 0 0;
    font-size     : 19px;
    font-weight   : bold;
    letter-spacing: 1.5px;
  }

  .prodInforTxt {
    width        : 100%;
    height       : auto;
    padding      : 15px 0;
    border-bottom: 1px dashed #3a2e22;
  }

  .prodStandard {
    width         : 100%;
    padding       : 20px 0;
    border-bottom : 1px dashed #3a2e22;
    letter-spacing: 2px;
  }

  .prodStandard p {
    height     : 30px;
    line-height: 30px;
    color      : #bea278;
  }

  .prodStandard p span {
    padding: 0 0 0 5px;
  }

  .prodNumArea {
    height     : 32px;
    line-height: 32px;
    left       : 0;
    padding    : 4px 0;
    border     : 1px solid #b33023;
    color      : #efdf93;
  }

  .prodNumArea ul {
    width     : 100%;
    list-style: none;
  }

  .prodNumArea li {
    float     : left;
    text-align: center;
  }

  .prodNumArea li.prodNumArea_01,
  .prodNumArea li.prodNumArea_03 {
    width : 19%;
    height: 32px;
    cursor: pointer;
  }

  .prodNumArea li.prodNumArea_02 {
    width       : 60%;
    border-left : 1px solid #b33023;
    border-right: 1px solid #b33023;
  }

  .Totalfeedback b {
    color         : #ebdbb8;
    font-size     : 18px;
    padding-left  : 40px;
    float         : left;
    letter-spacing: 2px;
  }

  .cartList {
    width        : 100%;
    height       : 80px;
    padding      : 20px 0;
    border-bottom: 1px dashed #a58461;
    color        : #bea278;
    display      : table;
    font-size    : 0;
  }

  .cartList img {
    width         : 28%;
    height        : auto;
    display       : inline-block;
    font-size     : 14px;
    vertical-align: middle;
  }

  .cartListInforBox {
    width         : 58%;
    margin        : 0 0 0 4%;
    display       : inline-block;
    font-size     : 14px;
    vertical-align: middle;
  }

  .btn_trashCan {
    width         : 10%;
    height        : 0;
    padding-bottom: 15%;
    background    : url(../images/icon_trashCan.png) no-repeat center / 70% auto;
    display       : inline-block;
    vertical-align: middle;
    font-size     : 0;
    text-align    : center;
    vertical-align: middle;
    cursor        : pointer;
  }

  .cartListInfor {
    width         : 100%;
    display       : table;
    font-size     : 0;
    letter-spacing: 1px;
  }

  .cartInfor_txt {
    width     : 100%;
    display   : block;
    font-size : 14px;
    text-align: left;
  }

  .prodNum,
  .prodPrice,
  .prodLittle {
    width     : 100%;
    display   : table;
    font-size : 0;
    text-align: left;
    margin    : 3px 0;
  }

  .prodNum input,
  .prodNum select {
    width     : 100px;
    height    : 20px;
    border    : 1px solid #bea278;
    background: #000;
    text-align: center;
  }

  .cartSubTitle {
    display  : inline-block;
    font-size: 14px;
  }

  .momey {
    display  : inline-block;
    font-size: 14px;
  }

  .momey:before {
    content: "NT$ ";
    color  : #bea278;
  }

  .prodTitle {
    color         : #fff;
    font-size     : 16px;
    font-weight   : bold;
    letter-spacing: 2px;
    margin        : 3px 0;
  }

  .prodNO {
    margin: 3px 0;
  }

  .prodSize {
    margin: 3px 0;
    height: 0;
  }

  /*------------------------------cart2---------------------------*/
  .cartBorderContent {
    width             : 99%;
    margin            : 0 0.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    -ms-box-sizing    : border-box;
    box-sizing        : border-box;
  }

  .preCartProd {
    width     : 97%;
    padding   : 10px 1%;
    margin    : 7px auto;
    border    : 1px solid #322823;
    float     : left;
    font-size : 0;
    display   : table;
    background: #000;
  }

  .activ_prodBox {
    background  : #29211d;
    border-color: #a58461;
  }

  .prodCart_txt {
    width : 73%;
    margin: 0 0 0 10px;
  }

  /*------------------------------cart3---------------------------*/
  .cartBorderFooter {
    border    : none;
    border-top: 1px solid #c2a77c;
    margin    : 0;
    height    : auto;
  }

  /*移除TotalfeedbackBox的部分樣式*/
  .bgColor000 {
    background: #000;
  }

  .bgColor423527 {
    background: #423527;
  }

  /*-------產品腰帶--------*/
  .icon_flowerTop {
    z-index: 3;
    top    : 0;
    right  : 0;
    width  : 100px;
  }

  /*------------------------------cart4---------------------------*/
  .invoiceRio01,
  .invoiceRio02,
  .invoiceRio03 {
    display       : block;
    vertical-align: middle;
    font-size     : 16px;
    margin        : 5px 0;
  }

  .invoiceRio02 input {
    width  : 100%;
    display: block;
    margin : 8px 0;
  }

  /*------------------------------cart5---------------------------*/
  .preCartOrderProd img,
  .preCartOrderProdInfor {
    display       : inline-block;
    vertical-align: middle;
    font-size     : 14px;
  }

  .preCartOrderProd img {
    height: auto;
    width : 30%;
  }

  .preCartOrderProdInfor {
    width   : 65%;
    margin  : 0 0 0 5%;
    clear   : both;
    overflow: hidden;
  }

  /*----------------------------Contact us--------------------------------*/
  .googleMap {
    width : 100%;
    height: 200px;
  }

}

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

  .pre-footer-con {
    padding-left: 10px;
    padding-right: 10px;
  }

  .birthday input,
  .addr_1 input {
    width: 83px;
  }

  /*註冊-美化後下拉選單*/
  .deliveryDay input,
  .deliveryDay select {
    width: 83px;
  }

  /*cart送達日期下拉美化*/

  .btn_linkBox {
    display    : table;
    width      : 120px;
    text-align : center;
    height     : 40px;
    line-height: 40px;
    color      : #efdf93;
  }

  /*.btn_linkBox i,*/
  .btn_linkBox_product i {
    display: none;
  }

  /*--------------members_Bonus---------------*/
  .memberBonusTitle {
    display       : inline-block;
    width         : 30%;
    text-align    : right;
    vertical-align: top;
    font-size     : 16px;
  }

  .memberBonusText {
    display  : inline-block;
    width    : 70%;
    font-size: 16px;
  }

  /*---------Member----------*/
  /*會員服務中心選單*/
  .memberCenterList i {
    width     : 0;
    background: none;
    margin    : 0;
  }


  /*-----------------pop視窗_購物數量----------------------*/
  .Pop_cartNum {
    width     : 99%;
    border    : 1px solid #a58461;
    background: #372c26;
    position  : absolute;
    right     : 0;
    margin    : 0 auto;
    top       : 125px;
    z-index   : -15;
    display   : none;
  }

  .cartNumWrap {
    position: relative;
    width   : 93%;
    margin  : 0 auto;
  }

  .numCartTitle {
    font-size     : 17px;
    letter-spacing: 1px;
  }

  /*------------------------------cart2---------------------------*/
  .preCartProd img {
    width : 95px;
    height: 95px;
  }

  .prodCart_txt {
    width : 70%;
    margin: 0 0 0 10px;
  }

  /*-------產品腰帶--------*/
  .icon_flowerTop {
    z-index: 3;
    top    : 0;
    right  : 0;
    width  : 80px;
  }

  .serviceArea p span {
    display: block;
    padding: 0 0 0 20px;
  }

  p.paddingL_contact {
    padding: 0 0 0 20px;
  }

  .iptPhone01_contact {
    width: 15%;
  }

  .iptPhone02_contact {
    width: 80%;
  }

  /*花禮分類*/
  #nav_menu_mobile li {
    width         : 100%;
    border-bottom : 1px dashed #efdf93;
    float         : none;
    height        : 46px;
    line-height   : 46px;
    font-size     : 16px;
    color         : #efdf93;
    letter-spacing: 2px;
  }

  .sub_flower li {
    width        : 100%;
    border-bottom: 1px dashed #efdf93;
    height       : 46px;
    line-height  : 46px;
    font-size    : 16px;
    color        : #a58765;
    background   : none;
    margin       : 0 auto 0;
  }

  /*cart4*/
  .ps_bill {
    display: block;
  }
}

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

  .prodCart_txt {
    width : 60%;
    margin: 0 0 0 10px;
  }

  .pagebox li {
    margin: 20px 10px;
    float : left;
  }
}