
/*========產品========*/
ul#productList li {
    width: 50%;
    float: left;
    min-height: 400px;
    margin-left:2.5%;
    margin-right:-5%;
}

#SIZE_CHOSE .ON { border: 2px solid #8f8176 !important; }
div.DATA_CONTENT > h3:nth-of-type(1) { 
	font-weight: bold;
    text-align: left;
    border: none;
    line-height: 1.8;
    margin: 0;
    color: #006d54;
}
.DATA_CONTENT p { font-size: 16px; line-height: 1.6; color: #666; }
.DATA_CONTENT table {
    max-width: 100%;
    width: auto;
}

ul#productList >li table td { 
    display: block; 
    /*margin:0 auto; */
    width:100%;
    height:100%;
    background-size:contain;
}
ul#productList >li table td img { width:100%; height:100%; height:160px; }
ul#productList > li table tr.action-btn-container td img{heighy:auto;}
.PRODUCT_UL h3 { 
   color: #000;
   font-size: 16px;
   font-weight: normal; 
}
.product-content { font-family: Microsoft JhengHei,"Arial","LiHei Pro", "Helvetica", "sans-serif"; }
ul.PRODUCT_COLOR li a { 
    width: 20px !important; 
    height:20px; 
    margin-right: 2px !important; 
}
article ul {
    margin:22px 0 0 -2%;
    /*width:95%;*/
}
article li:first-child a { font-size:19px; }
ul#productList> li:first-child { display: none !important; }

#SIZE_CHOSE h3 { 
	letter-spacing:1px; 
	font-weight:bold; 
	padding:20px 0 0;
}
#SIZE_CHOSE p { padding: 10px 0; }
#SIZE_CHOSE p select {
    font-size: 16px;
    height: 34px;
    margin: 0;
}
.addthis_inline_share_toolbox {
    width: 90%;
    margin: 0 auto;
}
td.product-content { padding-left:10px; }

.prd_price_group { 
    float:none; 
    /*padding-top:4px; 
    background: url(../images/mobile-sale.jpg);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: left 7px;
    text-indent: 0px;
    color: transparent;*/
}
span.prd_price_group .mobi_prd_price {
    padding: 1px 5px 0 0px;
    color:#666;
    text-decoration: none;
    background-color: #fff;
    margin-left: -10px;
    /*display: inline-block;
    position: relative;
    left:-5px;
    font-size:14px;
    line-height: 28px;*/
}
span.prd_price_group .mobi_prd_price2 { 
    padding:0 4px 0 0;
    background:#fff; 
    margin-top:-5px;
	margin-left:-19px;
    font-weight:normal;
    font-size: 1em;
}
.addtocart_btnx {
    display: block !important;
    background-image: url(../templates/buy1.jpg);
    background-size: 100%;
    width: 110px;
    text-indent: -9999px !important;
    height: 30px;
    margin: 31px auto 0;
    position: relative !important;
    color:transparent; 
    left:0;
}
.more a { 
    padding:0; 
    clear:both; 
    margin-bottom:10px; 
    background-image:url(../images/mobi_more.png);
    background-size: cover;
    width: 100px;
    z-index:300; 
}

td.mobi_prd_title { 
    font-size:16px; 
    font-weight:bold; 
    overflow:hidden; 
    width:auto; 
}
span.mobi_prd_descript {
    height: 21px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    max-width: 160px;
    font-size: 14px;
    margin: 10px 0;
}
article a { 
    border:none; 
    background:none; 
    padding:0 5px 0 10px; 
}

.PRODUCT_UL a { color:#000; }
article a:hover { background:#fff !important; color:inherit; }


/*===產品簡述===*/
div.mobi_prd_descript2 {
    display: block;
    font-size: 16px;
    width: 90%;
    margin: 0 auto;
    text-align: left;
    line-height: 1.6;
    font-size:16px; 
	letter-spacing:1px;
}

.mobi_prd_descript2.group-spec-item pre {
    white-space: normal;
    word-wrap: normal;
    border: none;
    background-color: transparent;
    border-radius: 0;
    font-family: "蘋果儷黑體",Apple LiGothic Medium, "Arial" , Microsoft JhengHei, "Helvetica", "sans-serif";
    font-size: 16px;
    padding: 0;
	margin:0;
    font-weight: normal;
}
div#SIZE_CHOSE {
    width: 90%;
    margin: 0 auto;
}
div#SIZE_CHOSE ul.PRODUCT_COLOR li {
    width: 36px;
    display: inline-block;
    height: 36px;
}
div#SIZE_CHOSE ul.PRODUCT_COLOR li a { width: 30px !IMPORTANT; }
.sub-product-size { padding: 5px 20px; }
#SIZE_CHOSE ul.PRODUCT_COLOR, #SIZE_CHOSE ul.PRODUCT_SIZE {
	padding:5px 0;
	width:100%;	
}

/*===產品價格===*/
.product-no-item, form .mobi_prd_descript2:nth-child(2) { display:block !important; }
form .mobi_prd_descript2.mobi_prd_descript { 
    font-size:16px; 
    color:#666; 
    text-align:left; 
    max-width:90%; 
    margin:0 auto; 
	padding-bottom:0;
}
form .mobi_prd_descript2.mobi_prd_descript span.font_s { font-size:16px; }
form .mobi_prd_descript2.mobi_prd_descript span.c01_member_price { font-size: 16px; }
form .mobi_prd_descript2 .font_s { /*font-size:20px;*/ }
form .mobi_prd_descript2 { 
    text-align: left; 
    color: #c00;
    font-weight: normal; 
    padding: 0 0 20px;
}
div.mobi_prd_descript2 span.c01_member_price { font-size: 1em; }
div.mobi_prd_descript2.group-spec-item { 
	text-align: left; 
	color:#666;
}

.product-number { 
    text-align:center; 
    width:100%; 
    margin:20px auto -16px; 
}
.product-number select[id="select_num"] { 
    margin-top: 0px;
    width: 40%;
    margin-left: 9px;
    border-radius: 0;
    background:#fff;
    font-size: 16px;
}

/*===產品分類頁===*/
a.icon1, a:hover.icon1 { 
    line-height:50px; 
    font-size:1em; 
    color:#333; 
    font-weight:normal; 
    background:none; 
}
article ul.SIDE_UL li a { 
	line-height:36px; 
	padding-left:45px; 
	font-weight:normal; 
	border:none; 
	background:url(../images/lvpbutton05.gif);
	background-size:95%; 
	background-repeat:no-repeat; 
	background-position:right; 
	color:#666; 
	margin-right:10px; 
	font-size:16px; 
}

ul#RECOMMAND{margin-left:0 !important;}

ul.RECOMMAND{ 
    width:100%; 
    margin:0 auto; 
    display:block; 
    padding: 2%; 
    clear:both;    
    box-sizing: border-box;
}
ul.RECOMMAND li{ 
    list-style: none;
    display: block;
    float: left;
    padding: 2%;
    min-height: 20px;
    margin-bottom: 10px;
    width: auto;
    max-width: 48%;
}
ul.RECOMMAND li.item_list { 
	min-width:150px; 
	max-width:200px; 
	min-height:400px; 
}
ul.RECOMMAND li table td { background-size:100%; }
ul.RECOMMAND li a { color:#000; text-decoration:none; }
ul.RECOMMAND li a img {
    width:100%; 
    height:100%; 
    min-width:auto; 
    min-height:auto;
}
ul.RECOMMAND li.item_list { 
    width:45%; 
    margin-right: -5%;  
    margin-left: 2%;
}

table.selectlinks.ke-zeroborder { width:50% !important; }
ul.PRODUCT_COLOR{ 
	display:table-cell; 
	margin:0 auto; 
	width: 100%; 
	padding:5px 0px; 
}
ul.PRODUCT_COLOR li {
	padding:0;
	min-height:auto !Important; 
	float:none !Important;
	display:table-cell;
}
ul.PRODUCT_COLOR li a{ 
    list-style:none; 
    display:block; 
    float:left; 
    margin:1px 7px 1px 0 !important; 
    width:20px; 
    height:20px; 
    border:1px solid #ccc;
	overflow:hidden;
}
a.COLOR_RED {
    background-color: #fff !important;
    font-size: 16px !important;
}
td.mobi_prd_title br { display: none; }

.RECOMMAND table td { 
    width:100%; 
    min-width:160px; 
    height:auto; 
}
ul.RECOMMAND li a img{ /* width:170px !important; */}

table.PRODUCT_TB td { border:none; }
#add_cart_x {
    background-color: #8f8176 !important;
    display: block;
    background-image: none;
    color: #fff;
    width: 90% !important;
    letter-spacing: 1px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    border-radius: 5px;
}
.item .item-name{font-size:15px; line-height:24px;}
div.item-info.price{ width:80px !important; }
div.info-box .price{display:none;}
h2{margin:10px auto;}
h2 a strong{font-size:18px; font-weight:normal; word-break: break-word;}
.mobile_table_c .red{
	/*color:#FFF;*/ 
	display:inline-block;
    width: 100%;
    box-sizing: border-box;
    max-height: 40px;
}

/*===購物車===*/
form#mobile_cart_goods ul.PRODUCT_UL {
    margin-top: 0 !important;
    font-size: 16px;
    height: auto !important;
}
.PRODUCT_BUY a {
    background-color: #8f8176 !important;
    background-image: none;
    border-radius: 5px;
    letter-spacing: 1px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border: none;
}
ul.STEP_UL li.STEP_ON {
    background-color: #8f8176;
}
ul.STEP_UL {
    /*margin: 20px 20px 70px;*/
}
form#mobile_cart_goods { margin-top:0; }
form fieldset.Consignee {
    border: none;
    width: 90%;
    margin: 0 auto;
    padding: 0;
}
.Consignee h3 {
    padding-left: 0;
    margin: 5px 0;
}
fieldset.Consignee .item-info.qt {
    padding-left: 0 !IMPORTANT;
}
fieldset.Consignee .item-info.qt select {
    width: auto !important;
    font-size: 16px !important;
    height: auto !important;
}
.FormWrap {
    padding: 0;
    width: 100%;
    margin: 0 auto;
}
.ItemBox input.Text {
	width: 95%;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #8e8e8e;
    height: 30px;
    font-size: 16px;
    line-height: 1.8;
	margin:0 0 10px;
	font-family:inherit;
}
.FormWrap .ItemHead {
    font-size: 1em;
    line-height: 1.8;
}
.input, .input-2, .product-memo-input { 
    height:30px !important; 
	padding:3px;
    border-radius: 0;
    box-shadow: none;
    font-size: 16px !important;
    border: 1px solid #a0a0a0;
}
div#addr_d_tw select { width: auto; }
.Consignee h3 .squaredFour { display: inline-table; }
.ItemBox textarea { 
    width: 95%;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #8e8e8e;
	font-size:16px;
	line-height:1.8;
}

a.NO_PRODUCT_COLOR img{
   /* width: 24px !important; */
   /* height: 24px !important; */
    display:block;
    background-size: 30px 30px;
}

a.NO_PRODUCT_COLOR{position:relative;}
img.NO_MASK {
    width: 26px !important;
    height: 26px !important;
    position: absolute;
    left: -3px;
    top: -3px;
    z-index: 1;
}
tr#product_size img.NO_MASK {
    width: 30px !important;
    height: 30px !important;
}
#SIZE_CHOSE .PRODUCT_COLOR a.NO_PRODUCT_COLOR img.NO_MASK{
    width: 36px !important;
    height: 36px !important;
}

/*===產品內頁===*/
span.PRODUCT_TITLE {
    margin-top: 0;
    width: 90%;
    margin: 0 auto;
    padding: 15px 0 0;
    color: #000;
	font-size:22px;
}
.bx-wrapper {
    border: none;
    width: 90%;
    box-shadow: none;
    margin: 0 auto 10px;
}
ul.PRODUCT_UL {
    text-indent: 0px;
    font-size: 13px;
    width: 90%;
    margin: 60px auto 0 !important;
    height: 40px !important;
    font-weight: normal;
}


/*會員中心頁面*/
ul.STEP_UL li.no_bg a { font-size: 16px; }
.STEP_UL a { font-size: 16px; }
.mm-page.mm-slideout ul.PRODUCT_UL {
    /*margin: 0 auto !important;
    display: none;*/
}
form#member_fm { margin-top: -50px; }
form#member_fm fieldset.Consignee {
    font-size: 16px;
    line-height: 1.8;
}
form#member_fm fieldset.Consignee input {
    font-size: 16px !important;
    border-radius: 5px;
    box-shadow: 0 0 0;
}
input[type="radio"] {
    -webkit-border-radius: 2em !important;
}
.ItemBox select {
    border-radius: 5px;
    font-size: 15px !important;
}
.ItemBox textarea { border-radius: 5px; }

.RESULT_TB td { font-size: 13px; }
table#m_ecoupon_parent { margin-top: 70px; }
table#m_ecoupon_1 { font-size: 15px; }
table#m_ecoupon_parent table {
    border: 0;
    border-spacing: 0;
}

/*加入會員*/
form#login_fm table.LOGIN_NEW_m td { background: transparent; }
.FormWrap input { box-shadow: 0 0 0 !important; }
.LOGIN_NEW_m a#SUBMIT_BTN, .LOGIN_NEW_m a#LOGIN_BTN {
    width: 81% !important;
    background: #8f8176;
    box-shadow: 0 0 0;
}
.LOGIN_NEW_m td.data-content {
    padding: 5px 0;
}
table.LOGIN_NEW_m td[align="center"][valign="bottom"] {
    text-align: left;
}
img[src="./templates/p_description_m.jpg"] { 
    width:100%; 
    max-width: 400px;
}
#CONTENT ul table[width="159"] { width: auto; }
#CONTENT ul table[width="159"] td { padding: 3px; }
.mobile_table_c {
    width: 95%;
    padding: 0;
    margin: 0;
}
.mobile_table_c .red { color: inherit; }
.mobile_table_c span.red a {
    display: inline-block;
    text-decoration: underline !important;
}
.mobile_table_c input#tel_home { width: 18% !important; }
.mobile_table_c select {
    height: 30px;
    box-shadow: 0 0 0 !important;
    font-size: 16px;
}
.mobile_table_c textarea {
    height: auto !important;
    box-shadow: 0 0 0 !important;
}
td.data-bg { background: #fff; }
td.data-bg p { padding: 0; }
td.data-bg p a { color: #2a85d0; }



@media screen and (max-width: 1024px) and (min-width:769px) {

ul.RECOMMAND li { 
    max-width:25%; 
}
#PRODUCT_CONTENT_LIST ul.RECOMMAND li {
    width: 46%;
}
#PRODUCT_CONTENT_LIST  ul.RECOMMAND li{ 
	list-style: none;
    display: inline-block;
    float: left;
    padding: 2%;
    min-height: 400px;
    margin-bottom: 10px;
    margin: -1px 0px 0px 0px;
}
#PRODUCT_CONTENT_LIST ul.RECOMMAND li.item_list{ width:40%; margin-right: 0;  margin-left: 0;}
#PRODUCT_CONTENT_LIST ul.PRODUCT_COLOR{ 
	display:table-cell; 
	margin:0 auto; 
	width: 100%; 
	padding:5px 0px; 
	padding-left: 0;
}
#PRODUCT_CONTENT_LIST ul.PRODUCT_COLOR li{min-height:20px; height:20px;}
#PRODUCT_CONTENT_LIST ul.RECOMMAND li a img {
    width: 160px;
    height: 160px;
	min-width:160px;
	min-height:160px;
}
#PRODUCT_CONTENT_LIST ul.PRODUCT_COLOR li img{
    width: 20px;
    height: 20px;
    min-width:20px;
    min-height:20px;
}
}


@media screen and (min-width: 768px) {
#HEADER a img {
    left: 36% !important;
    right: 36%;
}
ul.RECOMMAND li.item_list{
    width: 34%;
    margin-right: -1%;
    margin-left: 1%;
}
#PRODUCT_CONTENT_LIST  ul.RECOMMAND li {
    width: 30%;
    margin-right: -1%;
    margin-left: 0;
}
ul#productList li { 
    width:25% !important; 
    min-height:410px;
	margin-right:-3.5%;
}
}

@media screen and (min-width:1024px) {
#HEADER a img {
    left: 40% !important;
    right: 40%;
}
}

@media screen and (max-width: 374px) and (min-width: 360px) {
    ul.RECOMMAND li { max-width:48%; }
}
@media screen and (min-width: 321px) and (max-width: 360px) {
    ul.RECOMMAND li { max-width:47%; }
}

@media screen and (max-width: 320px) {

.addtocart_btnx { left:-15px; }
article a { padding:0 15px; }

ul#productList li {
	margin-left:1.5%;
	margin-right:-5%;
}
ul.RECOMMAND li{ 
    list-style:none; 
    display:inline; 
    float:left; 
    padding:1px; 
    min-height: 350px;  
    margin-bottom: 10px;
    margin-left:-1%;
    margin-right:1%;
    /*max-width:44% !important;
    width:auto !important;*/
}
ul#productList >li table td img { max-width:140px !important; }
ul#productList >li table td {
    max-width: 140px !important;
    min-width: 140px;
    width:100%;
    height:100%; 
}
ul.RECOMMAND li.item_list{ 
    width:40%; 
    margin-right: 0; 
    margin-left: 0;
}
ul.PRODUCT_COLOR{ 
    display:table-cell; 
    margin:0 auto; 
    width: 100%; 
    padding:5px 0px;
}
#PRODUCT_CONTENT_LIST  ul.RECOMMAND li{	
    list-style: none;
    display: inline-block;
    float: left;
    padding: 2%;
    min-height: 20px;
    margin-bottom: 10px;
    margin: -1px 0px 0px 0px;
    width:100%;
 }
#PRODUCT_CONTENT_LIST ul.RECOMMAND li.item_list{ 
	width:40%; 
	margin-right: 0;  
	margin-left: 0;
}

#PRODUCT_CONTENT_LIST ul.PRODUCT_COLOR{ 
	display:table-cell; 
	margin:0 auto; 
	width: 100%; 
	padding:5px 15px; 
	padding-left:0; 
}

#PRODUCT_CONTENT_LIST ul.RECOMMAND li a img {
    width: 160px;
    height: 160px;
	min-width:160px;
	min-height:160px;
}
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{ @media {
ul.PRODUCT_COLOR li a:active span{
   display: block;
   position: absolute;
   top: -50px;
   left: -25px;
   width: auto;
   min-width: 70px;
   padding: 2px 3px;
   margin: 5px;
   z-index: 100;
   color: #fff;
   background: #000;
   /* border:1px solid #ccc; */
   font-size: 13px;
   text-align: center;
   }

}}
@supports (-webkit-text-size-adjust:none) and (not (-ms-accelerator:true))
and (not (-moz-appearance:none))
{
ul.PRODUCT_COLOR li a:active span{
   display: block;
   position: absolute;
   top: -50px;
   left: -20px;
   width: auto;
   min-width: 70px;
   padding: 2px 3px;
   margin: 5px;
   z-index: 100;
   color: #fff;
   background: #000;
   /* border:1px solid #ccc; */
   font-size: 13px;
   text-align: center;
   }
}
