/* 2017-06-16  商品頁高度*/
*{box-sizing: border-box; }
body {background: #f2f2f2;}
a {
  text-decoration: none;
  -webkit-transition:  0.3s ease-in-out;
  -moz-transition:  0.3s ease-in-out;
  -ms-transition:  0.3s ease-in-out;
  -o-transition:  0.3s ease-in-out;
  transition:  0.3s ease-in-out;
}
li{list-style: none;}
.left{float:left;}
.right{float:right;}
.center{width: 98%;max-width: 1200px;margin:0 auto;}
.content{width: 98%;max-width: 1200px;margin:0 auto;}
.content_side{max-width:1200px;width:100%;position:relative;margin:0 auto;}


/*首頁*/
.flex-control-nav{display: none;}
.flex-direction-nav a{z-index: 2;}
.content h3{font-size:22px;text-align:center;margin:10px;color: #2c2c2c;letter-spacing: .05em;text-shadow: 4px 4px 0px #d5d5d5, 7px 7px 0px rgba(0, 0, 0, 0.2);}
.content h3 span{font-size:14px;display: block;text-shadow:none;}

/*共同內頁*/
.page_mainTitle{background:#e8e8e8 url(../images/title_bg1.png);position:relative;text-align:center;height:120px;margin:96px 0 20px 0;}
.page_mainTitle .mainTitle{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width: 220px;color:#454545;height: 50px;border: 1px solid #999;font-size: 24px;line-height: 50px;}
.path{font-size:12px;color:#777;text-align:right; margin-bottom:10px;}
.path a{color:#777;}

.page_area{text-align:right;color:#111;display:block;margin:30px;}
.page_area li{display:inline-block;margin-left:10px;}
.page_area li a{display:block;color:#111;border:#18182B 1px solid;font-size:14px;line-height:28px;width:30px;height:30px;text-align:center;}
.page_area li.activeN a, .page_area li:hover a{font-size:16px;font-weight:bold;background:#18182B;color:#fff;}
.page_area li.prev a ,.page_area li.next a{border:none;}
.page_area li.prev:hover a ,.page_area li.next:hover a{background:none;color:#18182B;}
.container-item_side{padding-left:300px;min-height:500px;}

/* other_select_index */
.select_type{text-align:center;margin-bottom:30px;}
.select_type a{padding:10px 15px;margin:15px;background:rgba(0,0,0,0.9);display:inline-block;color:#fff;}
.other_select{display:block;text-align:center;margin:50px auto;}
.other_select li{display:inline-block;margin:10px;width:230px;height:66px;padding:13px 13px 13px 40px;background:url(../images/other_select_bg.png) center center no-repeat;text-align:left;} 
.other_select li a{color:#111;font-size:18px;}
/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: rgba(0,0,0,0) transparent transparent transparent;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom.now{
  border-color: rgba(0,0,0,0.9) transparent transparent transparent;
}
.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active{
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  border-color: rgba(0,0,0,0.9) transparent transparent transparent;
}
.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before ,.hvr-bubble-float-bottom.now:before{
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  border-color: rgba(0,0,0,0.9) transparent transparent transparent;
}

/* promotions_index */
.date{width:75px;height:60px;line-height:30px;display:inline-block;border:#3A3845 1px solid;text-align:center;background:#fff;font-size:20px;font-weight:bold;}
.date span{font-size:14px;color:#fff;display:block;background:#3a3845;width:100%;font-weight: normal;}
h4.article_title{margin:20px;display:inline-block;font-size:20px;color:#18182B;}
.other_promotion{width:100%;max-width: 1200px;margin:50px auto;}
.other_promotion li{display:flex;border-top:1px dashed #333;}
.other_promotion li:first-child,.other_promotion li:first-child+li{border-top:none;}
.other_promotion li .time_box{width:15%;padding:10px 1.5em;text-align:left;font-size:20px;color:#111;letter-spacing:1px;margin:2px 0;}
.other_promotion li .time_box span{display:block;color:#444;font-size:14px;line-height:14px;margin-top:10px;}
.other_promotion li .title_box{width:85%;padding:20px 1em;text-align:left;margin:2px 0;}
.other_promotion li .title_box a{color:#111;}
.other_promotion li:nth-child(2n+1) .time_box{background:#e8e8e8;}
.other_promotion li:nth-child(2n+0) .time_box{background:#ddd;}
.other_promotion li:first-child .time_box ,.other_promotion li:first-child .title_box{background:#18182B;line-height:40px;padding:10px 1em;color:#fff;font-size:20px;letter-spacing: 2px;margin:0;}
.other_promotion li:first-child .title_box{background:#18182B url(../images/promotion_bg.png) 94% bottom no-repeat;}

/* contact */
.contact_text,.account_text{margin:0 30px;display:inline-block;text-align:left;font-size:18px;vertical-align:top;letter-spacing:2px;}
.contact_text{width:350px;}
.account_text{width:350px;}
.contact_text li{margin:10px 0;}
.account_text li{margin:5px 0;}
.contact_text li:first-child,.account_text li:first-child{margin:30px 0;}
.contact_text li:first-child h5,.account_text li:first-child h5{font-size:20px;color:#212121;padding-left:50px;}
.contact_text li:first-child{background:url(../images/agenda.png) left center no-repeat;}
.account_text li:first-child{background:url(../images/account-balance.png) left center no-repeat;}
.table_box{margin:0 auto;text-align:left;width:96%;max-width:760px;}
.table_box.w_topBlank{margin:50px auto;}
.table_box li.bg_icon{border:none;background:url(../images/speech-bubble.png) left center no-repeat;}
.table_box li.bg_icon h5{font-size:20px;color:#212121;padding: 10px 50px;}
.table_box li {
    display: block;
    overflow: hidden;
    zoom: 1;
    clear: both;
    border-bottom: 1px #ddd solid;
    width: 100%;
}
.table_box li.last_item{border:none;margin:30px 0;}
.table01 {
    float:left;
    width:17%;
    text-align:left;
    padding: 15px;
    font-weight: bold;
    height:100%;
}
.table02 {
    float: right;
    width: 82%;
    padding: 15px 8px;
}
.input01 {
    border: 1px solid #d6d6d6;
    width: 100%;
    line-height: 25px;
    padding: 0 5px;
}
.input02 {
    border: 1px solid #d6d6d6;
    line-height: 25px;
    width:130px;
    padding: 0 5px;
}
.input01_area{    
    border: 1px solid #d6d6d6;
    width: 100%;
    line-height: 25px;
    padding: 0 5px;
}
input[type="radio"],input[type="checkbox"]{margin-left:10px;}
input[type="radio"]:first-child,input[type="checkbox"]:first-child{margin-left:0;}
.note{color:#DB214D;line-height:28px;font-size:16px;}
.note span{margin:5px 15px;line-height:20px;display:block;}
.necessary{background:#DB214D;font-size:12px;color:#fff;font-weight:300;padding:2px;display:block;float:right;}
.map{margin:30px 0;}
.btn{width:48%;display:block;text-align:center;line-height:50px;}
.btn:hover{letter-spacing: 2px;}
.btn_blank{border:#181827 2px solid;color:#181827;}
.btn_fill{border:#181827 2px solid;background:#181827;color:#fff;}
.btn_fill:hover{background:#2B2B35;}

.qaList h6{float:right;color:#abaeb7;font-size:13px;}
.qaList h5{font-size:14px;font-weight:normal;}
.qaList h5 span{color:#0387e4;padding:0 5px;}
.qaList p{color:#5f5f5f;}
.question h5{color:#3f3f3f;}
.answer h5{color:#abaeb7;}
.question{background:#E7E7E7;padding:10px 10px 5px;}
.answer{background:#fff;padding:5px 10px;}

/* cart */
.css-table .tr.mobile_only{display:none;}
.css-table{display: table; margin:0 auto;max-width:1200px;width: 96%;font-size:15px;} 
.css-table .thead{display:table-header-group;background:#00001C;} 
.css-table .tbody{display:table-row-group; } 
.css-table .tr{display:table-row; } 
.css-table .th{display:table-cell;border:1px solid #ccc; vertical-align:middle;text-align:center;line-height:50px;color:#fff;} 
.css-table .td{display:table-cell;border:1px solid #ccc; vertical-align:middle;text-align:center;} 

.css-table .td a{color:#111;}
.css-table .td a:hover{text-decoration:underline;}
.widthT1{width:13.3%;}
.widthT2{width:20%;}
.widthT3{width:25%;line-height:50px;}
.widthT3:hover a{color:#03C;}
.cart_form_img{width:90px;height:68px;overflow:hidden;margin:0 auto;}
.cart_form_img img{width:100%;}

.delet{width:20px;height:20px;display:block;background:url(../images/icon_delet.png) center center no-repeat;margin:auto;}
.total_price{width:96%;margin:50px auto;max-width:1200px;}
.total_price li{border-bottom:2px solid #ccc;background:#F7F7F7;}
.total_price li h2{border-bottom:3px solid #fff;border-top:3px solid #fff;color:#111;font-weight:normal;text-align:right;font-size:16px;}
.total_price li h2 p{background:#fff;text-align:left;display:inline-block;width:30%;padding:7px;line-height:28px;height:38px;}
.total_price li h2 .price{background:#fff;color:#FF0000;font-size:20px;text-align:right;display:inline-block;padding:5px;line-height:28px;height:38px;}
.total_price li h2 .shipment{color:#0000FF;font-size:15px;float:right;line-height:28px;}
.btn_area{text-align:right;}
.btn_area .btn{width:150px;display:inline-block;margin:0 15px 30px 0;}
.account_note{margin:50px 0;}
.account_note p{font-size:20px;color:#fff;text-align:left;padding-left:2em;background:#00001C;line-height:50px;}
.title2{margin: 30px auto;text-align: left;width: 96%;max-width: 760px;font-size:18px;}
.title2 label{font-size:16px;font-weight:400;padding-left:15px;}

/*input[type=checkbox] { display:none; } /* to hide the checkbox itself */
/*input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}
input[type=checkbox] + label:before { content: "\f096"; } 
input[type=checkbox] + label:before { letter-spacing: 10px; } 

input[type=checkbox]:checked + label:before { content: "\f046"; } 
input[type=checkbox]:checked + label:before { letter-spacing: 5px; } */

/* select排序*/
.select_bar{font-size:14px;color:#666;text-align:right;}
select#soflow {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(../images/select_arrow.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #ece9e9);
   background-position: 95% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #666;
   font-size: inherit;
   overflow: hidden;
   padding: 6px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 120px;
   letter-spacing:1px;
}

/* tabs */
ul.tabs {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  height: 50px;
  width: 100%;
}
ul.tabs li {
  float: left;
  margin: 0;
  cursor: pointer;
  width:175px;
  height: 50px;
  line-height: 50px;
  border-bottom: 3px solid #181827;
  background-color: #DCDCDD;
  overflow: hidden;
  position: relative;
}
ul.tabs li a{color:#000011;}
ul.tabs li:hover {background-color:#666;}
ul.tabs li.active {background-color:#181827;display: block;}
ul.tabs li:hover a{color:#fff;}
ul.tabs li.active a{color:#fff;}
.tab_container {
  clear: both;
  float: left;
  width: 100%;
  overflow: auto;
}
.tab_content {
  padding: 20px 0;
  display: none;
}
.tab_drawer_heading { display: none; }

/* product - info */
.half{width:50%;float:left;padding:0 1%;}
.product_text .table01{width:24%;padding:10px;}
.product_text .table02{width:76%;text-align:left;padding:10px 15px;}
.product_text li{display:block;overflow:hidden;line-height:32px;width:100%;}
.product_text li:first-child{margin-bottom:10px;border-width:1px 0 1px 0;border-style:solid;border-color:#aaa;}
.Pname,.Pprice{color:#D80000;font-size:22px;}
.Pprice span{font-size:14px;padding-right:10px;vertical-align:middle;}
/*************************/
fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.radio-inline__input {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
.radio-inline__label {
    display: inline-block;
    padding: 0 10px;
    margin-right: 10px;
    border-radius: 2px;
    transition: all .2s;
}
.radio-inline__input:checked + .radio-inline__label {
    background: #B54A4A;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,.7);
}
.radio-inline__input:focus + .radio-inline__label {
    outline-color: #4D90FE;
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px;
}
/**************************/

.product--quantity input {
  border: 0;
  outline: 0;
  border-bottom: 1px dashed;
  padding:3px;
  text-align: center;
  width: 70px;
  background:#DCDCDD;
}
.product--quantity input::-webkit-inner-spin-button, .product--quantity input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product_text .btn{width:100%;margin:15px 0;}
.product_tabs{padding:50px 0;}


section, article, .box {
  overflow: hidden;
  position: relative;
}
section {
  margin: 20px auto 40px;
  -webkit-transform: translate3d(0,0,0);
     -moz-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
  -webkit-transition: all 500ms ease-in-out;
     -moz-transition: all 500ms ease-in-out;
          transition: all 500ms ease-in-out;
}
section, article {
  background: inherit;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: initial;
}
article img {
  display: block;
  width: 100%
}
article:nth-child(2n) {
  -webkit-transform: rotate3d(0,1,0,180deg);
     -moz-transform: rotate3d(0,1,0,180deg);
          transform: rotate3d(0,1,0,180deg);
}
article:nth-child(2n) .box .feed {
  -webkit-transform: rotate3d(0,1,0,180deg);
     -moz-transform: rotate3d(0,1,0,180deg);
          transform: rotate3d(0,1,0,180deg);
}
article .box:before {
  background: #F2F2F2;
  content: "";
  margin-top: -10px;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: -10px;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
          transform: rotate(45deg);
}
.box .feed {
  height: 100%;
  overflow: hidden;
  padding: 0 10px;
  position: relative;
  width: initial;
}
.box .feed h2 {
  color: #FF5B06;
  font-weight: 400;
  letter-spacing: 1px;
}
.box .feed p {
  color: #555;
  letter-spacing: 1px;
}
article .box {
  display: inline-block;
  margin: 0 -2px;
  vertical-align: middle;
  width: 50%;
}
article .box .feed p {
  font-size: 15px;
  line-height: 24px;
}

/*-- 2017-06-29 product info.php--*/
.other_product { width:98%; margin:1%;}
.other_product ul { width:100%;}
.other_product h5 { background:#181827; color:#fff; line-height:50px; display:block; font-size:17px; letter-spacing:1px; font-weight:normal;}
.o_p_item { background:#f9f9f9; border:1px #ddd solid;}
.o_p_item li { display:block; float:left; width:25%; padding:10px 5px;}
.o_p_item a { display:block; overflow:hidden; color:#333;}
.o_p_item img { max-width:100%; height:200px; max-height:200px;}
.o_p_item p { display:block; overflow:hidden; height:24px;}

/*-------------------------------*/
/* CSS @media screen responsive
/*-------------------------------*/
@media only screen and (max-width: 1200px) {
.container-item_side{padding-left:0px;}



@media only screen and (max-width: 840px) { 
.flexslider{margin:0 0 30px 0;}
.page_mainTitle{margin:0 0 20px 0;height:120px;}
.page_mainTitle .mainTitle{font-size:20px;font-weight:normal;}

.select_type a{float:none;margin:10px;}

.other_promotion li .time_box{width:100px;padding:10px 0.5em;}
.other_promotion li:first-child .time_box, .other_promotion li:first-child .title_box{line-height:18px;font-size:14px;padding:10px 0 10px 1em;letter-spacing:0;}

.table01,.table02 {
    width: 98%;
    padding: 10px 0 5px 0;
}
.necessary{float:none;margin-left:10px;display:inline-block;}

.css-table .thead{display:none;} 
.css-table .tbody{display:table;width: 100%;} 
.css-table .tr{display:inline-block; width:70%; margin: 10px 0; border-bottom:1px solid #ccc} 
.css-table .tr.mobile_only{width:28%;background:#00001C;display:inline-block;color:#fff;} 
.css-table .td{display:inline-block;border:1px solid #ccc;border-bottom:none; vertical-align:middle;text-align:center;height:50px;line-height:46px;} 
.css-table .tr .td.imgbox{height:75px;line-height:73px;}
.css-table .tr .td.imgbox a{line-height:28px;display:block;}
.widthT1, .widthT2, .widthT3 ,.widthT4{width:100%;}
.delet {margin:12px auto;}
.half{width:100%;}

/*-- 2017-06-29 product info.php--*/
.o_p_item img { height:170px; max-height:170px;}

@media only screen and (max-width: 568px) {  
article .box{width:100%;}
article .box .feed {
  margin: 15px 0 25px;
  width: 100%;
}
article .box:before {
  content: "";
  margin-top: 0;
  margin-left: -10px;
  position: absolute;
  width: 20px;
  height: 20px;
  top: -10px;
  left: 50% !important;
  right: auto;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.contact_text,.account_text{width:96%;margin:0 auto;}
label{display: inline-block;width: 45%;margin:5px;}

.total_price li h2 .price{width:150px;}
.total_price li h2 p{width:45%;}
.page_area{text-align:center;}

/*-- 2017-06-29 product info.php--*/
.o_p_item li { display:inline-block; width:48%; padding:10px 5px;}

}/*528*/
}/*840*/
}/*1000*/


/*2017-05-17 改inputbox*/