/* 縮小失敗。正在傳回未縮小的內容。
(3355,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found ','
(11605,1): run-time error CSS1019: Unexpected token, found '}'
 */
@charset "utf-8";	
/* 載入 */
* {
	margin:0;
	padding:0;
	word-wrap:break-word; /*自動換行*/
	word-break: normal;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp,
small, strong, sub, sup, var,  
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0 none;
  font: inherit;
}

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
strong, th { font-weight: bold; }
em { font-style: normal; }
ul, li, img { border: 0 none; list-style-type:none; }

a {	text-decoration:none; /*無底線*/	outline:none; /*隱藏連結虛線*/ }
a:hover, a:active { background-color:transparent; }

img, input, select { vertical-align:middle; }	/*讓圖片跟文字垂直置中對齊*/
input[type="radio"] { vertical-align: baseline; }
input[type="checkbox"] { vertical-align: middle; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

textarea { overflow-x: hidden; overflow-y: auto; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

div, p, a, ul, li {	zoom: 1; }
table, th, td {	zoom: 1; }

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

.top_menu a {text-decoration: none;}
.top_menu li {list-style-type: none;}
.top_menu {
	overflow: hidden;
	margin:0 auto;
}
.top_menu li a:hover , .top_menu li.selected a{
	color: #caeeff;
	list-style-type: none;
}
.top_menu li ul{
	position: absolute;
	width: 168px;
	background-color: #fff;
	padding-top: 10px;
	padding-left: 16px;
	padding-bottom:10px;
	border: 1px solid #C1C1C1;
	top: 40px;
}
.top_menu li.selected {
	text-decoration:none;
	background-color: #fff;
}
/*測試用 記得刪掉
.top_menu li {
	background-image: url(../images/nav_icon.png);
	background-repeat: no-repeat;
	background-position: 10px 20px;
}
*/
.top_menu li ul li {
	display: block;
	float: none;
	padding: 0px;
	margin: 0px;
	background-image: none;
}
.top_menu li.selected ul li a , .top_menu li.selected ul li a:visited {
	color: #5F5F5F;
	margin: 0px;
}
.top_menu li ul li a:hover {
	color: #87d9ff;
}
.top_menu li ul li .li_f {
	font-size: 13px;
}
/**/

.sub_menu a {text-decoration: none;}
.sub_menu li {list-style-type: none;}
.sub_menu {
	overflow: hidden;
	margin:0 auto;
}
.sub_menu li a:hover , .top_menu li.selected a{
	color: #caeeff;
	list-style-type: none;
}
.sub_menu .sub_menuLi dd{
	position: absolute;
	background-color: #fff;
	padding-right: 16px;
	padding-left: 16px;
	border-top: 1px dotted #FFDEDE;
	top: 136px;
    left: 0px;
    width: 100%;
    text-align: center;
	box-shadow: 0px 3px 3px 0px rgba(0%,0%,0%,0.5);
	-o-box-shadow: 0px 3px 3px 0px rgba(0%,0%,0%,0.5);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0%,0%,0%,0.5);
	-ms-box-shadow: 0px 3px 3px 0px rgba(0%,0%,0%,0.5);
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0%,0%,0%,0.5);
	z-index:111;
}
.sub_menu .sub_menuLi ul{
	background-color: #fff;
	padding-right: 16px;
	padding-left: 16px;
	border-top: 1px dotted #FFDEDE;
	top: 136px;
    left: 0px;
    width: 100%;
}
.sub_menu .sub_menuLi dd ul{
	width:1200px;
	margin:0px auto;
	text-align: left;
}
.sub_menu .sub_menuLi dd ul li{
	float:left;
}

.sub_menu li.selected {
	text-decoration:none;
	background-color: #fff;
}
/*測試用 記得刪掉
.top_menu li {
	background-image: url(../images/nav_icon.png);
	background-repeat: no-repeat;
	background-position: 10px 20px;
}
*/
.sub_menu li ul li {
	display: block;
	float: none;
	padding: 0px;
	margin: 0px;
	background-image: none;
}
.sub_menu li.selected ul li a , .sub_menu li.selected ul li a:visited {
	color: #5F5F5F;
	margin: 0px;
}
.sub_menu li ul li a:hover {
	color: #87d9ff;
}
.sub_menu li ul li .li_f {
	font-size: 13px;
}

















/*
 * jQuery FlexSlider v2.5.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 * 
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('../fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('/Scripts/webroot/fonts/flexslider-icon.woff') format('woff'), url('/Scripts/webroot/fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider_3 {
  margin: 0;
  padding: 0;
  position:relative;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
.flexslider_2 .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 20px;
  background: #ffffff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 42%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 35px;
  display: inline-block;
  content: '\f001';
  color: rgba(137, 137, 137, 0.6);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
/*負值會造成變動時生成多餘的width*/
.flex-direction-nav .flex-prev {
  left: -10px;
  position:absolute;
}
.flex-direction-nav .flex-next {
  right: -10px;
  text-align: right;
  position:absolute;
}
/*-----排行榜----*/
.flexslider .flex-direction-nav {
  display: none;
}
.flexslider_2 .flex-direction-nav {
  display: none;
}
.flexslider_3 .flex-direction-nav {
  width:100%;
}
.flexslider_3:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 5px;
}
.flexslider_3:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider_3:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider_3:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 5px;
  text-align: center;
}

.flexslider_3 .flex-control-nav {
	display: none;
}


.flex-control-nav li {
  margin: 5px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 12px;
  height: 12px;
  display: block;
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #f00;
  background: rgba(0, 0, 0, 0.5);
}
.flex-control-paging li a.flex-active {
  background: #f00;
  background: rgba(255, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

.treeview { 
	/*padding-bottom: 20px;*/
}
.treeview .hitarea {
	background: url(../images/sprite.png) no-repeat 13px -27px ;
	height: 35px;
	width: 32px;
	float: left;
	cursor: pointer;
	display: none;
}
.treeview .expandable-hitarea { background-position: 15px 13px ;}
.treeview li a.title_ {
	display: block;
	/*padding-left: 32px;*/
	padding: 7px 7px 7px 32px;
	margin: 0;
	color: #4b4b4b;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	font-size: 14px;
	-moz-transition:all 0.3s;/* Firefox 4 */
	-webkit-transition:all 0.3s;/* Safari and Chrome */
	-o-transition:all 0.3s;/* Opera */
	transition: all 0.3s;
	text-align: left;
	background-color: #dcdcdc;
}
.treeview .last .title_ {
	border-bottom: none;
}
.treeview .collapsable a.title_ {
	/*background-color: #C3C3C3; 開關底色變色*/
	cursor: pointer;
}

.treeview ul {
	display: none;
	background-color: #eaeaea;
	border-bottom: 1px solid #FFF;
	overflow: hidden;
}
.treeview ul li {
	font-size: 13px;
	line-height: 1.5;
	color: #4b4b4b;
	/*background-attachment: scroll;
	background-image: url(../images/sprite_li.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 15px;*/	
	margin: 12px 15px;
}
.treeview ul .d_box_i1 .zzz {
	padding: 7px 7px 7px 32px;
	display: block;
    text-align: left;
}
.d_box_ul .d_box_i1_1 {
	padding-left: 32px;
}
.treeview ul li a {
	color: #4b4b4b;
	cursor: pointer;
	display: block;
    text-align: left;
}

.treeview ul .d_box_i1 { /*第二層 有子選單*/
	margin: 0px 0px;
	/*line-height: 35px;*/
	border-bottom: 1px solid #FFF;
}

.treeview ul .d_box_i2 { /*第二層 無子選單*/
	margin: 0px 0px;
	/*line-height: 35px;*/
	display: block;
	padding: 7px 7px 7px 32px;
	border-bottom: 1px solid #FFF;
	cursor: pointer;
}
.treeview ul .last { /*最後一個選項*/
	border-bottom: none;
}
ul .d_box_in1_1 {
	background-color: #FFF;
}
.treeview .d_box_ul { /*第三層的ul*/
	background-color: #FFF;
	padding-bottom: 4px;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
}
.treeview .d_box_ul .d_box_i1_1 { /*第三層*/
	margin: 0px 0px;
	line-height: 15px;
	padding: 7px 7px 3px 32px;
	background-color: #fff;
}


@charset "utf-8";

body {
    text-align: center;
    font-family: Arial, "微軟正黑體", "Microsoft JhengHei", "Microsoft JhengHei";
    font-size: 13px;
    font-style: normal;
    line-height: 1.4;
    font-weight: normal;
    color: #333333; /*30*/
    -webkit-text-size-adjust: none; /*Font size render in iphone*/
    background-color: #FFF;
    /*min-width:1200px;*/
}

img {
    max-width: 100%;
    width: 100%;
}
/*header主選單變色*/
a:link, a:visited {
    color: #A9A9A9;
}
/*a:link, a:visited { color: #d4c7a5; }*/
a:hover {
    text-decoration: underline;
    color: #666;
}

a:active {
    color: #A9A9A9;
}

.clear {
    clear: both;
    height: 0px;
    font-size: 0px;
}

/*-------表單-------*/
input[type="button"], input[type="submit"] {
    font-family: inherit;
    font-size: 13px;
    cursor: pointer;
    border: 0 none;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    /*line-height:; 都要設定*/
    /*height:; 都要設定*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type="text"], input[type="password"] {
    color: #333333;
    font-size: 13px;
    height: 25px;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    outline: none;
}

select {
    color: #333333;
    font-family: inherit;
    font-size: 13px;
    padding: 2px 3px 4px 5px;
    border: 1px solid #D0D0D0;
    height: 32px;
    width: 100px;
    margin-right: 10px;
    margin-bottom: 16px;
    color: #686868;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    select option {
        padding-left: 10px;
        padding-right: 5px;
        color: #686868;
    }

textarea {
    color: #333333;
    font-family: inherit;
    font-size: 13px;
    line-height: 20px;
    padding: 5px 0px 5px 10px;
    margin: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.t_overflow {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis; /* ... */
    white-space: nowrap; /*不进行换行*/
    word-wrap: normal; /*允许内容顶开或溢出指定的容器边界。*/
}

.table {
    border-spacing: 0px; /*cellspacing*/
    border: 0px none; /*border*/
    display: table;
    width: 100%;
}

.main .main_cont2 .table {
    border-spacing: 0px; /*cellspacing*/
    border: 0px none; /*border*/
    display: table;
    /*width: auto;*/
}


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

.table tr td, .table tr th {
    padding: 0px; /*cellpadding*/
    border: 0px none; /*border*/
    display: table-cell;
}

.transform * {
    -moz-transition: all 0.5s; /* Firefox 4 */
    -webkit-transition: all 0.5s; /* Safari and Chrome */
    -o-transition: all 0.5s; /* Opera */
    transition: all 0.5s;
}
/*-----------------------共用-----------------------*/
#top-link {
    bottom: 20px;
    display: none;
    height: 40px;
    position: fixed;
    right: 20px;
    text-decoration: none;
    width: 50px;
    z-index: 8000;
    opacity: 0.7;
}

.header {
    /*background-color: #FFF;*/
    /*	box-shadow:0px 0px 5px 0px rgba(20%,20%,40%,0.6);
	-moz-box-shadow:0px 0px 5px 0px rgba(20%,20%,40%,0.6);
	-webkit-box-shadow:0px 0px 5px 0px rgba(20%,20%,40%,0.6);*/
    position: relative;
    z-index: 1111;
}

    .header .header_cont {
        position: relative;
    }

        .header .header_cont .top_line {
            position: inherit;
            top: 85px;
            border: 0;
            height: 1px;
            background-color: #ff0000;
        }

.m_nav_header {
    text-align: left;
    margin: 0px auto;
    padding: 0px 15px;
    max-width: 1200px;
    width: 100%;
    position: relative;
}

.header .header_cont .logo {
    position: absolute;
    margin-top: 15px;
}

    .header .header_cont .logo img {
        width: 100%;
    }

.header .header_cont .m_nav_btn {
    display: none;
}

.m_nav_header_1 {
    margin: 0px auto;
    width: 100%;
    position: relative;
}




/*----------中上主選單----------*/
.m_nav {
    display: inline;
}

.m_nav_top {
    text-align: left;
    margin: 0px auto;
    padding: 0px 15px;
    max-width: 1200px;
    width: 100%;
    overflow: hidden;
}

    .m_nav_top .float {
        float: right;
        padding-top: 10px;
        padding-bottom: 107px;
        min-width: 600px;
    }

.top .top_cont {
    float: left;
    padding: 6px 4px 6px 4px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: absolute;
    top: 27px;
    right: 35%;
}

    .top .top_cont ul .li1 {
        display: inline-block;
        padding: 3px 0px;
        padding-right: 25px;
        font-size: 16px;
        color: #636363;
        height: 35px;
        z-index: 11111;
        cursor: pointer;
    }
      
.top_menu li ul:before {
    content: "";
    content: url(../images/nav_icon.png);
    position: absolute;
    top: -16px;
    left: 10px;
}

.top_menu li ul .li_f {
    font-size: 14px;
    cursor: pointer;
    width: 100%;
    padding: 3px 0px;
}

    .top_menu li ul .li_f:hover {
        text-decoration: none;
        color: #f00;
    }

.top .top_cont ul .li1 .bd {
    border-left: 1px dotted #636363;
    padding-right: 3px;
}

/*------主選單手機版-----*/
.top_menu_2 {
    display: none;
    margin-top: 20px;
    background-color: #FF7975;
}

    .top_menu_2 li a {
        display: block;
        padding: 5px;
        font-size: 16px;
        color: #fff;
        text-decoration: none;
    }

    .top_menu_2 li ul li a {
        color: #BC5D5A;
    }

    .top_menu_2 li ul li:nth-of-type(2n) {
        display: block;
        font-size: 14px;
        background-color: #fff;
        text-decoration: none;
        border: none;
    }

    .top_menu_2 li:nth-of-type(2n) {
        border-top: 1px solid #FFB7B5;
        border-bottom: 1px solid #FFB7B5;
    }

    .top_menu_2 li ul li:nth-of-type(2n+1) {
        display: block;
        font-size: 14px;
        background-color: #FFF6F6;
        text-decoration: none;
        border: none;
    }


/*----------搜尋bar----------*/
.search_bar {
    position: relative;
}

    .search_bar .search_box {
        position: absolute;
        top: 23px;
    }

.search_box .search {
    overflow: hidden;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 26px;
    position: relative;
    border: 1px solid #FFBABA;
}

    .search_box .search select {
        float: left;
        margin-top: 3px;
    }

    .search_box .search .bb {
        border: 0 none;
        font-family: inherit;
        line-height: 22px;
    }

.s {
    color: #a6a6a6;
    font-size: 13px;
}

.search_box .search .btn {
    width: 23px;
    height: 26px;
    background-color: #FF0000;
    position: absolute;
    top: 0px;
    right: 0px;
    overflow: hidden;
}

    .search_box .search .btn img {
        position: absolute;
        width: 14px;
        top: 5px;
        right: 4px;
    }





/*----------商品選單----------*/
.nav {
    display: table-row;
    clear: both;
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
}

    .nav .nav_cont {
        display: table-cell;
        padding-left: 31.3%;
    }
        /*------主選單PC版-----*/
        .nav .nav_cont .sub_menu .sub_menuLi {
            padding-top: 25px;
            height: 63px;
            background-image: url(../images/sub_menu_icon.png);
            background-repeat: no-repeat;
            background-position: 0px 26px;
            padding-left: 8px;
            /*display: inline-block;*/
            width: 150px;
            font-size: 18px;
            float: left;
        }

            .nav .nav_cont .sub_menu .sub_menuLi:hover {
                margin-top: 8px;
                padding: 14px 0px 0px 8px;
                border-top: 3px solid #f00;
                height: 53px;
                color: #f00;
                background-position: 0px 15px;
            }

.sub_menu .sub_menuLi:hover {
    cursor: pointer;
}

.sub_menu .sub_menuLi ul li {
    display: inline-block;
    width: 145px;
    height: 158px;
    padding: 9px 0px 5px 0px;
}

.header_all .h_nav .h_navs .nav_all .nav .nav_cont .sub_menu .sub_menuLi ul li:hover {
    background-color: #F5F5F5;
}

.header_all .h_nav .h_navs .nav_all .nav .nav_cont .sub_menu .sub_menuLi ul li a {
    font-size: 14px;
    color: #8A8A8A;
}

    .header_all .h_nav .h_navs .nav_all .nav .nav_cont .sub_menu .sub_menuLi ul li a:hover {
        text-decoration: none;
    }

.sub_menu .sub_menuLi ul li a img {
    margin-bottom: 11px;
}



/*-------商品列表頁------*/
/*------條件選單PC版-----*/
.main_content {
}

    .main_content .sel_content .sel_b {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        text-align: left;
    }

        .main_content .sel_content .sel_b .title li {
            display: inline-block;
            vertical-align: top;
        }

            .main_content .sel_content .sel_b .title li h2 {
                font-size: 18px;
                color: #636363;
                margin-right: 50px;
            }

            .main_content .sel_content .sel_b .title li a {
                font-size: 16px;
                padding: 3px 10px 2px;
                background: #898989;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -ms-border-radius: 5px;
                -o-border-radius: 5px;
                -webkit-border-radius: 5px;
                color: #fff;
                text-decoration: none;
            }

                .main_content .sel_content .sel_b .title li a:hover {
                    background: #aaa;
                }

                .main_content .sel_content .sel_b .title li a img {
                    width: 16px;
                    vertical-align: text-top;
                }

.sel_content .sel_b .sel_list {
    display: table;
    text-align: center;
}

    .sel_content .sel_b .sel_list .line {
        /*display:table-row;*/
        margin: 5px auto 7px;
    }

    .sel_content .sel_b .sel_list li span {
        display: table-cell;
        float: left;
        width: 80px;
        border-bottom: 1px solid #fff;
        background-color: #fff;
        font-size: 14px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        font-weight: bold;
        margin-top: 4px;
        margin-bottom: 2px;
    }

.sel_content {
    padding: 15px 15px 5px 15px;
    background-color: #eee;
}

    .sel_content .sel_b .sel_list li .se_ul {
        display: table-cell;
    }

        .sel_content .sel_b .sel_list li .se_ul .bb {
            width: 10px;
        }

            .sel_content .sel_b .sel_list li .se_ul .bb:hover {
                border-bottom: 1px solid #fff;
            }

        .sel_content .sel_b .sel_list li .se_ul li {
            float: left;
            border-bottom: 1px solid #fff;
            height: 20px;
            margin-top: 4px;
            margin-bottom: 2px;
        }

            .sel_content .sel_b .sel_list li .se_ul li.fo {
                float: left;
                border-bottom: 2px solid #ED0000;
            }

            .sel_content .sel_b .sel_list li .se_ul li:hover {
                border-bottom: 2px solid #ED0000;
            }

            .sel_content .sel_b .sel_list li .se_ul li a {
                padding: 0px 8px;
                text-decoration: none;
                font-size: 14px;
                color: #555555;
            }

                .sel_content .sel_b .sel_list li .se_ul li a:hover {
                    color: #ED0000;
                }

                .sel_content .sel_b .sel_list li .se_ul li a.focus {
                    color: #ED0000;
                }









/*------條件選單手機版-----*/
#sel_list_2 {
    display: none;
}

    #sel_list_2 .btn {
        color: #fff;
        font-size: 16px;
        background-color: #FF7176;
        padding: 8px;
        margin-top: 10px;
        line-height: initial;
        display: block;
        text-align: left;
        text-decoration: none;
    }

    #sel_list_2 li #list_3 {
        background-color: #fff;
        padding: 10px;
    }

        #sel_list_2 li #list_3 li a {
            font-size: 16px;
            text-decoration: none;
            color: #464040;
            font-weight: bold;
        }

        #sel_list_2 li #list_3 li.l_tt {
            padding: 5px 0px;
        }

        #sel_list_2 li #list_3 li a.l_tt_a {
            font-size: 16px;
            text-decoration: none;
            color: #464040;
            display: block;
            text-align: left;
        }

        #sel_list_2 li #list_3 .l_tt .items li {
            display: inline-block;
            font-size: 14px;
            padding: 0px 3px 5px 0px;
        }

            #sel_list_2 li #list_3 .l_tt .items li a {
                font-size: 14px;
                display: inline-block;
                background: #aaa;
                border-radius: 3px;
                -moz-border-radius: 3px;
                -ms-border-radius: 3px;
                -o-border-radius: 3px;
                -webkit-border-radius: 3px;
                color: #fff;
                text-decoration: none;
                padding: 2px 5px;
                font-weight: normal;
            }

                #sel_list_2 li #list_3 .l_tt .items li a.focus {
                    background: #f00;
                }







.main_content .sel_content .sel_b .sel_list_2 {
    background-color: #fff;
    overflow: hidden;
    padding: 0px 0px;
    height: 0px;
}

    .main_content .sel_content .sel_b .sel_list_2 ul {
        margin: 10px;
    }

        .main_content .sel_content .sel_b .sel_list_2 ul .title h3 {
            font-size: 16px;
        }

        .main_content .sel_content .sel_b .sel_list_2 ul .title {
            margin: 2px auto 10px;
        }

        .main_content .sel_content .sel_b .sel_list_2 ul li ul {
            margin: 0px;
        }

    .main_content .sel_content .sel_b .sel_list_2 .se_ul li {
        display: inline-block;
        padding-bottom: 5px;
    }

        .main_content .sel_content .sel_b .sel_list_2 .se_ul li a {
            font-size: 14px;
            padding: 0px;
            background: #aaa;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            -webkit-border-radius: 3px;
            color: #fff;
            text-decoration: none;
            padding: 2px 5px;
            margin: auto 2px auto 0px;
        }

    .main_content .sel_content .sel_b .sel_list_2 .se_ul .fo a {
        padding: 0px;
        background: #f00;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        -webkit-border-radius: 3px;
        color: #fff;
        text-decoration: none;
        padding: 2px 5px;
    }







.nav .search_bar {
    display: table-cell;
    width: 180px;
}









.header .header_cont .m_nav .nav .nav_cont ul .nav_aa {
    /*float: left;*/
    display: inline-block;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    width: 15.5%;
    min-width: 120px;
    padding-top: 25px;
    padding-bottom: 10px;
    color: #FFF;
}

    .header .header_cont .m_nav .nav .nav_cont ul .nav_aa li {
        text-align: center;
    }

a {
    /*display:block;*/
    text-align: center;
}
    /* a:hover {
	color: #983B3B;
}*/
    a img {
        /*width: 36px;*/
    }

.header .header_cont .m_nav a .s2 {
    /*font-weight: bold;*/
    font-size: 15px;
}

a:hover span.s2 {
    text-decoration: underline;
}
/*-----------頁面內容-----------*/
.main {
}
    /*頁面內容外框*/
    .main .main_cont {
        text-align: left;
        margin: 0px auto;
        padding: 0px 25px 64px 25px;
        max-width: 1200px;
        width: 100%;
    }
        /*------------商品內頁------------*/
        .main .main_cont .pro_main {
            margin-top: 50px;
        }

            .main .main_cont .pro_main .pro_part_1 {
                display: table;
                width: 100%;
            }

                .main .main_cont .pro_main .pro_part_1 .tr {
                    display: table-row;
                }
/*--左半--*/
.pro_main .pro_part_1 .left {
    display: table-cell;
    position: relative;
}

    .pro_main .pro_part_1 .left .pics span {
        position: absolute;
        width: 100%;
        max-width: 80px;
    }

    .pro_main .pro_part_1 .left .pics .big_p {
        width: 100%;
        max-width: 520px;
    }

    .pro_main .pro_part_1 .left .increase {
        display: table;
        border: 1px solid #ccc;
        border-top: 1px solid #ff6767;
        margin: 20px 25px 0px 0px;
        padding: 5px;
        box-sizing: border-box;
        width: 90%;
        font-size: 14px;
    }

        .pro_main .pro_part_1 .left .increase h2 {
            display: table-caption;
            font-size: 15px;
            padding: 5px;
            background-color: #ff6767;
            color: #fff;
        }

        .pro_main .pro_part_1 .left .increase .tr {
            display: table-row;
        }

            .pro_main .pro_part_1 .left .increase .tr .td {
                display: table-cell;
                padding: 5px 0px;
            }

            .pro_main .pro_part_1 .left .increase .tr:nth-child(odd) {
                background-color: #f6f6f6;
            }

            .pro_main .pro_part_1 .left .increase .tr .td a {
                color: #6a6a6a;
            }

            .pro_main .pro_part_1 .left .increase .tr .td.d1 {
                width: 3%;
            }

            .pro_main .pro_part_1 .left .increase .tr .td.d2 {
                width: 92%;
            }

            .pro_main .pro_part_1 .left .increase .tr .td.d3 {
                width: 5%;
                padding-right: 3px;
            }

            .pro_main .pro_part_1 .left .increase .tr .td span {
                color: #f00;
                font-weight: bold;
            }

            .pro_main .pro_part_1 .left .increase .tr .td select {
                height: 20px;
                width: 38px;
                margin-right: 0px;
                margin-bottom: 0px;
                padding: 0px 0px;
                outline: none;
            }

            .pro_main .pro_part_1 .left .increase .tr .td input[type="checkbox"] {
                margin-top: 3px;
                width: 20px;
                height: 14px;
            }

.pro_main .pro_part_1 .increase2 {
    display: none;
    border: 1px solid #ccc;
    border-top: 1px solid #ff6767;
    margin: 0px 0px 10px 0px;
    padding: 5px;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
}

    .pro_main .pro_part_1 .increase2 h2 {
        display: table-caption;
        font-size: 15px;
        padding: 5px;
        background-color: #ff6767;
        color: #fff;
    }

    .pro_main .pro_part_1 .increase2 .tr {
        display: table-row;
    }

        .pro_main .pro_part_1 .increase2 .tr .td {
            display: table-cell;
            padding: 5px 0px;
        }

        .pro_main .pro_part_1 .increase2 .tr:nth-child(odd) {
            background-color: #f6f6f6;
        }

        .pro_main .pro_part_1 .increase2 .tr .td a {
            color: #6a6a6a;
        }

        .pro_main .pro_part_1 .increase2 .tr .td.d1 {
            width: 3%;
        }

        .pro_main .pro_part_1 .increase2 .tr .td.d2 {
            width: 92%;
        }

        .pro_main .pro_part_1 .increase2 .tr .td.d3 {
            width: 5%;
            padding-right: 3px;
        }

        .pro_main .pro_part_1 .increase2 .tr .td span {
            color: #f00;
            font-weight: bold;
        }

        .pro_main .pro_part_1 .increase2 .tr .td select {
            height: 20px;
            width: 38px;
            margin-right: 0px;
            margin-bottom: 0px;
            padding: 0px 0px;
            outline: none;
        }

        .pro_main .pro_part_1 .increase2 .tr .td input[type="checkbox"] {
            margin-top: 3px;
            width: 20px;
            height: 14px;
        }



/*--右半--*/
.pro_main .pro_part_1 .right {
    display: table-cell;
    position: relative;
    vertical-align: top;
    width: 39.5%;
}

    .pro_main .pro_part_1 .right .pro_intro {
        border-bottom: 1px dashed #ccc;
        padding-bottom: 18px;
    }

.pro_intro .title {
    margin-bottom: 25px;
}

    .pro_intro .title h2 {
        font-size: 24px;
        display: inline-block;
        line-height: 28px;
        margin-bottom: 5px;
        display:block;
    }

    .pro_intro .title h3 {
        font-size: 16px;
        font-weight: normal;
        color: #f00;
    }

    .pro_intro .title .sp {
        font-size: 16px;
        font-weight: normal;
        color: #0000ff;
        top: 10px;
        right: 0px;
        display: inline-block;
    }

    .pro_intro .title .sp_2 {
        font-size: 16px;
        font-weight: normal;
        color: #0000ff;
        top: 10px;
        right: 0px;
        display: none;
    }

.pro_intro .text ul li {
}

    .pro_intro .text ul li dt {
        width: 17%;
        font-size: 14px;
        display: inline-block;
        text-align: right;
        padding: 4px 8px 4px 0px;
        vertical-align: top;
    }

    .pro_intro .text ul li dd {
        width: 78%;
        font-size: 14px;
        display: inline-block;
        padding: 4px 0px 4px 10px;
        border-left: 1px solid #ccc;
    }

.pro_intro .icons ul .i_01 {
    width: auto;
    height: 80px;
    margin-right: 5px;
    display: inline-block;
}

.pro_intro .icons ul .i_02 {
    display: inline-block;
}

    .pro_intro .icons ul .i_02 a {
        width: 90px;
        height: 30px;
        margin-top: 10px;
        background: #8b8d90;
        font-size: 16px;
        padding: 5px 0px 3px 0px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-border-radius: 5px;
        display: block;
        color: #FFF;
        text-decoration: none;
    }

.pro_intro .icons a:hover {
    background: #B2B2B2;
}

.cart_in li {
    margin: 10px 0px;
}

.cart_in ul li h3 {
    font-size: 14px;
    display: inline-block;
    width: 40px;
}

.cart_in ul li .price {
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
}

.cart_in ul li .price2 {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #939393;
    margin-right: 35px;
}

    .cart_in ul li .price2 h3, .cart_in ul li .price2 div {
        display: inline-block;
        vertical-align: middle;
        text-decoration: line-through;
    }

.cart_in ul li .sale_p {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #f00;
}

    .cart_in ul li .sale_p h3 {
        display: inline-block;
        vertical-align: middle;
        width: 55px;
    }

    .cart_in ul li .sale_p div {
        display: inline-block;
        vertical-align: middle;
        font-size: 24px;
    }

.cart_in ul li .red {
    color: #f00;
}

.cart_in ul li form {
    display: inline-block;
    vertical-align: middle;
}

    .cart_in ul li form select {
        font-family: inherit;
        font-size: 13px;
        padding: 2px 3px 2px 5px;
        border: 1px solid #C8C8C8;
        height: 29px;
        width: 70px;
        color: #686868;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-border-radius: 5px;
        margin: 0px;
    }

.cart_in ul .btn ul li {
    font-size: 15px;
    width: 120px;
    height: 35px;
    text-align: center;
    /*display: inline-block;*/
    float: left;
    padding-top: 6px;
    margin-right: 15px;
}

.cart_in ul .btn ul .red {
    background-color: #ff0000;
}

    .cart_in ul .btn ul .red:hover {
        background-color: #FF5454;
    }

.cart_in ul .btn ul .blue {
    background-color: #0e76e0;
}

    .cart_in ul .btn ul .blue:hover {
        background-color: #3C92E9;
    }

.cart_in ul .btn ul li a {
    color: #fff;
    text-decoration: none;
}

    .cart_in ul .btn ul li a img {
        width: 22px;
        margin-right: 5px;
        vertical-align: top;
    }

    .cart_in ul .btn ul li a .bag {
        width: 19px;
        margin-right: 5px;
    }

.cart_in ul li p {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 30px;
}

/*--商品內頁 分隔線--*/
.hr_line {
    border: 0;
    height: 5px;
    background-color: #d4d4d4;
    margin-bottom: 24px;
    margin-top: 10px;
}

.hr_line_2 {
    border: 0;
    height: 1px;
    background-color: #d4d4d4;
    margin-bottom: 24px;
    margin-top: 20px;
}
/*--商品內頁 編輯器範圍--*/
.pro_main .pro_part_2 .text {
    width: 100%;
    max-width: 900px;
    margin: 0px auto;
}

    .pro_main .pro_part_2 .text img {
        width: auto;
        display: block;
    }

    .pro_main .pro_part_2 .text iframe {
        width: 100%;
        height: 300px;
    }







/*--推薦商品--*/
.pro_part_3 {
    width: 100%;
    text-align: center;
}

    .pro_part_3 h2 {
        font-size: 24px;
        text-align: left;
    }

        .pro_part_3 h2 img {
            width: 22px;
            margin-right: 5px;
            vertical-align: text-top;
        }

    .pro_part_3 ul {
        text-align: left;
    }

        .pro_part_3 ul .list {
            width: 19.5%;
            padding: 20px;
            cursor: pointer;
            display: inline-block;
            vertical-align: top;
        }

            .pro_part_3 ul .list:hover {
                opacity: 0.6;
            }

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

        .pro_part_3 .item .pic {
            width: 100%;
            position: relative;
        }

            .pro_part_3 .item .pic .new {
                width: 100%;
                max-width: 40px;
                position: absolute;
            }

        .pro_part_3 .item ul li {
            margin: 0px;
            width: 100%;
            text-align: center;
        }

            .pro_part_3 .item ul li.red {
                color: #f00;
            }

        .pro_part_3 .item .price {
            font-size: 16px;
            margin-top: 8px;
            color: #f00;
        }

            .pro_part_3 .item .price dt {
                display: inline-block;
            }

            .pro_part_3 .item .price dd {
                display: inline-block;
            }

        .pro_part_3 .item span {
            font-size: 15px;
            color: #0000ff;
        }



.notice_popu_hs {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
}

.notice_popu {
    width: 600px;
    padding: 20px;
    border: 1px solid #eee;
    background: #fff;
    position: fixed;
    left: 50%;
    margin-left: -300px;
    top: 10%;
    z-index: 9px;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

    .notice_popu p .mail {
        color: #ff840f;
    }

    .notice_popu h3 {
        padding-top: 20px;
        color: #ea6b66;
        font-size: 16px;
    }

    .notice_popu .a_bnt {
        width: 100px;
        line-height: 35px;
        display: block;
        float: right;
        text-align: center;
        color: #333;
        background: #a8c4eb;
        border: 1px solid #eee;
        border-radius: 5px;
        -moz-border-radius: 5px;
    }

@media screen and (max-width:640px) {
    .notice_popu {
        width: 280px;
        padding: 10px;
        left: 50%;
        margin-left: -150px;
        top: 15px;
    }
}











/*-------footer-------*/
.footer {
    background-color: #e5e5e5;
}

    .footer .footer_cont {
        margin: 10px auto;
        padding: 20px 15px 10px 15px;
        max-width: 1200px;
        width: 100%;
        overflow: hidden;
        text-align: center;
    }

        .footer .footer_cont .logo {
            display: table-cell;
            width: 117px;
            padding: 0px 30px 0px 10px;
        }

        .footer .footer_cont .text {
            /*display: table-cell;*/
            color: #fff;
            line-height: 20px;
            font-size: 13px;
            vertical-align: middle;
        }

        .footer .footer_cont .text_1 {
            line-height: 25px;
            font-size: 12px;
            padding-top: 20px;
            padding-bottom: 20px;
            color: #a9a692;
            margin: 0px auto;
        }

        .footer .footer_cont .text_2 {
            line-height: 25px;
            font-size: 12px;
            color: #5c5c5c;
        }

        .footer .footer_cont .tr .logo a {
            text-align: right;
        }

            .footer .footer_cont .tr .logo a img {
                min-width: 117px;
                width: 117px;
            }

        .footer .footer_cont .text_2 p {
            display: block;
        }

            .footer .footer_cont .text_2 p .fsp {
                display: block;
            }



/**/
.left_section img,
.right_section img,
.left_section2 img,
.left_section3 img,
.right_section2 img,
.right_section3 img,
.m_section img,
.section01 i .bread_crumbs .bread_crumbs_cont img {
    width: auto;
}





/*-----header-----*/
.header_all {
    display: table;
    text-align: left;
    margin: 0px auto;
    padding: 0px 10px;
    max-width: 1200px;
    width: 100%;
    overflow: hidden;
    background-color: #FFF;
}

    .header_all .h_nav {
        display: table-row;
    }

        .header_all .h_nav .h_logo {
            display: table-cell;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            width: 150px;
            height: auto;
            padding: 0px 85px;
            vertical-align: middle;
        }

.h_logo a {
    width: 100%;
}

    .h_logo a img {
        max-width: 155px;
        position: absolute;
        top: 0px;
        left: 7px;
    }

.header .header_cont .logo {
    position: absolute;
    margin-top: 15px;
}

    .header .header_cont .logo img {
        width: 100%;
    }




/*---------------右上角會員登入區塊---------------*/
/*--右上角會員登入區塊 未登入--*/
.header_all .h_nav .h_navs {
    display: table-cell;
    width: 100%;
    padding: 10px 0px 0px 0px;
}

    .header_all .h_nav .h_navs .nav_top {
        float: right;
        padding: 17px 0px 20px 0px;
        line-height: 30px;
    }
        /*--header主選單icon改色--*/
        .header_all .h_nav .h_navs .nav_top ul .li1 a img {
            width: 23px;
            margin: -12px 3px 0px 0px;
        }

        .header_all .h_nav .h_navs .nav_top ul li a {
            color: #636363;
            font-size: 13px;
            position: relative;
            bottom: -7px;
        }

        .header_all .h_nav .h_navs .nav_top ul .li0 {
            text-align: right;
            font-size: 12px;
        }

            .header_all .h_nav .h_navs .nav_top ul .li0 a {
                color: #f00;
                font-size: 13px;
            }

        .header_all .h_nav .h_navs .nav_top ul .li1, .header_all .h_nav .h_navs .nav_top ul .li2 {
            float: left;
            margin-left: 17px;
            font-size: 12px;
        }

            .header_all .h_nav .h_navs .nav_top ul .li2 a img {
                width: 25px;
                margin: -12px 3px 0px 0px;
            }

            .header_all .h_nav .h_navs .nav_top ul .li2 a .cart_in {
                position: absolute;
                top: -13px;
                left: 8px;
            }

                .header_all .h_nav .h_navs .nav_top ul .li2 a .cart_in span {
                    position: absolute;
                    color: #fff;
                    left: 1px;
                    top: -4px;
                    width: 16px;
                }

                .header_all .h_nav .h_navs .nav_top ul .li2 a .cart_in img {
                    width: 20px;
                }

    /*--右上角會員登入區塊 已登入--*/
    .header_all .h_nav .h_navs .nav_top2 {
        float: right;
        padding: 0px 0px 7px 0px;
        line-height: 30px;
    }
        /*--header主選單icon改色--*/
        .header_all .h_nav .h_navs .nav_top2 ul .li1 a img {
            width: 23px;
            margin: -12px 3px 0px 0px;
        }

        .header_all .h_nav .h_navs .nav_top2 ul li a {
            color: #636363;
            font-size: 13px;
            position: relative;
            bottom: -7px;
        }

        .header_all .h_nav .h_navs .nav_top2 ul .li0 {
            text-align: right;
            font-size: 12px;
            color: #E60000;
        }

            .header_all .h_nav .h_navs .nav_top2 ul .li0 a {
                color: #f00;
                font-size: 13px;
            }

        .header_all .h_nav .h_navs .nav_top2 ul .li1 {
            float: left;
            margin-left: 17px;
            font-size: 12px;
            top: 7px;
        }

        .header_all .h_nav .h_navs .nav_top2 ul .li2 {
            float: left;
            margin-left: 17px;
            font-size: 12px;
            top: 7px;
        }

            .header_all .h_nav .h_navs .nav_top2 ul .li2 a .cart_in {
                position: absolute;
                top: -13px;
                left: 8px;
            }

                .header_all .h_nav .h_navs .nav_top2 ul .li2 a .cart_in span {
                    position: absolute;
                    color: #fff;
                    left: 1px;
                    top: -4px;
                    width: 16px;
                }

                .header_all .h_nav .h_navs .nav_top2 ul .li2 a .cart_in img {
                    width: 20px;
                }

            .header_all .h_nav .h_navs .nav_top2 ul .li2 a img {
                width: 25px;
                margin: -12px 3px 0px 0px;
            }

    .header_all .h_nav .h_navs .nav_top ul .li3 {
        float: left;
        margin-right: 8px;
    }

        .header_all .h_nav .h_navs .nav_top ul .li3 img {
            width: 15px;
        }

    .header_all .h_nav .h_navs .nav_top ul .li4 {
        float: left;
        padding-left: 15px;
        font-size: 12px;
    }

    .header_all .h_nav .h_navs .nav_top .li_icons {
        display: none;
        width: 195px;
        text-align: center;
        margin: 0px auto;
    }

        .header_all .h_nav .h_navs .nav_top .li_icons li img {
            width: 35px;
            float: left;
            margin: 0px 15px 15px 15px;
        }

    .header_all .h_nav .h_navs .nav_top2 .li_icons {
        display: none;
        width: 195px;
        text-align: center;
        margin: 0px auto;
    }

        .header_all .h_nav .h_navs .nav_top2 .li_icons li img {
            width: 35px;
            float: left;
            margin: 0px 15px 15px 15px;
        }

    .header_all .h_nav .h_navs .nav_top2 ul .li0 .logout {
        margin-left: 10px;
        font-size: 12px;
        bottom: 0px;
        color: #FF5900;
    }

        .header_all .h_nav .h_navs .nav_top2 ul .li0 .logout img {
            width: 12px;
            vertical-align: text-top;
        }




    /*--------主選單--------*/
    .header_all .h_nav .h_navs .nav_all {
        float: left;
        width: 100%;
        clear: both;
        display: table;
    }

        .header_all .h_nav .h_navs .nav_all .nav .nav_cont ul li a {
            display: inline-block;
            color: #636363;
        }

            .header_all .h_nav .h_navs .nav_all .nav .nav_cont ul li a .bd {
                border-left: 5px solid #ff0000;
                padding-right: 3px;
            }


/*---------------footer---------------*/
.fo_link {
    width: 100%;
    text-align: center;
    padding: 10px 0px 30px 0px;
}

    .fo_link li {
        display: inline-block;
        color: #A9A9A9;
    }

        .fo_link li .fo_1 {
            display: inline-block;
            color: #959595;
        }

    .fo_link .flb div {
        display: inline-block;
    }

        .fo_link .flb div a {
            text-decoration: underline;
        }

    .fo_link .fo_1 span {
        padding: 0px 5px 0px 8px;
    }

    .fo_link .fo_2 span {
        padding: 0px 5px 0px 8px;
    }

    .fo_link .fo_3 span {
        padding: 0px 5px 0px 8px;
    }

    .fo_link li a {
        color: #A9A9A9;
    }

        .fo_link li a:hover {
            color: #666;
        }

.footer_link a .fo_pic1 {
    width: 140px;
    margin: 0px 25px 0px auto;
}

.footer_link a .fo_pic2 {
    width: 90px;
    margin: 0px 26px 0px auto;
}

.footer_link a .fo_pic3 {
    width: 50px;
    margin: 0px 20px 0px auto;
}

/*--------首頁輪播banne--------r*/
.main_content {
    width: 100%;
    margin: 0px auto;
}

.slider {
    clear: both;
    margin: 0px auto;
    z-index: 0;
    display: block;
}
/*--------首頁輪播banne--------r*/
.main_content {
    width: 100%;
    margin: 0px auto;
}

.slider.ss {
    clear: both;
    margin: 0px auto;
    z-index: 0;
    display: none;
}

/*-----首頁 排行榜-----*/
.rank_content {
    margin: 25px auto 0px;
    border-bottom: 3px solid #f00;
    padding: 0px 10px;
}

.rank_con {
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
    display: table;
    padding-bottom: 25px;
}

    .rank_con .tr {
        display: table-row;
        max-width: 1200px;
    }

        .rank_con .tr .left {
            /*float:left;
	width: 20%;*/
            display: table-cell;
            width: 20%;
        }

        .rank_con .tr .left_s {
            display: none;
            width: 20%;
        }

        .rank_con .tr .left .rank_icon {
            width: 100%;
            max-width: 209px;
        }

        .rank_con .tr .left_s .rank_icon {
            display: none;
            width: 100%;
            max-width: 209px;
        }

        .rank_con .tr .right {
            /*float:left;
	width: 80%;*/
            display: table-cell;
            width: 80%;
            position: relative;
            vertical-align: top;
        }

            /*-------首頁排行榜控制--------*/
            .rank_con .tr .right.infiniteCarousel .iwrapper {
                padding-top: 10px;
                margin-right: auto;
                margin-left: auto;
                overflow: hidden;
                position: relative;
                padding-top: 10px;
                margin-right: auto;
                margin-left: auto;
                overflow: hidden;
                position: relative;
                width: 890px;
            }

                .rank_con .tr .right.infiniteCarousel .iwrapper ul {
                    overflow: hidden;
                    /*width: 9999px;*/
                    margin: 0px auto;
                    width: 9999px;
                }

            .rank_con .tr .right.infiniteCarousel a.back {
                background-image: url(../images/left.png);
                background-repeat: no-repeat;
                background-size: 30px;
                float: left;
                /*width: 35px;*/
                height: 65px;
                width: 5%;
                cursor: pointer;
                position: absolute;
                top: 33%;
                left: 0%;
            }

            .rank_con .tr .right.infiniteCarousel a.forward {
                background-image: url(../images/right.png);
                background-repeat: no-repeat;
                background-size: 30px;
                background-position: 17px 0;
                float: right;
                /*width: 35px;*/
                height: 65px;
                width: 5%;
                cursor: pointer;
                position: absolute;
                top: 33%;
                right: 0%;
            }

            .rank_con .tr .right.infiniteCarousel a.back:hover {
                opacity: 0.7;
            }

            .rank_con .tr .right.infiniteCarousel a.forward:hover {
                opacity: 0.7;
            }


            /*---------------------------*/

            /*.rank_con .tr .right ul li {
	display:inline-block;
}*/
            .rank_con .tr .right.infiniteCarousel ul {
            }

                .rank_con .tr .right.infiniteCarousel ul li.rank_item {
                    display: inline-block;
                    width: 180px;
                    text-align: left;
                    /*position: relative;*/
                }

                .rank_con .tr .right.infiniteCarousel ul .rank_item.ept {
                    display: inline-block;
                    width: 180px;
                    text-align: left;
                    /*position: relative;*/
                }

                .rank_con .tr .right.infiniteCarousel ul li.rank_item.hideme {
                    display: none;
                    width: 180px;
                    /*position: relative;*/
                }

            .rank_con .tr .right ul .rank_item {
                max-width: 150px;
                border: 1px solid #F3F3F3;
                margin: 0 15px;
            }

                .rank_con .tr .right ul .rank_item.ept {
                    border: none;
                }

                    .rank_con .tr .right ul .rank_item.ept:hover {
                        border: none;
                    }

                .rank_con .tr .right ul .rank_item:hover {
                    border: 1px solid #FFA8A8;
                    cursor: pointer;
                }

            .rank_con .tr .right ul li .bb {
                position: relative;
            }

                .rank_con .tr .right ul li .bb .number {
                    position: absolute;
                }

.right ul li .bb .number span {
    color: #fff;
    position: absolute;
    left: 5px;
    top: 5px;
    text-align: center;
    font-style: normal;
}

.right ul li .bb .number img {
    width: 45px;
}

.right ul li .bb .item {
    width: 100%;
    max-width: 150px;
    float: left;
    border: 1px solid #EFEFEF;
}

.right ul .le a img {
    width: 100%;
    max-width: 20px;
    margin: 65% 5px 0px 0px;
}

    .right ul .le a img:hover {
        opacity: 0.6;
    }

.right ul .ri a img {
    width: 100%;
    max-width: 20px;
    margin: 65% 0px 0px 5px;
}

    .right ul .ri a img:hover {
        opacity: 0.6;
    }
/*-------首頁下方展示四區塊-------*/
.show_content {
}

    .show_content .show_con {
        display: table;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }

        .show_content .show_con .tr {
            display: table-row;
            font-size: 0;
        }

            .show_content .show_con .tr li {
                display: table-cell;
                width: 25%;
                display: inline-block;
                vertical-align: top;
                word-spacing: normal;
            }

                .show_content .show_con .tr li .list .pic a:hover {
                    opacity: 0.8;
                }

                .show_content .show_con .tr li .list .text {
                    padding: 15px 10px 60px;
                    position: relative;
                    text-align: left;
                    height: 250px;
                }

                    .show_content .show_con .tr li .list .text:before {
                        content: ""; /*產生一個空的元素*/
                        position: absolute; /*利用absolute定位*/
                        top: -11px; /*調整位置*/
                        right: 46%;
                        content: url(../images/sannkaku_w.png); /*插入圖片*/
                    }

                    .show_content .show_con .tr li .list .text.bg_g {
                        background-color: #f7f7f7;
                        position: relative;
                        height: 250px;
                    }

                        .show_content .show_con .tr li .list .text.bg_g:before {
                            content: ""; /*產生一個空的元素*/
                            position: absolute; /*利用absolute定位*/
                            top: -11px; /*調整位置*/
                            right: 46%;
                            content: url(../images/sannkaku_g.png); /*插入圖片*/
                        }

                    .show_content .show_con .tr li .list .text h1 {
                        font-size: 18px;
                        margin-bottom: 15px;
                    }

                    .show_content .show_con .tr li .list .text p {
                        color: #606060;
                        font-size: 16px;
                        margin-bottom: 10px;
                    }

                    .show_content .show_con .tr li .list .text a {
                        color: #D70000;
                        font-size: 16px;
                        margin-bottom: 10px;
                    }

                        .show_content .show_con .tr li .list .text a:hover {
                            opacity: 0.6;
                            text-decoration: none;
                        }

                        .show_content .show_con .tr li .list .text a img {
                            margin-right: 3px;
                            width: 15px;
                        }

                .show_content .show_con .tr li .list .video {
                    height: 100%;
                    max-height: 225px;
                }
/*------首頁youtube影片------*/
/*嵌入影片的是用padding的值來顯示 配合RWD*/
.embed-container {
    position: relative;
    /*padding-bottom: 56.25%; */
    overflow: hidden;
    max-width: 100%;
    padding: 37.5% 0px;
}

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



/*--------商品搜尋---------*/
/*banner*/
.main_banner_search {
    width: 100%;
    height: 100px;
    background-color: #A1C1E3;
}

    .main_banner_search .cont {
        width: 100%;
        margin: 0px auto;
        padding: 0px 25px 64px 25px;
        position: relative;
        max-width: 1200px;
    }

        .main_banner_search .cont .text {
            position: absolute;
            color: #fff;
            text-align: left;
            width: 60%;
            top: 17px;
        }

            .main_banner_search .cont .text h3 {
                font-size: 30px;
            }

            .main_banner_search .cont .text p {
                font-size: 18px;
                padding-left: 5%;
            }

        .main_banner_search .cont .pic {
            position: absolute;
            right: 8%;
        }

.main_content .search_con .search_p {
    margin: 30px 0px;
    border-top: 1px dashed #A1C1E3;
}

    .main_content .search_con .search_p .prolist_con {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px 20px 64px;
    }

        .main_content .search_con .search_p .prolist_con .pp_1 {
            border-bottom: 1px solid #d2d2d2;
            text-align: left;
        }

            .main_content .search_con .search_p .prolist_con .pp_1 .list {
                width: 19.5%;
                padding: 20px 20px 10px;
                cursor: pointer;
                display: inline-block;
                vertical-align: top;
                text-align: center;
            }

.main_content .search_con .item .pic {
    width: 100%;
    position: relative;
}

    .main_content .search_con .item .pic .new {
        width: 40px;
        position: absolute;
    }

.main_content .search_con .item ul li {
    margin: 0px;
    width: 100%;
}

    .main_content .search_con .item ul li.red {
        color: #f00;
    }

.main_content .search_con .item .price {
    font-size: 16px;
    margin-top: 8px;
    color: #f00;
}

    .main_content .search_con .item .price dt {
        display: inline-block;
    }

    .main_content .search_con .item .price dd {
        display: inline-block;
    }

.main_content .search_con .item span {
    font-size: 15px;
    color: #0000ff;
}

.main_content .search_con .pp_1 .list_lines {
    border: none;
    border-bottom: 1px solid #d2d2d2;
}


/*----------商品 搜尋bar----------*/
.search_con {
    width: 100%;
    margin: 0px auto 64px auto;
    padding: 0px 20px;
    max-width: 1200px;
    text-align: left;
}

    .search_con .search_re {
        width: 50%;
        min-width: 250px;
        overflow: hidden;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        height: 26px;
        position: relative;
        border: 1px solid #F6F6F6;
    }

        .search_con .search_re select {
            float: left;
            margin-top: 3px;
        }

        .search_con .search_re .bb {
            width: 100%;
            border: 0 none;
            font-family: inherit;
            line-height: 22px;
            background-color: #F6F6F6;
            padding: 0px 0px 0px 8px;
        }

        .search_con .search_re .btn {
            width: 23px;
            height: 23px;
            position: absolute;
            top: 2px;
            right: 4px;
            overflow: hidden;
        }

            .search_con .search_re .btn img {
                position: absolute;
                width: 20px;
                top: 0px;
                right: 0px;
            }

    .search_con .result {
        padding: 5px 0px 5px 5px;
        background-color: #E7F3FF;
        margin: 30px 0px 10px 0px;
    }

        .search_con .result span {
            color: #f00;
            padding: 0px 5px;
        }

    /*--商品搜尋 頁數選單--*/
    .search_con .page {
        padding-top: 0px;
    }

        .search_con .page.bottom {
            padding-bottom: 30px;
        }

        .search_con .page .s_ya {
            background-color: #fff;
            color: #808080;
            display: inline-block;
            background-color: #65A5E9;
            font-size: 13px;
            width: 18px;
        }

            .search_con .page .s_ya:hover {
                opacity: 0.8;
            }

        .search_con .page .s_yb {
            background-color: #fff;
            border-right: 1px solid #e0e0e0;
            color: #808080;
            display: inline-block;
            padding-left: 9px;
            padding-right: 12px;
            font-size: 13px;
        }

        .search_con .page a:hover, .search_con .page a.foucs {
            text-decoration: none;
            font-weight: bold;
            color: #f00;
        }

        .search_con .page select {
            margin-top: -3px;
            margin-left: 3px;
            border: 1px solid #e0e0e0;
            font-size: 13px;
            padding: 6px 6px 6px 5px;
        }

        .search_con .page .s_yb.last {
            border-right: none;
        }

        .search_con .page .s_ya img {
            width: 16px;
            padding: 5px;
        }





/*tab*/
.jquery-tabs {
    background-color: #FFF;
}

    .jquery-tabs p span {
        background-color: #EFEFEF;
        border: 1px solid #CCCCCC;
        cursor: pointer;
        padding: 7px 25px;
    }

        .jquery-tabs p span.current {
            background-color: #FFF;
            border-bottom-color: #FFF;
        }

    .jquery-tabs p {
        border-bottom: 1px solid #CCCCCC;
        font-weight: bold;
        padding: 0px 0px 5px;
        margin-bottom: 70px;
        margin-right: 50px;
    }

    .jquery-tabs li { /*border-bottom:1px dotted #CCCCCC;padding-bottom:3px;*/
        margin: 0px 0px 55px 0px;
        display: inline-block;
        width: 100%;
    }

    .jquery-tabs .mhot, .jquery-tabs.allhot {
        display: none;
    }

    .jquery-tabs p #tab_1 {
        font-size: 15px;
        color: #4b4b4b;
    }

    .jquery-tabs p #tab_2 {
        font-size: 15px;
        color: #4b4b4b;
    }

input[type="checkbox"] {
    float: left;
    margin: 4px 3px 0px 0px;
}



/*radio.checkbox選單*/
.demo--label {
    margin: 6px 20px 0 0;
    display: inline-block;
    color: #7D7D7D;
}

.demo--radio {
    display: none
}

.demo--radioInput {
    background-color: #fff;
    border: 1px solid #D0D0D0;
    border-radius: 100%;
    display: inline-block;
    height: 12px;
    margin-right: 6px;
    margin-top: -1px;
    vertical-align: middle;
    width: 12px;
    line-height: 1
}

.demo--radio:checked + .demo--radioInput:after {
    background-color: #999999;
    border-radius: 100%;
    content: "";
    display: inline-block;
    margin-top: -1px;
    height: 12px;
    width: 12px
}

.demo--checkbox.demo--radioInput, .demo--radio:checked + .demo--checkbox.demo--radioInput:after {
    border-radius: 0
}

.a_member .sign_up_box .sign_up_a form .input_space {
    margin-bottom: 10px;
}

.demo--label2 {
    margin: 6px 0px 0px 0px;
    display: inline-block;
    color: #7D7D7D;
}

.demo--label3 {
    margin: 6px 0px 0px 33px;
    display: inline-block;
    color: #7D7D7D;
}

.demo--checkbox {
    display: none
}

.demo--checkboxInput {
    background-color: #fff;
    border: 1px solid #D0D0D0;
    display: inline-block;
    height: 12px;
    margin-right: 10px;
    margin-top: 2px;
    vertical-align: middle;
    width: 12px;
    line-height: 1;
    float: left;
}

.demo--checkbox:checked + .demo--checkboxInput:after {
    background-color: #999999;
    content: "";
    display: inline-block;
    margin-top: -1px;
    height: 12px;
    width: 12px
}

.demo--checkbox.demo--checkboxInput, .demo--checkbox:checked + .demo--checkbox.demo--checkboxInput:after {
    border-radius: 0
}

.a_member .sign_up_box .sign_up_a form .input_space {
    margin-bottom: 10px;
}



/*---------------商品內頁---------------*/
/*banner*/
.main_banner_p {
    width: 100%;
    height: 100px;
    background-color: #d79595;
}

    .main_banner_p .cont {
        width: 100%;
        margin: 0px auto;
        padding: 0px 25px 64px 25px;
        position: relative;
        max-width: 1200px;
    }

        .main_banner_p .cont .text {
            position: absolute;
            color: #fff;
            text-align: left;
            width: 60%;
            top: 17px;
        }

            .main_banner_p .cont .text h3 {
                font-size: 30px;
            }

            .main_banner_p .cont .text p {
                font-size: 18px;
                padding-left: 5%;
            }

        .main_banner_p .cont .pic {
            position: absolute;
            right: 8%;
        }

/*---------------商品列表---------------*/
/*banner*/
.main_banner_l {
    width: 100%;
}

    .main_banner_l .cont {
        width: 100%;
        margin: 0px auto;
        border-bottom: 1px solid #eee;
    }

        .main_banner_l .cont .pic {
            width: 100%;
            max-width: 1000px;
            margin: 0px auto;
        }
/*---商品一列---*/
.prolist_content {
    width: 100%;
    text-align: center;
}

    .prolist_content .prolist_con {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px 20px 64px;
    }

        .prolist_content .prolist_con .pp_1 {
            border-bottom: 1px solid #d2d2d2;
            text-align: left;
        }

.prolist_con .pp_1 .list_lines {
    border: none;
    border-bottom: 1px solid #d2d2d2;
}

.prolist_content h2 {
    font-size: 24px;
    text-align: left;
}

    .prolist_content h2 img {
        width: 22px;
        margin-right: 5px;
        vertical-align: text-top;
    }

.prolist_content ul .list {
    width: 19.5%;
    padding: 20px 20px 10px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

    .prolist_content ul .list:hover {
        opacity: 0.6;
    }

.prolist_content .item .pic {
    width: 100%;
    position: relative;
}

    .prolist_content .item .pic .new {
        width: 40px;
        position: absolute;
    }

.prolist_content .item ul li {
    margin: 0px;
    width: 100%;
}

    .prolist_content .item ul li.red {
        color: #f00;
    }

.prolist_content .item .price {
    font-size: 16px;
    margin-top: 8px;
    color: #f00;
}

    .prolist_content .item .price dt {
        display: inline-block;
    }

    .prolist_content .item .price dd {
        display: inline-block;
    }

.prolist_content .item span {
    font-size: 15px;
    color: #0000ff;
}

/*---------購物車結帳----------*/
/*banner*/
.main_banner_cart {
    width: 100%;
    height: 100px;
    background-color: #F7A1A1;
}

    .main_banner_cart .cont {
        width: 100%;
        margin: 0px auto;
        padding: 0px 25px 64px 25px;
        position: relative;
        max-width: 1200px;
    }

        .main_banner_cart .cont .text {
            position: absolute;
            color: #fff;
            text-align: left;
            width: 60%;
            top: 17px;
        }

            .main_banner_cart .cont .text h3 {
                font-size: 30px;
            }

            .main_banner_cart .cont .text p {
                font-size: 18px;
                padding-left: 5%;
            }

        .main_banner_cart .cont .pic {
            position: absolute;
            right: 8%;
        }

/*--購物車購物清單--*/
.main .main_content .cart_con {
    width: 100%;
    margin: 0px auto 64px auto;
}

    .main .main_content .cart_con .s_notice {
        color: #f00;
        text-align: left;
        margin: 30px 20px 0px;
        font-size: 16px;
        font-weight: bold;
    }

.main_content .cart_con .steps {
    background-color: #e5e5e5;
    display: table;
    width: 100%;
    margin: 30px auto 50px auto;
}

    .main_content .cart_con .steps .step_list {
        display: table-row;
    }

        .main_content .cart_con .steps .step_list li {
            display: table-cell;
            width: 25%;
            font-size: 20px;
            color: #626262;
            padding: 10px 0px 10px 0px;
            position: relative;
        }

        .main_content .cart_con .steps .step_list .sel {
            background-color: #ce0000;
            color: #fff;
        }

        .main_content .cart_con .steps .step_list li img {
            position: absolute;
            height: 48px;
            width: 10px;
            right: -10px;
            top: 0px;
            z-index: 100;
        }

        .main_content .cart_con .steps .step_list .sel img {
            position: absolute;
            height: 48px;
            width: 10px;
            right: -10px;
            top: 0px;
        }

.shopping_list_con {
    margin:0px;
}

    .shopping_list_con .table_cont .table {
        border-spacing: 0px;
        border: 0px none;
        display: table;
        width: 100%;
    }

        .shopping_list_con .table_cont .table .tr {
            display: table-row;
        }

            .shopping_list_con .table_cont .table .tr .th {
                display: table-cell;
                background-color: #ffeeea;
                padding: 7px 0px;
                color: #af0000;
                font-size: 14px;
                text-align: center;
                width: 14%;
            }

                .shopping_list_con .table_cont .table .tr .th.name {
                    width: 30%;
                }

            .shopping_list_con .table_cont .table .tr .td {
                display: table-cell;
                font-size: 14px;
                padding: 5px 0px;
                border-bottom: 1px solid #eee;
                vertical-align: middle;
            }

            .shopping_list_con .table_cont .table .tr .td_2 {
                display: table-cell;
                font-size: 13px;
                padding: 15px 0px 15px 0px;
            }
                /*--選擇優惠券--*/
                .shopping_list_con .table_cont .table .tr .td_2.showsp {
                    color: #f00;
                }

                .shopping_list_con .table_cont .table .tr .td_2.line {
                    display: table-cell;
                    font-size: 14px;
                    padding: 15px 0px 15px 0px;
                    border-bottom: 1px solid #eee;
                }

                    .shopping_list_con .table_cont .table .tr .td_2.line .bigred {
                        font-size: 28px;
                        color: #f00;
                        font-weight: bold;
                    }

                .shopping_list_con .table_cont .table .tr .td_2 .discount {
                    color: #f00;
                    text-decoration: underline;
                }

                    .shopping_list_con .table_cont .table .tr .td_2 .discount:hover {
                        color: #D00000;
                    }

            .shopping_list_con .table_cont .table .tr .td .pic {
                width: 100%;
                max-width: 130px;
            }

            .shopping_list_con .table_cont .table .tr .td .pro_name {
                text-decoration: underline;
                color: #565656;
            }

                .shopping_list_con .table_cont .table .tr .td .pro_name:hover {
                    color: #AAAAAA;
                }

            .shopping_list_con .table_cont .table .tr .td .amount, .shopping_list_con .table_cont .table .tr .td .amsamount {
                border: 1px solid #eee;
                , font-family: inherit;
                line-height: 22px;
                width: 30px;
                height: 35px;
                text-align: center;
                padding: 0px;
                margin: -4px -4px 0 -4px;
            }
			.shopping_list_con .table_cont .table .tr .td .down,.shopping_list_con .table_cont .table .tr .td .up{ width:25px; display:inline-block; line-height:35px; color:#333; font-size:16px; text-decoration:none; background:#eee;}

            .shopping_list_con .table_cont .table .tr .td .del {
                width: 50px;
                text-align: center;
                padding: 5px;
                background-color: #eee;
                color: #555;
                width: 70px;
                display: block;
                margin: 0px auto;
                text-decoration: none;
            }

                .shopping_list_con .table_cont .table .tr .td .del:hover {
                    background-color: #E1E1E1;
                    color: #555;
                }

.cart_links {
    margin: 65px auto 70px;
    overflow: hidden;
}

    .cart_links .left {
        padding: 15px 30px;
        background-color: #aaaaaa;
        color: #fff;
        text-decoration: none;
        float: left;
    }

    .cart_links .right {
        padding: 15px 30px;
        background-color: #ce0000;
        color: #fff;
        text-decoration: none;
        float: right;
    }

    .cart_links .left:hover {
        background-color: #b5b5b5;
    }

    .cart_links .right:hover {
        background-color: #EC0000;
    }

    .cart_links .left img {
        width: 12px;
        margin: 0px 7px;
    }

    .cart_links .right img {
        width: 12px;
        margin: 0px 7px;
    }
/*-----------選擇優惠券頁面-----------*/
#inline_content .pad {
    width: 100%;
    max-width: 800px;
}

    #inline_content .pad .btt {
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #FAA084;
        font-size: 15px;
        font-weight: normal;
    }

        #inline_content .pad .btt h2 {
            width: 90px;
            background-color: #F7A1A1;
            color: #fff;
            padding: 10px 0px;
            text-align: center;
        }

    #inline_content .pad .tips {
        margin: 5px 0px 15px 0px;
        text-align: left;
    }

        #inline_content .pad .tips li {
        }

    #inline_content .pad .table_coupon {
        display: table;
        width: 100%;
        border: 1px solid #D9D9D9;
        text-align: left;
    }

        #inline_content .pad .table_coupon .tr {
            display: table-row;
        }

            #inline_content .pad .table_coupon .tr.color {
                background-color: #ffeeea;
                color: #af0000;
                font-size: 14px;
            }

            #inline_content .pad .table_coupon .tr .th {
                display: table-cell;
                line-height: 35px;
            }

                #inline_content .pad .table_coupon .tr .th.ept {
                    width: 7%;
                }

                #inline_content .pad .table_coupon .tr .th.money {
                    width: 12%;
                }

                #inline_content .pad .table_coupon .tr .th.name {
                    width: 58%;
                }

                #inline_content .pad .table_coupon .tr .th.date {
                    width: 23%;
                }

            #inline_content .pad .table_coupon .tr .td {
                display: table-cell;
                padding: 7px 0px;
                border-bottom: 1px solid #D9D9D9;
                color: #0e0e0e;
                font-size: 16px;
            }

                #inline_content .pad .table_coupon .tr .td.nob {
                    border-bottom: none;
                }

                #inline_content .pad .table_coupon .tr .td .select {
                    margin: 0px 0px 0px 8px;
                    vertical-align: middle;
                }

    #inline_content .pad .btns {
        padding: 30px 0px 10px;
    }

        #inline_content .pad .btns .btn_01 {
            display: inline-block;
            width: 15%;
            color: #fff;
            background-color: #FF4D4D;
            padding: 4px 0px;
            text-decoration: none;
            font-size: 15px;
            vertical-align: top;
            margin-left: 10px;
        }

        #inline_content .pad .btns .btn_02 {
            display: inline-block;
            width: 15%;
            color: #fff;
            background-color: #ccc;
            padding: 4px 0px;
            text-decoration: none;
            font-size: 15px;
            vertical-align: top;
            margin-left: 10px;
        }

        #inline_content .pad .btns a:hover {
            opacity: 0.9;
        }




/*----購物車 會員資訊----*/
.table_mamber {
	max-width:1200px;
    display: table;
    margin:50px auto 0;
    width: 100%;
}

    .table_mamber .title {
        text-align: left;
        padding: 10px 5px;
        display: table-caption;
        border-bottom: 1px solid #eee;
    }

        .table_mamber .title h2 {
            font-size: 18px;
            display: inline-block;
            padding-right: 10px;
        }

        .table_mamber .title img {
            width: 18px;
            margin-right: 5px;
            vertical-align: bottom;
        }

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

        .table_mamber .tr .th {
            display: table-cell;
            font-size: 14px;
            text-align: left;
            padding: 0px 0px 15px 0px;
            border-bottom: 1px solid #eee;
        }

            .table_mamber .tr .th span {
                color: #f00;
            }

        .table_mamber .tr .td {
            display: table-cell;
            font-size: 14px;
            text-align: left;
            width: 80%;
            padding: 15px 0px 15px 10px;
            border-bottom: 1px solid #eee;
        }

            .table_mamber .tr .td span.red {
                color: #f00;
            }

            .table_mamber .tr .td div select.adds {
                display: table-cell;
                font-size: 14px;
                padding: 3px 3px 4px 2px;
                border: 1px solid #CCC;
                height: 32px;
                width: 123px;
                margin-right: 10px;
                margin-bottom: 5px;
                color: #686868;
                border-radius: 5px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                -o-border-radius: 5px;
                -webkit-border-radius: 5px;
            }

            .table_mamber .tr .td .texts {
                border-radius: 5px;
                -o-border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border: 1px solid #CCC;
                padding: 5px;
                width: 55%;
                height: 30px;
                font-size: 14px;
            }

select.adds {
    color: #333333;
    font-family: inherit;
    padding: 2px 3px 4px 2px;
    border: 1px solid #CCC;
    height: 32px;
    width: 105px;
    margin-right: 10px;
    margin-bottom: 5px;
    color: #686868;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    select.adds option {
        padding-left: 10px;
        padding-right: 5px;
        color: #686868;
    }

.table_mamber .title .check {
    font-size: 14px;
    display: inline-block;
    float: none;
    vertical-align: text-bottom;
}

.tr .td input[type="checkbox"] {
    font-size: 14px;
    display: inline-block;
    float: none;
    vertical-align: text-bottom;
}

select.sel_pay {
    color: #333333;
    font-family: inherit;
    padding: 2px 3px 4px 2px;
    border: 1px solid #D0D0D0;
    height: 32px;
    width: 130px;
    margin-right: 10px;
    margin-left: 20px;
    margin-bottom: 5px;
    color: #686868;
}

    select.sel_pay option {
        padding-left: 10px;
        padding-right: 5px;
        color: #686868;
    }

select.sel_pay_s {
    color: #333333;
    font-family: inherit;
    padding: 2px 3px 4px 2px;
    border: 1px solid #D0D0D0;
    height: 32px;
    width: 300px;
    margin-right: 10px;
    margin-left: 20px;
    margin-bottom: 5px;
    color: #686868;
}

    select.sel_pay_s option {
        padding-left: 10px;
        padding-right: 5px;
        color: #686868;
    }

.table_mamber .s_001 #sel_1_a, .table_mamber .s_001 #sel_1_b, .table_mamber .s_001 #sel_1_c, .table_mamber .s_002 #sel_2, .table_mamber .s_003 #sel_2_a, .table_mamber .s_003 #sel_2_b {
    display: inline-block;
}


.table_mamber .tr .td .tocheck {
    padding: 2px 10px;
    vertical-align: top;
    background-color: #f00;
    color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .table_mamber .tr .td .tocheck:hover {
        opacity: 0.7;
    }

.table_mamber .s_001 #sel_1_b .tocheck {
    padding: 2px 10px;
    vertical-align: top;
    background-color: #f00;
    color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .table_mamber .s_001 #sel_1_b .tocheck:hover {
        opacity: 0.7;
    }

.table_mamber .s_003 #sel_2_b ul li {
    display: inline-block;
    margin-bottom: 5px;
}


.table_mamber .s_001 #sel_1_b .texts_2, .table_mamber .s_001 #sel_1_c .texts_2 {
    margin: 0px 10px;
    width: 170px;
}

.table_mamber .s_002 {
    margin: 7px 0px;
}

.table_mamber .s_003 #sel_2_b .texts_2 {
    margin: 0px 10px 0px 0px;
    width: 80px;
}

.table_mamber .s_003 #sel_2_b .texts_3 {
    margin: 0px 10px 0px 0px;
    width: 215px;
}

.table_mamber .tr .td .text_in {
    width: 60%;
    vertical-align: text-top;
    border: 1px solid #CCC;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.table_mamber .title h2 .pic {
    width: 6px;
    margin-right: 5px;
    vertical-align: bottom;
}

.table_mamber .note {
    padding: 18px 0px 18px 18px;
    border-bottom: 1px solid #eee;
}

    .table_mamber .note li {
        font-size: 14px;
        text-align: left;
        line-height: 22px;
        color: #827368;
        list-style: decimal;
        margin: 5px 0px 5px 15px;
    }

        .table_mamber .note li span {
            color: #f00;
        }

.table_mamber .tr .td.w497_3 .slo {
    color: #E20000;
    font-size: 13px;
    margin: 5px 0px 0px;
}


/*--購物車 確認資料--*/
.table_mamber .invoice_cont ul li h2, .table_mamber .invoice_cont ul li h3, .table_mamber .invoice_cont ul li p {
    display: inline-block;
    font-weight: normal;
}

.table_mamber .invoice_cont ul li h2 {
    margin-right: 25px;
}

.table_mamber .invoice_cont ul li h3 {
    margin-right: 5px;
}

.table_mamber .invoice_cont ul li p {
    margin-right: 5px;
}

.table_mamber .invoice_cont ul li .in01, .table_mamber .invoice_cont ul li .in02 {
    display: inline-block;
}
/*----購物車 訂單成立----*/
.table_cont .buy_cont {
    margin: 150px auto 150px;
}

    .table_cont .buy_cont .buy_ok {
        margin: 20px auto 70px;
        color: #f00;
        font-size: 35px;
    }

    .table_cont .buy_cont p {
        font-size: 15px;
    }

    .table_cont .buy_cont a {
        display: block;
        width: 100px;
        color: #fff;
        background-color: #FF4D4D;
        padding: 8px 0px;
        margin: 50px auto 0px;
        text-decoration: none;
        font-size: 15px;
    }

        .table_cont .buy_cont a:hover {
            opacity: 0.7;
        }

        .table_cont .buy_cont a.oo_link {
            display: inline-block;
            width: auto;
            color: #00C3D7;
            background-color: #fff;
            text-decoration: none;
            color: #00C3D7;
            text-decoration: underline;
        }



/*-----------會員登入-----------*/
/*banner*/
.main_banner_mamber {
    width: 100%;
    height: 100px;
    background-color: #98D4DA;
}

    .main_banner_mamber .cont {
        width: 100%;
        margin: 0px auto;
        padding: 0px 25px 64px 25px;
        position: relative;
        max-width: 1200px;
    }

        .main_banner_mamber .cont .text {
            position: absolute;
            color: #fff;
            text-align: left;
            width: 60%;
            top: 17px;
        }

            .main_banner_mamber .cont .text h3 {
                font-size: 30px;
            }

            .main_banner_mamber .cont .text p {
                font-size: 18px;
                padding-left: 5%;
            }

        .main_banner_mamber .cont .pic {
            position: absolute;
            right: 8%;
        }
/*--登入頁--*/
.main .main_content .mamber_con {
    width: 100%;
    margin: 0px auto 64px auto;
    max-width: 1200px;
    text-align: left;
}

.main_content .mamber_con h1 {
    width: 100%;
    padding: 10px 10px 8px;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    background-color: #98D4DA;
}

.main_content .mamber_con .log_cont {
    padding: 60px 20px 50px 20px;
    display: table;
    width: 100%;
}

    .main_content .mamber_con .log_cont .log_row {
        display: table-row;
    }



/*--左半--*/
.main_content .mamber_con .left {
    width: 55%;
    display: table-cell;
    /*右邊社群登入隱藏 暫時設定
	border-right: 50px solid #fff;*/
}

    .main_content .mamber_con .left h2 {
        padding: 7px 0px 2px 0px;
        font-size: 18px;
        border-bottom: 1px solid #98D4DA;
    }

    .main_content .mamber_con .left .mamber_text {
        width: 90%;
        height: 35px;
        margin: 30px 0px 0px 0px;
        border: 1px solid #ccc;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .main_content .mamber_con .left .slo {
        margin: 5px 0px 0px;
        color: #E20000;
    }

    .main_content .mamber_con .left .texts {
        width: 50%;
        /*右邊社群登入隱藏 暫時設定*/
        display: inline-block;
        margin-top: 20px;
    }

    .main_content .mamber_con .left .btns {
        /*右邊社群登入隱藏 暫時隱藏*/
        /*margin-top: 70px;
    text-align: center;
	width:90%;*/
        /*右邊社群登入隱藏 暫時設定*/
        display: inline-block;
        text-align: center;
        margin-top: 90px;
        width: 48%;
        vertical-align: top;
    }

        .main_content .mamber_con .left .btns .link_01 {
            display: block;
            width: 65%;
            color: #fff;
            background-color: #FF4D4D;
            padding: 8px 0px;
            margin: 0px auto;
            /*border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;*/
            text-decoration: none;
            font-size: 15px;
        }

            .main_content .mamber_con .left .btns .link_01:hover {
                opacity: 0.9;
            }

        .main_content .mamber_con .left .btns .link_02 {
            display: inline-block;
            color: #8E8E8E;
            margin: 40px 5% 0px 5%;
            text-decoration: underline;
        }

            .main_content .mamber_con .left .btns .link_02:hover {
                color: #252525;
            }

/*--左半2--*/
.main_content .mamber_con .left2 {
    width: 50%;
    display: table-cell;
    border-right: 50px solid #fff;
}

    .main_content .mamber_con .left2 h2 {
        padding: 7px 0px 2px 0px;
        font-size: 18px;
        border-bottom: 1px solid #98D4DA;
    }

    .main_content .mamber_con .left2 .mamber_text {
        width: 100%;
        height: 35px;
        margin: 30px 0px 0px 0px;
        border: 1px solid #ccc;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .main_content .mamber_con .left2 .slo {
        margin: 5px 0px 0px;
        color: #E20000;
    }

    .main_content .mamber_con .left2 .texts {
        width: 80%;
        display: block;
        margin: 20px auto 0px;
    }

    .main_content .mamber_con .left2 .btns {
        margin-top: 50px;
        text-align: center;
        width: 100%;
    }

        .main_content .mamber_con .left2 .btns .link_01 {
            display: block;
            width: 65%;
            color: #fff;
            background-color: #FF4D4D;
            padding: 8px 0px;
            margin: 0px auto;
            /*border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;*/
            text-decoration: none;
            font-size: 15px;
        }

            .main_content .mamber_con .left2 .btns .link_01:hover {
                opacity: 0.9;
            }

        .main_content .mamber_con .left2 .btns .link_02 {
            display: inline-block;
            color: #8E8E8E;
            margin: 40px 5% 0px 5%;
            text-decoration: underline;
        }

            .main_content .mamber_con .left2 .btns .link_02:hover {
                color: #252525;
            }











/*--右半--*/
.main_content .mamber_con .right {
    /*width: 45%;
	padding-left: 5%;*/
    display: table-cell;
}

    .main_content .mamber_con .right h2 {
        padding: 7px 0px 2px 0px;
        font-size: 18px;
        border-bottom: 1px solid #98D4DA;
    }

    .main_content .mamber_con .right ul a {
        text-decoration: none;
        margin-top: 30px;
    }

        .main_content .mamber_con .right ul a.tt {
            margin-top: 30px;
        }

        .main_content .mamber_con .right ul a:hover {
            opacity: 0.9;
        }

    .main_content .mamber_con .right ul li {
        width: 90%;
        position: relative;
        margin: 0px auto;
    }

        .main_content .mamber_con .right ul li.link_fb {
            margin-top: 70px;
        }

        .main_content .mamber_con .right ul li a img {
            vertical-align: bottom;
            display: inline-block;
            position: absolute;
        }

        .main_content .mamber_con .right ul li a div {
            display: inline-block;
            width: 120px;
            font-size: 15px;
            font-weight: bold;
        }

        .main_content .mamber_con .right ul li a {
            border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            -webkit-border-radius: 10px;
            padding: 13px;
            color: #fff;
        }

    .main_content .mamber_con .right ul .link_fb a {
        display: block;
        background-color: #44619D;
    }

        .main_content .mamber_con .right ul .link_fb a img {
            width: 18px;
            left: 0px;
            bottom: 0px;
        }

    .main_content .mamber_con .right ul .link_line a {
        display: block;
        background-color: #43c506;
    }

        .main_content .mamber_con .right ul .link_line a img {
            width: 30px; 
            left: 1px;
        }

    .main_content .mamber_con .right ul .link_ggplus a {
        display: block;
        background-color: #EC6616;
    }

        .main_content .mamber_con .right ul .link_ggplus a img {
            width: 30px;
            bottom: 1px;
            left: 0px;
        }

/*----會員註冊----*/
.table_sign_up {
    display: table;
    margin: 50px 2% 0px;
    width: 96%;
}

    .table_sign_up .title {
        text-align: left;
        padding: 10px 5px;
        display: table-caption;
        border-bottom: 1px solid #98D4DA;
    }

        .table_sign_up .title h2 {
            font-size: 18px;
            display: inline-block;
            padding-right: 10px;
        }

        .table_sign_up .title img {
            width: 18px;
            margin-right: 5px;
            vertical-align: bottom;
        }

    .table_sign_up .title_tip {
        display: table-caption;
    }

        .table_sign_up .title_tip p {
            margin-top: 5px;
            margin-bottom: 15px;
            color: #FF5252
        }

            .table_sign_up .title_tip p span {
                color: #f00;
            }

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

        .table_sign_up .tr .th {
            display: table-cell;
            font-size: 14px;
            text-align: left;
            padding: 0px 0px 5px 0px;
            border-bottom: 1px solid #eee;
        }

            .table_sign_up .tr .th span {
                color: #f00;
            }

        .table_sign_up .tr .td {
            display: table-cell;
            font-size: 14px;
            text-align: left;
            width: 80%;
            padding: 15px 0px 15px 10px;
            border-bottom: 1px solid #eee;
        }

            .table_sign_up .tr .td .slo {
                margin: 5px 0px 0px;
                color: #E20000;
                font-size: 13px;
            }

            .table_sign_up .tr .td .texts {
                border-radius: 5px;
                -o-border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border: 1px solid #CCC;
                padding: 5px;
                width: 55%;
                height: 30px;
                font-size: 14px;
            }

                .table_sign_up .tr .td .texts.name {
                    border-radius: 5px;
                    -o-border-radius: 5px;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                    border: 1px solid #CCC;
                    padding: 5px;
                    width: 35%;
                    height: 30px;
                    font-size: 14px;
                }

            .table_sign_up .tr .td .sexs {
                margin-left: 10px;
                margin-right: 3px;
            }

    .table_sign_up select.day {
        color: #333333;
        font-family: inherit;
        padding: 2px 3px 4px 2px;
        border: 1px solid #CCC;
        height: 32px;
        width: 123px;
        margin-right: 10px;
        margin-bottom: 5px;
        color: #686868;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .table_sign_up select.adds {
        font-family: inherit;
        padding: 3px 3px 4px 2px;
        border: 1px solid #CCC;
        height: 32px;
        width: 123px;
        margin-right: 10px;
        margin-bottom: 5px;
        color: #686868;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

.mamber_con .btn {
    width: 100%;
    margin: 30px auto 100px;
    text-align: center;
}

.mamber_con .rule_check {
    display: block;
    width: 51%;
    margin: 70px auto 0px;
}

    .mamber_con .rule_check input {
        display: table-cell;
        margin: 2px 5px 0px 0px;
    }

    .mamber_con .rule_check p {
        display: table-cell;
        color: #777;
        font-size: 14px;
        vertical-align: text-top;
    }

        .mamber_con .rule_check p a {
            color: #00C3D7;
            text-decoration: underline;
        }

            .mamber_con .rule_check p a:hover {
                opacity: 0.2;
            }

.mamber_con .btn_sign_in {
    display: block;
    width: 30%;
    color: #fff;
    background-color: #FF4D4D;
    padding: 8px 0px;
    margin: 0px auto;
    text-decoration: none;
    font-size: 15px;
}

    .mamber_con .btn_sign_in:hover {
        opacity: 0.9;
    }
/* 顯示錯誤的顏色-----------------*/
span.field-validation-error {
    color: #ff0000;
    display: block;
}

.mamber_con .left span.field-validation-error span {
    color: #ff0000;
}



/*----------會員中心----------*/
/*----歷史訂單---*/
.main_content .mamber_con .mamber_center_con {
    margin: 30px 20px 40px 20px;
}

.main_content .mamber_con .mamber_title.pe {
    font-size: 20px;
}

.main_content .mamber_con .mamber_title {
    font-size: 20px;
    margin: 0px 0px 30px;
}

    .main_content .mamber_con .mamber_title #qa_l {
        font-size: 15px;
        padding: 2px 5px;
        background-color: #48BDE1;
        color: #fff;
        margin-left: 30px;
        text-decoration: none;
        vertical-align: text-top;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

        .main_content .mamber_con .mamber_title #qa_l:hover {
            opacity: 0.8;
        }

    .main_content .mamber_con .mamber_title .pic {
        width: 25px;
        margin-right: 5px;
        vertical-align: text-top;
    }

    .main_content .mamber_con .mamber_title .pic2 {
        width: 27px;
        margin-right: 5px;
        vertical-align: text-top;
    }

.mamber_nav {
    width: 100%;
}

    .mamber_nav ul {
        border-bottom: 1px solid #98D4DA;
        margin: 35px 0px 30px;
    }

        .mamber_nav ul li {
            display: inline-block;
            /*width:33%;*/
            width: 185px;
            margin-right: 10px;
            text-align: center;
            padding: 10px 0px 0px 0px;
        }

            .mamber_nav ul li a {
                display: block;
                font-size: 15px;
                text-decoration: none;
                color: #979797;
                font-size: 15px;
                font-weight: bold;
                /*	width: 90%;
	margin: 0px auto;*/
                padding: 8px 0px;
                background-color: #F0F0F0;
                border-radius: 8px 8px 0px 0px;
                -moz-border-radius: 8px 8px 0px 0px;
                -ms-border-radius: 8px 8px 0px 0px;
                -o-border-radius: 8px 8px 0px 0px;
                -webkit-border-radius: 8px 8px 0px 0px;
            }

                .mamber_nav ul li a:hover {
                    background-color: #D9D9D9;
                    color: #000;
                }

            .mamber_nav ul li .foucs {
                color: #000;
                font-weight: bold;
                background-color: #D9D9D9;
            }

                .mamber_nav ul li .foucs:hover {
                    background-color: #D9D9D9;
                }

/*---訂單明細 PC表格---*/
.order_list_con {
    padding: 20px 0px;
}

    .order_list_con .table_cont .table {
        border-spacing: 0px;
        border: 0px none;
        display: table;
        width: 100%;
    }

        .order_list_con .table_cont .table .tr {
            display: table-row;
        }

            .order_list_con .table_cont .table .tr .th {
                display: table-cell;
                background-color: #E1F8FA;
                padding: 12px 0px;
                color: #00717D;
                font-size: 15px;
                text-align: center;
                font-weight: bold;
            }

                .order_list_con .table_cont .table .tr .th.last {
                    width: 13%;
                }

            .order_list_con .table_cont .table .tr .td {
                display: table-cell;
                font-size: 14px;
                color: #777;
                padding: 10px 0px;
                border-bottom: 1px solid #eee;
                text-align: center;
                vertical-align: middle;
            }

                .order_list_con .table_cont .table .tr .td a.red {
                    color: #f00;
                    text-decoration: underline;
                }

                    .order_list_con .table_cont .table .tr .td a.red:hover {
                        color: #00b7ca;
                        text-decoration: none;
                    }

                .order_list_con .table_cont .table .tr .td.last {
                    border-bottom: none;
                }

            .order_list_con .table_cont .table .tr .td_2 {
                display: table-cell;
                font-size: 14px;
                padding: 20px 0px 20px 0px;
                text-align: center;
            }

            .order_list_con .table_cont .table .tr .td .links {
            }

                .order_list_con .table_cont .table .tr .td .links a {
                    display: block;
                    width: 90px;
                    color: #fff;
                    background-color: #5FB6BF;
                    margin: 10px auto;
                    font-size: 13px;
                    border-radius: 15px;
                    -moz-border-radius: 15px;
                    -ms-border-radius: 15px;
                    -o-border-radius: 15px;
                    -webkit-border-radius: 15px;
                    padding: 5px 0px;
                    text-decoration: none;
                }

                    .order_list_con .table_cont .table .tr .td .links a:hover {
                        opacity: 0.9;
                    }

                .order_list_con .table_cont .table .tr .td .links .btn2 {
                    color: #fff;
                    background-color: #707070;
                }
/*---訂單明細 手機表格---*/
.table_o {
    display: none;
}

    .table_o ul {
        font-size: 15px;
        padding: 20px 0px;
        border-bottom: 1px solid #ccc;
        margin: 0px auto;
    }

        .table_o ul:last-child {
            border-bottom: none;
        }

        .table_o ul .order_list {
            width: 48%;
            display: inline-block;
            padding: 2px 0px;
        }

            .table_o ul .order_list.last {
                width: 100%;
                display: block;
            }

            .table_o ul .order_list .th_o {
                display: inline-block;
            }

            .table_o ul .order_list .td_o {
                display: inline-block;
            }

                .table_o ul .order_list .td_o a.red {
                    color: #f00;
                    text-decoration: underline;
                }

                    .table_o ul .order_list .td_o a.red:hover {
                        color: #00b7ca;
                        text-decoration: none;
                    }

.order_list .links {
    margin: 0px auto;
    text-align: center;
}

    .order_list .links a {
        display: inline-block;
        width: 90px;
        color: #fff;
        background-color: #5FB6BF;
        /*margin: 25px 15px 10px;*/
        border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        -webkit-border-radius: 10px;
        padding: 2px 0px;
        text-decoration: none;
    }

/*-----訂單明細 內頁-----*/
.order_list_con .table.list2 {
    border-spacing: 0px;
    border: 0px none;
    display: table;
    width: 100%;
    box-shadow: 0px 2px 8px rgba(202, 202, 202, 0.5);
    -moz-box-shadow: 0px 2px 8px rgba(202, 202, 202, 0.5);
    -ms-box-shadow: 0px 2px 8px rgba(202, 202, 202, 0.5);
    -o-box-shadow: 0px 2px 8px rgba(202, 202, 202, 0.5);
    -webkit-box-shadow: 0px 2px 8px rgba(202, 202, 202, 0.5);
}

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

    .order_list_con .table .tr .th {
        display: table-cell;
        background-color: #ffeeea;
        padding: 7px 0px;
        color: #af0000;
        font-size: 14px;
        text-align: center;
    }

    .order_list_con .table .tr .td {
        display: table-cell;
        font-size: 14px;
        padding: 10px 0px;
        border-bottom: 1px solid #eee;
    }

    .order_list_con .table .tr .td_2 {
        display: table-cell;
        font-size: 14px;
        padding: 20px 0px 20px 0px;
    }

    .order_list_con .table .tr .td .pic {
        width: 100%;
        max-width: 130px;
    }

    .order_list_con .table .tr .td .pro_name {
        text-decoration: underline;
        color: #565656;
    }

        .order_list_con .table .tr .td .pro_name:hover {
            color: #AAAAAA;
        }

    .order_list_con .table .tr .td_2.line {
        display: table-cell;
        font-size: 14px;
        padding: 15px 0px 15px 0px;
        border-bottom: 1px solid #eee;
        text-align: center;
    }

        .order_list_con .table .tr .td_2.line .bigred {
            font-size: 28px;
            color: #f00;
            font-weight: bold;
            text-align: center;
        }

    .order_list_con .table .tr .td .amount {
        border-radius: 5px;
        -o-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 1px solid #CCC;
        font-family: inherit;
        line-height: 22px;
        width: 50px;
        height: 35px;
        text-align: center;
        padding: 0px;
    }

    .order_list_con .table .tr .td .del {
        width: 50px;
        text-align: center;
        padding: 5px;
        background-color: #eee;
        color: #555;
        width: 70px;
        display: block;
        margin: 0px auto;
        text-decoration: none;
    }

        .order_list_con .table .tr .td .del:hover {
            background-color: #E1E1E1;
            color: #555;
        }

.order_list_con .cart_links {
    margin: 65px auto 70px;
    overflow: hidden;
}

    .order_list_con .cart_links .left {
        padding: 15px 30px;
        background-color: #aaaaaa;
        color: #fff;
        text-decoration: none;
        float: left;
    }

.mamber_con .order_list_con .order_btn {
    text-align: center;
    margin: 50px 0px 80px;
    width: 100%;
    vertical-align: top;
}

    .mamber_con .order_list_con .order_btn a:hover {
        opacity: 0.9;
    }

    .mamber_con .order_list_con .order_btn a {
        display: block;
        width: 100px;
        color: #fff;
        background-color: #FF4D4D;
        padding: 8px 0px;
        margin: 0px auto;
        text-decoration: none;
        font-size: 15px;
    }

/*-----訂單明細 訂單問答----*/
.order_list_con .qa_cont .slo {
    font-size: 15px;
    color: #8F8F8F;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
}

.qas_cont {
    display: table;
    font-size: 14px;
    width: 100%;
}

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

        .qas_cont .tr .th {
            display: table-cell;
            padding: 0px 0px 15px 0px;
        }

        .qas_cont .tr .td {
            display: table-cell;
            width: 90%;
            padding: 15px 0px 15px 10px;
        }

            .qas_cont .tr .td .slo2 {
                margin: 5px 0px 0px;
                color: #E20000;
                font-size: 13px;
            }

        .qas_cont .tr .th span {
            color: #f00;
        }

        .qas_cont .tr .td ul .qa_1 {
            display: inline-block;
            margin-right: 15px;
        }

            .qas_cont .tr .td ul .qa_1 input {
                margin-right: 3px;
            }

        .qas_cont .tr .td textarea {
            width: 60%;
            vertical-align: text-top;
            border: 1px solid #CCC;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -o-border-radius: 5px;
            -webkit-border-radius: 5px;
            outline: none;
        }

.order_list_con .qa_cont .order_btn {
    text-align: center;
    padding-bottom: 50px;
    margin: 20px 0px 80px;
    width: 100%;
    vertical-align: top;
    border-bottom: 1px dashed #ccc;
}

    .order_list_con .qa_cont .order_btn a {
        display: block;
        width: 100px;
        color: #fff;
        background-color: #6FBDC5;
        padding: 8px 0px;
        margin: 0px auto;
        text-decoration: none;
        font-size: 15px;
    }

        .order_list_con .qa_cont .order_btn a:hover {
            opacity: 0.9;
        }

/*---訂單明細 問答紀錄 PC表格---*/
.order_list_con .history_qa_cont .qa_title {
    font-size: 18px;
    margin-bottom: 5px;
}

.order_list_con .history_qa_cont .table {
    border-spacing: 0px;
    border: 0px none;
    display: table;
    width: 100%;
}

    .order_list_con .history_qa_cont .table .tr {
        display: table-row;
    }

        .order_list_con .history_qa_cont .table .tr .th1 {
            display: table-cell;
            background-color: #E1F8FA;
            padding: 12px 0px;
            color: #00717D;
            font-size: 15px;
            text-align: center;
            font-weight: bold;
            width: 15%;
        }

        .order_list_con .history_qa_cont .table .tr .th2 {
            display: table-cell;
            background-color: #E1F8FA;
            padding: 12px 0px;
            color: #00717D;
            font-size: 15px;
            text-align: center;
            font-weight: bold;
            width: 40%;
        }

        .order_list_con .history_qa_cont .table .tr .th1.last {
            width: 13%;
        }

        .order_list_con .history_qa_cont .table .tr .td {
            display: table-cell;
            font-size: 14px;
            color: #777;
            padding: 10px 0px;
            border-bottom: 1px solid #eee;
            text-align: center;
            vertical-align: middle;
        }

            .order_list_con .history_qa_cont .table .tr .td.cc {
                text-align: left;
                padding: 10px 5px;
            }

            .order_list_con .history_qa_cont .table .tr .td .file_img {
                width: 30px;
                margin: 0px auto;
            }

            .order_list_con .history_qa_cont .table .tr .td .qa_btn {
                background-color: #F27C7C;
                color: #fff;
                padding: 3px 5px;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -ms-border-radius: 5px;
                -o-border-radius: 5px;
                -webkit-border-radius: 5px;
                text-decoration: none;
            }

                .order_list_con .history_qa_cont .table .tr .td .qa_btn:hover {
                    opacity: 0.9;
                }

            .order_list_con .history_qa_cont .table .tr .td.cc #qa_text li ul .tt {
                padding: 10px 0px 0px 0px;
            }

/*---訂單明細 問答紀錄 手機版表格---*/
.m_tables {
    display: none;
}

.order_list_con .history_qa_cont .m_tables ul .list {
    margin-bottom: 20px;
}

.order_list_con .history_qa_cont .m_tables .tb2 {
    border-spacing: 0px;
    border: 0px none;
    display: table;
    width: 100%;
    border: 1px solid #eee;
}

    .order_list_con .history_qa_cont .m_tables .tb2 .tr {
        display: table-row;
    }

        .order_list_con .history_qa_cont .m_tables .tb2 .tr .th {
            display: table-cell;
            background-color: #E1F8FA;
            padding: 5px 0px;
            color: #00717D;
            font-size: 14px;
            text-align: center;
            font-weight: bold;
        }

        .order_list_con .history_qa_cont .m_tables .tb2 .tr .td {
            display: table-cell;
            font-size: 14px;
            color: #777;
            padding: 5px 0px;
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid #eee;
        }

            .order_list_con .history_qa_cont .m_tables .tb2 .tr .td.nn {
                border-bottom: none;
            }

            .order_list_con .history_qa_cont .m_tables .tb2 .tr .td .file_img {
                width: 18px;
                margin: 0px auto;
            }

.order_list_con .history_qa_cont .m_tables .text_box {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 5px;
}

    .order_list_con .history_qa_cont .m_tables .text_box #qa_text li .qa_btn {
        display: block;
        width: 90px;
        margin: 3px;
        background-color: #6FBDC5;
        color: #fff;
        padding: 7px 0px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-border-radius: 5px;
        text-decoration: none;
        font-size: 15px;
    }

.qa_cont .history_qa_cont .text_box #qa_text li .qa_btn:hover {
    opacity: 0.9;
}

.qa_cont .history_qa_cont .text_box #qa_text li .tt {
    padding: 5px;
    font-size: 15px;
}

.mamber_con .order_list_con .send_btn {
    text-align: center;
    margin: 50px 0px 80px;
    width: 100%;
    vertical-align: top;
}

    .mamber_con .order_list_con .send_btn a {
        display: block;
        width: 100px;
        color: #fff;
        background-color: #FF4D4D;
        padding: 8px 0px;
        margin: 0px auto;
        text-decoration: none;
        font-size: 15px;
    }
/*--------訂單明細 發票內容--------*/
.order_list_con .invoice_cont {
}

    .order_list_con .invoice_cont .in_cont01 {
        text-align: center;
        padding-bottom: 10px;
        margin-bottom: 50px;
        border-bottom: 1px dashed #ccc;
    }

        .order_list_con .invoice_cont .in_cont01 h2 {
            font-size: 22px;
        }

        .order_list_con .invoice_cont .in_cont01 h3 {
            font-size: 17px;
            font-weight: normal;
            color: #2f2f2f;
            margin-bottom: 10px;
        }

        .order_list_con .invoice_cont .in_cont01 .red {
            font-size: 14px;
        }

    .order_list_con .invoice_cont .in_cont02 h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .order_list_con .invoice_cont .in_cont03 {
        font-size: 14px;
        margin-top: 50px;
        padding-top: 10px;
        border-top: 1px dashed #ccc;
    }

        .order_list_con .invoice_cont .in_cont03 span {
            display: block;
            font-size: 14px;
            margin-bottom: 10px;
        }

        .order_list_con .invoice_cont .in_cont03 a.red {
            text-decoration: underline;
        }

            .order_list_con .invoice_cont .in_cont03 a.red:hover {
                text-decoration: none;
                color: #00b7ca;
            }


    .order_list_con .invoice_cont .red {
        color: #f00;
    }

    .order_list_con .invoice_cont .table .tr .th {
        display: table-cell;
        background-color: #E1F8FA;
        padding: 12px 0px;
        color: #00717D;
        font-size: 15px;
        text-align: center;
        font-weight: bold;
    }

    .order_list_con .invoice_cont .table .tr .w10 {
        width: 10%;
    }

    .order_list_con .invoice_cont .table .tr .w19 {
        width: 19%;
    }

    .order_list_con .invoice_cont .table .tr .w12 {
        width: 12%;
    }

    .order_list_con .invoice_cont .table .tr .w30 {
        width: 30%;
    }

    .order_list_con .invoice_cont .table .tr .w39 {
        width: 39%;
        display: none;
    }

    .order_list_con .invoice_cont .table .tr .w40 {
        width: 40%;
        display: none;
    }

    .order_list_con .invoice_cont .table .tr .td.w40 span {
        display: block;
    }

    .order_list_con .invoice_cont .table .tr .td {
        text-align: center;
    }

    .order_list_con .invoice_cont .table .tr .td_2.line {
        padding: 10px 0px;
    }

        .order_list_con .invoice_cont .table .tr .td_2.line .bigred {
            font-size: 13px;
        }


/*--------會員中心 網路購物會員資料修改-------*/
.table_profile_re {
    display: table;
    margin: 50px 5px 0px;
    width: 96%;
}

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

    .table_profile_re .title_tip {
        display: table-caption;
    }

    .table_profile_re .tr .th span {
        color: #f00;
    }

.main_content .mamber_con .order_list_con .table_profile_re .title_tip p {
    margin-top: 5px;
    color: #FF5252;
    font-size: 13px;
    font-weight: normal;
    border-bottom: 1px solid #eee;
}

.table_profile_re .title_tip p span {
    color: #f00;
}

.table_profile_re .title {
    text-align: left;
    padding: 10px 5px;
    display: table-caption;
    border-bottom: 1px solid #98D4DA;
}

    .table_profile_re .title h2 {
        font-size: 18px;
        display: inline-block;
        padding-right: 10px;
    }

    .table_profile_re .title img {
        width: 18px;
        margin-right: 5px;
        vertical-align: bottom;
    }

.table_profile_re .tr .th {
    display: table-cell;
    font-size: 14px;
    text-align: left;
    padding: 0px 0px 5px 0px;
    border-bottom: 1px solid #eee;
}

.table_profile_re .tr .td {
    display: table-cell;
    font-size: 14px;
    text-align: left;
    width: 80%;
    padding: 15px 0px 15px 10px;
    border-bottom: 1px solid #eee;
}

    .table_profile_re .tr .td .texts {
        border-radius: 5px;
        -o-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 1px solid #CCC;
        padding: 5px;
        width: 55%;
        height: 30px;
        font-size: 14px;
    }

    .table_profile_re .tr .td .slo {
        margin: 5px 0px 0px;
        color: #E20000;
        font-size: 13px;
    }

    .table_profile_re .tr .td .texts.name {
        border-radius: 5px;
        -o-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 1px solid #CCC;
        padding: 5px;
        width: 35%;
        height: 30px;
        font-size: 14px;
    }

    .table_profile_re .tr .td .sexs {
        margin-left: 10px;
        margin-right: 3px;
    }

.table_profile_re select.day {
    color: #333333;
    font-family: inherit;
    padding: 2px 3px 4px 2px;
    border: 1px solid #CCC;
    height: 32px;
    width: 123px;
    margin-right: 10px;
    margin-bottom: 5px;
    color: #686868;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.table_profile_re select.adds {
    color: #333333;
    font-family: inherit;
    padding: 2px 3px 4px 2px;
    border: 1px solid #CCC;
    height: 32px;
    width: 123px;
    margin-right: 10px;
    margin-bottom: 5px;
    color: #686868;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/*---優惠券 PC表格---*/
.order_list_con .table_coup_cont .table {
    border-spacing: 0px;
    border: 0px none;
    display: table;
    width: 100%;
}

    .order_list_con .table_coup_cont .table .tr {
        display: table-row;
    }

        .order_list_con .table_coup_cont .table .tr .th {
            display: table-cell;
            background-color: #E1F8FA;
            padding: 12px 2px;
            color: #00717D;
            font-size: 15px;
            text-align: center;
            font-weight: bold;
            text-align: left;
        }

            .order_list_con .table_coup_cont .table .tr .th.mo {
                width: 16%;
            }

            .order_list_con .table_coup_cont .table .tr .th.num {
                width: 20%;
            }

            .order_list_con .table_coup_cont .table .tr .th.dayl {
                width: 20%;
            }

            .order_list_con .table_coup_cont .table .tr .th.last {
                width: 50%;
            }

        .order_list_con .table_coup_cont .table .tr .td {
            display: table-cell;
            font-size: 14px;
            color: #777;
            padding: 10px 2px;
            border-bottom: 1px solid #eee;
            text-align: center;
            vertical-align: middle;
            text-align: left;
            word-break: break-all;
        }

            .order_list_con .table_coup_cont .table .tr .td.last {
                border-bottom: none;
            }

        .order_list_con .table_coup_cont .table .tr .td_2 {
            display: table-cell;
            font-size: 14px;
            padding: 20px 0px 20px 0px;
        }

.order_list_con .table_coup_cont .table_o ul {
    padding: 20px 0px 20px 0px;
}

    .order_list_con .table_coup_cont .table_o ul .order_list {
        width: 100%;
        display: inline-block;
        padding: 2px 0px;
    }

        .order_list_con .table_coup_cont .table_o ul .order_list .th_o {
            font-size: 16px;
            text-align: right;
            vertical-align: top;
            width: 80px;
            display: table-cell;
            color: #2AAEBB;
        }

        .order_list_con .table_coup_cont .table_o ul .order_list .td_o {
            display: table-cell;
        }

/*-----------客製化編輯中作品----------*/
.order_list_con_2 .table_cont .table_edit {
    border-spacing: 0px;
    border: 0px none;
    width: 100%;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
}

.table_edit .list {
}

    .table_edit .list .list_li {
        padding: 40px 0px;
        border-bottom: 1px solid #ddedef;
    }

        .table_edit .list .list_li.last {
            padding: 40px 0px;
            border-bottom: none;
        }

        .table_edit .list .list_li .pic {
            width: 53%;
            margin-right: 2%;
            display: inline-block;
            vertical-align: top;
        }

        .table_edit .list .list_li .txt {
            width: 44%;
            display: inline-block;
        }

        .table_edit .list .list_li .pic img {
            box-shadow: 0px 0px 8px 0px rgba(101, 101, 101, 0.6);
            -moz-box-shadow: 0px 0px 8px 0px rgba(101, 101, 101, 0.6);
            -ms-box-shadow: 0px 0px 8px 0px rgba(101, 101, 101, 0.6);
            -o-box-shadow: 0px 0px 8px 0px rgba(101, 101, 101, 0.6);
            -webkit-box-shadow: 0px 0px 8px 0px rgba(101, 101, 101, 0.6);
        }

        .table_edit .list .list_li .txt .detailed {
        }

            .table_edit .list .list_li .txt .detailed .det_list {
                display: table;
                width: 100%;
            }

                .table_edit .list .list_li .txt .detailed .det_list li {
                    line-height: 25px;
                    display: table-row;
                    color: #00717D;
                    font-size: 15px;
                }

                    .table_edit .list .list_li .txt .detailed .det_list li dt {
                        display: table-cell;
                        vertical-align: top;
                        width: 80px;
                    }

                    .table_edit .list .list_li .txt .detailed .det_list li dd input[type="text"] {
                        width: 100%;
                        border: 1px solid #d6d6d6;
                        border-radius: 5px;
                        -moz-border-radius: 5px;
                        -webkit-border-radius: 5px;
                    }

                    .table_edit .list .list_li .txt .detailed .det_list li dd {
                        display: table-cell;
                    }

                        .table_edit .list .list_li .txt .detailed .det_list li dd span {
                            display: block;
                            color: #f00;
                            font-size: 14px;
                        }

        .table_edit .list .list_li .txt .btns ul li {
            display: inline-block;
            width: 19%;
            margin-right: 4%;
            max-width: 50px;
        }

        .table_edit .list .list_li .txt .btns {
            text-align: center;
            border-bottom: 1px dashed #e8e8e8;
            margin-bottom: 20px;
            padding-bottom: 20px;
        }

            .table_edit .list .list_li .txt .btns ul li:last-child {
                margin-right: 0%;
            }

            .table_edit .list .list_li .txt .btns ul li a img:hover {
                opacity: 0.75;
            }

.order_list_con_2 .btn_save input[type="button"] {
    display: block;
    width: 90px;
    color: #fff;
    background-color: #008f9e;
    /*margin: 10px auto;*/
    font-size: 13px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 5px 0px;
    text-decoration: none;
    outline: none;
    margin: 0px auto;
}

    .order_list_con_2 .btn_save input[type="button"]:hover {
        opacity: 0.8;
    }

.order_list_con_2 .btn_save {
    margin: 20px 0px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #e8e8e8;
}

    .order_list_con_2 .btn_save.bottom {
        padding-top: 7px;
        border-top: 1px dashed #ccc;
        border-bottom: none;
    }











/*--------客服中心 連絡我們-------*/
.service_con {
}

.main_banner_mamber.service {
    background-color: #98DAC8;
}

.main_content .mamber_con.ser_con h1 {
    background-color: #98DAC8;
}

.main_content .mamber_con.ser_con .mamber_nav ul {
    border-bottom: 1px solid #98DAC8;
}

.main_content .mamber_con.ser_con .title_slo .contact ul {
    border-top: 5px solid #98DAC2;
}

.main_content .mamber_con .title_slo .pp {
    font-size: 14px;
    color: #8F8F8F;
    display: table-cell;
    vertical-align: top;
    line-height: 22px;
}

    .main_content .mamber_con .title_slo .pp span {
        display: block;
    }

    .main_content .mamber_con .title_slo .pp a {
        color: #f00;
        text-decoration: underline;
    }

        .main_content .mamber_con .title_slo .pp a:hover {
            color: #FD6060;
        }

.main_content .mamber_con .title_slo .contact {
    display: table-cell;
    padding: 0px 0px 0px 50px;
}

    .main_content .mamber_con .title_slo .contact ul {
        padding: 10px 15px;
        border-top: 5px solid #97E3EB;
        background-color: #F6F6F6;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

        .main_content .mamber_con .title_slo .contact ul li {
            list-style-type: square;
            margin-left: 13px;
            padding: 2px 0px;
        }

            .main_content .mamber_con .title_slo .contact ul li h3 {
                display: inline-block;
                font-size: 14px;
                margin-left: -5px;
            }

            .main_content .mamber_con .title_slo .contact ul li p {
                font-size: 14px;
                color: #8F8F8F;
                display: inline-block;
                margin: 0px;
            }

                .main_content .mamber_con .title_slo .contact ul li p span {
                    display: inline-block;
                }

.table_service {
    display: table;
    margin: 50px 0px 0px;
    width: 100%;
}

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

    .table_service .title_tip {
        display: table-caption;
        margin-top: 5px;
        color: #FF5252;
        font-size: 13px;
        font-weight: normal;
        border-bottom: 1px solid #eee;
    }

    .table_service .tr .th span {
        color: #f00;
    }

    .table_service .mamber_con .order_list_con .table_profile_re .title_tip p {
        margin-top: 5px;
        color: #FF5252;
        font-size: 13px;
        font-weight: normal;
        border-bottom: 1px solid #eee;
    }

    .table_service .title_tip p span {
        color: #f00;
    }

    .table_service .title {
        text-align: left;
        padding: 10px 5px;
        display: table-caption;
        border-bottom: 1px solid #98D4DA;
    }

        .table_service .title h2 {
            font-size: 18px;
            display: inline-block;
            padding-right: 10px;
        }

        .table_service .title img {
            width: 18px;
            margin-right: 5px;
            vertical-align: bottom;
        }

    .table_service .tr .th {
        display: table-cell;
        font-size: 14px;
        text-align: left;
        padding: 0px 0px 5px 0px;
        /*border-bottom: 1px solid #eee;*/
    }

    .table_service .tr .td {
        display: table-cell;
        font-size: 14px;
        text-align: left;
        width: 80%;
        padding: 10px 0px 10px 10px;
        /*border-bottom: 1px solid #eee;*/
    }

        .table_service .tr .td .qt2 {
            display: inline-block;
            margin-right: 10px;
        }

            .table_service .tr .td .qt2 .s01 {
                margin-right: 3px;
            }

        .table_service .tr .td .qt {
            margin-left: 10px;
        }

            .table_service .tr .td .qt:first-child {
                margin-left: 0px;
            }

        .table_service .tr .td .texts {
            border-radius: 5px;
            -o-border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border: 1px solid #CCC;
            padding: 5px;
            width: 55%;
            height: 30px;
            font-size: 14px;
        }

        .table_service .tr .td .slo {
            margin: 5px 0px 0px;
            color: #E20000;
            font-size: 13px;
        }

        .table_service .tr .td .texts.name {
            border-radius: 5px;
            -o-border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border: 1px solid #CCC;
            padding: 5px;
            width: 35%;
            height: 30px;
            font-size: 14px;
        }

        .table_service .tr .td .sexs {
            margin-left: 10px;
        }

    .table_service select.day {
        color: #333333;
        font-family: inherit;
        padding: 2px 3px 4px 2px;
        border: 1px solid #CCC;
        height: 32px;
        width: 123px;
        margin-right: 10px;
        margin-bottom: 5px;
        color: #686868;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .table_service select.adds {
        color: #333333;
        font-family: inherit;
        padding: 2px 3px 4px 2px;
        border: 1px solid #CCC;
        height: 32px;
        width: 123px;
        margin-right: 10px;
        margin-bottom: 5px;
        color: #686868;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .table_service .tr .td textarea {
        width: 60%;
        vertical-align: text-top;
        border: 1px solid #CCC;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-border-radius: 5px;
        outline: none;
    }

.service_con .order_btn {
    text-align: center;
    padding-bottom: 50px;
    margin: 50px 0px 80px;
    width: 100%;
    vertical-align: top;
    border-bottom: 1px dashed #ccc;
}

    .service_con .order_btn a {
        display: block;
        width: 100px;
        color: #fff;
        background-color: #5BBAA0;
        padding: 8px 0px;
        margin: 0px auto;
        text-decoration: none;
        font-size: 15px;
    }

        .service_con .order_btn a:hover {
            opacity: 0.9;
        }






/*--商品搜尋 頁數選單--*/
.order_list_con .page {
    margin: 25px 0px;
    padding-bottom: 7px;
    border-bottom: 1px dashed #ccc;
}

    .order_list_con .page.bottom {
        padding-top: 7px;
        border-top: 1px dashed #ccc;
        border-bottom: none;
    }

    .order_list_con .page .s_ya {
        background-color: #fff;
        color: #808080;
        display: inline-block;
        background-color: #707070;
        font-size: 13px;
        width: 18px;
    }

        .order_list_con .page .s_ya:hover {
            opacity: 0.8;
        }

    .order_list_con .page .s_yb {
        background-color: #fff;
        border-right: 1px solid #e0e0e0;
        color: #808080;
        display: inline-block;
        padding-left: 9px;
        padding-right: 12px;
        font-size: 13px;
    }

    .order_list_con .page a:hover {
        text-decoration: none;
        font-weight: bold;
        color: #f00;
    }

    .order_list_con .page .s_yb.foucs {
        text-decoration: none;
        font-weight: bold;
        color: #f00;
    }

    .order_list_con .page select {
        margin-top: -3px;
        margin-left: 3px;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        padding: 6px 6px 6px 5px;
    }

    .order_list_con .page .s_yb.last {
        border-right: none;
    }

    .order_list_con .page .s_ya img {
        width: 16px;
        padding: 5px;
    }

    .order_list_con .page a.btn_save {
        display: block;
        width: 90px;
        color: #fff;
        background-color: #5FB6BF;
        /*margin: 10px auto;*/
        font-size: 13px;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        -webkit-border-radius: 15px;
        padding: 5px 0px;
        text-decoration: none;
    }

        .order_list_con .page a.btn_save:hover {
            opacity: 0.9;
            text-decoration: none;
            font-weight: normal;
            color: #fff;
        }










/*------忘記密碼------*/
.forget_ps {
    text-align: left;
    margin: 10px;
}

    .forget_ps h2 {
        font-size: 18px;
        border-bottom: 1px solid #98D4DA;
        margin-bottom: 20px;
    }

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

    .forget_ps .forget_cont {
        margin-top: 50px;
        margin-bottom: 20px;
    }

        .forget_ps .forget_cont .forget_text {
            width: 70%;
            height: 30px;
            border: 1px solid #ccc;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            -webkit-border-radius: 5px;
        }

        .forget_ps .forget_cont .forget_btn {
            display: inline-block;
            width: 15%;
            color: #fff;
            background-color: #FF4D4D;
            padding: 4px 0px;
            /*border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;*/
            text-decoration: none;
            font-size: 15px;
            vertical-align: top;
            margin-left: 10px;
        }

            .forget_ps .forget_cont .forget_btn:hover {
                opacity: 0.9;
            }

/*---------網路購物權益----------*/
.main_banner_private {
    width: 100%;
    height: 100px;
    background-color: #CDDA98;
}

    .main_banner_private .cont {
        width: 100%;
        margin: 0px auto;
        padding: 0px 25px 64px 25px;
        position: relative;
        max-width: 1200px;
    }

        .main_banner_private .cont .text {
            position: absolute;
            color: #fff;
            text-align: left;
            width: 60%;
            top: 17px;
        }

            .main_banner_private .cont .text h3 {
                font-size: 30px;
            }

        .main_banner_private .cont .pic {
            position: absolute;
            right: 8%;
        }

.main .main_content .private_con {
    width: 100%;
    margin: 50px auto 64px auto;
    max-width: 1200px;
    text-align: left;
    padding: 0px 20px;
}

.private_con .ftt {
    font-size: 17px;
    line-height: 24px;
}

    .private_con .ftt h3 {
        margin: 30px 0px 5px;
    }

    .private_con .ftt p {
        margin: 0px 0px 20px;
    }

.private_con .list {
    margin-left: 20px;
    font-size: 17px;
    line-height: 24px;
}

    .private_con .list ol .ttlist {
        list-style-type: decimal;
        margin-bottom: 20px;
    }

        .private_con .list ol .ttlist ol .list1 {
            margin-left: 20px;
            font-size: 16px;
        }

            .private_con .list ol .ttlist ol .list1 ul .list2 {
                list-style-type: disc;
                margin-left: 40px;
            }
/*---------隱私權政策---------*/
.main_banner_privacy {
    width: 100%;
    height: 100px;
    background-color: #98CBDA;
}

    .main_banner_privacy .cont {
        width: 100%;
        margin: 0px auto;
        padding: 0px 25px 64px 25px;
        position: relative;
        max-width: 1200px;
    }

        .main_banner_privacy .cont .text {
            position: absolute;
            color: #fff;
            text-align: left;
            width: 60%;
            top: 17px;
        }

            .main_banner_privacy .cont .text h3 {
                font-size: 30px;
            }

        .main_banner_privacy .cont .pic {
            position: absolute;
            right: 8%;
        }


.main .main_content .privacy_con {
    width: 100%;
    margin: 50px auto 64px auto;
    max-width: 1200px;
    text-align: left;
    line-height: 24px;
    padding: 0px 20px;
}

.main_content .privacy_con h1 {
    font-size: 18px;
    font-weight: bold;
}

.main_content .privacy_con p {
    font-size: 16px;
    margin-bottom: 20px;
    color: #737373;
}

    .main_content .privacy_con p.pp {
        font-size: 16px;
        margin-bottom: 0px;
        color: #737373;
    }

.main_content .privacy_con ul {
    margin-bottom: 20px;
}

    .main_content .privacy_con ul li {
        font-size: 16px;
        color: #737373;
    }

.main_content .privacy_con h3 {
    font-size: 16px;
}

.privacy_con p a {
    color: #f00;
    margin-left: 5px;
    text-decoration: underline;
}

    .privacy_con p a:hover {
        opacity: 0.6;
    }

.main_content .privacy_con h2 {
    font-size: 16px;
    font-weight: normal;
}

    .main_content .privacy_con h2 a {
        color: #f00;
        margin-left: 5px;
        text-decoration: underline;
    }

        .main_content .privacy_con h2 a:hover {
            opacity: 0.6;
        }

.privacy_con ul .list {
    list-style: decimal;
    margin-left: 55px;
}

.main_content .privacy_con .listp {
    margin-left: 32px;
    margin-bottom: 0px;
}

    .main_content .privacy_con .listp.pp {
        margin-bottom: 20px;
    }

/*---------會員條款---------*/
.main_banner_servicepolicy {
    width: 100%;
    height: 100px;
    background-color: #DA98BA;
}

    .main_banner_servicepolicy .cont {
        width: 100%;
        margin: 0px auto;
        padding: 0px 25px 64px 25px;
        position: relative;
        max-width: 1200px;
    }

        .main_banner_servicepolicy .cont .text {
            position: absolute;
            color: #fff;
            text-align: left;
            width: 60%;
            top: 17px;
        }

            .main_banner_servicepolicy .cont .text h3 {
                font-size: 30px;
            }

        .main_banner_servicepolicy .cont .pic {
            position: absolute;
            right: 8%;
        }

.main .main_content .servicepolicy_con {
    width: 100%;
    margin: 50px auto 64px auto;
    max-width: 1200px;
    text-align: left;
    padding: 0px 20px;
}

.servicepolicy_con .ftt {
    font-size: 17px;
    line-height: 24px;
}

    .servicepolicy_con .ftt h3 {
        margin: 30px 0px 5px;
    }

    .servicepolicy_con .ftt p {
        margin: 0px 0px 20px;
    }

.servicepolicy_con .list {
    margin-left: 25px;
    font-size: 17px;
    line-height: 24px;
}

    .servicepolicy_con .list ol .ttlist2 {
        list-style-type: cjk-ideographic;
        margin-bottom: 20px;
    }

        .servicepolicy_con .list ol .ttlist2 .list1 {
            margin-left: 20px;
            font-size: 16px;
            list-style-type: disc;
        }

        .servicepolicy_con .list ol .ttlist2 .list2 {
            margin-left: 20px;
            font-size: 16px;
            list-style-type: decimal;
        }








/*---------常見問題---------*/
.main_banner_faq {
    width: 100%;
    height: 100px;
    background-color: #98CBDA;
}

    .main_banner_faq .cont {
        width: 100%;
        margin: 0px auto;
        padding: 0px 25px 64px 25px;
        position: relative;
        max-width: 1200px;
    }

        .main_banner_faq .cont .text {
            position: absolute;
            color: #fff;
            text-align: left;
            width: 60%;
            top: 17px;
        }

            .main_banner_faq .cont .text h3 {
                font-size: 30px;
            }

.main .main_content .faq_con {
    width: 100%;
    margin: 50px auto 64px auto;
    max-width: 1200px;
    text-align: left;
    line-height: 24px;
    font-size: 17px;
}

    .main .main_content .faq_con ol li {
        list-style: decimal;
        margin-left: 20px;
    }
        /*.main .main_content .faq_con ol li p {
	font-size:16px;
	margin-bottom:20px;
}*/
        .main .main_content .faq_con ol li .ans_cont {
            margin-bottom: 20px;
        }

            .main .main_content .faq_con ol li .ans_cont img {
                width: auto;
            }

        .main .main_content .faq_con ol li p.pp {
            font-size: 16px;
            margin-bottom: 0px;
        }

        .main .main_content .faq_con ol li h2.hh {
            font-weight: normal;
        }

    .main .main_content .faq_con ol h2.hho {
        font-weight: normal;
    }

        .main .main_content .faq_con ol h2.hho a {
            color: #f00;
            text-decoration: underline;
            font-weight: normal;
        }

            .main .main_content .faq_con ol h2.hho a:hover {
                opacity: 0.6;
            }

.qa_types {
    text-align: center;
    border-bottom: 1px dashed #ccc;
}

    .qa_types li {
        display: inline-block;
        margin: 5px 2px 5px;
    }

        .qa_types li a {
            display: block;
            background-color: #fff;
            padding: 5px 20px;
            font-size: 16px;
            color: #969696;
            border: 2px solid #ccc;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            -webkit-border-radius: 10px;
        }

            .qa_types li a.focus {
                background-color: #ff1e27;
                color: #fff;
                border: 2px solid #f00;
            }

            .qa_types li a:hover {
                background-color: #ff1e27;
                color: #fff;
                text-decoration: none;
                border: 2px solid #f00;
            }





/*-------優惠活動-------*/
.main_banner_event {
    background-color: #FF9A5F;
    width: 100%;
    height: 100px;
}

    .main_banner_event .cont {
        width: 100%;
        margin: 0px auto;
        padding: 0px 25px 64px 25px;
        position: relative;
        max-width: 1200px;
    }

        .main_banner_event .cont .text {
            position: absolute;
            color: #fff;
            text-align: left;
            width: 60%;
            top: 17px;
        }

            .main_banner_event .cont .text h3 {
                font-size: 30px;
            }

.main .main_content .event_con {
    width: 100%;
    margin: 0px auto 4px auto;
    max-width: 1200px;
    text-align: left;
}

.event_con .allborder .e_banner {
    position: relative;
    width: 100%;
}

    .event_con .allborder .e_banner.mob {
        display: none;
    }

.allborder .e_banner .text {
    width: 750px;
    margin-top: 15px;
    color: #fff;
    padding: 15px 10px;
    background: #ff7b86;
}

.e_banner .text h1 {
    font-size: 26px;
    margin-bottom: 10px;
}

.e_banner .text h3 {
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 5px;
}

.e_banner .text p {
    font-size: 17px;
    font-weight: normal;
}


/*---優惠商品一列---*/
.e_prolist_content {
    width: 100%;
    text-align: center;
}

    .e_prolist_content .e_prolist_con {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px 20px 64px;
    }

        .e_prolist_content .e_prolist_con .pp_1 {
            border-bottom: 1px solid #d2d2d2;
            text-align: left;
        }

    .e_prolist_content h2 {
        font-size: 24px;
        text-align: left;
    }

        .e_prolist_content h2 img {
            width: 22px;
            margin-right: 5px;
            vertical-align: text-top;
        }

    .e_prolist_content ul .list {
        width: 19.5%;
        padding: 20px 20px 20px;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }

        .e_prolist_content ul .list .item {
            height: 335px;
            cursor: pointer;
        }

            .e_prolist_content ul .list .item:hover {
                opacity: 0.6;
            }

        .e_prolist_content ul .list .cartbtn a {
            display: block;
            background-color: #f00;
            max-width: 100px;
            margin: 0px auto 15px;
            padding: 5px;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            -webkit-border-radius: 5px;
            color: #fff;
            text-decoration: none;
            cursor: pointer;
        }

            .e_prolist_content ul .list .cartbtn a:hover {
                opacity: 0.6;
            }

            .e_prolist_content ul .list .cartbtn a img {
                width: 15px;
                margin-right: 5px;
                vertical-align: top;
            }

    .e_prolist_content .item .pic {
        width: 100%;
        position: relative;
    }

        .e_prolist_content .item .pic .new {
            width: 40px;
            position: absolute;
        }

    .e_prolist_content .item ul li {
        margin: 0px;
        width: 100%;
    }

        .e_prolist_content .item ul li.red {
            color: #f00;
        }

    .e_prolist_content .item .price {
        font-size: 16px;
        margin-top: 8px;
        color: #f00;
    }

        .e_prolist_content .item .price dt {
            display: inline-block;
        }

        .e_prolist_content .item .price dd {
            display: inline-block;
        }

    .e_prolist_content .item span {
        font-size: 15px;
        color: #0000ff;
    }

.e_prolist_con .pp_1 .list_lines {
    border: none;
    border-bottom: 1px solid #d2d2d2;
}
/*------優惠商品一列-------*/
.e_prolist_content .e_prolist_con.collo {
    padding: 15px 15px 59px;
}

    .e_prolist_content .e_prolist_con.collo .pp_1 {
        margin: 0px auto 15px;
    }

        .e_prolist_content .e_prolist_con.collo .pp_1 li h3.cth {
            font-size: 20px;
            padding: 0px 10px 5px;
            color: #fff;
        }

            .e_prolist_content .e_prolist_con.collo .pp_1 li h3.cth span {
                font-size: 26px;
                color: #fff;
                margin-right: 3px;
            }

        .e_prolist_content .e_prolist_con.collo .pp_1.co01 {
            border: 5px solid #c8988a;
        }

.pp_1.co01 li h3.cth {
    background-color: #c8988a;
}

.e_prolist_content .e_prolist_con.collo .pp_1.co02 {
    border: 5px solid #9aa6a2;
}

.pp_1.co02 li h3.cth {
    background: #9aa6a2;
}

.e_prolist_content .e_prolist_con.collo .pp_1.co03 {
    border: 5px solid #869baa;
}

.pp_1.co03 li h3.cth {
    background-color: #869baa;
}

.e_prolist_content .e_prolist_con.collo .pp_1.co04 {
    border: 5px solid #b4bc79;
}

.pp_1.co04 li h3.cth {
    background-color: #b4bc79;
}

.e_prolist_content .e_prolist_con.collo .pp_1.co05 {
    border: 5px solid #b0a4b9;
}

.pp_1.co05 li h3.cth {
    background-color: #b0a4b9;
}







/*瀏覽記錄*/
.bro_it {
    width: 70px;
    background: transparent;
    position: fixed;
    right: 50%;
    top: 410px;
    margin: 0px -690px 0px 0px;
    z-index: 6;
    background-color: rgba(86, 86, 86, 0.7);
}

    .bro_it h3 {
        font-weight: normal;
        font-size: 14px;
        color: #fff;
        padding: 2px;
    }

    .bro_it .bro_list li {
        border-left: 2px solid #ccc;
        border-right: 2px solid #ccc;
        border-bottom: 2px solid #ccc;
    }

/*-------------------客製化專區------------------*/
.main_banner_mamber.make {
    width: 100%;
    height: 100px;
    background-color: #e69fba;
}

.main .main_content .make_con .make_display {
    width: 100%;
    margin: 100px auto 70px auto;
    max-width: 1200px;
    text-align: left;
}

.display_con .display_list .display_list_li {
    width: 47.7%;
    margin: 0% 1% 35px 1%;
    display: inline-block;
    box-shadow: 0px 0px 7px 0px rgba(162, 162, 162, 0.5);
    -moz-box-shadow: 0px 0px 7px 0px rgba(162, 162, 162, 0.5);
    -ms-box-shadow: 0px 0px 7px 0px rgba(162, 162, 162, 0.5);
    -o-box-shadow: 0px 0px 7px 0px rgba(162, 162, 162, 0.5);
    -webkit-box-shadow: 0px 0px 7px 0px rgba(162, 162, 162, 0.5);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 20px 0px;
    vertical-align: top;
    min-height: 347px;
}

    .display_con .display_list .display_list_li .item {
        display: table;
        width: 100%;
    }

        .display_con .display_list .display_list_li .item .tr {
            display: table-row;
        }

.item .tr .left {
    display: table-cell;
    position: relative;
    padding: 0% 3%;
}

    .item .tr .left .pics .big_p {
        width: 100%;
        max-width: 520px;
    }

    .item .tr .left .btn li {
        text-align: center;
    }

        .item .tr .left .btn li .create {
            display: block;
            width: 100%;
            background-color: #e977a2;
            color: #fff;
            font-size: 16px;
            padding: 8px;
            margin: 20px auto 10px;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            -webkit-border-radius: 5px;
            text-decoration: none;
        }

            .item .tr .left .btn li .create:hover {
                opacity: 0.8;
            }

        .item .tr .left .btn li .report {
            color: #f00;
            text-decoration: underline;
        }

            .item .tr .left .btn li .report:hover {
                opacity: 0.8;
            }

.item .tr .right {
    display: table-cell;
    position: relative;
    vertical-align: top;
    width: 65.5%;
    padding: 0% 3% 0% 0%;
}

    .item .tr .right .make_intro {
        border-left: 1px dashed #ccc;
        padding: 10px 0px 10px 5%;
    }

.make_intro .title {
    margin-bottom: 8px;
}

    .make_intro .title h2 {
        font-size: 22px;
        display: inline-block;
        line-height: 28px;
        margin-bottom: 5px;
    }

        .make_intro .title h2 img {
            width: 10px;
            margin-right: 5px;
        }

.make_intro .text ul {
    display: table;
}

    .make_intro .text ul li {
        display: table-row;
    }

        .make_intro .text ul li dt {
            display: table-cell;
            width: 70px;
            font-size: 14px;
            text-align: right;
            padding: 2px 0px 2px 0px;
            vertical-align: top;
        }

        .make_intro .text ul li dd {
            display: table-cell;
            font-size: 14px;
            padding: 2px 0px 2px 0px;
        }

.main .main_content .make_con .make_slogan {
    background-color: #ffe7e7;
    padding: 17px 0px;
    font-size: 28px;
    color: #535353;
}

    .main .main_content .make_con .make_slogan ul {
        max-width: 1200px;
        margin: 0px auto;
        padding: 0px 20px;
        text-align: left;
    }

.make_slogan ul .slo_01 {
    color: #fe4189;
    margin-left: 20%;
}

.make_slogan ul .slo_02 {
    margin-left: 25%;
}

    .make_slogan ul .slo_02 span {
        color: #ff9c00;
    }

.make_slogan ul .slo_03 {
    font-size: 20px;
    text-align: right;
    margin-right: 20%;
    margin-top: 10px;
}

    .make_slogan ul .slo_03 span {
        color: #ff418a;
    }


.main .main_content .make_con .make_Introduction {
    width: 97.7%;
    /*margin: 80px 1% 100px 1%;*/
    margin: 100px auto 70px auto;
    padding: 40px 0px;
    max-width: 1200px;
    text-align: left;
}

    .main .main_content .make_con .make_Introduction .make_txt {
        margin: 0px 20px;
    }

        .main .main_content .make_con .make_Introduction .make_txt h2 {
            font-size: 22px;
            border-bottom: 1px dashed #7b7b7b;
        }

        .main .main_content .make_con .make_Introduction .make_txt .make_editor {
            margin: 30px 0px;
        }

.make_Introduction .make_txt .make_editor img {
    width: auto;
}

/*------客製化專區-說明頁-------*/
.main .main_content .make_con .make_detail {
    width: 96%;
    margin: 70px auto 70px;
    max-width: 1200px;
    text-align: left;
}

.make_detail .detail_con {
    display: table;
    margin-bottom: 60px;
}

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

    .make_detail .tr .left {
        display: table-cell;
        position: relative;
        padding: 0% 12%;
    }

        .make_detail .tr .left .pics span {
            position: absolute;
            width: 100%;
            max-width: 80px;
        }

        .make_detail .tr .left .pics .big_p {
            /* width: 100%;
            max-width: 400px;*/ 
        }

    .make_detail .tr .right {
        display: table-cell;
        position: relative;
        vertical-align: top;
        width: 46.5%;
    }

        .make_detail .tr .right .report {
            display: block;
            width: 150px;
            padding: 10px;
            background-color: #ff1e27;
            color: #fff;
            font-size: 16px;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            -webkit-border-radius: 5px;
            text-decoration: none;
            margin: 10px 0px 0px 20px;
        }

            .make_detail .tr .right .report:hover {
                opacity: 0.8;
            }

        .make_detail .tr .right .pro_intro {
            padding-bottom: 18px;
        }

            .make_detail .tr .right .pro_intro .title {
                margin-bottom: 25px;
            }

                .make_detail .tr .right .pro_intro .title h2 {
                    font-size: 24px;
                    display: inline-block;
                    line-height: 28px;
                    margin-bottom: 5px;
                }

            .make_detail .tr .right .pro_intro .text ul li dt {
                width: 17%;
                font-size: 14px;
                display: inline-block;
                text-align: right;
                padding: 4px 8px 4px 0px;
                vertical-align: top;
            }

            .make_detail .tr .right .pro_intro .text ul li dd {
                width: 78%;
                font-size: 14px;
                display: inline-block;
                padding: 4px 0px 4px 10px;
                border-left: 1px solid #ccc;
            }

.hr_line.make {
    border: 0;
    height: 5px;
    background-color: #d4d4d4;
    max-width: 1200px;
    margin: 10px auto 24px;
}

.creates_con {
}

    .creates_con .create_table {
        margin: 70px 20px 20px;
    }

        .creates_con .create_table .upload_cont {
            display: inline-block;
            width: 43%;
            vertical-align: top;
            padding: 20px;
            background-color: #f7f7f7;
            margin: 20px 3.3%;
            border-radius: 15px;
            -moz-border-radius: 15px;
            -ms-border-radius: 15px;
            -o-border-radius: 15px;
            -webkit-border-radius: 15px;
        }

.create_table .upload_cont .title {
    text-align: center;
    border-bottom: 1px dashed #777;
}

    .create_table .upload_cont .title h3 {
        font-size: 24px;
        color: #ff006c;
        padding: 10px;
    }

.upload_cont .detail ul.list01 li.li_01 {
    margin-bottom: 10px;
}

    .upload_cont .detail ul.list01 li.li_01 .pic {
        padding: 20px 5%;
        display: inline-block;
        width: 39%;
    }

        .upload_cont .detail ul.list01 li.li_01 .pic img {
            width: 120px;
        }

.upload_cont .detail ul.list01 {
    padding-bottom: 20px;
    margin: 20px auto;
    border-bottom: 1px dashed #777;
    height: 480px;
}

    .upload_cont .detail ul.list01 li.li_01.ss {
        margin: 0px 15px;
    }

    .upload_cont .detail ul.list01 li.li_01 .txt {
        display: inline-block;
        padding: 20px 0%;
        width: 59%;
        vertical-align: top;
    }

        .upload_cont .detail ul.list01 li.li_01 .txt p {
            font-size: 16px;
            margin-bottom: 20px;
        }

        .upload_cont .detail ul.list01 li.li_01 .txt a {
            font-size: 20px;
            text-decoration: underline;
            color: #fe0000;
        }

            .upload_cont .detail ul.list01 li.li_01 .txt a:hover {
                opacity: 0.5;
            }

ul.list01 li.li_01 .list02 h2.tt {
    font-size: 14px;
    margin-bottom: 15px;
}

ul.list01 li.li_01 .list02 .li_02 {
    padding-right: 10px;
    background-image: url(../images/dd_icon.png);
    background-repeat: no-repeat;
    background-size: 7px;
    background-position: 0px 9px;
    padding: 4px 0px 4px 15px;
    font-size: 14px;
}

.create_table .upload_cont .btn {
    margin: 0px 19%;
}

    .create_table .upload_cont .btn span {
        color: #f00;
        font-size: 14px;
    }

.create_table .upload_cont input[type="checkbox"] {
    margin: 1px 5px 0px 0px;
    width: 15px;
    height: 15px;
}

.create_table .upload_cont .btn a {
    display: block;
    width: 100%;
    background-color: #e977a2;
    color: #fff;
    padding: 10px;
    margin: 40px auto 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    max-width: 150px;
}

    .create_table .upload_cont .btn a:hover {
        opacity: 0.8;
    }


/*---促銷-輸入序號---*/
.e_number_content {
    width: 100%;
    text-align: center;
    margin: 50px 0px 120px;
}

    .e_number_content h3 {
        background-color: #ff9a5f;
        font-size: 25px;
        color: #fff;
        padding: 10px 10px 10px 20px;
        text-align: left;
    }

        .e_number_content h3 img {
            width: 20px;
            margin-right: 15px;
            vertical-align: bottom;
        }

    .e_number_content .e_number_con {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px 20px 40px;
    }

        .e_number_content .e_number_con p {
            text-align: left;
            color: #3c3c3c;
            font-size: 16px;
        }

        .e_number_content .e_number_con .ent {
            max-width: 719px;
            margin: 30px auto 20px;
            padding: 30px 20px;
            background-color: #eee;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            -webkit-border-radius: 5px;
        }

.ent .table {
    display: table;
}

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

        .ent .table .tr .td {
            display: table-cell;
            vertical-align: top;
        }

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

            .ent .table .tr .td.b1 {
                font-size: 16px;
                color: #7b7b7b;
                width: 90px;
            }

            .ent .table .tr .td.b2 input[type="text"] {
                background-color: #fff;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -ms-border-radius: 5px;
                -o-border-radius: 5px;
                -webkit-border-radius: 5px;
                border: 1px solid #fff;
                font-size: 15px;
                vertical-align: inherit;
                padding: 0px 0px 0px 10px;
                height: 32px;
                font-family: inherit;
                width: 100%;
            }

            .ent .table .tr .td.btn {
                width: 85px;
                padding-left: 15px;
                font-family: inherit;
            }

                .ent .table .tr .td.btn button {
                    background-color: #ff4d4d;
                    width: 85px;
                    border: none;
                    padding: 8px 0;
                    border-radius: 5px;
                    -moz-border-radius: 5px;
                    -ms-border-radius: 5px;
                    -o-border-radius: 5px;
                    -webkit-border-radius: 5px;
                    color: #fff;
                }

                    .ent .table .tr .td.btn button:hover {
                        opacity: 0.7;
                    }

.e_number_content .e_number_con .e_links {
}

    .e_number_content .e_number_con .e_links li {
        display: inline-block;
        font-size: 14px;
    }

        .e_number_content .e_number_con .e_links li.l_01 {
            margin-right: 30px;
        }

        .e_number_content .e_number_con .e_links li.l_02 {
            margin-left: 30px;
        }

        .e_number_content .e_number_con .e_links li a {
            color: #ff4d4d;
            text-decoration: underline;
        }

            .e_number_content .e_number_con .e_links li a:hover {
                opacity: 0.7;
            }

.e_number_content hr {
    border: none;
    border-bottom: 2px dashed #ffb68c;
}

.e_number_content .editor {
    text-align: left;
    font-size: 15px;
    max-width: 940px;
    margin: 100px auto 64px;
    padding: 0px 20px;
}

    .e_number_content .editor img {
        width: auto;
    }

.more_goods {
}

    .more_goods li {
        width: 100px;
        height: 100px;
        float: left;
        border: 1px solid #eee;
        margin: 5px;
        cursor: pointer;
    }

        .more_goods li.hov {
            border-color: #F00;
        }

.sysp {
    overflow: hidden;
    padding-bottom: 30px;
}

    .sysp h3 {
        height: 40px;
        font-size: 24px;
        font-weight: bold;
    }

.sysp_c {
}

    .sysp_c a {
        font-size: 16px;
        color: #333;
        margin: 5px 10px 5px 0px;
        display: inline-block;
    }

        .sysp_c a:hover {
            color: #F00;
        }


.new_increase {
    width: 90%;
    margin-top: 20px;
    display: block;
    overflow: hidden;
}

.new_increase2 {
    display: none;
}

.new_increase h2 {
    font-size: 15px;
    padding: 5px;
    background: #ff6767;
    color: #fff;
}

.new_increase_c {
    overflow: hidden;
    padding-bottom: 15px;
    border: 1px solid #ccc;
    border-top: 0px;
}

    .new_increase_c .box {
        width: -moz-calc(50% - 20px);
        width: -webkit-calc(50% - 20px);
        width: calc(50% - 20px);
        float: left;
        margin: 18px 0px 0px 18px;
    }

        .new_increase_c .box .pic {
            width: 88px;
            height: 88px;
            border: 1px solid #ccc;
            font-size: 0px;
            line-height: 0px;
            overflow: hidden;
            float: left;
            position: relative;
        }

            .new_increase_c .box .pic img {
                width: 100%;
                height: 100%;
            }

            .new_increase_c .box .pic span {
                width: 20px;
                height: 20px;
                display: block;
                background: url(images/pic_ico_fdj.png);
                position: absolute;
                right: -1px;
                bottom: -1px;
                cursor: pointer;
            }

        .new_increase_c .box .text {
            width: -moz-calc(100% - 105px);
            width: -webkit-calc(100% - 105px);
            width: calc(100% - 105px);
            float: right;
        }

            .new_increase_c .box .text h3 {
                height: 26px;
                line-height: 26px;
                overflow: hidden;
                font-size: 16px;
                color: #414141;
                font-weight: normal;
            }

                .new_increase_c .box .text h3 span {
                    color: #ff0000;
                }

            .new_increase_c .box .text h4 {
                height: 38px;
                margin-bottom: 2px;
                overflow: hidden;
                line-height: 18px;
                font-size: 14px;
                font-weight: normal;
            }

                .new_increase_c .box .text h4 a {
                    color: #414141;
                }

            .new_increase_c .box .text .bnt {
                overflow: hidden;
            }

                .new_increase_c .box .text .bnt .bnt_gx {
                    float: left;
                    margin-right: 15px;
                }

                .new_increase_c .box .text .bnt select {
                    width: 40px;
                    height: 22px;
                    line-height: 22px;
                    margin: 0px;
                    padding: 0px;
                }



@media screen and (max-width:1000px) {
    .new_increase_c .box {
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px);
    }
}

@media screen and (max-width:497px) {
    .new_increase {
        display: none;
    }

    .new_increase2 {
        display: block;
    }
}

.top .top_cont ul .li1:nth-child(3) ul {
    width: 250px;
}

.list_rank {
    overflow: hidden;
    float:right;
}

    .list_rank .con {
        float: right;
    }

    .list_rank span {
        float: left;
        font-size: 14px;
    }

    .list_rank ul {
        float: left;
    }

        .list_rank ul li {
            font-size: 14px;
            padding: 0 10px;
            border-right: 1px solid #666;
            float: left;
        }

            .list_rank ul li:last-child {
                border-right: none;
            }

            .list_rank ul li a {
                color: #555555;
            }

                .list_rank ul li a:hover, .list_rank ul li a.focus {
                    color: #f00;
                }
.top .top_cont ul .li1 a {
    color: #636363;
    text-decoration: none;
}


    .top .top_cont ul .li1 a:hover {
        color: red
    }

.prolist_con .list a, .pro_part_3 .list a, .e_prolist_con .list a{
    color: #000;
}
.breadcrumb_box {
    overflow:hidden;
}
.breadcrumb {
    float:left;
    text-align: left;
    margin: 0px auto; 
}
    .breadcrumb ul  { 
       overflow:hidden;
    }   
.breadcrumb ul li {
        float: left;
        padding-right:10px;  
    }
.breadcrumb ul li {
        float: left;
        padding-right:5px;  
    }
    .breadcrumb ul li a {
        color: #333333;
    }
        .breadcrumb ul li a:hover {
            color: #f00;
        }
        .breadcrumb ul li::after {
            content: ">";
            padding-left: 5px;
        }
    .breadcrumb ul li:last-child::after {
        content:none;
        padding-left: 0px;
    }
.breadcont {
    width: 100%;
    margin: 0px auto;
    float: none; 
}
    .breadcont ul {
        margin: 0px auto;
        max-width: 1200px;
        padding: 10px;
    }

.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}
.pagination a.active {
    background-color: #4CAF50;
    color: white;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.pagination a {
    border-radius: 5px;
}

.pagination a.active {
    border-radius: 5px;
}


/*-----------新购物车列表----------*/
.shopping_list_ch{ max-width:1200px; margin:0px auto; text-align:left; font-size:16px; color:#333;}
.shopping_list_ch span{ margin:0px 10px; color:#ce0000;}
.shopping_list_bntt{ max-width:1200px; margin:35px auto 25px; border-bottom:2px solid #ce0000;}
.shopping_list_bntt p{ width:180px; height:48px; line-height:48px; text-align:center; font-size:18px; color:#fff; background:#ce0000; border-radius:7px 7px 0px 0px; -moz-border-radius:7px 7px 0px 0px;}
.pro_footer {max-width: 1200px;margin: auto;overflow: hidden;font-size: 14px; border-top: 2px solid #ce0000;margin-top: 40px;padding-top: 30px;}
.pro_footer .pro_footer_l{ width:50%; float:left; color:#51b11d; text-align:left;}
.pro_footer .pro_footer_l li{ padding:10px 0px;}
.pro_footer .pro_footer_l li span{ float:left;}
.pro_footer .pro_footer_l li span p{ float:left;}
.pro_footer .pro_footer_l span{ margin-right:20px;}
.pro_footer .pro_footer_r{ float:right; text-align:right;}
.pro_footer .pro_footer_r .box{ padding:10px 0px;}
.pro_footer .pro_footer_r span{ min-width:100px; display:inline-block;}
.pro_footer .pro_footer_r .text{ width:60px; color:#F00;}
.pro_footer .pro_footer_zj{ color:#ff0000; font-size:20px;}
.pro_footer .pro_footer_zj span{ font-size:32px;}
.main_content .cart_con .steps{ max-width:1200px;}
.shopping_list_con .table_cont .table{ max-width:1200px; margin:auto;}
.cart_links{ max-width:1200px;}

.jgsp_title{ width:100%; overflow:hidden; background:#ff6767;}
.jgsp_title h3{ max-width:1200px; margin:auto; text-align:left; line-height:65px; color:#fff; font-size:20px;}
.jgsp_com{ max-width:1200px; margin:auto; padding-top:20px; overflow:hidden; }
.jgsp_com .box{ overflow:hidden; border-bottom:1px solid #f2f2f2;}
.jgsp_com .box:nth-child(2){ border-bottom:0px; padding-top:45px;}
.jgsp_com .pro{ width:25%; padding-right:30px; float:left; margin-bottom:45px;}
.jgsp_com .pro:nth-child(4){ padding-right:0px;}
.jgsp_com .pro .pro_img{ width:98px; height:98px; margin-right:15px; float:left; border:1px solid #e9e9e9; line-height:0px; font-size:0px;}
.jgsp_com .pro .pro_img img{ width:100%;}
.jgsp_com .pro .pro_text{ text-align:left; font-size:15px;}
.jgsp_com .pro .pro_text h3{ padding-bottom:5px; font-weight:normal;}
.jgsp_com .pro .pro_text h3 span{ color:#ce0000; margin:0px 5px;}
.jgsp_com .pro .pro_text p{ height:35px; line-height:18px; overflow:hidden; margin-bottom:10px;}
.jgsp_com .pro .pro_text .bnnt{ overflow:hidden;}
.jgsp_com .pro .pro_text .bnnt .calc{ float:left;}
.jgsp_com .pro .pro_text .bnnt .calc a:hover{ text-decoration:none;}
.jgsp_com .pro .pro_text .bnnt .calc .down,.jgsp_com .pro .pro_text .bnnt .calc .up{ width:20px; height:25px; line-height:25px; color:#fff; font-size:16px; display:block; float:left; background:#999;}
.jgsp_com .pro .pro_text .bnnt .calc .inputer{ width:35px; line-height:25px; padding:0px; float:left; text-align:center;}
.jgsp_com .pro .pro_text .bnnt .bnnt_jr{ width:50px; height:25px; line-height:25px; font-size:14px; text-decoration:none; display:inline-block; margin-left:10px; text-align:center; color:#fff; background:#d71223;}
.shopping_list_con .table_cont .table .tr{ display:block; overflow:hidden; border:1px solid #e0e0e0; margin:20px 0;}
.shopping_list_con .table_cont .table .comb{ padding-top:20px;}
.shopping_list_con .table_cont .table .comb .tr{ margin-top:-21px;}
.shopping_list_con .table_cont .table .tr .th{ display:block; float:left; padding:14px 0;}
.shopping_list_con .table_cont .table .tr .td{ width:14%; margin:10px 0; display:block; float:left; border-bottom:0px; padding-top:55px;}
.shopping_list_con .table_cont .table .tr .td.name{ width:30%;}
.shopping_list_con .table_cont .table .tr .td.del{ padding-top:0px;}
.shopping_list_con .table_cont .table .tr .td .pic{ border:1px solid #e0e0e0;}
.shopping_list_con .table_cont .table .tr.showFs{}
.shopping_list_con .table_cont .table .tr.pdsfh{ color:#51b11d; padding-top:5px;}
.shopping_list_con .table_cont .table .tr.pdsfh .td{ padding-top:5px;}
.pdsTitle{ background:#ffeeea}
.new_head .ico .m_ico{ display:none;}
.shopping_list_con .table_cont .table .tr.couponDIV{ padding-left:5px; text-align:left;}
.shopping_list_con .table_cont .table .tr.couponDIV .td_2{ margin:0px 10px; display:inline-block;}
.shopping_list_con .table_cont .table .tr.pdsfh_no{ margin-top:-21px; color:#F00;}

.shopping_list_con .table_cont .table .promobox .tr .td{ margin:0px;}
.shopping_list_con .table_cont .table .promobox .tr .td.name{ width:-moz-calc(100% - 180px); width:-webkit-calc(100% - 180px); width:calc(100% - 180px); text-align:left;}
.shopping_list_con .table_cont .table .promobox .tr .td.del{ width:180px;}

.pro_part_2 video {
    height: 500px;
}
@media screen and (max-width:1199px) {	
.main{ padding:0 5px;}
.cart_links{ margin:20px 0px 0;}
.main .main_content .cart_con{ margin-bottom:20px;}
.jgsp_title h3{ padding-left:10px;}
.jgsp_com .pro{ width:50%; padding-right:10px; margin-bottom:15px;}
.jgsp_com .box{ border-bottom:0px;}
.jgsp_com .box:nth-child(2){ padding:0px;}
.jgsp_com .pro:nth-child(4){ padding-right:10px;}
.new_head .ico .pc_ico{ display:none;}
.new_head .ico .m_ico{ width:70px; margin-top:22px; display:block;}
.list_lines{ display:none;}
.new_top_gn .new_no_land.m_hide{ display:none;}
}


@media screen and (max-width:768px) {	
.pro_footer .pro_footer_l{ width:auto; float:none;}
.pro_footer .pro_footer_r{ float:none; text-align:left;}
.shopping_list_con .table_cont .table .tr .td .pic{ margin:0 10px;}
.shopping_list_con .table_cont .table .tr .td.name{ width:23%;}
.shopping_list_con .table_cont .table .tr .td.sjjj{ min-width:26%;}
.shopping_list_con .table_cont .table .tr .td{ width:12%;}
.mamber_con .btn{margin: 10px auto 10px;}
}

@media screen and (max-width:570px) {	
.jgsp_com .pro{ width:auto; float:none;}
}

@media screen and (max-width:497px) {	
.shopping_list_con .table_cont .table .tr.pdsfh_no .td.del{ display:block;}
.shopping_list_con .table_cont .table .tr .td{ padding-top:0px;}
.shopping_list_con .table_cont .table .tr .td{ width:17%;}

}





.cxhy_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1111;
}

.cxhy {
    width: 1200px;
    height: 520px;
    padding-top: 40px;
    text-align: left;
    background: url(../images/cxhy_bg.jpg) #3eb13a right bottom no-repeat;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -280px 0 0 -600px;
}

    .cxhy p {
        padding-left: 30px;
        font-size: 20px;
        line-height: 40px;
        color: #fff;
    }

    .cxhy dl {
        padding: 15px 0 0 30px;
    }

    .cxhy dd {
        width: 250px;
        float: left;
    }

    .cxhy dt {
        float: left;
        margin-left: 65px;
    }

        .cxhy dt a {
            width: 140px;
            line-height: 50px;
            margin-top: 50px;
            text-align: center;
            color: #297d26;
            font-size: 20px;
            display: block;
            background: #fff;
            border-radius: 360px;
            -moz-border-radius: 360px;
            transition: all 0.3s linear 0s;
        }

            .cxhy dt a:hover {
                background: #f8f8f8;
            }

            .cxhy dt a:hover {
                text-decoration: none;
            }

            .cxhy dt a.hov {
                background: #256522;
                color: #fff;
            }

                .cxhy dt a.hov:hover {
                    background: #1d591a;
                }

@media screen and (max-width:1199px) {
    .cxhy {
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px);
        height: auto;
        padding: 20px 20px 30px 20px;
        margin: 0px;
        left: 10px;
        top: 10px;
        background: #3eb13a;
    }

        .cxhy p {
            padding: 0px;
        }

        .cxhy dl {
            padding: 20px 0 0 0;
        }
}


@media screen and (max-width:540px) {
    .cxhy p {
        line-height: 25px;
        font-size: 18px;
    }

    .cxhy dd {
        width: auto;
        float: none;
        text-align: center;
    }

        .cxhy dd img {
            width: 150px;
        }

    .cxhy dt {
        width: auto;
        float: none;
        text-align: center;
        margin: 0px;
    }

        .cxhy dt a {
            width: 115px;
            line-height: 45px;
            font-size: 18px;
            display: inline-block;
            margin: 20px 2px 2px 10px;
        }
}


@media screen and (max-width:1000px) {
    .new_increase_c .box {
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px);
    }
}

@media screen and (max-width:497px) {
    .new_increase {
        display: none;
    }

    .new_increase2 {
        display: block;
    }
}

.top .top_cont ul .li1:nth-child(3) ul {
    width: 250px;
}

 

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

.new_com{ max-width:1200px; margin:0px auto; text-align:left; overflow:hidden;}
.new_head_bg{ height:60px; background:#564848; color:#fff;}
.new_head .ico{ float:left;}
.new_head .new_cart{ padding-left:25px; float:right; margin:15px 0 0 30px; line-height:30px; font-size:14px; background:url(../images/buy_02.png) 0px 6px no-repeat;}
.new_head .new_cart s{ text-decoration:none;}
.new_head .new_cart span{ margin-left:5px; line-height:10px; background:#d61323; padding:3px 8px 4px; display:inline-block; border-radius:45px; -moz-border-radius:45px;}
.new_head .new_cart img{ width:22px; height:18px; margin-right:5px;}
.new_head .new_cart a{ color:#fff;}


.new_top_gn{ width:1200px; margin:0px auto; position:relative;}
.new_top_gn .new_search{ position:absolute; left:50px; top:-45px; padding:0 10px; background:#fff; border-radius:45px; -moz-border-radius:45px;}
.new_top_gn .new_search .text{ width:200px; float:left; border:0px; height:30px; line-height:30px; background:none; color:#666; font-size:12px;}
.new_top_gn .new_search .bnt{ width:30px; height:30px; float:left; background:url(../images/new_search.jpg) center no-repeat;}
.new_top_gn .new_no_land{ position:absolute; right:120px; top:-45px; line-height:30px;}
.new_top_gn .new_no_land span{ padding-left:23px; background:url(../images/huiyuan_01.png) 0px 5px no-repeat; display:inline-block;}
.new_top_gn .new_no_land span.gww_ico{background:url(../images/huiyuan_03.png) 0px 5px no-repeat; background-size:20px auto;}
.new_top_gn .new_no_land a{ color:#fff; font-size:14px; margin-left:10px;}
.new_top_gn .new_no_land img{ width:18px; height:18px;margin:-4px 5px 0 0;}
.new_yes_land{ margin:0px 20px 0px 0px; border:1px solid #322a2a; border-radius:45px; -moz-border-radius:45px; position:absolute; right:205px; top:-45px;}
.new_yes_land p{ padding:5px 20px; float:left; color:#d2d0d0;}
.new_yes_land a{ line-height:29px; display:inline-block; padding:0px 15px; color:#d2d0d0; background:#322a2a; border-radius:45px; -moz-border-radius:45px;}
.new_yes_land a:hover{ text-decoration:none;}
.new_yes_land .m_yes_land{ display:none}

.new_top_bg{ width:100%; height:101px; border-bottom:2px solid #d71223;}
.new_top{ max-width:1200px; margin:0 auto;}
.new_top .top_logo{ float:left; padding:35px 10px;}
.new_top .top_logo a img.logo_pc{ width:30px;}
.new_top .top_logo a img.logo_sj{ display:none;} 
.new_top .top_logo a.home{font-size:18px; padding:2px 15px 2px 0; color:#636363; border-right:1px solid #ddd;}
.new_top .top_logo a.home:hover{ color:#d71223;}

.new_top .top{ float:left; margin-top:30px;margin-left:95px;}
.new_top .top.tt{ margin-left:1px;}
.new_top .top .top_cont{ position:static;}
.top_menu li ul{ z-index:9999;}
.top_menu li ul .li_f{ text-align:left;}
.top_menu li p{ font-size:18px; border-right:1px solid #ddd; padding:0px 20px;}
.top_menu li.li1:last-child p{ border:0px;}
.top_menu li ul{ top:128px;}
.top_menu li ul:before{ top:-16px;}
.top .top_cont ul .li1{ padding:0px;}
.top .top_cont ul .li1 ul{ min-width:250px;}

.new_menu{ max-width:1200px; padding:25px 0; margin:0 auto; }
.new_menu .menu_left{ float:left;width:190px; height:60px; line-height:60px; /*margin-left:200px;*/ font-size:26px; color:#333; text-align:center;}
.new_menu .menu_right{ float:right; margin-left:5px;}
.new_menu .menu_right li{ float:left; width:190px; height:60px; margin-left:10px; background:#FFF;-moz-box-shadow:2px 6px 10px 0px #b8b8b8;-webkit-box-shadow:2px 6px 10px 0px #b8b8b8;box-shadow:2px 6px 10px 0px #b8b8b8; position:relative;}
.new_menu .menu_right li:hover{ background:#FFF;}


.new_menu li .xl_menu{ width:100%; padding:10px 20px; position:absolute; left:0px; top:70px; text-align:left; border:1px solid #ddd; z-index:99; display:none; background:#fff;}
.new_menu li .xl_menu:after{ width:100%; height:25px; content:""; display:block; position:absolute; left:0px; top:-25px; background:url(../images/nav_icon.png) 20px bottom no-repeat; z-index:999}
.new_menu li .xl_menu a{ line-height:25px; font-size:14px; color:#636363;}
.new_menu li .xl_menu a:hover{ color:#d10000;}
.new_menu li:hover .xl_menu{ display:block;}

.m_line{ width:100%; line-height:45px; font-size:18px; background:#3abe1c; color:#fff; text-align:center; display:none;}
.m_line a{ color:#fff;}
.m_line span{ padding-left:30px; background:url(../images/line_ico.png) left center no-repeat; background-size:25px auto; display:inline-block;}


/*-------------------------banner--------------------------*/
.banner_bg{ width:100%; padding-bottom:40px;}
.banner{ width:100%; margin:0px auto; position:relative;}
.banner img{ width:100%;}
.banner_jt{ width:100%; height:12px; position:absolute; left:0px; bottom:10px; z-index:8}
.banner_jt ul{ height:30px; text-align:center; z-index:9;}
.banner_jt li{ width:12px; height:12px; display:inline-block; margin:0 3px; font-size:0px; overflow:hidden; text-indent:5em; border-radius:125px; -moz-border-radius:125px; cursor:pointer; background:#c6c2c1;}
.banner_jt .on{ background:#eb0603;}
.banner .prev,.banner .next{ width:60px; height:60px; display:block; position:absolute; left:3%; top:50%; margin-top:-25px; background:url(../images/banner_jt.jpg); filter:alpha(opacity=50);opacity:0.5;   }
.banner .next{ left:auto; right:3%; background-position:right top;}
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;}
.banner .prevStop{ display:none;}
.banner .nextStop{ display:none;}
.banner_bg1{ display:block;}
.banner_bg2{ display:none;}


.new_layout_bg{ width:100%; overflow:hidden;}
.new_layout_bg .new_layout{ max-width:1200px; margin:0 auto; overflow:hidden;}
.new_layout_bg .new_layout a{ text-decoration:none;}
.new_layout .layout_title{ padding-bottom:10px; font-size:32px; color:#333; font-weight:bold; text-align:center; background:url(../images/title_01.jpg)no-repeat center bottom;}
.new_layout ul.box{ text-align:left;} 
.new_layout .layout_list{width:-moz-calc(20% - 3px); width:-webkit-calc(20% - 3px); width:calc(20% - 3px); margin:30px 0;vertical-align:top; display:inline-block; text-align:center; position:relative}
.new_layout .layout_list .list_box:hover{ opacity:.7;}
.layout_list .sale{ width:70px; height:70px; line-height:70px; font-size:18px; color:#FFF; background:#999999; border-radius:360px; -moz-border-radius:360px; position:absolute; top:10px; left:0;z-index:999;}
.layout_list .much{ margin-bottom:10px; height:40px}
.layout_list .introduce{margin-bottom:10px; }
.layout_list .much span{ font-size:14px; color:#000000;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.layout_list .introduce h3{ font-size:18px; color:#d71223;}
.layout_list .introduce li{ color:#333;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.layout_list .introduce li.size{ font-size:14px; }
.layout_list .introduce li.color{ color:#d71223;}
.layout_list .introduce li.sub2{ color:#00f;margin-top:3px;}
.layout_list .buy{ width:45px; height:45px; margin:0 auto; background:#d71223; border-radius:360px; -moz-border-radius:360px; }
.new_layout ul.box .list_bor{ border-bottom:1px solid #e0e0e0;}
.layout_list .list_box .pic{ position:relative;min-height:180px}
.layout_list .list_box .pic .new{ width:40px; position:absolute; bottom:2px; left:50%; margin-left:40px; }
.layout_list a:hover{ text-decoration:none;} 

.new_adsense{ max-width:1200px; margin:0 auto; overflow:hidden;  }
.new_adsense li{ width:292px; height:225px; float:left; margin-right:10px;}
.new_adsense li:last-child{ margin-right:0px; float:right;}

.activity_title{ width:1200px; height:80px; background:#d71223; position:relative;}
.activity_title h2{ font-size:32px; line-height:80px; color:#FFF; font-weight:bold; text-align:center;}
.activity_title span{ width:250px; height:50px; display:inline-block; position:absolute; right:40px; bottom:12px;}

.new_button{ width:160px; height:42px; margin:0 auto; margin-top:20px;border:1px solid #d71223; border-radius:30px; -moz-border-radius:30px; position:relative}
.new_button p{ line-height:42px; text-align:center; font-size:16px; color:#d71223;}
.new_button p:after{ width:17px; height:100%; content:""; background:url(../images/button_01.png) center no-repeat; display:block; position:absolute; left:50%; top:40px;}

.new_headline{ padding:30px 0;}

.footer_cont .text_1{ width:1200px; margin:0 auto; overflow:hidden;}
.footer_cont .text_1 .footer_link{ margin-bottom:20px;}
.footer_cont .text_1 .footer_link a { margin:0;}
.footer_cont .text_1 .footer_link a img{ width:auto; }
.footer_cont .text_2{ max-width:1200px; margin:0 auto; text-align:center }
.pro_part_3 .introduce ul{ text-align:center;}


.left .switch{ width:520px; margin-top:20px;}
.left .switch .switch_left{ width:25px; height:82px; float:left; margin-right:10px; border:1px solid #e9e9e9; background:url(../images/switch_left.png) center no-repeat;}
.left .switch .switch_right{ width:25px; height:82px; float:right; border:1px solid #e9e9e9; background:url(../images/switch_right.png) center no-repeat;}
.left .switch li{width:-moz-calc(20% - 22px); width:-webkit-calc(20% - 22px); width:calc(20% - 22px); float:left; margin-left:10px; border:1px solid #e9e9e9;}
.left .switch li:nth-child(1){ margin-left:0px;}
.left .switch li.hov{ border:1px solid #d91f2f;}

.pro_main .pro_part_1 .left{ width:100%; max-width:540px; float:left;}
#showbox_bg{ border:1px solid #e8e8e8; display:inline-block;}
#showbox { z-index:999;}
#showbox span { background:url(../images/whitebg.png) repeat; cursor:move;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}
.showpage { width:100%; position:relative;}
.showpage a{ width:22px; height:90px; line-height:88px; display:block; text-align:center; font-size:18px; text-decoration:none; color:#999; background:#fff; border:1px solid #e1e1e1; position:absolute; left:0; top:-92px;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover{ background:#f4f4f4; color:#777;}

.right .right_change{margin-top:20px; overflow:hidden; }
.right .right_change p{ float:left; font-size:14px; color:#333}
.right .right_change span{ font-size:14px; color:#333}
.right .right_change li{width:-moz-calc(20% - 10px); width:-webkit-calc(20% - 10px); width:calc(20% - 10px); height:auto; float:left;margin:0 0 5px 10px; border:1px solid #e9e9e9; }
.right .right_change li.hov{ border:2px solid #d91f2f;position:relative}
.right .right_change li.hov:after{ width:30px; height:100%; content:""; background:url(../images/change_01.png) no-repeat; position:absolute; right:-2px; top:49px;}



body{ padding-top:60px;}
.new_head_bg{ width:100%; position:fixed; left:0; top:0; z-index:88888;}
.new_top_gn{ position:fixed; left:50%; margin-left:-600px; top:60px; z-index:99999;}

























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

@media screen and (max-width:1199px){
.sel_content .title{display:none;}
.new_top .top_logo{ width:auto; position:absolute; left:50%; margin-left:-20px; top:0px; padding:12px 0;}
.new_top .top_logo a img.logo_pc{ display:none;}
.new_top .top_logo a img.logo_sj{ display:block; width:40px;}
.new_head .ico{ margin-left:45px;}
.new_head .new_cart{margin: 16px 10px 0 0; background-position:0px;}
.new_head .new_cart s{ display:none;} 

.new_top_gn{ width:100%; display:none;}
.new_top_gn .new_search{ width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:calc(100% - 10px); height:32px; float:none; margin:10px 0 0 5px; border:1px solid #ea6b66; position:static;}
.new_top_gn .new_search .text{ width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:calc(100% - 30px);}
.new_top_gn .new_no_land{ width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:calc(100% - 10px); margin:10px 0 0 5px; position:static; border: 1px solid #ea6b66; border-radius:45px; -moz-border-radius:45px;}
.new_top_gn .new_no_land span{ background:url(../images/huiyuan_02.png) 0px 5px no-repeat;background-size:20px auto;}
.new_top_gn .new_no_land a{ display:block; color:#333; text-align:center;}
.new_yes_land{ width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:calc(100% - 10px); height:auto; float:none; margin:10px 0 0 5px; border:0px; position:static;}
.new_yes_land p{ float:none; text-align:center; color:#ea6b66;}
.new_yes_land a{ display:none;}
.new_yes_land .m_yes_land{ overflow:hidden; margin-top:5px; display:block;}
.new_yes_land .m_yes_land a{ display:block; background:none; border:1px solid #ea6b66; color:#333;}
.new_yes_land .m_yes_land a.hyzx{ width:-moz-calc(100% - 80px); width:-webkit-calc(100% - 80px); width:calc(100% - 80px); float:left; padding:0px;}
.new_yes_land .m_yes_land a.hyzx span{ padding-left:25px; background:url(../images/huiyuan_02.png) 0px 6px no-repeat; background-size:18px auto; display:inline-block;}
.new_yes_land .m_yes_land a.dengchu{ width:70px; float:left; margin-left:10px; padding:0px;}
.new_yes_land .m_yes_land a.dengchu span{ padding-left:20px; background:url(../images/dengchu.png) 0px 6px no-repeat; background-size:16px auto; display:inline-block;}

.new_head_ico{ width:35px; height:60px; display:block; position:absolute; top:0px; left:10px; z-index:9999; cursor:pointer;}
.new_head_ico span{ width:24px; height:2px; display:block; background:#fff; position:absolute; left:0px; -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out;}
.new_head_ico .ico1{ top:24px;}
.new_head_ico .ico2{ top:30px;}
.new_head_ico .ico3{ top:36px;}
.new_head_ico.ico_hov .ico1{-webkit-transform: rotateZ(228deg); -moz-transform: rotateZ(228deg); -o-transform: rotateZ(228deg);-ms-transform: rotateZ(228deg); transform: rotateZ(228deg); top:30px;}
.new_head_ico.ico_hov .ico2{-webkit-transform: rotateZ(320deg); -moz-transform: rotateZ(320deg); -o-transform: rotateZ(320deg);-ms-transform: rotateZ(320deg); transform: rotateZ(320deg); top:30px;}
.new_head_ico.ico_hov .ico3{ display:none;}

.new_menu{ height:auto; padding:0px;}
.new_menu .menu_left{ width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:calc(100% - 10px); margin-left:5px; color:#FFF; float:none; margin-top:5px; line-height:50px; height:50px; background:#ea6b65;}
.new_menu .menu_right{ float:none; padding-top:2px; display:none;}
.new_menu .menu_right li{ width:-moz-calc(100% - 5px); width:-webkit-calc(100% - 5px); width:calc(100% - 5px); float:none;-moz-box-shadow:2px 6px 10px 0px #fff;-webkit-box-shadow:2px 6px 10px 0px #fff;box-shadow:2px 6px 10px 0px #fff; border:0px; margin:0px; height:auto;}
.new_menu .menu_right li span{ border:1px solid #ddd; display:block; margin-top:1px;}
.new_menu .menu_right li img{ width:auto;}
.new_menu li .xl_menu{ padding:0px; border:0px; margin-top:-1px;top:auto;}
.new_menu li .xl_menu:after{ display:none;}
.new_menu li .xl_menu a{ color:#ea6b66; line-height:35px; border:1px solid #ddd; border-bottom:0px; display:block;}
.new_menu li .xl_menu p:last-child a{ border-bottom:1px solid #ddd;}
.new_menu .menu_right li:hover span{ border-color:#ea6b66;}
.new_menu .menu_right li:hover .xl_menu a{ border-color:#ea6b66;}
.new_menu .menu_right li:hover{ background:none;}


.new_top_bg{ height:auto; border-bottom:0px;}
.new_top{ overflow:hidden;}
.new_top .top_logo{ float:none;}
.new_top .top_logo img{ width:auto;}
.new_top .top{ float:none; margin:0px; display:none;}
.top .top_cont ul .li1{ width:100%; float:none; height:auto;}	
.top .top_cont{ position:static; float:none;}
.top_menu li p{ line-height:45px; border:0px; background:#ea6b65; color:#fff; margin-bottom:1px;}
.top_menu li ul{ position:static !important; width:100%; border:0px; padding:0px; margin-bottom:1px; border-bottom:1px solid #ea6b65;}
.top_menu li ul .li_f{ color:#ea6b65; font-size:16px; line-height:30px; border:1px solid #ea6b65; text-align:center; border-bottom:0px;}
.top .top_cont ul .li1 a{ display:block; color:#fff;}
.top .top_cont ul .li1 a:hover{ color:#fff;}
.top .top_cont ul .li1 li a{ display:block; color:#ea6b65;}
.top .top_cont ul .li1 li a:hover{ color:#ea6b65;}
.top .top_cont ul .li1:nth-child(1) ul{ width:100%;}


.banner_bg1{ display:none;}
.banner_bg2{ display:block; padding:10px 0 10px;overflow: hidden;}	
	
.new_layout_bg .new_layout{ width:auto;}
.new_layout .layout_list{width:-moz-calc(33.3% - 3px); width:-webkit-calc(33.3% - 3px); width:calc(33.3% - 3px); margin-bottom:0px;}
.list_bor{ margin-top:20px;}
.footer_cont .text_1{ width:100%}
.new_top .top_logo a.home{ color:#FFF; border:0px; line-height:35px;}
.new_top .top_logo a.home:hover{ color:#FFF;}

.new_top_gn{ position:static; margin:0;}
.new_top .top_logo{ position:fixed; z-index:99999;}

}



@media screen and (max-width:817px){
.new_top .top .top_cont{ display:block;}

}

@media screen and (max-width:1024px){
.activity_title{ width:100%}
.new_adsense li{width:-moz-calc(25% - 10px); width:-webkit-calc(25% - 10px); width:calc(25% - 10px);}
}

@media screen and (max-width:768px){
.layout_list .sale{ width:50px; height:50px; line-height:50px;}
}



@media screen and (max-width:640px){
.new_layout ul.box{ padding:0 20px;}
.new_layout .layout_list{width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:calc(50% - 5px);}
.new_layout ul.box .list_bor{ display:none}
.new_adsense ul{ padding:0 20px;}
.new_adsense li{ margin-bottom:15px;}
.new_adsense li:nth-child(2n+0){ float:right; margin-right:0px;}
.activity_title{ width:100%}
.activity_title h2{ text-align:left; margin-left:10px;}
.footer_cont .text_1 .footer_link{ width:100%; height:auto;}
.new_adsense{ width:100%}
.footer_cont{ padding:0 10px;}
.layout_list .sale{ width:60px; height:60px;line-height:60px;}
.new_adsense li{width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:calc(50% - 10px);}
.new_top .top_logo a img.logo_sj{ width:35px;}
.new_top .top_logo{ padding:16px 0;}
.layout_list .buy,.layout_list .sale{ bottom:45px;}

}


@media screen and (max-width:414px){
.new_layout ul.box{ padding:0 10px;}
.new_adsense li{ width:100%; height:auto;}
.new_adsense ul{ padding:0 10px;}
.activity_title{ height:140px;}
.activity_title span{ left:10px; bottom:20px;}
.footer_cont{ padding:0 5px;}
.footer_cont .text_1 .footer_link a { margin:0 5px;}
.footer_cont .text_1 .footer_link a .pp01{ width:80px; }
.footer_cont .text_1 .footer_link a .pp02{ width:55px; }
.footer_cont .text_1 .footer_link a .pp03{ width:30px; }
.footer_cont .text_1 .footer_link a .pp04{ width:65px; }

	
}	


@media screen and (max-width:320px){
.layout_list .introduce h3{ font-size:17px;}
.layout_list .sale{ width:50px; height:50px; line-height:50px; font-size:16px;}
.layout_list .list_box .pic .new{ margin-left:25px;}
   
}























/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
 /* -webkit-transform-style: preserve-3d;*/
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
 /* transform-style: preserve-3d;*/
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

.owl-theme .owl-controls {
	/*margin-top:10px;
	text-align:center;*/
	-webkit-tap-highlight-color:transparent
}
.owl-theme .owl-controls .owl-nav [class*=owl-] {
	position: absolute;
	top: 34%;
	outline: 0;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	z-index: 9999;
}
/*最新消息*/
.owl-theme.glory2 .owl-controls .owl-nav [class*=owl-] {
	top: 50%;
	margin-top: -15px;
}
/*.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
	background:#869791;
	color:#fff;
	text-decoration:none
}*/
.owl-theme .owl-controls .owl-nav .owl-prev {
	left: -15px;
	background: url(../images/owl_prev.png) no-repeat 0 0;
	background-size: contain;
}
.owl-theme .owl-controls .owl-nav .owl-next {
	right: -15px;
	background: url(../images/owl_next.png) no-repeat 0 0;
	background-size: contain;
}
.owl-theme .owl-controls .owl-nav .owl-prev:hover {
	
}
.owl-theme .owl-controls .owl-nav .owl-next:hover {
	
}
.owl-theme .owl-controls .owl-nav .disabled {
	opacity:.5;
	cursor:default
}
.owl-dots {
	text-align: center;
}
.owl-theme .owl-dots .owl-dot {
	display:inline-block;
	zoom:1;
*display:inline
}
.owl-theme .owl-dots .owl-dot span {
	width:12px;
	height:12px;
	margin:5px 3px;
	background: url("../images/owl-dot.png") no-repeat scroll 0 0;
	display:block;
	-webkit-backface-visibility:visible;
	-webkit-transition:opacity 200ms ease;
	-moz-transition:opacity 200ms ease;
	-ms-transition:opacity 200ms ease;
	-o-transition:opacity 200ms ease;
	transition:opacity 200ms ease;
	
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: url("../images/owl-dot_active.png") no-repeat scroll 0 0;
}

@charset "utf-8";	
/* 載入 */
@media screen and (max-width:1600px) {
.top .top_cont {
	right: 32%;
}
}
@media screen and (max-width:1380px) {
.top .top_cont {
	right: 29%;
}
}
@media screen and (max-width:1250px) {
.top .top_cont {
	right: 27%;
}
}


@media screen and (max-width:1199px) {
.sub_menu .sub_menuLi dd ul {
    width: 100%;
}
.create_table .upload_cont .btn {
    margin: 0px 15%;
}

}

@media screen and (max-width:1185px) {
.rank_con .tr .right.infiniteCarousel ul li.rank_item {
    width: 120px;
}
.rank_con .tr .right.infiniteCarousel ul li.rank_item.ept {
    width: 120px;
}
.rank_con .tr .right.infiniteCarousel ul li.rank_item.hideme {
    width: 120px;
}
.rank_con .tr .right ul .rank_item {
    margin: 0 10px;
}
.right ul li .bb .item {
    max-width: 120px;
}
.main_banner_p .cont .pic {
    position: absolute;
    right: 0%;
}
.main_banner_private .cont .pic {
    position: absolute;
    right: 0%;
}
.main_banner_privacy .cont .pic {
    position: absolute;
    right: 0%;
}
.main_banner_servicepolicy .cont .pic {
    position: absolute;
    right: 0%;
}
.top .top_cont {
	right: 25%;
}

}
@media screen and (max-width:1110px) {
.display_con .display_list .display_list_li {
	min-height: 366px;
}

.e_prolist_content ul .list .item {
	height: 315px;
}

}

@media screen and (max-width:1100px) {
.top .top_cont {
	right: 22%;
}
}

@media screen and (max-width:1055px) {
.creates_con .create_table .upload_cont {
    width: 47%;
    margin: 20px 1%;
}
.create_table .upload_cont .btn {
    margin: 0px 13%;
}
}


@media screen and (max-width:1045px) {
.top .top_cont {
	right: 24%;
}
.top .top_cont ul .li1 {
    font-size: 15px;
    padding-right:0px;
}

}

@media screen and (max-width:1022px) {
.show_content .show_con .tr li .list .text.bg_g{
	height:270px;
}
.show_content .show_con .tr li .list .text{
	height:270px;
}
.pro_intro .text ul li dt{
	width: 23%;
}
.pro_intro .text ul li dd{
	width: 75%;
}
.make_detail .tr .right .pro_intro .text ul li dt {
	width: 23%;
}
.make_detail .tr .right .pro_intro .text ul li dd {
	width: 75%;
}

.e_prolist_content ul .list .item {
	height: 300px;
}



}



@media screen and (max-width:1000px) {
.top .top_cont {
	right: 22%;
}
.main_banner_p {
    height: 100%;
}
.main_banner_p .cont{
	position: static;
	padding: 10px 20px 10px 20px;
}
.main_banner_p .cont .text {
    position: static;
	width: 100%;
}
.main_banner_p .cont .text p {
    padding-left: 0%;
}
.main_banner_p .cont .pic {
	display:none;
}
.main_banner_private .cont .pic {
	display:none;
}
.main_banner_privacy .cont .pic {
	display:none;
}
.main_banner_servicepolicy .cont .pic {
	display:none;
}
.make_detail .tr .left {
    padding: 0% 8%;
}
}




@media screen and (max-width:970px) {
.right ul .le a img {
    max-width: 15px;
    margin: 0px 2px 0px 0px;
}
.right ul .ri a img {
    max-width: 15px;
    margin: 0px 0px 0px 2px;
}
.nav .nav_cont .sub_menu .sub_menuLi {
    width: 149px;
}
}


@media screen and (max-width:950px) {
.nav .nav_cont {
    padding-left: 24%;
}
.rank_con .tr .right.infiniteCarousel ul li.rank_item {
    width: 101px;
}
.rank_con .tr .right.infiniteCarousel ul li.rank_item.ept {
    width: 101px;
}
.rank_con .tr .right.infiniteCarousel ul li.rank_item.hideme {
    width: 101px;
}
.rank_con .tr .right ul .rank_item {
    margin: 0 5px;
}
.right ul li .bb .item {
    width: 99px;
}
}


@media screen and (max-width:925px) {
.cms_r ul .cm02 {
	padding: 0px 5px 0px 5px;
}
.cms_r ul .cm02m{
	padding: 0px 5px 0px 5px;
}
.youtube_index2 {
    width: 180px;
}
.creates_con .create_table {
    margin: 70px 10px 10px;
}
.creates_con .create_table .upload_cont {
    padding: 10px;
}
.e_prolist_content ul .list .item {
	height:285px;
}

}


@media screen and (max-width:915px) {
.display_con .display_list .display_list_li {
	min-height: 385px;
}
}



@media screen and (max-width:900px) {
.nav .nav_cont {
    padding-left: 19%;
}
}


@media screen and (max-width:880px) {
.pro_part_3 ul .list {
    width: 19.5%;
    padding: 5px;
}
/*--購物車 步驟--*/
.main_content .cart_con .steps .step_list li {
    font-size: 15px;
    padding: 14px 0px 14px 0px;
}
.prolist_content ul .list {
    padding: 20px 2px 10px;
}
.e_prolist_content ul .list {
    padding: 20px 2px 20px;
}
.main_content .search_con .search_p .prolist_con .pp_1 .list {
    padding: 20px 2px 10px;
}
.top .top_cont ul .li1 {
    padding-right:1px;
}

.e_prolist_content ul .list .item {
	height: 310px;
}
}


@media screen and (max-width:860px) {
.flex-direction-nav .flex-prev {
  left: 0px;
}
.flex-direction-nav .flex-next {
  right: 0px;
}
.flex-direction-nav a {
    display: block;
    width: 22px;
    height: 40px;
    margin: -20px 0 0;
    top: 42%;
    color: rgba(0, 0, 0, 0.8);
}
.flex-direction-nav a:before {
    font-size: 28px;
}

.flexslider_3:hover .flex-direction-nav .flex-prev {
  left: 0px;
}
.flexslider_3:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 0px;
}
.create_table .upload_cont .btn {
    margin: 0px 11%;
}


}

@media screen and (max-width:817px) {
body {
	width: 100%;
	max-width:817px;
}
.header_all .h_nav {
    display: block;
}
.header_all .h_nav .h_logo {
    position: absolute;
}
.h_logo a img {
	max-width: 125px;
}
.header_all {
	background-color: #FFFFFF;
	height: 0;
	overflow: hidden;
	display: block;
	padding: 0px 0px;
}
.header .header_cont {
    box-shadow: 0px 1px 2px rgba(0%,0%,0%,0.5);
	-o-box-shadow: 0px 1px 2px rgba(0%,0%,0%,0.5);
	-moz-box-shadow: 0px 1px 2px rgba(0%,0%,0%,0.5);
	-ms-box-shadow: 0px 1px 2px rgba(0%,0%,0%,0.5);
	-webkit-box-shadow: 0px 1px 2px rgba(0%,0%,0%,0.5);
}
.header .header_cont .m_nav_btn {
    display: block;
	float: right;
    margin-right: 5px;
    margin-top: 14px;
	width:28px;
}
.m_nav_header_1 {
    overflow: hidden;
    background-color: #F3F3F3;
}
.m_nav_header_1 .m_nav_btn_1 {
    display: block;
	text-align: center;
	padding: 10px 0px;
	color: #7F7F7F;
}
.m_nav_header_1 .m_nav_btn_1:hover {
	color: #666;
}
.m_nav_header {
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #FFF;
	/*border-bottom: 1px solid #E8E8E8;*/
	box-shadow: 0px 0px 5px 0px rgba(217, 25, 25, 0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(217, 25, 25, 0.5);
	-ms-box-shadow: 0px 0px 5px 0px rgba(217, 25, 25, 0.5);
	-o-box-shadow: 0px 0px 5px 0px rgba(217, 25, 25, 0.5);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(217, 25, 25, 0.5);
}
.header_all .h_nav .h_navs {
	display: block;
    width: 100%;
	padding: 10px 0px 0px 0px;
}
.header_all .h_nav .h_navs .nav_all{
}

.li_icons .li2_a {
	display: block;
}
.li_icons .li2_a img {
	width: 30px;
}

.li_icons .li3_a {
	display: block;
}
.li_icons .li3_a img {
	width: 30px;
}

.bread_crumbs .bread_crumbs_cont {
	  padding: 15px 15px 5px 15px;
}


/*---------------------------------------*/
.top .top_cont{
    display: none;
}
.top_menu_2 {
	display: block;
}
.header_all {
	background-color: #FFF8F8;
}
.header .header_cont .top_line{
    display: none;
}
/*--次選單--*/
.header_all .h_nav .h_navs .nav_all {
    display: block;
}
.nav .nav_cont {
    padding-left: 0%;
    display: block;
    width: 100%;
}
/*------主選單PC切換手機-----*/
.nav .nav_cont .sub_menu {
	display:none;
}
.sub_menu_2 {
	display: block;
}
.nav .nav_cont .sub_menu_2 .sub_menuLi {
	float: none;
}

/*----登入中.手推車---*/
.header_all .h_nav .h_navs .nav_top {
	float:none;
    text-align: center;
}
.header_all .h_nav .h_navs .nav_top ul .li1, .header_all .h_nav .h_navs .nav_top ul .li2 {
    margin-left: 0px;
}
.header_all .h_nav .h_navs .nav_top ul .li1, .header_all .h_nav .h_navs .nav_top ul .li2 {
    float: none;
	display:inline-block;
    width: 44%;
}
.header_all .h_nav .h_navs .nav_top ul li a {
    font-size: 18px;
	bottom: 0px;
}
.header_all .h_nav .h_navs .nav_top ul .li1 a img {
    width: 17%;
    margin: 0px 5px 0px 0px;
}
.header_all .h_nav .h_navs .nav_top ul .li2 a img {
    width: 20%;
    margin: 0px 7px 0px 0px;
}

/*----登入.手推車---*/
.header_all .h_nav .h_navs .nav_top2 {
	float:none;
    text-align: center;
	padding: 0px 10px 20px 10px;
}
.header_all .h_nav .h_navs .nav_top2 ul .li0 {
    font-size: 16px;
}
.header_all .h_nav .h_navs .nav_top2 ul .li1, .header_all .h_nav .h_navs .nav_top2 ul .li2 {
    margin-left: 0px;
}
.header_all .h_nav .h_navs .nav_top2 ul .li1, .header_all .h_nav .h_navs .nav_top2 ul .li2 {
    float: none;
	display:inline-block;
    width: 44%;
}
.header_all .h_nav .h_navs .nav_top2 ul li a {
    font-size: 18px;
	bottom: 0px;
}
.header_all .h_nav .h_navs .nav_top2 ul .li1 a img {
    width: 17%;
    margin: 0px 5px 0px 0px;
}
.header_all .h_nav .h_navs .nav_top2 ul .li2 a img {
    width: 20%;
    margin: 0px 7px 0px 0px;
}
.header_all .h_nav .h_navs .nav_top2 ul{
}
.header_all .h_nav .h_navs .nav_top2 ul .li0{
	display: block;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 20px;
    vertical-align: top;
	text-align: left;
}
.header_all .h_nav .h_navs .nav_top ul .li2 a .cart_in {
    position: absolute;
    top: -20px;
    left: 5%;
}

.header_all .h_nav .h_navs .nav_top ul .li2 a .cart_in span {
    left: 23%;
    top: 4px;
    width: 45%;
}
.header_all .h_nav .h_navs .nav_top ul .li2 a .cart_in img {
    width: 45%;
}

.header_all .h_nav .h_navs .nav_top2 ul .li2 a .cart_in {
    position: absolute;
    top: -20px;
    left: 5%;
}

.header_all .h_nav .h_navs .nav_top2 ul .li2 a .cart_in span {
    left: 23%;
    top: 4px;
    width: 45%;
}
.header_all .h_nav .h_navs .nav_top2 ul .li2 a .cart_in img {
    width: 45%;
}







.nav {
    display: block;
}
.nav .search_bar {
    display: block;
    width: 100%;
}
.search_bar .search_box {
	position:static;
    padding: 0px 20px;
}
.search_box .search .bb {
    width: 100%;
}
/*--首頁輪播切換--*/
.slider{
	display: none;
}
.slider.ss{
	display: block;
}
.slider.rk{
	display: block;
}
.rank_con .tr .right {
    display: table-cell;
    width: 80%;
    position: relative;
    vertical-align: middle;
}
.rank_con .tr .left_s {
    width: 15%;
}

.rank_con .tr .right.infiniteCarousel ul li.rank_item {
    width: 92px;
}
.rank_con .tr .right.infiniteCarousel ul li.rank_item.ept {
    width: 92px;
}
.rank_con .tr .right.infiniteCarousel ul li.rank_item.hideme {
    width: 92px;
}
.rank_con .tr .right ul .rank_item {
    margin: 0 7px;
}
.right ul li .bb .item {
    max-width: 90px;
}



/*--手機版首頁輪播小圓圈 隱藏--*/
.flex-control-nav {
	display: none;
}

.rank_con .tr .left {
	display:none;
}
.rank_con .tr .left_s {
	display:table-cell;
}
.rank_con .tr .left_s .rank_icon {
	display: inline-block;
}
.show_content .show_con .tr li .list .text {
    height: 320px;
}
.show_content .show_con .tr li .list .text.bg_g {
    height: 320px;
}

.pro_main .pro_part_1 .left .pics span {
    max-width: 50px;
}
.main .main_cont {
    padding: 0px 20px 64px 20px;
}
/*--商品列表選單切換--*/
.sel_content .sel_b .sel_list {
	display:none;
}
#sel_list_2{
    display: block;
}
.prolist_content .prolist_con {
	padding: 10px 5px 64px;
}
/*--訂單問答--*/
.qas_cont .tr .td {
    width: 80%;
}
/*-----網路購物會員資料修改-----*/
.table_profile_re .tr .td .texts {
    width: 85%;
}
.table_profile_re select.day {
    width: 77px;
}

/*---優惠商品一列---*/
.e_prolist_content .e_prolist_con {
	padding: 15px 5px 64px;
}

/*-------優惠活動 Banner文字框-------*/
.allborder .e_banner .text {
	width:95%;
	top:15%;
}
.e_banner .text h1 {
    font-size: 16px;
}
.e_banner .text h3 {
    font-size: 14px;
}
.e_banner .text p {
    font-size: 15px;
    font-weight: normal;
}

.search_con {
    padding: 0px;
}
.search_con .search_re {
    margin: 0px 0px 0px 5px;
}
.search_con .page.bottom {
    margin: 0px 0px 0px 5px;
}
.search_con .result {
    margin: 30px 5px 10px;
}
.main_content .search_con .search_p {
    margin: 30px 5px 30px;
}
.search_con .page {
    margin: 0px 0px 0px 5px;
}
.main_content .search_con .search_p .prolist_con {
	padding: 50px 0px 64px;
}

.order_list_con .table_coup_cont .table .tr .td span {
	display:block;
}
.order_list_con .table_coup_cont .table .tr .th.dayl {
    width: 20%;
}

.main_content .mamber_con .log_cont {
    padding: 60px 5px 50px;
}
/*-------客製化-------*/
.make_intro .title h2 {
    font-size: 20px;
}
.make_intro .title h2 {
    margin-bottom: 0px;
}
.item .tr .left, .item .tr .right {
    display: block;
}
.item .tr .left .pics .big_p {
    width: 50%;
    max-width: none;
    margin: 0px 25%;
}
.item .tr .left .btn li .report {
    font-size: 15px;
}
.item .tr .left .btn li .create {
    width: 200px;
}
.item .tr .right {
    display: block;
    width: 100%;
    padding: 0% 0% 0% 0%;
}
.item .tr .right .make_intro {
    border-top: 1px dashed #ccc;
    border-left: none;
    padding: 20px 0px 0px;
    margin: 10px 10px 0px;
}
.display_con .display_list .display_list_li {
	width: 47.6%;
    padding: 0px 0px 20px;
    min-height: 573px;
}

.main .main_content .make_con .make_slogan {
    font-size: 25px;
}
.make_slogan ul .slo_01 {
    margin-left: 5%;
}
.make_slogan ul .slo_02 {
    margin-left: 10%;
}
.make_slogan ul .slo_03 {
    margin-right: 5%;
    font-size: 18px;
}

.make_detail .tr .right {
    width: 60%;
}
.make_detail .tr .left {
    padding: 0%;
}

.upload_cont .detail ul.list01 li.li_01 .txt p {
    font-size: 15px;
    margin-bottom: 10px;
}
.upload_cont .detail ul.list01 li.li_01 .txt a {
    font-size: 16px;
}
.create_table .upload_cont .btn {
    margin: 0px 8%;
}
.create_table .upload_cont .btn span {
    font-size: 13px;
}

.upload_cont .detail ul.list01 {
    height: 500px;
}
.upload_cont .detail ul.list01 li.li_01.ss {
    margin: 0px 10px;
}

.e_prolist_content ul .list .item {
	height: 300px;
}


.event_con .allborder .e_banner {}
.event_con .allborder .e_banner.mob {display: block;}
.e_number_content {
    margin: 20px 0px 120px;
}
.e_number_content h3 {
    font-size: 20px;
}
}





@media screen and (max-width:770px) {
.footer .footer_cont .text_2 {
	margin-top:10px;
}
.footer .footer_cont .text_2 p span {
	display: block;
}
.upload_cont .detail ul.list01 {
    height: 530px;
}

}

@media screen and (max-width:740px) {
.header_all .h_nav .h_navs .nav_top2 ul .li2 a .cart_in {
    left: 2%;
}
.main .main_cont {
    padding: 0px 10px 64px 10px;
}
.pro_part_3 .item .price {
    font-size: 15px;
}
.pro_part_3 .item span {
    font-size: 14px;
}
.table_mamber .tr .td .s_001, .table_mamber .tr .td .s_002, .table_mamber .tr .td .s_003 {
	margin: 10px 0px;
}
select.sel_pay_s {
    width: 250px;
}
.display_con .display_list .display_list_li {
	width: 47.5%;
    min-height: 605px;
}
.create_table .upload_cont .btn {
    margin: 0px 5.5%;
}

.upload_cont .detail ul.list01 {
    height: 540px;
}

.e_prolist_content ul .list .item {
	height: 290px;
}
}




@media screen and (max-width:700px) {	
.show_content .show_con .tr li .list .text {
    height: 370px;
}
.show_content .show_con .tr li .list .text.bg_g {
    height: 370px;
}
.rank_con .tr .right.infiniteCarousel ul li.rank_item {
    width: 82px;
}
.rank_con .tr .right.infiniteCarousel ul li.rank_item.ept {
    width: 82px;
}
.rank_con .tr .right.infiniteCarousel ul li.rank_item.hideme {
    width: 82px;
}
.rank_con .tr .right ul .rank_item {
    margin: 0 5px;
}
.right ul li .bb .item {
    max-width: 80px;
}
.e_prolist_content ul .list {
    width: 19.4%;
}
.e_prolist_content ul .list .item {
	height: 280px;
}
}

@media screen and (max-width:688px) {	
.header_all .h_nav .h_navs .nav_top ul .li2 a .cart_in {
    left: -2%;
}
.header_all .h_nav .h_navs .nav_top ul .li2 a .cart_in img {
    width: 40%;
}
.header_all .h_nav .h_navs .nav_top ul .li2 a .cart_in span {
    top: 3px;
}
.header_all .h_nav .h_navs .nav_top2 ul .li2 a .cart_in {
    left: -2%;
}
.header_all .h_nav .h_navs .nav_top2 ul .li2 a .cart_in img {
    width: 40%;
}
.header_all .h_nav .h_navs .nav_top2 ul .li2 a .cart_in span {
    top: 3px;
}
/*--購物車 步驟--*/
.main_content .cart_con .steps .step_list li {
    font-size: 13px;
    padding: 15px 0px 15px 0px;
	border-right: 1px solid #fff;
}
.main_content .cart_con .steps .step_list li:last-child {
	border-right: none;
}
.main_content .cart_con .steps .step_list .sel img, .main_content .cart_con .steps .step_list li img {
	display: none;
}
.shopping_list_con .table_cont .table .tr .td .pic {
    max-width: 80px;
}
.shopping_list_con .table_cont .table .tr .td .amount {
    width: 30px;
    height: 35px;
    text-align: center;
    padding: 0px;
}
.shopping_list_con .table_cont .table .tr .td .del {
    width: 40px;
}
.create_table .upload_cont .btn {
    margin: 0px 4%;
}
.creates_con .create_table {
    margin: 70px 0px 10px;
}

}

@media screen and (max-width:677px) {
/*-----排行榜------*/
/*.rank_con .tr .right {
    display: block;
	width:100%;
}*/
.right ul li .bb .number img {
    width: 35px;
}
.right ul li .bb .number span {
    left: 3px;
    top: 3px;
}

/*--推薦商品--*/
.pro_part_3 ul .list {
    width: 32.5%;
}
.pro_part_3 .item .price {
    font-size: 16px;
}
.pro_part_3 .item span {
    font-size: 15px;
}
/*商品列表*/
.prolist_content ul .list {
	width: 32.5%;
}
.prolist_con .pp_1 .list_lines {
	display: none;
}
.e_prolist_con .pp_1 .list_lines {
	display: none;
}
/*---會員登入--*/
.forget_ps .forget_cont .forget_btn {
    width: 25%;
}
/*---優惠商品一列---*/
.e_prolist_content ul .list {
	width: 32.5%;
}
/*----搜尋頁----*/
.main_content .search_con .search_p .prolist_con .pp_1 .list {
	width: 32.5%;
}
.main_content .search_con .pp_1 .list_lines {
    display: none;
}



.table_edit .list .list_li {
    padding: 30px 0px;
    border-bottom: 1px solid #5fb6bf;
}
.table_edit .list .list_li .pic {
    width: 100%;
    margin: 0% 0% 15px;
    display: block;
}
.table_edit .list .list_li .txt {
    width: 100%;
    display: block;
}
.table_edit .list .list_li .txt .btns {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.order_list_con_2 .btn_save {
	margin-bottom: 0px;
	padding-bottom:0px;
	border-bottom: none;
}

.upload_cont .detail ul.list01 {
    height: 560px;
}
.create_table .upload_cont .btn a {
    margin: 30px auto 10px;
}
.e_prolist_content ul .list .item {
    height: 350px;
}

}



@media screen and (max-width:610px) {
.header_all .h_nav .h_navs .nav_top ul .li2 a .cart_in {
    left: -6%;
    top: -15px;
}
.header_all .h_nav .h_navs .nav_top ul .li2 a .cart_in img {
    width: 35%;
}
.header_all .h_nav .h_navs .nav_top ul .li2 a .cart_in span {
    top: 2px;
}
.header_all .h_nav .h_navs .nav_top2 ul .li2 a .cart_in {
    left: -6%;
    top: -15px;
}
.header_all .h_nav .h_navs .nav_top2 ul .li2 a .cart_in img {
    width: 35%;
}
.header_all .h_nav .h_navs .nav_top2 ul .li2 a .cart_in span {
    top: 2px;
}
.fo_link li {
    display: block;
}
.fo_link li .fo_1 {
	margin-bottom:5px;
}
.fo_link li .fo_1 span {
    display: none;
}
.show_content .show_con .tr li .list .text {
    height: 420px;
}
.show_content .show_con .tr li .list .text.bg_g {
    height: 420px;
}
.pro_main .pro_part_1 .right {
    width: 63%;
}

.rank_con .tr .right.infiniteCarousel ul li.rank_item {
    width: 65px;
}
.rank_con .tr .right.infiniteCarousel ul li.rank_item.ept {
    width: 65px;
}
.rank_con .tr .right.infiniteCarousel ul li.rank_item.hideme {
    width: 65px;
}
.right ul li .bb .item {
    max-width: 63px;
}

.make_detail .tr .right .pro_intro .text ul li dt {
	width: 24%;
}
.make_detail .tr .right .pro_intro .text ul li dd {
	width: 74%;
}
}

@media screen and (max-width:605px) {
.upload_cont .detail ul.list01 {
    height: 580px;
}
.e_prolist_content ul .list .item {
    height: 330px;
}
}

@media screen and (max-width:555px) {
.search_con .search_p ul .s_n1 .list_s {
	display:block;
    width: 100%;
	margin: 10px 0px;
}
.search_con .search_p ul .s_n1 .list_s .pic {
	display:block;
    width: 100%;
    vertical-align: top;
	margin: 10px 0px;
}
.search_con .search_p ul .s_n1 .list_s .text {
	display:block;
    width: 100%;
    padding: 0px;
}
.main_content .search_con .search_p ul .s_n1 {
	display:block;
    width: 100%;
    padding: 0px;
}

.upload_cont .detail ul.list01 {
    height: 600px;
}
.e_prolist_content ul .list .item {
    height: 310px;
}

}

@media screen and (max-width:530px) {
.header_all .h_nav .h_navs .nav_top ul .li2 a .cart_in {
    left: -14%;
}
.header_all .h_nav .h_navs .nav_top ul .li2 a .cart_in img {
    width: 30%;
}
.header_all .h_nav .h_navs .nav_top ul .li2 a .cart_in span {
    top: 2px;
	font-size: 13px;
}
.header_all .h_nav .h_navs .nav_top2 ul .li2 a .cart_in {
    left: -14%;
}
.header_all .h_nav .h_navs .nav_top2 ul .li2 a .cart_in img {
    width: 30%;
}
.header_all .h_nav .h_navs .nav_top2 ul .li2 a .cart_in span {
    top: 2px;
	font-size: 13px;
}
.show_content .show_con .tr li .list .text {
    height: 500px;
}
.show_content .show_con .tr li .list .text.bg_g {
    height: 500px;
}
.main_content .cart_con .steps .step_list li {
	display: block;
	width: 100%;
	font-size: 15px;
	color: #868686;
	padding: 5px 0px;
	position: static;
    border-right: none;
	border-bottom: 1px solid #fff;
}
.main_content .cart_con .steps .step_list li:last-child {
	border-bottom: none;
}

.upload_cont .detail ul.list01 li.li_01 .pic {
    display: block;
	margin: 0px auto;
	padding: 10px 5%;
}
.upload_cont .detail ul.list01 li.li_01 .txt {
    display: block;
	width: auto;
    padding: 0px 0px 20px;
}
.upload_cont .detail ul.list01 {
    height: 670px;
}

	
}

@media screen and (max-width:510px) {
.upload_cont .detail ul.list01 {
    height: 700px;
}
.e_prolist_content ul .list .item {
    height: 295px;
}
}




@media screen and (max-width:497px) {	/*手機*/
body {
	width: 100%;
	max-width:497px;
}
.bro_it {
	display: none;
}
.header_all .h_nav {
    display: block;
}
.header_all .h_nav .h_logo {
    position: absolute;
}
.h_logo a img {
	max-width: 125px;
}
.header_all {
	height: 0;
	overflow: hidden;
	display: block;
	padding: 0px;
}
.m_nav_header_1 {
    overflow: hidden;
    background-color: #F3F3F3;
}
.m_nav_header_1 .m_nav_btn_1 {
    display: block;
	text-align: center;
	padding: 10px 0px;
	color: #7F7F7F;
}
.m_nav_header_1 .m_nav_btn_1:hover {
	color: #666;
}
.m_nav_header {
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 15px;
}
.header_all .h_nav .h_navs {
	display: block;
    width: 100%;
	padding: 0px;
}
.header_all .h_nav .h_navs .nav_all{
    padding-left: 0%;
}

.li_icons .li3_a {
	display: block;
}
.li_icons .li3_a img {
	width: 30px;
}
.bread_crumbs .bread_crumbs_cont {
	  padding: 15px 15px 5px 15px;
}

.bread_crumbs .bread_crumbs_cont {
	padding: 15px 5px 5px 5px;
}

.rank_con {
    padding-bottom: 5px;
}



/*201601-------------------------*/
.main_banner_p .cont {
	width: 100%;
	max-width:497px;
}
.main .main_cont{
	width: 100%;
	max-width:497px;
}
.header_all .h_nav .h_navs .nav_top ul li a {
    font-size: 16px;
}
/*----排行榜---*/
.flexslider {
    margin: 0px;
}
.rank_content {
    margin: 10px auto 0px;
    background-color: #FFF8F8;
}
.rank_con .tr .right ul .rank_item {
    margin: 10px 3px;
}
.right ul .le a img {
    max-width: 12px;
}
.right ul .ri a img {
    max-width: 12px;
}
.right ul li .bb .item {
    max-width: 53px;
}
.rank_con .tr .right.infiniteCarousel ul li.rank_item {
    width: 55px;
}
.rank_con .tr .right.infiniteCarousel ul li.rank_item.ept {
    width: 55px;
}
.rank_con .tr .right.infiniteCarousel ul li.rank_item.hideme {
    width: 55px;
}
.slider.rk {
    margin-top: 2%;
}

/*首頁下方四塊*/
.show_content .show_con .tr li {
    width: 100%;
}
.show_content .show_con .tr li .list .video {
    max-height: none;
}
.show_content .show_con .tr li .list .text {
    padding: 20px 20px 60px;
}
.show_content .show_con .tr li .list .text {
    height: auto;
}
.show_content .show_con .tr li .list .text.bg_g {
    height: auto;
}
.right ul li .bb .number img {
    width: 30px;
}
.right ul li .bb .number span {
    left: 2px;
    top: 1px;
}
.pro_main .pro_part_1 .left {
	display:block;
}
.pro_main .pro_part_1 .right {
	float:left;
    width: 100%;
    margin-top:30px;
}
.pro_intro .text ul li dt {
	text-align: left;
	padding: 4px 0px 4px 0px;
}
.pro_intro .text ul li dd {
	border-left: none;
}
.pro_intro .text ul li {
	border-bottom:1px solid #ccc;
}

/*---footer---*/

.footer .footer_cont {
    padding: 20px 10px 10px 10px;
}
.footer .footer_cont .text_2 p span {
	display: inline;
}
.footer .footer_cont .text_2 p .fsp {
	display: inline;
}
.footer_link a .fo_pic1 {
    width: 100px;
    margin: 0px 15px 0px auto;
}
.footer_link a .fo_pic2 {
    width: 60px;
    margin: 0px 15px 0px auto;
}
.footer_link a .fo_pic3 {
    width: 40px;
    margin: 0px 0px 0px auto;
}
.pro_main .pro_part_1 .left .pics span {
    max-width: 80px;
}
.main .main_cont .pro_main {
    margin-top: 20px;
}
.main .main_cont {
    padding: 0px 10px 64px 10px;
}
.main_banner_p .cont {
    padding: 10px;
}
.main_banner_p .cont .text h3 {
    font-size: 25px;
}
.main_banner_p .cont .text p {
    font-size: 16px;
}

/*--推薦商品--*/
.pro_part_3 {
    text-align: left;
}
.pro_part_3 ul .list {
    width: 49.3%;
	padding: 5px 5px 15px 5px;
	text-align:center;
}
.pro_part_3 ul .list:last-child {
	border-bottom: none;
}
.pro_part_3 .item .pic {
	max-width: 250px;
	margin:0 auto;
}
.pro_part_3 .item .pic .new {
	width:100%;
	max-width:60px;
}
.pro_part_3 .item ul li {
	font-size: 16px;
}
.pro_part_3 .item .price {
    font-size: 20px;
}
.pro_part_3 .item span {
    font-size: 16px;
}
    .pro_intro .title h2 {
        /* display: block;*/
    }
.pro_intro .title .sp {
    display: block;
}
/*--商品列表--*/
.cart_in ul .btn ul {
    text-align: center;
}
.cart_in ul .btn ul li {
	float: none;
	display:inline-block;
	margin: 10px 5px;
}





/*--商品列表條件選單--*/
.prolist_content ul .list {
	width: 49%;
	padding: 5px 5px 15px 5px;
}
.prolist_content ul .list:last-child {
    border-bottom: none;
}
.prolist_content .prolist_con .pp_1 {
    border-bottom: 1px dashed #ccc;
}
.prolist_content .prolist_con .pp_1:last-child{
    border-bottom: none;
}
.prolist_content .item .pic .new {
	width: 60px;	
}
.prolist_content .item .pic img {
	width:100%;
	max-width:250px;
}
.prolist_content .item ul li {
	font-size: 15px;
}
.prolist_content .item .price {
	font-size: 20px;
}
.prolist_content .item span {
	font-size: 16px;
}
.sel_content {
    padding: 15px 5px 5px 5px;
}
/*--搜尋頁--*/
.search_con {
    width: 100%;
    margin: 0px auto 64px auto;
}

/*--購物車--*/
.shopping_list_con {
    margin: 0px;
}
.shopping_list_con .table_cont .table .tr .th.del, .shopping_list_con .table_cont .table .tr .td.del, .shopping_list_con .table_cont .table .tr .td_2.del  {
	display:none;
}
 .order_list_con .table .tr .th.del, .order_list_con .table .tr .td.del, .order_list_con .table .tr .td_2.del  {
	display:none;
}
.shopping_list_con .table_cont .table .tr .th.name {
    width: 34%;
}
.shopping_list_con .table_cont .table .tr .td.name {
    padding: 5px 2px;
}
.shopping_list_con .table_cont .table .tr .th {
    width: 17%;
    font-size: 13px;
}
.shopping_list_con .table_cont .table .tr .td {
    font-size: 13px;
}
.shopping_list_con .table_cont .table .tr .th.dd {
    width: 13%;
}
.shopping_list_con .table_cont .table .tr .th.ss {
    width: 16%;
}
.shopping_list_con .table_cont .table .tr .td_2.line .bigred {
    font-size: 13px;
}
.shopping_list_con .table_cont .table .tr .td .del {
    width: 36px;
}
.shopping_list_con .table_cont .table .tr .td_2.line {
    font-size: 13px;
}
.shopping_list_con .table_cont .table .tr .td_2 .discount span {
	display:block;
}

/*----------選擇優惠券表格寬度--------*/
#inline_content .pad .table_coupon .tr .th.ept {
	width:6%;
}
#inline_content .pad .table_coupon .tr .th.money {
	width:25%;
}
#inline_content .pad .table_coupon .tr .th.name {
	width:41%;
}
#inline_content .pad .table_coupon .tr .th.date {
	width:25%;
}
#inline_content .pad .table_coupon .tr .td .select {
    margin: 0px;
}
#inline_content .pad .table_coupon .tr .td span {
	display:block;
}
#inline_content .pad .table_coupon .tr .th {
	padding-left:5px;
}
#inline_content .pad .table_coupon .tr .td {
	padding-left:5px;
}
#cboxMiddleLeft {width:13px;}
#cboxMiddleRight {width:13px;}
#inline_content .pad .btns {
    padding: 10px 0px 10px;
}

/*--購物車 填寫資本資料--*/
.table_mamber .tr .th {
    padding: 0px 0px 15px 5px;
}
.table_mamber .tr .th.w497_1 {
	display: inline-block;
    padding: 10px 0px 15px 7px;
	text-align:left;
    width: 22%;
}
.table_mamber .tr .td.w497_1 {
	display: inline-block;
    padding: 15px 0px 15px 0px;
    width: 78%;
}
.table_mamber .tr .th.w497_2 {
	display: block;
    padding: 10px 0px 0px 10px;
    border-bottom: none;
}
.table_mamber .tr .td.w497_2 {
	display: block;
    border-bottom: 1px solid #eee;
    width: 100%;
}
.table_mamber .tr .th.w497_3 {
	display: block;
    padding: 10px 0px 15px 7px;
	text-align:left;
    width: 22%;
    border-bottom: none;
    /*height: 239px;*/
}
.table_mamber .tr .td.w497_3 {
	display: block;
    padding: 15px 0px 15px 10px;
    width: 100%;
}
.table_mamber .tr .td .s_001{
    margin: 5px 0px;
} 
.table_mamber .tr .td .s_002{
    margin: 20px 0px;
} 
.table_mamber .tr .td .s_003 {
    margin: 5px 0px;
}
.table_mamber .tr .td .texts {
    width: 95%;
}
.table_mamber .tr .th {
    padding: 0px 0px 15px 10px;
}
.table_mamber .tr .td .text_in {
    width: 98%;
}
.table_mamber .note {
    padding: 13px;
}
.table_cont .buy_cont {
    margin: 90px auto 0px;
}
.table_cont .buy_cont .buy_ok {
    font-size: 25px;
    margin: 0px auto 50px;
}
.table_cont .buy_cont p {
    text-align: left;
    width: 88%;
    margin: 0px auto;
}
/*--訂單問答--*/
.order_list_con .history_qa_cont .table {
	display:none;
}
.m_tables {
	display: block;
}
/*--搜尋--*/
.main_content .search_con .search_p .prolist_con .pp_1 .list {
    width: 49%;
    padding: 5px 5px 15px 5px;
}
.main_content .search_con .item .price {
    font-size: 20px;
}
.main_content .search_con .item span {
    font-size: 16px;
}
.main_content .search_con .item .pic .new {
    width: 60px;
}
.main_content .search_con .search_p ul .s_n2 {
    padding: 20px 0px;
	height: 150px;
}
/*---會員登入---*/
.main_content .mamber_con .log_cont {
    padding: 20px 10px 50px 10px;
}
.main_content .mamber_con .left .texts {
    width: 100%;
    display: block;
    margin-top: 20px;
}
.main_content .mamber_con .left .mamber_text {
    width: 100%;
}
.main_content .mamber_con .left .btns {
    width: 100%;
}
.main_content .mamber_con .left .btns {
    margin-top: 60px;
}
.forget_ps .forget_cont .forget_text {
    width: 100%;
}
.forget_ps .forget_cont .forget_btn {
    margin: 20px auto 0px;
    display: block;
    width: 45%;
}
.forget_ps {
    margin: 0px;
}
/*------會員中心 歷史訂單與問答-----*/
.mamber_nav ul {
    border-bottom: none;
}
.mamber_nav ul li {
    display: block;
    width: 100%;
    margin-right: 0px;
    padding: 5px 0px 0px 0px;
}
.main_content .mamber_con.ser_con .mamber_nav ul {
    border-bottom: none;
}
.order_list_con .table_cont .table.list {
    display: none;
}
.order_list_con .table_cont .table_o{
	display: block;
}
.main_content .mamber_con .mamber_center_con {
    margin: 30px 10px 40px 10px;
}
.order_list_con .table_cont .table .tr .th.name {
    width: 35%;
}
.order_list_con .table_cont .table .tr .td.name {
    padding: 5px 2px;
}
.order_list_con .table_cont .table .tr .th {
    width: 18%;
    font-size: 13px;
}
.order_list_con .table_cont .table .tr .td {
    font-size: 13px;
}
.order_list_con .table_cont .table .tr .th.ss {
    width: 16%;
}
.order_list_con .table_cont .table .tr .td.ss {
    width: 22.5%;
}
.order_list_con .table .tr .td_2.line .bigred {
    font-size: 13px;
}
.order_list_con .table_cont .table .tr .td_2 {
    font-size: 13px;
}
.order_list_con .table .tr .td_2.line {
    font-size: 13px;
}
.order_list .links a {
    padding: 5px 0px;
}


/*--訂單問答--*/
.qas_cont .tr .td {
    width: 70%;
}
.qas_cont .tr .td ul .qa_1 {
    margin-right: 10px;
}
.qas_cont .tr .td textarea {
    width: 100%;
}
/*-----網路購物會員資料修改-----*/
.table_profile_re .tr .td .texts {
    width: 100%;
}
.table_profile_re .tr .td {
    width: 70%;
    padding: 15px 0px 15px 0px;
}
.table_profile_re select.day {
    width: 80px;
}
/*---聯絡我們---*/
.main_content .mamber_con .mamber_center_con {
    margin: 30px 10px 40px 10px;
}
.main_content .mamber_con .title_slo .pp {
    display: block;
	font-size:15px;
}
.main_content .mamber_con .title_slo .contact {
    display: block;
	margin-top: 10px;
    padding: 0px;
}
.main_content .mamber_con .title_slo .pp span {
    display: inline;
}
/*----聯絡我們----*/
.table_service .tr .td {
    width: 75%;
}
.table_service .tr .td .texts.name {
    width: 55%;
}
.table_service .tr .td .texts {
    width: 100%;
}
.table_service .tr .td textarea {
    width: 100%;
}
/*----會員註冊---*/
.table_sign_up .tr .td {
    width: 75%;
}
.table_sign_up .tr .td .sexs.nn {
    margin-left: 0px;
}
.table_sign_up .tr .td .texts {
    width: 100%;
}
.table_sign_up .tr .td .texts.name {
    width: 100%;
	margin-bottom:10px;
}
.mamber_con .rule_check {
    width: 80%;
    margin: 20px auto 0px;
}
.main .main_content .private_con {
    padding: 0px 10px;
}
.main .main_content .privacy_con {
    padding: 0px 10px;
}
.main .main_content .servicepolicy_con {
    padding: 0px 10px;
}
/*-------訂單問答 圖放大顯示位置調整------*/
.fancybox-skin {
    padding: 5px;
}



/*---優惠商品一列---*/
.e_prolist_content ul .list {
	width: 49%;
	padding: 5px 5px 20px 5px;
}
.e_prolist_content ul .list:last-child {
    border-bottom: none;
}
.e_prolist_content .e_prolist_con .pp_1 {
	border:none;
}
.prolist_content .e_prolist_con .pp_1:last-child{
    border-bottom: none;
}
.e_prolist_content .item .pic .new {
	width: 60px;	
}
.e_prolist_content .item .pic img {
	width:100%;
	max-width:250px;
}
.e_prolist_content .item ul li {
	font-size: 15px;
}
.e_prolist_content .item .price {
	font-size: 20px;
}
.e_prolist_content .item span {
	font-size: 16px;
}
/*-------優惠活動 Banner文字框-------*/
.allborder .e_banner .text {
    position: static;
	border-bottom:1px solid #eee;
}

.allborder .e_banner .text {
	width:100%;
	top:15%;
}

/*-----------編輯器----------*/
.pro_main .pro_part_2 .text img {
	width: 100%;
}
.pro_main .pro_part_2 .text iframe {
	width: 100%;
    height:500px;
}
 .pro_main .pro_part_2 video {
        width: 100%;
        height: 500px;
 }
.order_list_con .table_coup_cont .table.list {
	display:none;
}
.order_list_con .table_coup_cont .table_o {
	display: block;
}
.main_content .mamber_con .left2 {
    width: 100%;
    display: block;
    border-right: none;
}
.main_content .mamber_con .left2 .texts {
    width: 90%;
    display: block;
    margin: 10px auto 0px;
}
.main_content .mamber_con .right {
    display: block;
	margin-top: 60px;
}
.main_content .mamber_con .right ul li {
    width: 100%;
    margin-top: 30px;
}
.main_content .mamber_con .right ul li.link_fb {
    margin-top: 40px;
}

.pro_main .pro_part_1 .left .increase {
	display: none;
}
.pro_main .pro_part_1 .increase2 {
	display: table;
}
.qa_types li {
    width: 47.5%;
    margin: 0px 2px 5px;
}
.main .main_content .faq_con ol li .ans_cont img {
	width:100%;
}

.display_con .display_list .display_list_li {
    width: 90%;
    min-height: inherit;
    display: block;
    margin: 0% 5% 35px;
}
.item .tr .left .pics .big_p {
    width: 70%;
    margin: 0px 15%;
}
.item .tr .left {
    padding: 0% 5%;
}
.item .tr .right .make_intro {
    padding: 20px 10px 0px;
}

.main .main_content .make_con .make_slogan {
    font-size: 20px;
}
.make_slogan ul .slo_01 {
    margin-left: 3%;
}
.make_slogan ul .slo_02 {
    margin-left: 8%;
}
.make_slogan ul .slo_03 {
    margin-right: 2%;
    font-size: 14px;
}
.main .main_content .make_con .make_slogan ul {
    padding: 0px 10px;
}

/*
.main .main_content .make_con .make_Introduction {
    width: 90%;
    margin: 80px 5% 35px;
}*/

.make_Introduction .make_txt .make_editor img {
	width: 100%;
}
/*----客製化專區---*/
.make_detail .tr .right .pro_intro .text ul li {
	border-bottom: none;
}
.make_detail .tr .left {
	display:block;
}
.make_detail .tr .right {
	display:block;
    width: 100%;
}
.make_detail .tr .left .pics .big_p {
    width: 100%;
    max-width: none;
}
.make_detail .tr .right .pro_intro .text ul {
    border-top: 1px solid #ccc;
}
.make_detail .tr .right .pro_intro .text ul li {
    border-bottom: 1px solid #ccc;
}
.make_detail .tr .right .pro_intro .text ul li dd {
    border-left: none;
}
.make_detail .tr .right .pro_intro .text ul li dt {
    text-align: left;
    padding: 4px 0px 4px 0px;
    width: 23%;
}

.creates_con .create_table .upload_cont {
    display: block;
    width: auto;
    margin: 0px 1% 50px;
}
.upload_cont .detail ul.list01 {
    height: auto;
}
.upload_cont .detail ul.list01 li.li_01 .txt {
    text-align: center;
}
.make_detail .tr .right .report {
    margin: 10px auto 0px auto;
}
.create_table .upload_cont .btn span {
    font-size: 14px;
}
.upload_cont .detail ul.list01 li.li_01 .txt a {
    font-size: 20px;
}
.make_detail .detail_con {
    display: table;
    margin-bottom: 30px;
}
.creates_con .create_table {
    margin: 30px 0px 10px;
}
.main .main_content .make_con .make_detail {
    margin: 10px auto 70px;
}

.e_prolist_content ul .list .item {
    height: 370px;
}


.ent .table .tr .td.b1 {
	display: block;
	margin-bottom:10px;
}
.ent .table .tr .td.b2 {
	display: block;
}
.ent .table .tr .td.btn {
    display: block;
	margin-top: 30px;
	width: auto;
}
.e_number_content .editor img {
	width: 100%;
}

.order_list_con .invoice_cont .table .tr .th {
    font-size: 13px;
}
.order_list_con .invoice_cont .table .tr .td {
    font-size: 13px;
}
.order_list_con .invoice_cont .table .tr .w40 {
	width:40%;
	display:none;
}
.order_list_con .invoice_cont .table .tr .w10 {
	width:12%;
}
.order_list_con .invoice_cont .table .tr .w12 {
	width:15%;
}
.order_list_con .invoice_cont .table .tr .w19 {
	width:21%;
}
.order_list_con .invoice_cont .table .tr .w40 {
	display: table-cell;
}
.order_list_con .invoice_cont .table .tr .nn {
	display: none;
}
.order_list_con .invoice_cont .in_cont01 h2 {
    font-size: 16px;
}
.order_list_con .invoice_cont .in_cont01 h3 {
    font-size: 15px;
}
.order_list_con .invoice_cont .in_cont02 h3 {
    font-size: 16px;
    margin-bottom: 10px;
}
.order_list_con .invoice_cont .table .tr .td_2.line .bigred {
    display: block;

}

}


@media screen and (max-width:467px) {   /*I6+*/
.ProductTab li a {
	width: 80px;
}
.ProductTab li.change a {
	font-size: 13px;
}
.ProductTab li a {
	font-size: 13px;
}
.youtube_a {
	width: 420px;
	height: 315px;
}
.youtube_index {/*
	width: 420px;
	height: 315px;*/
}
.pro_content .btn_vipnotice a {
    background-size: 361px;
    width: 361px;
    height: 38px;
}
.pro_content .btn_vipnotice a:hover {
    background-size: 361px;
    width: 361px;
    height: 38px;
}
.pro_content .step li {
	height: 220px;
}
.table_mamber .s_001 #sel_1_b .slo3 {
	display: block;
}
.e_prolist_content ul .list .item {
    height: 355px;
}

}


@media screen and (max-width:440px) { 
.header_all .h_nav .h_navs .nav_top ul .li2 a .cart_in {
    left: -18%;
    top: -12px;
}
.header_all .h_nav .h_navs .nav_top ul .li2 a .cart_in img {
    width: 25%;
}
.header_all .h_nav .h_navs .nav_top2 ul .li2 a .cart_in {
    left: -18%;
    top: -12px;
}
.header_all .h_nav .h_navs .nav_top2 ul .li2 a .cart_in img {
    width: 25%;
}

.flex-direction-nav a {
    height: 25px;
}
.flex-direction-nav a:before {
    font-size: 23px;
}
.right ul li .bb .item {
    max-width: 43px;
}
.rank_con .tr .right.infiniteCarousel ul li.rank_item {
    width: 45px;
}
.rank_con .tr .right.infiniteCarousel ul li.rank_item.ept {
    width: 45px;
}
.rank_con .tr .right.infiniteCarousel ul li.rank_item.hideme {
    width: 45px;
}
.slider.rk {
    margin-top: 2%;
}
.rank_con .tr .right ul .rank_item {
    margin: 10px 1px;
}
.flex-direction-nav a {
    top: 50%;
}
.e_prolist_content ul .list .item {
    height: 345px;
}

}
@media screen and (max-width:433px) {
.main_content .sel_content .sel_b .title li {
	margin-bottom: 5px;
}
}

@media screen and (max-width:431px) {
.vip_items ul .g1 {
	width: 90%;
	margin: 0px 5% 10px 5%;
}
.vip_items ul .g2 {
	width: 90%;
	margin: 0px 5% 10px 5%;
}
.vip_items ul .g3 {
	width: 90%;
	margin: 0px 5% 10px 5%;
}
.vip_items ul .g4 {
	width: 90%;
	margin: 0px 5% 10px 5%;
}
.vip_items ul .g5 {
	width: 90%;
	margin: 0px 5% 10px 5%;
}
.vip_items ul .g6 {
	width: 90%;
	margin: 0px 5% 10px 5%;
}
.vip_items ul li {
	height: 350px;
}
.pro_content .step li.s1 {
	width: 43%;
}
.pro_content .step li.s2 {
	width: 43%;
}
.pro_content .step li.s3 {
	width: 43%;
}
.pro_content .step li.s4 {
	width: 43%;
}
.pro_content .step li.s5 {
	width: 43%;
}
.pro_content .step li {
	height: 210px;
}
.pro_content .step li.arr {
	max-width: 22px;
	margin-right: 0px;
}

.a_member .sign_up_box .sign_up_a form .form001 .input_01 select {
	width: 85px;
	margin-right: 5px;
}
.a_member .sign_up_box .sign_up_a form .form001 .input_01 .select_a {
	width: 85px;
	margin-right: 5px;
}

.a_member .contact_box .contact_a form .form001 .input_01 .select_a {
	width: 85px;
	margin-right: 5px;
}
.youtube_index {
    width: 160px;
    height: 120px;
}
.youtube_index2 {
    width: 160px;
    height: 120px;
}

.onlone_items ul li > h1 {
	margin: 150px 5px 5px 5px;
}
.onlone_items ul .g1{
	width: 46%;
}
.onlone_items ul .g2{
	width: 46%;
}
.onlone_items ul .g3{
	width: 46%;
}
.onlone_items ul .g4{
	width: 46%;
}
.onlone_items ul li {
    margin: 0px 0% 0px 2%;
}
/*--聯絡我們--*/
.main_content .mamber_con .title_slo .contact ul li {
    font-size: 15px;
}
.main_content .mamber_con .title_slo .contact ul li h3 {
    font-size: 15px;
}
.main_content .mamber_con .title_slo .contact ul li p {
    font-size: 15px;
}
.main_content .mamber_con .title_slo .contact ul li p {
    display:block;
}
.e_prolist_content ul .list .item {
    height: 335px;
}




}

@media screen and (max-width:400px) {
.pro_content .pro_items ul .pro_one {
	padding: 0px 0px;
}
.pro_content .pro_items ul .pro_one_a {
	padding: 0px 0px;
}
.pro_content .pro_items ul .pro_one a .pro_title {
	margin-left: 8%;
}
.pro_content .pro_items ul .pro_one_a a .pro_title {
	margin-left: 8%;
}
.pro_content .pro_items ul .pro_one .lis_pic2 img {
	height: 80px;
}
.pro_content .pro_items ul .pro_one_a .lis_pic2 img {
	height: 80px;
}
.pro_content .pro_items ul .pro_two {
	padding: 0px 0px;
}
.pro_content .pro_items ul .pro_two_a {
	padding: 0px 0px;
}

.pro_content .pro_items ul .pro_two .ppp {
	font-size: 12px;
	padding-left: 3px;
}
.pro_content .pro_items ul .pro_two_a .ppp {
	font-size: 12px;
	padding-left: 3px;
}

.ta_about .pro_content .pro_banner5 .pro_b_pic {
    margin-right: 0px;
    max-width: 150px;
}
.youtube_a {
	width: 320px;
	height: 240px;
}
.Product_left .Tab_nr .Videos{
	width: 320px;
	height: 240px;
}
.store_content .google_map .gg_i {
	width: 320px;
	height: 400px;
}
.info_y li .inner dl {
	padding-left: 10px;
}
.pro_content .btn_vipnotice a {
    background-size: 320px;
    width: 320px;
    height: 34px;
}
.pro_content .btn_vipnotice a:hover {
    background-size: 320px;
    width: 320px;
    height: 34px;
}

.pro_box .pro_content .step {
	margin-left: 21%;
}
.pro_content .step li > h1 {
	padding: 55% 6px 0px 6px;
}
.pro_content .step li.s1 {
	width: 70%;
}
.pro_content .step li.s2 {
	width: 70%;
}
.pro_content .step li.s3 {
	width: 70%;
}
.pro_content .step li.s4 {
	width: 70%;
}
.pro_content .step li.s5 {
	width: 70%;
}
.pro_content .step li {
	height: 230px;
}
.pro_content .step li.arr {
	display:none;
/*	width: 10%;
    max-width: 30px;
	margin-right: 0%;
    float: left;*/
}
/*input[type="checkbox"] {
	width: 8%;
}*/
form .rule p {
	width: 90%;
}
.footer_link {
	/*width: 82%;*/
}
.pro_content .pro_items ul .pro_two a .pro_title_1 {
	margin-right: 5px;
}

.footer .footer_cont .text_2 {
	padding: 0px 0%;
}
.pro_main .pro_part_1 .left .pics span {
    max-width: 60px;
}
.table_o ul {
    padding: 20px 10px 20px 10px;
}
.table_o ul .order_list {
    width: 100%;
    display: block;
}
.table_o ul .order_list .th_o {
    font-size: 16px;
}
.table_mamber .s_001 #sel_1_c .slo2 {
    display: block;
}

.prolist_content .item .price {
    font-size: 17px;
}
.prolist_content .item span {
    font-size: 14px;
}
.prolist_content .item .pic .new {
    width: 50px;
}
.e_prolist_content .item .price {
    font-size: 17px;
}
.e_prolist_content .item span {
    font-size: 14px;
}
.e_prolist_content .item .pic .new {
    width: 50px;
}
.pro_part_3 .item .pic .new {
    width: 50px;
}
.pro_part_3 .item .price {
    font-size: 17px;
}
.pro_part_3 .item span {
    font-size: 14px;
}
/*----搜尋---*/
.main_content .search_con .item .pic .new {
    width: 50px;
}
.main_content .search_con .item .price {
    font-size: 17px;
}
.main_content .search_con .item span {
    font-size: 14px;
}

.main .main_content .make_con .make_slogan ul {
    padding: 0px 0px;
}

.e_prolist_content ul .list .item {
    height: 320px;
}
}





@media screen and (max-width:385px) {
.table_mamber .tr .th {
	width:26%;
}
.table_mamber .tr .td {
	width:74%;
}
.table_mamber .tr .th.w497_1 {
	width:30%;
}
.table_mamber .tr .td.w497_1 {
	width:70%;
}
.table_mamber .tr .td .text_in {
    width: 97%;
}
select.sel_pay {
    margin-left: 10px;
}
select.sel_pay_s {
    margin-left: 10px;
}
.table_mamber .invoice_cont ul li h2 {
	display:block;
}

.flex-direction-nav a {
    height: 25px;
}
.flex-direction-nav a:before {
    font-size: 22px;
}
.right ul li .bb .item {
    max-width: 38px;
}
.rank_con .tr .right.infiniteCarousel ul li.rank_item {
    width: 40px;
}
.rank_con .tr .right.infiniteCarousel ul li.rank_item.ept {
    width: 40px;
}
.rank_con .tr .right.infiniteCarousel ul li.rank_item.hideme {
    width: 40px;
}
.e_prolist_content ul .list .item {
    height: 305px;
}

}



@media screen and (max-width:375px) {
.rank_content {
	padding: 10px 0px 0px 10px;
}
.rank_con .tr .right ul .rank_item {
    width: 15.5%;
	margin: 10px 1px;
}
.right ul .le a img {
    max-width: 8px;
}
.right ul .ri a img {
    max-width: 8px;
}
.e_prolist_content ul .list .item {
    height: 300px;
}




}


@media screen and (max-width:371px) {
.header_all .h_nav .h_navs .nav_top ul .li2 a .cart_in {
    left: -23%;
}
.header_all .h_nav .h_navs .nav_top2 ul .li2 a .cart_in {
    left: -23%;
}

}

@media screen and (max-width:364px) {
.ProductTab li a {
	width: 70px;
}
.youtube_a {
	width: 280px;
	height: 210px;
}
.youtube_index {
    width: 140px;
    height: 105px;
}
.youtube_index2 {
    width: 140px;
    height: 105px;
}
.Product_left .Tab_nr .Videos{
	width: 280px;
	height: 210px;
}
.pics li {
	height: 55px;
}
.pics li img {
	width: 50px;
}
.store_content .google_map .gg_i {
	width: 300px;
	height: 400px;
}

.vip_items ul .g1 {
	width: 97%;
	margin: 0px 1.5% 10px 1.5%;
}
.vip_items ul .g2 {
	width: 97%;
	margin: 0px 1.5% 10px 1.5%;
}
.vip_items ul .g3 {
	width: 97%;
	margin: 0px 1.5% 10px 1.5%;
}
.vip_items ul .g4 {
	width: 97%;
	margin: 0px 1.5% 10px 1.5%;
}
.vip_items ul .g5 {
	width: 97%;
	margin: 0px 1.5% 10px 1.5%;
}
.vip_items ul .g6 {
	width: 97%;
	margin: 0px 1.5% 10px 1.5%;
}
.vip_items ul li {
	height: 300px;
}	
.vip_items ul li > h1 {
    font-size: 16px;
    margin: 55% 5px 0px 5px;
}
.pro_content .btn_vipnotice a {
    background-size: 296px;
    width: 296px;
    height: 31px;
}
.pro_content .btn_vipnotice a:hover {
    background-size: 296px;
    width: 296px;
    height: 31px;
}
	
.search_p ul .s_n1 .list_s .list_pic {
	width: 70%;
	margin: 0px 15%;
}
.search_con .search_p ul .s_n1 .list_s .text .ss_p .pro_id {
    display: block;
}
.search_con .search_p ul .s_n1 .list_s .text .ss_p .pro_id span {
	display:none;
}
/*--訂單問答--*/
.qas_cont .tr .th {
    width: 30%;
}
.qas_cont .tr .td {
    width: 70%;
    padding: 15px 0px 15px 0px;
}
.qas_cont .tr .td input {
	 width: 100%;
}
.qas_cont .tr .td ul .qa_1 {
    display: block;
    width: 100%;
}
.qas_cont .tr .td ul .qa_1 .s01 {
    width: 10%;
}

.main_content .mamber_con .left2 .texts {
    width: 100%;
}
.e_prolist_content ul .list .item {
    height: 295px;
}



}	
	
@media screen and (max-width:356px) {   
.g_country img{
	width: 18px;
	margin-right: 10px;
}
.g_country ul li {
	width: 27%;
	margin-left: 10px;
}
.onlone_items ul li {
	height: 160px;
}
.pro_box .pro_content .onlone_items ul li > h1 {
	margin: 25px 5px 5px 5px;
	font-size: 13px;
	height: 45px;
}
select.sel_pay_s {
    width: 230px;
    margin-right: 0px;
}
.table_mamber .s_001 #sel_1_c .slo3 {
	display: block;
}
.table_mamber .s_001 #sel_1_c .texts_2 {
    margin: 0px 10px 0px 0px;
}
.privacy_con ul .list {
    margin-left: 30px;
}


}

@media screen and (max-width:347px) {   
.ProductTab li a {
	font-size: 12px;
}
.store_content .google_map .gg_i {
	width: 260px;
	height: 400px;
}
.store_box .store_content .adds a li {
    width: 48%;
	min-height: 165px;
}
.ta_about .pro_content .pro_banner3 .pro_text01 {
	width: 100%;
}
.pro_content .btn_vipnotice a {
    background-size: 260px;
    width: 260px;
    height: 28px;
}
.pro_content .btn_vipnotice a:hover {
    background-size: 260px;
    width: 260px;
    height: 28px;
}
.pro_content .step li {
	height: 230px;
}
.pro_content .article > p {
	font-size: 16px;
}
.pro_content .step li {
	height: 210px
}	
.footer_link {
	/*width: 90%;*/
}
.g_country img {
    margin-right: 0px;
}


#inline_content .pad .table_coupon .tr .th.ept {
	width:6%;
}
#inline_content .pad .table_coupon .tr .th.money {
	width:25%;
}
#inline_content .pad .table_coupon .tr .th.name {
	width:42%;
}
#inline_content .pad .table_coupon .tr .th.date {
	width:27%;
}
.e_prolist_content ul .list .item {
    height: 285px;
}


}

@media screen and (max-width:335px) {
.e_prolist_content ul .list .item {
    height: 280px;
}
}

@media screen and (max-width:332px) { 
.a_member .sign_up_box .sign_up_a form .form001 .input_01 select {
	width: 81px;
}
.point_iframe {
	min-height: 480px;
}

.onlone_items ul li > h1 {
	margin: 160px 5px 5px 5px;
}
.g_country img{
	margin: 0px;
}
.g_country ul li {
    min-width: 77px;
    width: 27%;
    margin-left: 11px;
}
}
@media screen and (max-width:331px) { 
.e_prolist_content ul .list .item {
    height: 305px;
}
}

@media screen and (max-width:324px) { 
.e_prolist_content ul .list .item {
    height: 330px;
}
}



@media screen and (max-width:319px) { 
.header_all .h_nav .h_navs .nav_top ul .li2 a .cart_in {
    left: -27%;
}
.header_all .h_nav .h_navs .nav_top2 ul .li2 a .cart_in {
    left: -27%;
}

}

@media screen and (max-width:317px) {  
.e_prolist_content ul .list .item {
    height: 350px;
}

.main .main_cont {
    padding: 0px 5px 64px 5px;
}
}

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

.jquery-tabs p {
	margin-right: 0px;
}





}







@charset "utf-8";

.new_search_hot{ position:absolute; left:300px;top:-38px; padding:0 10px; color:#fff;}
.new_search_hot a{ margin-right:5px; color:#fff;}
.new_long_search_re_bg .new_search_hot{ position:static; line-height:35px; color:#333; text-align:left; margin-top:-5px; background:#fff;}
.new_long_search_re_bg .new_search_hot a{ color:#333;}

.htcx_box .btn {
    width: 90px;
    display: inline-block;
    color: #fff;
    background: #5fb6bf;
    margin: 0 0 0 4px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 2px 0;
}

.order_list .links a.btn2 {
    background: #707070;
}


    .order_list .links a.btn2.apply_buy_again {
        background: #f00;
        color: #fff;
    }

.popup_tsk {
    width: 100%;
    position: fixed;
    text-align: center;
    left: 0%;
    top: 50%;
    z-index: 99999999999;
    overflow: hidden;
    display: none;
}

    .popup_tsk p {
        padding: 16px 30px;
        display: inline-block;
        font-size: 18px;
        color: #fff;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 5px;
        -moz-border-radius: 5px;
    }

#list_loading img {
    width: 50px;
    margin-top: 80px;
}

#list_empty {
    display: none;
    margin-top: 50px;
    font-size: 20px;
}

.castep_pop {
    width: 280px;
    padding: 25px 20px;
    color: #fff;
    background: #564848;
    position: fixed;
    left: 50%;
    margin-left: -160px;
    top: 50%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    display: none;
}

    .castep_pop p {
        font-size: 18px;
    }

    .castep_pop .btn {
        display: inline-block;
        padding: 6px 15px;
        margin-top: 20px;
        color: #564848;
        font-size: 16px;
        background: #fff;
        border-radius: 4px;
        -moz-border-radius: 4px;
        cursor: pointer;
    }

    .castep_pop .btn1 {
        display: inline-block;
        padding: 6px 15px;
        margin: 20px 20px 0 0;
        color: #564848;
        font-size: 16px;
        background: #fff;
        border-radius: 4px;
        -moz-border-radius: 4px;
        cursor: pointer;
    }

.new_yhq_sr {
    line-height: 35px;
    text-align: left;
    overflow: hidden;
    padding-bottom: 30px;
}

    .new_yhq_sr span {
        float: left;
    }

    .new_yhq_sr .text {
        width: 300px;
        float: left;
        height: 20px;
        line-height: 20px;
        padding: 15px 5px;
        margin: 0 10px;
    }

    .new_yhq_sr .btn {
        width: 120px;
        float: left;
        line-height: 35px;
        color: #fff;
        background: #d71223;
    }

#sel_2_b ul li .btn {
    display: inline-block;
    padding: 3px 8px;
    color: #fff;
    background: #333;
}

.newcss_0417_sj {
    width: 250px;
    min-height: 150px;
    position: absolute;
    left: 100%;
    top: -1px;
    background: #fff;
    padding: 5px 10px;
    border: 1px solid #C1C1C1;
    display: none;
}

.newcss_0417_ej:hover .newcss_0417_sj {
    display: block;
}

.newcss_0417_sj a {
    display: block;
    text-align: left;
    line-height: 24px;
}

.top_menu li ul {
    min-height: 150px;
}

.top_menu li ul {
    padding: 5px 0;
    min-height: auto;
}

    .top_menu li ul .li_f {
        padding: 0 10px;
        line-height: 30px;
    }

.top .top_cont ul .li_f a {
    display: block;
    text-align: left;
    position: relative;
}

.top .top_cont ul .li_f.hov a {
    color: #f00;
}

.top .top_cont ul .li_f.hov .newcss_0417_sj {
    display: block;
}

    .top .top_cont ul .li_f.hov .newcss_0417_sj a {
        color: #636363;
        line-height: 30px;
        margin-bottom: 0px;
    }

        .top .top_cont ul .li_f.hov .newcss_0417_sj a:hover {
            color: #f00;
        }

.top .top_cont .newcss_0424_yj ul .newcss_0417_ej a:after {
    width: 10px;
    height: 10px;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
    background: url(/Scripts/webroot/images/new_xl_jt.png) no-repeat;
    background-size: 10px auto;
    transition: all 0.1s linear 0s;
}

.top .top_cont ul .li_f.hov a:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.newcss_0417_sj {
    min-height: auto;
    padding: 5px 0;
}

    .newcss_0417_sj a {
        padding: 0 10px;
    }

.top .top_cont ul .li_f .newcss_0417_sj a:after {
    display: none;
}

.top_menu li p span {
    width: 15px;
    height: 15px;
    line-height: 0;
    font-size: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    display: block;
}




.Mailbox_validation {
    padding: 50px 20px;
    font-size: 15px;
}

    .Mailbox_validation h3 {
        font-size: 20px;
        padding-bottom: 30px;
    }

    .Mailbox_validation p {
        padding-left: 70px;
        padding-bottom: 5px;
    }

        .Mailbox_validation p.btnbox {
            overflow: hidden
        }

    .Mailbox_validation .mailbox_btn {
        width: 180px;
        line-height: 40px;
        color: #fff;
        background: #FF4D4D;
        margin-left: 40px;
        display: block;
        float: left;
    }

    .Mailbox_validation .add_line {
        margin-top: 40px;
        padding-left: 70px;
    }

.table_cont .buy_cont add_lint a {
    background: #fff;
}

.xl_activity {
    width: 100%;
    max-width: 1200px;
    margin: 20px auto;
}

    .xl_activity .box {
        overflow: hidden;
        border: 1px solid #ddd;
        padding: 20px;
        margin-bottom: 20px;
    }

        .xl_activity .box .left {
            width: 330px;
            float: left;
        }

            .xl_activity .box .left h3 {
                font-size: 28px;
                color: #666;
                text-align: left;
            }

            .xl_activity .box .left h4 {
                font-size: 40px;
                padding-top: 15px;
                font-weight: bold;
            }

                .xl_activity .box .left h4 span img {
                    width: 37px;
                    display: inline-block;
                    margin-top: -10px;
                }

            .xl_activity .box .left .daojis {
                height: 94px;
                padding-top: 20px;
                font-size: 20px;
            }

                .xl_activity .box .left .daojis span {
                    width: 45px;
                    line-height: 45px;
                    display: inline-block;
                    background: #333;
                    color: #fff;
                    margin: 0 5px;
                    border-radius: 4px;
                    -moz-border-radius: 4px;
                }

                    .xl_activity .box .left .daojis span.s {
                        font-size: 20px;
                        background: #F00;
                    }

            .xl_activity .box .left h5 {
                line-height: 45px;
                color: #333;
                font-size: 18px;
                background: #F2F2F2;
                margin-bottom: 12px;
                display: none;
            }

            .xl_activity .box .left p {
                line-height: 45px;
                color: #333;
                font-size: 14px;
                background: #F2F2F2;
            }

            .xl_activity .box .left .jjks_ico {
                height: 99px;
                padding-top: 15px;
                font-size: 0px;
            }

                .xl_activity .box .left .jjks_ico img {
                    width: 170px;
                }


        .xl_activity .box .com {
            width: 525px;
            float: left;
            margin-left: 20px;
            border: 1px solid #ddd;
        }

        .xl_activity .box .right {
            width: 200px;
            float: left;
            margin-left: 52px;
            position: relative;
        }

#view_btn {
    position: relative;
    color: #fff;
    padding: 5px 0 5px 15px
}

    #view_btn.open:before {
        background: url(/Scripts/webroot/images/jgsp_open.png);
        background-size: 12px 12px;
        background-repeat: no-repeat;
    }

    #view_btn:before {
        content: '';
        background: url(/Scripts/webroot/images/jgsp_close.png);
        height: 12px;
        width: 12px;
        background-size: 12px 12px;
        background-repeat: no-repeat;
        position: absolute;
        top: 8px;
        left: 13px;
    }

}

.box_js .pic {
    border: 1px solid #ddd;
}

.box_js .title {
    text-align: left;
}

    .box_js .title a {
        height: 45px;
        overflow: hidden;
        text-align: left;
        font-size: 16px;
        text-decoration: underline;
        margin: 7px 0 0;
        display: inline-block;
    }

    .box_js .title h3 {
        font-size: 18px;
        color: #000;
    }

        .box_js .title h3 span {
            color: #f00;
        }

    .new_layout .layout_list .line_box, .box_js .title .line_box {
        margin: 12px 0 15px;
        display: block;
        line-height: 20px;
        font-size: 12px;
        text-align: center;
        background: #F7A1A1;
        color: #fff;
        border-radius: 45px;
        -moz-border-radius: 45px;
        position: relative;
    }

        .new_layout .layout_list .line_box .hov, .box_js .title .line_box .hov {
            height: 20px;
            line-height: 20px;
            background: #F00;
            color: #fff;
            display: block;
            position: absolute;
            left: 0px;
            top: 0px;
            border-radius: 45px;
            -moz-border-radius: 45px;
        }

.box_js .hd {
    width: 100%;
    height: 0px;
}

    .box_js .hd .prev, .box_js .hd .next {
        width: 40px;
        height: 40px;
        background: url(/Scripts/webroot/images/xl_jt.png) center no-repeat;
        background-size: 100% auto;
        display: block;
        cursor: pointer;
        position: absolute;
        top: 25%;
        z-index: 9;
    }

    .box_js .hd .prev {
        left: -40px;
    }

    .box_js .hd .next {
        right: -30px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.box_js .bd {
    width: 200px;
    overflow: hidden;
}

    .box_js .bd li {
        margin-right: 10px;
    }

.xl_activity .box.hov .left h4 {
    color: #666;
}


.activity_list_banner {
    width: 100%;
    max-width: 1200px;
    margin: 30px auto;
    font-size: 0px;
    border: 1px solid #ddd;
}

.activity_list {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

    .activity_list ul {
        width: 1230px;
    }

    .activity_list li {
        width: -moz-calc(20% - 30px);
        width: -webkit-calc(20% - 30px);
        width: calc(20% - 30px);
        float: left;
        margin-right: 30px;
        margin-bottom: 30px;
    }

        .activity_list li .buy {
            width: 45px;
            height: 45px;
            margin: 0 auto 12px;
            background: #d71223;
            border-radius: 360px;
            -moz-border-radius: 360px;
        }

            .activity_list li .buy:hover {
                background: #ac0d1b;
                -moz-box-shadow: 0px 0px 12px 0px #a5a5a5;
                -webkit-box-shadow: 0px 0px 12px 0px #a5a5a5;
                box-shadow: 0px 0px 12px 0px #a5a5a5;
            }

            .activity_list li .buy a {
                margin: 0px;
            }

.social .social_ul {
    width: 60%;
    list-style-type: decimal !important;
}

.social ul li {
    overflow: hidden;
    margin-bottom: 20px;
    list-style-type: decimal !important;
}

.social .icon {
    width: auto;
    height: 25px;
    float: left;
}

.social .person {
    float: left;
    margin-left: 20px;
}

    .social .person img {
        float: left;
        border-radius: 25px;
        width: 25px;
        margin-right: 10px;
    }

    .social .person label {
        float: left;
        margin-top: 3px;
        color: #333;
    }

@media screen and (max-width: 1199px) {
    .newcss_0417_sj {
        width: 100%
    }

    .top .top_cont ul .li1:nth-child(3) ul {
        width: 100%
    }

    .newcss_0417_sj {
        position: static;
        border: 0;
        padding: 0 0 0 20px;
        min-height: auto;
    }

        .newcss_0417_sj a {
            border-top: 1px solid #eee;
            line-height: 40px;
        }

    .top_menu li ul {
        padding: 0;
        min-height: auto;
    }

        .top_menu li ul .li_f {
            width: auto;
            line-height: 45px;
            font-size: 16px
        }

            .top_menu li ul .li_f:last-child {
                border: 0;
            }

    .newcss_0417_sj {
        padding: 0;
    }

        .newcss_0417_sj a {
            border-bottom: 0;
        }

    .top .top_cont .newcss_0424_yj ul .li_f a:after {
        right: 10px;
        top: 18px;
    }

    .top .top_cont ul .li_f.hov .newcss_0417_sj a {
        line-height: 45px;
        font-size: 14px;
        margin-left: 20px;
        padding-top: 0px;
    }

    .top .top_cont ul .li1 li a, .top .top_cont ul .li_f.hov a {
        color: #636363;
    }

    .top .top_cont ul .li_f.hov .newcss_0417_sj {
        display: none;
    }

    .top .top_cont ul .newcss_0417_ej.on .newcss_0417_sj {
        display: block;
    }

    .top .top_cont ul .li_f.hov .newcss_0417_sj a {
        padding-top: 0;
        line-height: 40px;
    }

    .newcss_0417_ej:hover .newcss_0417_sj {
        display: none;
    }

    .top .top_cont ul .li1 li a:hover {
        color: #333;
    }

    .top .top_cont ul .li1 li.on a:hover {
        color: #ea6b65;
    }

    .top .top_cont ul .li1 li.on a:after {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .top .top_cont ul .li1.selected span {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .xl_activity .box {
        padding: 10px;
    }

        .xl_activity .box .left {
            width: auto;
            float: none;
            margin: 0;
        }

            .xl_activity .box .left h5 {
                margin-bottom: 5px;
                display: none;
            }

        .xl_activity .box .com {
            width: auto;
            float: none;
            margin: 10px 0;
        }

        .xl_activity .box .right {
            float: none;
            margin: 0 auto;
        }

    .activity_list ul {
        width: 100%;
        padding-bottom: 20px;
        overflow: hidden;
    }

    .activity_list li {
        width: -moz-calc(20% - 20px);
        width: -webkit-calc(20% - 20px);
        width: calc(20% - 20px);
        margin: 10px;
    }
}


@media screen and (max-width: 1000px) {
    .activity_list li {
        width: -moz-calc(33.3% - 20px);
        width: -webkit-calc(33.3% - 20px);
        width: calc(33.3% - 20px);
    }
}


@media screen and (max-width: 640px) {
    #buy_again .btn_box .btn {
        margin-bottom: 15px;
    }

    #buy_again .btn_box {
        width: 40% !important;
    }

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

    .activity_list_banner {
        margin: 10px auto;
    }

    .activity_list li {
        width: -moz-calc(50% - 5px);
        width: -webkit-calc(50% - 5px);
        width: calc(50% - 5px);
        margin: 5px 10px 5px 0;
    }

        .activity_list li:nth-child(2n+0) {
            margin-right: 0px;
        }

    .shopping_list_con .table_cont .table .pdsTitle {
        display: none;
    }

    .shopping_list_con .table_cont .table .pdsCont {
        height: 142px;
        position: relative;
        padding: 10px 50px 0 142px;
    }

    .shopping_list_con .table_cont .table .pdsfh {
        position: relative;
    }

    .shopping_list_con .table_cont .table .tr .td .pic {
        width: 100%;
        max-width: none;
    }

    .shopping_list_con .table_cont .table .tr .td.name {
        width: auto;
        height: 60px;
        line-height: 20px;
        float: none;
        padding: 0;
        margin: 10px 0;
        text-align: left;
    }

    .shopping_list_con .table_cont .table .tr .td {
        width: 33.3%;
        padding: 0;
        margin: 0;
        line-height: 25px;
        text-align: center;
    }

    .shopping_list_con .table_cont .table .tr .del {
        width: 120px;
        position: absolute;
        left: 0;
        top: 10px;
    }

    .shopping_list_con .table_cont .table .tr .td .del.delete {
        width: 40px;
        height: 120px;
        padding-top: 40px;
        display: block;
        position: absolute;
        left: auto;
        right: 10px;
        top: 10px;
        background: #eee;
    }

    .shopping_list_con .table_cont .table .tr .td.ss {
        line-height: 25px;
    }

    .shopping_list_con .table_cont .table .tr.pdsfh {
        padding: 0px;
    }

        .shopping_list_con .table_cont .table .tr.pdsfh .td.del {
            display: none;
        }

        .shopping_list_con .table_cont .table .tr.pdsfh .td.name {
            margin: 0 60px 0 0;
            padding: 10px;
            height: auto;
            border-bottom: 1px solid #ddd;
        }

        .shopping_list_con .table_cont .table .tr.pdsfh .td .del.delete {
            padding-top: 20px;
            height: 67px;
        }

    .new_yhq_sr span {
        display: block;
        float: none;
    }

    .new_yhq_sr .text {
        margin-left: 0;
    }

    .Mailbox_validation p {
        padding-left: 20px;
    }

    .Mailbox_validation .mailbox_btn {
        margin: 0 auto;
        display: block;
        padding: 0px;
    }

    .social .social_ul {
        width: auto;
    }

    .social .icon {
        height: 15px;
    }

    .social .person img {
        width: 15px;
    }

    .social .person label {
        float: left;
        margin: -3px 0;
        color: #333;
        padding: 0px;
    }

    .new_layout ul {
        overflow: hidden;
    }

    .prolist_content .prolist_con {
        padding-right: 0;
        padding-left: 0;
    }

    .new_layout .layout_list {
        width: 50%;
        float: left;
        padding: 0 5px 0 5px;
    }

    .shopping_list_con .table_cont .table .tr .td .del.delete {
        height: 55px;
        font-size: 0;
        line-height: 0;
        background: url(/Scripts/webroot/images/del_btn.png) #eee center no-repeat;
        background-size: 22px auto;
    }

    .shopping_list_con .table_cont .table .no_fancybox .tr .td .del.delete {
        height: 120px;
    }

    .shopping_list_con .table_cont .table .tr .td .del.fancybox {
        width: 40px;
        height: 55px;
        position: absolute;
        left: auto;
        right: 10px;
        top: 65px;
        font-size: 0;
        line-height: 0;
        background: url(/Scripts/webroot/images/pro_coupon.png) #eee center no-repeat;
        background-size: 22px auto;
    }
}


@media screen and (max-width: 497px) {
    .main_banner_event .cont .text h3 {
        font-size: 20px;
    }

    .shopping_list_con .table_cont .table .pdsCont {
        height: 113px;
        position: relative;
        padding: 5px 40px 0 110px;
    }

    .shopping_list_con .table_cont .table .tr .td.name {
        margin: 0px;
    }

    .shopping_list_con .table_cont .table .tr .td.del {
        display: block;
    }

    .shopping_list_con .table_cont .table .tr .del {
        width: 100px;
        left: -5px;
        top: 5px;
    }

    .shopping_list_con .table_cont .table .tr .td .del.delete {
        width: 30px;
        height: 100px;
        padding-top: 30px;
        line-height: 25px;
        top: 5px;
        right: 5px;
    }

    .shopping_list_con .table_cont .table .tr .td.ss {
        width: 25%;
    }

    .shopping_list_con .table_cont .table .tr .td.sjjj {
        width: 50%;
    }

    .shopping_list_con .table_cont .table .tr.pdsfh .td.name {
        margin-right: 40px;
    }

    .shopping_list_con .table_cont .table .tr.pdsfh .td .del.delete {
        padding-top: 14px;
        height: 75px;
    }

    .new_yhq_sr .text {
        width: 69%;
        margin: 0px;
    }

    .new_yhq_sr .btn {
        width: 30%;
        float: right;
    }

    .shopping_list_con .table_cont .table .tr .td .del.delete {
        height: 47px;
    }

    .shopping_list_con .table_cont .table .no_fancybox .tr .td .del.delete {
        height: 100px;
    }

    .shopping_list_con .table_cont .table .tr .td .del.fancybox {
        width: 30px;
        height: 47px;
        top: 48px;
        right: 5px;
    }
}
 
.loading {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999999;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    display: none;
}

.loading_c {
    width: 110px;
    height: 105px;
    padding-top: 20px;
    position: fixed;
    left: 50%;
    margin-left: -55px;
    top: 45%;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    -moz-border-radius: 10px;
}

.loading span {
    width: 100%;
    height: 65px;
    text-align: center;
    text-indent: 5px;
    color: #fff;
    display: block;
    background: url(../images/loading.gif) center bottom no-repeat;
}

    .loading span p {
        color: #fff;
    }

.popup_hs {
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 20%;
    text-align: center;
    display: none;
    z-index: 999999;
}

    .popup_hs span {
        padding: 10px 15px;
        line-height: 40px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 5px;
        -moz-border-radius: 5px;
    }

.coupon_code_msg .msg {
    float: left;
    color: #51b11d;
    font-size: 14px;
    padding-left: 50px;
}

.coupon_code_msg .errormsg {
    color: #f00;
}

.coupon_code_msg .coupon_code_dis {
    float: right;
    width: 70px;
    text-align: right;
    padding-right: 10px;
    font-size: 14px;
    color: #f00;
}

#return_rule {
    padding: 20px;
    text-align: left;
}

    #return_rule .remark_box {
        margin-top: 20px;
        overflow: hidden;
    }

        #return_rule .remark_box .remark {
            float: left;
        }

        #return_rule .remark_box .remark_textarea {
            float: left;
            width: 80%;
            height: 100px;
            margin-left: 20px;
        }

.order_list_con .table_cont .table .tr .td .links .btn2.apply_buy_again {
    color: #fff;
    background-color: #f00;
}

#buy_again {
    padding: 20px;
}

#return_rule .btn_box {
    text-align: center;
    width: 40%;
    margin: 20px auto;
    overflow: hidden;
}

#return_rule .btn_box, #buy_again .btn_box {
    text-align: center;
    width: 35%;
    margin: 30px auto;
    overflow: hidden;
}

    #return_rule .btn_box .btn, #buy_again .btn_box .btn {
        width: 90px;
        color: #fff;
        background-color: #5FB6BF;
        -webkit-border-radius: 15px;
        padding: 5px 0px;
        text-align: center;
        float: left;
        cursor: pointer;
    }

        #return_rule .btn_box .btn.cancel_return, #buy_again .btn_box .btn.cancel_again {
            background-color: #707070;
            margin-right: 30px;
        }

        #buy_again .btn_box .btn.to_buy_again {
            background-color: #f00;
            margin-right: 30px;
        }

#buy_again .forget_ps h2 {
    font-size: 20px;
}

#buy_again .forget_ps p {
    font-size: 16px;
}

.return {
    margin-top: 30px
}

    .return .title {
        font-size: 18px;
        display: inline-block;
        padding-right: 10px;
    }

    .return .title_table {
        font-size: 14px;
        display: inline-block;
        padding-right: 10px;
        float: right;
        margin-top: 30px;
    }

        .return .title_table td {
            padding-right: 30px;
        }

.mamber_con .order_list_con .order_btn a {
    display: inline-block;
    margin-right: 30px;
}


.new_yhq_sr_long {
    margin-top: 20px;
    /* border-top: 2px solid #eee;*/
}

.long_box {
    padding: 15px 0;
    /* border-bottom: 1px solid #ddd;*/
    overflow: hidden;
    text-align: left;
    line-height: 40px;
    font-size: 16px;
}

    .long_box .long_com {
        overflow: hidden;
    }

    .long_box .long_left {
        width: 15%;
        float: left;
        text-align: right;
    }

    .long_box .long_right {
        width: 84%;
        float: right;
    }

        .long_box .long_right .text {
            width: 300px;
            padding: 7px;
            float: left;
            margin-right: 10px;
            height: 35px;
        }

        .long_box .long_right .btn {
            width: 110px;
            text-align: center;
            color: #fff;
            background: #d71223;
            line-height: 40px;
        }

        .long_box .long_right .btn2 {
            background: #333;
            color: #fff;
            padding: 5px 10px;
        }

        .long_box .long_right span {
            margin-right: 10px;
            color: #d71223;
        }

    .long_box .hong {
        color: #d71223;
    }

    .long_box .long_dkje {
        display: none;
    }


@media screen and (max-width: 900px) {
    .long_box .long_left {
        width: 150px;
    }

    .long_box .long_right {
        width: -moz-calc(100% - 160px);
        width: -webkit-calc(100% - 160px);
        width: calc(100% - 160px);
    }

        .long_box .long_right .text {
            width: 200px;
        }
}

@media screen and (max-width: 640px) {
    .long_box .long_left {
        width: auto;
        float: none;
        text-align: left;
    }

    .long_box .long_right {
        width: auto;
        float: none;
    }

        .long_box .long_right .text {
            width: 200px;
        }

    .long_box .long_dkje .long_left, .long_box .long_dkje .long_right {
        float: left;
    }

    .long_syyhq .long_left, .long_syyhq .long_right {
        float: left;
    }
}

#code {
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #CCC;
    height: 30px;
    margin: 0 10px;
}

#codeBtn.hov {
    background: #e6001f;
}

#codeBtn {
    background: #ddd;
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    padding: 5px 10px;
    text-decoration: none;
}

@media screen and (max-width: 640px) {
    #codeBtn {
        display: block;
        margin-top: 20px;
    }

    .Mailbox_validation .mailbox_btn {
        float: none;
    }

    .Mailbox_validation .add_line {
        margin-top: 40px;
        padding-left: 0px;
        text-align: center;
    }

    .main_banner_event, .main_banner_cart, .main_banner_mamber.make, .main_banner_mamber {
        height: 60px
    }

        .main_banner_event .cont .text, .main_banner_cart .cont .text, .main_banner_mamber .cont .text {
            top: 10px;
        }

    .xl_activity .box .left h3 {
        display: none;
    }

    .xl_activity .box .left h4 {
        font-size: 28px;
    }
}

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

.e_prolist_content .e_prolist_con.collo .pp_1.co01{ border: 5px solid #c8988a;}
.pp_1.co01 li h3.cth{ background-color: #c8988a;}
.e_prolist_content .e_prolist_con.collo .pp_1.co02{ border: 5px solid #9aa6a2;}
.pp_1.co02 li h3.cth{ background: #9aa6a2;}
.e_prolist_content .e_prolist_con.collo .pp_1.co03{ border: 5px solid #869baa;}
.pp_1.co03 li h3.cth{ background-color: #869baa;}
.e_prolist_content .e_prolist_con.collo .pp_1.co04{ border: 5px solid #0087D3;}
.pp_1.co04 li h3.cth{ background-color: #0087D3;}
.e_prolist_content .e_prolist_con.collo .pp_1.co05{ border: 5px solid #00BE21;}
.pp_1.co05 li h3.cth{ background-color: #00BE21;}

.new_head_ico_search{ height:30px; margin-top:17px; float:right; display:none;}
.new_head_ico_search img{ width:25px;}
.new_head_ico_member{ height:30px; margin-top:19px; float:right; display:none; padding:0 10px;}
.new_head_ico_member img{ width:20px;}
.new_head .ico .pc_ico{ width:auto; margin-top:8px; height:40px;}
.new_layout .layout_list a{ padding:0 10px; display:block;text-align: left;}
.layout_list .much {overflow:hidden;}
.layout_list .much,.layout_list .introduce,.pro_part_3 .introduce ul{ text-align:left;}
.layout_list .buy{ width:45px; height:45px;background: none; position:absolute; right:0; bottom:0px;}
.layout_list .buy a{ width:45px; height:45px;}
.layout_list .buy img{ width:30px; margin-top:10px;}
.layout_list .list_box .pic .new{ width:60px; top:0; left:0; margin:0;}
.layout_list .introduce li.sub2{ height:18px;}
.layout_list .sale{width:45px;height:45px;line-height:45px;font-size:16px;right:0;bottom: 0px;top:auto;left:auto;text-align:center;}
.flashsale .layout_list .sale, .flashsale .layout_list .buy{bottom: 40px;}


.new_long_search_re_bg{ position:fixed; width:100%; height:100%; padding:0; background: rgba(0, 0, 0, 0.7); left:0; top:60px; border-radius:0px; -moz-border-radius:0px; z-index:9; display:none;}
.new_long_search_re_bg .search_re{ background:#fff; padding:10px 55px 10px 10px;}
.new_long_search_re_bg .search_re .bb{ width:100%; height:30px; line-height:30px; background:#eee; border:0; text-indent:5px; border-radius:45px; -moz-border-radius:45px;}
.new_long_search_re_bg .search_re a{ width:40px; height:30px; display:block; text-align:center; position:absolute; right:55px; top:10px;}
.new_long_search_re_bg .search_re img{ width:22px; margin-top:4px;}
.new_long_search_re_bg .search_re .bnt_gb{ width:45px; height:50px; line-height:50px; text-align:center; font-size:30px; color:#333; background:#fff; position:absolute; right:10px; top:0;}
.new_long_search_re_bg .search_re .bnt_gb:hover{ text-decoration:none;}

.cart_in #li01 select {
    margin-bottom: 0 !important;
}
.new_fx_ico{ overflow:hidden; float:right;}
.new_fx_ico a{ width:30px; display:block; float:left; margin-right:10px;}
.new_fx_ico a img{ width:100%; border-radius: 5px; -moz-border-radius: 5px;}
.new_fx_ico a.buy{ margin-left:10px;}
.breadcrumb_box .new_fx_ico{ float:left;}
.new_xl_activity_banner,.xl_activity_shouji,.li_text,.top_menu li p span{ display:none;}


@media screen and (max-width: 1199px){
.new_head_ico_search{ display:block;margin-top:18px}
.new_head_ico_member{ display:block;margin-top:20px;}
.new_no_land,.new_search{ display:none;}
.new_menu .menu_right{ display:block; padding:8px 0 10px;}
.new_menu .menu_right li{ width:-moz-calc(20% - 5px); width:-webkit-calc(20% - 5px); width:calc(20% - 5px); margin-right:5px; float:left;}
/*.new_menu li .xl_menu{ position:fixed; height:100%; top:0; display:none; background:rgba(0, 0, 0, 0.7); z-index:999999 !important;}
.new_menu li .xl_menu .bg{ width:30%; background:#fff;}
.new_menu li .xl_menu a{ text-align:left; text-indent:1em; color:#666;}*/
.top_menu{ overflow-y:scroll; padding-top:60px;}
.top_menu .li_text{ width:80%; position:fixed; left:0; top:0; z-index:1;}
body.hov{overflow:hidden;}

.new_menu .menu_left{ display:none;}
.banner .prev,.banner .next{ width:35px; height:35px; background-size:65px auto;}

.new_adsense li{ width:48%; height:auto; margin:1%;}
.new_head .ico .m_ico{ width:35px; margin-top:13px;}
.main_banner_event,.main_banner_p{ display:none;}
.xl_activity .box .right{ width:auto;}
.box_js .bd{ width:400px; overflow:visible; margin:0 auto;}
.box_js .bd li{ width:49%;}
.box_js .hd .next{ right:0;top:45%;}
.box_js .hd .prev{ left:0;top:45%;}

.new_top .top .top_cont{ position:fixed; width:100%; height:100%; padding:0; background: rgba(0, 0, 0, 0.7); left:0; top:0px; border-radius:0px; -moz-border-radius:0px; z-index:999999999;}
.top_menu{ width:85%; height:100%; margin:inherit; background:#fff;}
.top_menu a{ text-align:left;}
.top_menu li p{ line-height:55px; background:none; border-bottom:1px solid #eee;}
.top_menu li p{ position:relative;}
.top_menu li p span{ width:15px; height:15px; line-height:0; font-size:0; position:absolute; right:20px; top:20px; display:block;}


.top .top_cont ul .li1 a,.top .top_cont ul .li1 a:hover{ color:#333;}
.top .top_cont ul .li1 ul{ width:100%; border:0; border-bottom:1px solid #eee;}
.top_menu li ul .li_f{ line-height:45px; border:0; margin-left:2em; border-bottom:1px solid #eee;}
.top .top_cont ul .li1 li a{ color:#333;}
.top_menu li.li1:last-child p{ border-bottom:1px solid #eee;}

.li_text,.top_menu li.li_text.selected{ display:block; line-height:60px; background:#564848; text-align:left; color:#fff; text-indent:1em; font-size:16px;}
.li_text span{ width:40px; font-size:20px; display:block; float:right;}

}



@media screen and (max-width: 817px){
.e_prolist_content .new_layout{ padding-top:15px;}
.new_layout .layout_list a{ padding:0;}
.new_layout ul.box{ padding:0;}
.main .main_content .event_con{ margin-bottom:0;}
.e_prolist_content .e_prolist_con{ padding-bottom:0;}
}


@media screen and (max-width: 640px){
.xl_activity .box .left h4{ float:left;}
.xl_activity .box .left .daojis{ float:right; padding-top:13px; height:54px;}
.xl_activity .box .left .daojis span{ margin:0;}
.xl_activity .box .left .daojis span,.xl_activity .box .left .daojis span.s{ width:35px; height:40px; font-size:16px;}
.xl_activity .box .left h5{ margin-top:10px;}




.right .right_change li.hov:after{ display:none;}
.pro_main .pro_part_1 .left{ display:none;}
.pro_main .cart_in{ width:100%; position:fixed; left:0; bottom:0; background:#fff; padding-bottom:2px; z-index:9999999; border-top:1px solid #eee;}
.pro_main .cart_in li{ margin:2px 10px;}
#top-link{ bottom:80px !important}
.breadcrumb_box .new_fx_ico{ margin-bottom:10px;  }
.main .main_content .mamber_con{ margin-top:10px;}
.main_banner_mamber,.new_menu .menu_left{ display:none;}
.new_xl_activity_banner{ position:relative; display:block;}
.new_xl_activity_banner .hd ul{ width:100%; position:absolute; left:0; bottom:20px; height:1px; overflow:visible; z-index:999;}
.new_xl_activity_banner .hd ul li{ width:10px; height:10px; margin:0 5px; display:inline-block; background:#eee; overflow:hidden; text-indent:2em; border-radius: 360px; -moz-border-radius: 360px;}
.new_xl_activity_banner .hd ul li.on{ background:#333;}
.new_xl_activity_banner .box_js .bd li{ width:100%;}
.box_js .bd{ width:100%;}


.xl_activity_pc{ display:none;}
.xl_activity_shouji{ display:block; position:relative;}

.xl_activity_shouji .box{ border:0;}
.xl_activity_shouji .bd li{ width:50%; margin:0 5px; float:left;}
.xl_activity_shouji .layout_list{ position:relative;}
.layout_list .introduce .erji_li{ color:#333;}
.layout_list .introduce .erji_li .size{ font-size:14px; }
.layout_list .introduce .erji_li .color{ color:#d71223;}
.layout_list .introduce .erji_li .sub2{ height:18px; color:#00f;margin-top:3px;}





}


@media screen and (max-width: 414px){
.new_fx_ico a{ margin-right:5px;}
.list_rank ul li{ padding:0 5px;}
.list_rank{ margin:5px 0;}
}

@media screen and (max-width: 375px){
.new_fx_ico a{ width:25px;}
.e_prolist_content .new_layout{ padding:10px 0 0;}
}

 
@charset "utf-8";
/* CSS Document */
body.hov{ overflow:hidden;}
.new_head .home_ico{ float:left; margin-top:10px;}
.new_head .home_ico img{ width:30px;margin-top:3px;}
.new_top_gn .pc_line_ico{ text-decoration:none;}
.new_top_gn .pc_line_ico img{ width:35px; height:35px;}
.m_line_ico{ display:none;}
.new_yes_land{ right:250px;}
.new_long_cart_bnt{ overflow:hidden; padding:10px 0;}
.new_long_cart_bnt a{ width:120px; line-height:38px; margin-right:10px; color:#FF0000; font-size:16px; display:block; float:left; border-radius:8px; -moz-border-radius:8px; border:1px solid #FF0000;}
.new_long_cart_bnt a.hov{ color:#fff; background:#FF0000;}
.clear{ clear:both;font-size:0px; line-height:0px;}
.flashsale .layout_list .buy{ bottom:2px;}


@media screen and (max-width: 1199px){
.new_head .home_ico{ margin-left:50px;}
.m_line_ico{ display:block; float:right; margin:17px 10px 0 0;}
.m_line_ico img{ width:25px;}
}

@media screen and (max-width: 640px){	
.pro_main .cart_in li{ float:left;}
.pro_main .cart_in li#li01{ float:right; padding-right: 10px;}
.pro_main .cart_in ul{ height:85px;}
.pro_main .cart_in li { margin:5px 0 0 10px;}
.pro_main .cart_in .new_fx_ico{ position:fixed; left:10px; bottom:10px;}
.new_long_cart_bnt{ position:fixed; right:0px; bottom:-5px; z-index:9999999}
}
@charset "utf-8";
/* CSS Document */
body.hov{ overflow:hidden;}
.new_head .home_ico{ float:left; margin-top:10px;}
.new_head .home_ico img{ width:30px;}
.new_head .ico{ float:right; margin-right:200px;}
.new_long_cart_bnt{ overflow:hidden; padding:10px 0;}
.new_long_cart_bnt a{ width:120px; line-height:38px; margin-right:10px; color:#FF0000; font-size:16px; display:block; float:left; border-radius:8px; -moz-border-radius:8px; border:1px solid #FF0000;}
.new_long_cart_bnt a.hov{ color:#fff; background:#FF0000;}

.warning{ font-size: 22px; font-weight: bold;  color: #FF0000; margin: 20px 0;}

.clear{ clear:both;font-size:0px; line-height:0px;}
.flashsale .layout_list .buy{ bottom:2px;}
.combine_box{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.7); z-index:99999; display:none;}
.combine_box .com_bg{ max-width:1200px; margin:20px auto; background:#fff; padding:10px; border-radius:10px; -moz-border-radius:10px; position:relative;}
.combine_box .com .box{ width:-moz-calc(20% - 10px); width:-webkit-calc(20% - 10px); width:calc(20% - 10px); text-align:left; float:left; margin:2px 5px;}
.combine_box .com .box .pic img{ width:100%;}
.combine_box .com .box p{margin-top: 5px; height: 40px;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.combine_box .com .box .xl{ height:30px; position:relative;}
.combine_box .com .box h3{ text-indent:10px; margin-top:10px; font-size:12px; font-weight:normal; line-height:30px; border:1px solid #ddd; border-radius:4px; -moz-border-radius:4px; cursor:pointer; position:relative;}
.combine_box .com .box h3:after{ width:0px; height:0px; content:""; display:block; position:absolute; right:10px; top:8px; border: 6px solid transparent; border-top: 6px solid #333; -webkit-transform:rotate(0deg); transform:rotate(0deg); transition: all 0.3s linear 0s;}
.combine_box .com .box ul{ width:100%; position:absolute; left:0; top:30px; border:1px solid #ddd; border-radius:4px; -moz-border-radius:4px; background:#fff; display:none; z-index:1; height:94px; overflow-y:scroll;}
.combine_box .com .box li{ color:#999; line-height:30px; margin:0 10px; border-bottom:1px solid #ddd; cursor:pointer;}
.combine_box .com .box li.on:hover{ color:#d71223;}
.combine_box .com .box li.on{ color:#333; text-decoration:none;line-height: 20px;padding:5px 0px;}
.combine_box .com .box li:last-child{ border:0;}
.combine_box .com .box li span{text-decoration:line-through; }
.combine_box .com_bg .bnt_xyb{ overflow:hidden; padding:20px 0 10px;}
.combine_box .com_bg .bnt_xyb a{ display:block; margin:0 auto; padding:15px 30px; background-color:#ce0000; color:#fff; text-decoration:none;}
.combine_box .com_bg .bnt_xyb a.left{ float:left; background:#999; margin-left:5px;}
.combine_box .com_bg .bnt_xyb a.right{ float:right; margin-right:10px;}
.combine_box .com_bg .bnt_xyb a.left img{ width:10px; margin-right:10px;}
.combine_box .com_bg .bnt_xyb a.right img{ width:10px; margin-left:10px;}

.combine_box .com .box.hov h3:after{ top:12px; -webkit-transform:rotate(0deg); transform:rotate(0deg);}
.combine_box .com .box.hov ul{ display:block;}
.long_zhsp_title{ text-align:left; text-indent:10px; line-height:50px; border:1px solid #ddd; margin-top:-21px;}
.long_zhsp_com{ overflow:hidden; margin-bottom:20px;}
.long_zhsp_com .long_zhsp_box{ width:50%; float:left; border:1px solid #ddd; margin-top:-1px;}
.long_zhsp_com .long_zhsp_box:nth-child(2n+0){ border-left:0;}
.long_zhsp_com .long_zhsp_pro{ width:170px; float:left; padding:20px;}
.long_zhsp_com .long_zhsp_pro img{ border:1px solid #ddd;}
.long_zhsp_com .long_zhsp_txt{ float:left; padding-top:55px;width:400px;}

.wrapper{ margin:10px 0; height:41px; border-bottom:1px solid #e6001f; position:relative; overflow:hidden;}
.wrapper li{ line-height:40px; float:left; border:1px solid #e6001f; border-bottom:0; border-left:0; cursor:pointer;}
.wrapper li:nth-child(1){ border-left:1px solid #e6001f;}
.wrapper li a{ padding:0 20px; display:block;color:#333}
.wrapper li.cur a{ color:#fff; background:#e6001f;}
.wrapper .scroller{position:absolute}
.wrapper .scroller li{ font-size:14px;}



@media screen and (max-width: 1199px){
.new_head .home_ico{ margin-left:50px;}
.new_head .ico{ margin-left:0; margin-right:5px;}
.long_zhsp_com .long_zhsp_txt{width:auto;}

}

@media screen and (max-width: 640px){	
.pro_main .cart_in li{ float:left;}
.pro_main .cart_in li#li01{ float:right;} 
.pro_main .cart_in li { margin:5px 0 0 10px;} 
.new_long_cart_bnt{ position:fixed; right:0px; bottom:-5px; z-index:9999999}
.combine_box .com_bg{ margin:0px; border-radius:0; -moz-border-radius:0; overflow-y:scroll;}
.combine_box .com .box{ width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:calc(50% - 10px);}
.long_zhsp_com .long_zhsp_pro{ float:none; margin:0 autol}
.long_zhsp_com .long_zhsp_txt{ height:35px; padding:0; margin:0px 10px 10px 10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}

.new_increase{ width:100%;}
.pro_main .pro_part_1 .left{ display:block;}
.pro_main .cart_in{ position:static;}
.new_long_cart_bnt{ width:100%; background:#fff; text-align:right; z-index:1;}
.new_long_cart_bnt a{ float:none; display:inline-block;}
.pro_main .cart_in .new_fx_ico{ position:absolute;left:10px; bottom:-45px}
.pro_main .cart_in ul{ width:100%; height:auto; background:#fff; position:fixed; left:0; bottom:55px; z-index:999;}

}