@charset "utf-8";

/*產品專用(暫定)的第二及第三層選單*/
.Showroom .member-menu li .SubMenu { width:100%; min-width:1080px; min-height:35px; height:auto; overflow:visible; position:absolute; top:245px; left:0; border-bottom:1px solid rgba(0,0,0,0.2); z-index:9999; background:white;}
.Showroom .member-menu li .SubMenu > ul { width:1080px; min-height:35px; height:auto; overflow:visible; margin:5px auto;}
.Showroom .member-menu li .SubMenu > ul > li { min-height:35px; height:auto; line-height:35px; background:url(../Images/Layout/UI/Showroom/Submenuli.png)no-repeat center 20px; font-size:0.8rem; font-weight:normal; color:black; overflow:visible; }
.Showroom .member-menu li .SubMenu > ul > li a:link { height:35px; line-height:35px; color:rgba(0,0,0,0.7); background:none; background:white;}
.Showroom .member-menu li .SubMenu > ul > li ul.ThirdMenu { min-width:1080px; width:100%; height:auto; overflow:hidden; margin:0 auto; padding-bottom:10px; display:none;margin-bottom:10px; position:absolute; left:0; top:40px; border-bottom:1px solid rgba(0,0,0,0.2); background:white;}
.Showroom .member-menu li .SubMenu > ul > li ul.ThirdMenu .max-w-box {background:rgba(0,0,0,0.05); padding:10px 0;}
.Showroom .member-menu li .SubMenu > ul > li ul.ThirdMenu li { width:10%; height:30px; line-height:30px; font-size:0.8rem; background:none; text-align:center; padding:0; margin:0;}
.Showroom .member-menu li .SubMenu > ul > li ul.ThirdMenu li a { width:100%; height:30px; line-height:30px;}
.Showroom .member-menu li .SubMenu > ul > li:hover { background:url(../Images/Layout/UI/Showroom/Submenuli.png) no-repeat center 20px;}
.Showroom .member-menu li .SubMenu > ul > li:hover a { color:black;}
.Showroom .member-menu li .SubMenu > ul > li:hover > ul.ThirdMenu { display:block;}
.Showroom .member-menu li .SubMenu > ul > li:hover > ul.ThirdMenu li a { color:rgba(0,0,0,0.4);}
.Showroom .member-menu li .SubMenu > ul > li:hover > ul.ThirdMenu li a:hover { color:rgba(0,0,0,0.7); text-decoration:underline;}

/*============================================ 產品START===================================================*/
/*#id_ShipFee, */#id_invoicename, #id_invoice { display:none;}

/*1-1上方分類搜尋------------------------*/
.Showroom .ProductSearch { width:100%; height:auto; overflow:hidden;}
.Showroom .ProductSearch select { float:left; margin-right:10px; height:20px; line-height:20px; outline:none; border:1px solid rgba(0,0,0,0.2); margin:5px;}
.Showroom .ProductSearch .Search { width:auto; height:25px; overflow:hidden; float:left; margin:5px;}
.Showroom .ProductSearch .Search .SeatchText { height:20px; line-height:20px; border:1px solid rgba(0,0,0,0.2); color:rgba(0,0,0,0.7); padding:0 5px; float:left;}
.Showroom .ProductSearch .Search .SearchBtn { width:25px; height:25px; line-height:25px; outline:none; background:url(../Images/Layout/UI/SearchBtn.png) no-repeat; float:right; padding:0; text-indent:-9999px; border:none; cursor:pointer;}
/*1-2內容列表------------------------*/
/*Showroom04*/
.Showroom .ProductList { width:100%; height:auto; overflow:hidden; padding:20px 0; margin:0 auto;}
.Showroom .ProductList * { padding:0; margin:0; list-style:none;}
.Showroom .ProductList ul { width:100%; height:auto; overflow:hidden;}
.Showroom .ProductList li { width:100%; max-width:190px; height:190px; overflow:hidden; margin:0 10px 10px 0; text-align:center; float:left;}
.Showroom .ProductList li img { max-width:100%; height:auto; max-height:190px;}
.Showroom .ProductList li.Big { width:100%; max-width:390px; height:390px;}
.Showroom .ProductList li.Big img { max-height:390px;}
.Showroom .ProductList .SectionWrapper { width:10; height:20; overflow:hidden; float:left;}
/*Showroom07*/
.Showroom .ProductListOne { width:100%; height:auto; overflow:hidden; padding:20px 0; margin:0 auto;}
.Showroom .ProductListOne * { padding:0; margin:0; list-style:none;}
.Showroom .ProductListOne ul { width:20%; height:auto; overflow:hidden; padding:5px; float:left;}
.Showroom .ProductListOne ul:nth-of-type(5n+1) { clear:both;}
.Showroom .ProductListOne ul li { width:100%; height:auto; overflow:hidden;}
.Showroom .ProductListOne ul li a { width:100%; height:auto; overflow:hidden; display:block;}
.Showroom .ProductListOne ul li a img { width:100%; height:auto; display:block;}

/* ======== Product Start ======== */
.Showroom .productlist { width:100%; height:auto; overflow:hidden; padding:0; margin:0;}
.Showroom .productlist * { padding:0; margin:0; list-style:none;}
.Showroom .productlist ul { width:100%; height:auto; overflow:hidden;
display: flex;
flex-wrap:wrap;}
.Showroom .productlist li { flex-shrink:0; width:calc( 33.33% - 30px ); height:auto; overflow:hidden; float:left; margin:15px; background: #fff; border: 1px solid #e0e0e0; border-radius: 20px; padding-bottom:70px; display: flex; flex-direction: column; transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; overflow: hidden;}
.Showroom .productlist li:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);border: 1px solid #fbdca8;}

/*產品列表*/
.Showroom .productlist .img { width:100%; height:auto; position:relative;}
.Showroom .productlist .img .btn-arrow { position: absolute; bottom: -20px; right: 20px; width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 18px; border: 2px solid #fff; cursor: pointer; z-index: 2; transition: background-color 0.3s; background-color: #5085c8;}
.Showroom .productlist .img .btn-arrow a { padding:0; background:none; opacity:0; width:100%; height:100%; top:0; left:0; position:absolute;}
.Showroom .productlist .img:hover .btn-arrow { background-color: #f5a623; }
.Showroom .productlist .img .btn-arrow::after { content: ''; display: block; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); margin-right: 2px; }
.Showroom .productlist .img a { display:block; width:100%; height:auto; position:relative; padding-top:70%; background-color: #eee; overflow: hidden;}
.Showroom .productlist .img a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; aspect-ratio:4/3; }

.Showroom .productlist .img a:hover:before { opacity:0;}
.Showroom .productlist .img img { display:block; float:left; width:100%; height:auto; transition:all .5s;}
.Showroom .productlist .img a:hover img {
transform: scale(1.1);}

.Showroom .productlist .img.sell-out { position:relative;}
.Showroom .productlist .img.sell-out:before { content:'已售完'; display:block; width:80px; height:auto; overflow:hidden; position:absolute; top:0; left:0; background:Crimson; color:white; z-index:1; font-size:0.8rem; padding:10px;}
.Showroom .productlist .productname { font-size: 22px; font-weight: bold; margin: 0 0 12px 0; color: #222; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.Showroom .productlist .productname a { width:100%; display:block; height:auto; padding:20px; padding-bottom:0; text-decoration:none;
/*基礎動畫設定*/
transition:all .5s;}
.Showroom .productlist li:hover .productname a { color: #f5a623; }
.Showroom .productlist .productpricecontent { width:100%; height:auto; overflow:hidden;
display: flex;
flex-wrap:wrap;}
.Showroom .productlist .productpricecontent > * { padding:0 20px; display:block; overflow:hidden;}
.Showroom .productlist .productpricecontent .spec { width:100%; font-size:0.7em; white-space:nowrap; text-overflow: ellipsis; white-space:normal; margin-bottom:10px;}
.Showroom .productlist .productpricecontent .spec:empty { display:none;}
.Showroom .productlist .productpricecontent > .price-wrap { margin-bottom:20px;
display: flex;
justify-content:space-between;
flex-wrap:wrap;}
.Showroom .productlist .productpricecontent .productprice  { width:auto; max-width:50%; padding:0;font-size:14px;
display: flex;
align-items:center;
flex-wrap:wrap;}
.Showroom .productlist .productpricecontent .productprice small { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; padding:5px 10px; border:1px solid #ccc; border-radius:30px; margin-right:5px; font-size:14px;}
.Showroom .productlist .productpricecontent .bt-wrap { position:absolute; left:0; bottom:10px; padding-top:10px; border-top:1px dotted #ccc;
display: flex;
justify-content:space-between;
flex-wrap:wrap;}
.Showroom .productlist .productpricecontent .add-compare { width:auto; display:inline-block; font-size:14px; padding:10px; padding-left:0; line-height:20px; height:40px;}
.Showroom .productlist .productpricecontent .add-compare input { width:20px; height:20px; margin-right:5px; float:left;}
.Showroom .productlist .productpricecontent .application { width:auto; display:inline-block; order:4; font-size:14px; background:#5185c5; color:white; padding:10px;}
.Showroom .productlist .productcolor { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Showroom .productlist .productcolor ul { width:100%; height:auto; overflow:hidden; text-align:center;
display: flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;}
.Showroom .productlist .productcolor ul li { width:20px; height:20px; overflow:hidden; display:block; margin:0 5px; float:none; padding:0;}
.Showroom .productlist .productcolor ul li a { display:block; width:100%; height:auto; overflow:hidden;}
.Showroom .productlist .productcolor ul li img { width:20px; height:20px; display:block; }
.Showroom .productprice { width:100%; height:auto; overflow:hidden; display:block; color:black; }
.Showroom .productprice.NG { text-decoration:line-through; color:rgba(0,0,0,0.3); font-size:0.8rem;}
.Showroom .productprice small { font-size:0.6rem;}
.Showroom .productsaleprice { width:auto; max-width:50%; height:auto; overflow:hidden; display:block; color:Crimson;  font-weight:bold; }
.Showroom .productsaleprice.NG { text-decoration:line-through; color:rgba(0,0,0,0.3); font-size:0.8rem; font-weight:normal;}
.Showroom .productsaleprice small { font-size:0.6rem;}
.Showroom .productmemberprice { width:100%; height:auto; overflow:hidden; display:block; color:Crimson; font-size:0.8rem; font-weight:bold;  }

/*產品內頁*/
.Showroom .product-detail-descr { width:100%; max-width:1024px; margin:0 auto; height:auto; overflow:hidden; background:#ecf4fb; padding:0 20px;}
.Showroom .product-detail-descr ul { width:100%; height:40px; padding:0; margin:0; list-style:none;}
.Showroom .product-detail-descr ul li.product-detail-descr-li { float:left; width:120px; height:40px; line-height:40px; margin:0; list-style:none; padding:0; cursor:pointer; position:relative; }
.Showroom .product-detail-descr ul li.product-detail-descr-li span { display:block; text-align:center; width:100%; height:auto; overflow:hidden; opacity:0.5;
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.Showroom .product-detail-descr ul li.product-detail-descr-li.selected:before { content:''; display:block; width:100%; height:40px; position:absolute; left:0; bottom:-1px; border:1px solid rgba(0,0,0,0.2); border-bottom:1px solid white;}
.Showroom .product-detail-descr ul li.product-detail-descr-li.selected span { opacity:1;}
.Showroom .product-detail-descr .content { border-bottom:1px solid #ccc; padding:15px;}
.Showroom .product-detail-descr .content > *:first-child { margin-top:0;}
.Showroom .product-detail-descr .content > *:last-child { margin-bottom:0;}
.Showroom .product-detail-descr .contentyoutube { text-align:center; background-image:none; }
.Showroom .product-detail-image-left { width:100%; height:auto; overflow:hidden;}
.Showroom .product-detail-image-right { width:100%; height:auto; max-width:1610px; max-width:1024px; max-width:1280px; margin:0 auto; overflow:hidden; background:#ecf4fb; padding:20px; padding-bottom:0;}
.Showroom .product-detail-image-right ~ .UrlNameDiv { width:49%; height:auto; overflow:hidden; float:right;}
.Showroom .product-detail-image-right ~ .UrlNameDiv > a { display:inline-block; width:auto; height:30px; height:auto; min-height:30px; line-height:20px; padding:5px 10px; text-align:center; color:white; border:1px solid rgba(0,110,180,1); float:left; margin:5px 0; margin-right:5px; text-align:left; text-decoration:none; font-size:0.8rem;
/*讓過長的產品名稱強制斷行*/
word-wrap:break-word;word-break:break-all;
/*圓角*/
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
/*背景漸層*/
background:rgba(255,100,0,1);
background:-moz-linear-gradient(top, rgba(0,150,255,1) 0%, rgba(0,120,200,1) 50%, rgba(0,120,200,1) 50%, rgba(0,110,180,1) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,150,255,1)), color-stop(50%, rgba(0,120,200,1)), color-stop(50%, rgba(0,120,200,1)), color-stop(100%, rgba(0,110,180,1)));
background:-webkit-linear-gradient(top, rgba(0,150,255,1) 0%, rgba(0,120,200,1) 50%, rgba(0,120,200,1) 50%, rgba(0,110,180,1) 100%);
background:-o-linear-gradient(top, rgba(0,150,255,1) 0%, rgba(0,120,200,1) 50%, rgba(0,120,200,1) 50%, rgba(0,110,180,1) 100%);
background:-ms-linear-gradient(top, rgba(0,150,255,1) 0%, rgba(0,120,200,1) 50%, rgba(0,120,200,1) 50%, rgba(0,110,180,1) 100%); }

.Showroom .product-detail-image-right ~ .UrlNameDiv > a:hover { /*背景漸層*/
background:rgba(0,110,180,1);
background:-moz-linear-gradient(top, rgba(0,110,180,1) 0%, rgba(0,120,200,1) 50%, rgba(0,110,180,1) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,110,180,1)), color-stop(50%, rgba(0,120,200,1)), color-stop(100%, rgba(0,110,180,1)));
background:-webkit-linear-gradient(top, rgba(0,110,180,1) 0%, rgba(0,120,200,1) 50%, rgba(0,110,180,1) 100%);
background:-o-linear-gradient(top, rgba(0,110,180,1) 0%, rgba(0,120,200,1) 50%, rgba(0,110,180,1) 100%);
background:-ms-linear-gradient(top, rgba(0,110,180,1) 0%, rgba(0,120,200,1) 50%, rgba(0,110,180,1) 100%); }
.Showroom .product-detail-smallimage { width:100%; height:auto; overflow:hidden; float:left; text-align:left; }
.Showroom .product-detail-smallimage * { padding:0; margin:0; list-style:none;}
.Showroom .product-detail-smallimage ul { width:100%; height:auto; overflow:hidden;
-webkit-flex-display:flex; display: flex;
-webkit-align-items:center; align-items:center;
-webkit-justify-content:center; justify-content:center;
flex-wrap:wrap;}
.Showroom .product-detail-smallimage ul li { float:left; width:9%; height:auto; overflow:hidden; margin:0; margin-right:1%;}
.Showroom .product-detail-smallimage ul li div { width:100%; height:auto; overflow:hidden; border:rgba(0,0,0,0.2) 1px solid;
-webkit-flex-display:flex; display: flex;
-webkit-align-items:center; align-items:center;
-webkit-justify-content:center; justify-content:center;}
.Showroom .product-detail-smallimage ul li img { width:100%; height:auto; cursor:pointer; display:block; margin:0 auto;}
.Showroom .product-detail-image { width:100%; height:auto; overflow:hidden;}
.Showroom .product-detail-image a { display:block; width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.Showroom .product-detail-image img { border:rgba(0,0,0,0.2) 1px solid; border:none;}
.Showroom .product-detail-content { width:100%; height:auto; overflow:hidden; float:left; font-size:0.8em; padding:15px; border-bottom:1px solid #ccc;}
.Showroom .product-detail-content > h2.product { width:100%; height:auto; overflow:hidden; padding:0; margin:0; font-size:1.5rem; margin-bottom:10px;}
.Showroom .product-detail-content td.lefttitle { width:80px; white-space:nowrap; text-align:left; vertical-align:top; color:rgba(0,0,0,0.7); padding:5px 15px 5px 0; }
.Showroom .product-detail-content td.qtytitle { padding:5px 15px 5px 0; }
.Showroom .product-detail-content td.data { text-align:left; vertical-align:top; color:rgba(0,0,0,0.6); padding:5px 0 5px 0; }
.Showroom .product-detail-content td.data > div { width:100%; height:auto; overflow:hidden;}
.Showroom .product-detail-content td.data > div * { padding:0; text-decoration:none;}
.Showroom .product-detail-content a { text-decoration:none;}
/*20181127 產品內頁架修改調整 By Karen*/
.Showroom .product-detail-content-ul { width:100%; height:auto; overflow:hidden; padding:0; margin:0 auto;
display: flex; flex-wrap:wrap;}
.Showroom .product-detail-content-ul * { margin:0; padding:0; list-style:none;}
.Showroom .product-detail-content-ul li { width:100%; height:auto; overflow:hidden; margin-bottom:10px; display: flex; flex-wrap:wrap; align-items:center;}
.Showroom .product-detail-content-ul li.ShoppingListBtn { margin-top:10px; margin-bottom:0;}
.Showroom .product-detail-content-ul li.Sale { padding-left:0;color:Crimson;}
.Showroom .product-detail-content-ul li.Sale a:link,
.Showroom .product-detail-content-ul li.Sale a:visited,
.Showroom .product-detail-content-ul li.Sale a:hover,
.Showroom .product-detail-content-ul li.Sale a:active { color:Crimson; font-weight:bold;}
.Showroom .product-detail-content-ul li.Btn { padding-left:0;}
.Showroom .product-detail-content-ul li.Btn a:nth-child(1) { margin-right:5px;}
.Showroom .product-detail-content-ul li .lefttitle { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; padding:5px 10px; border:1px solid #ccc; border-radius:30px; margin-right:5px; background:white;}
.Showroom .product-detail-content-ul li .data { width:calc(100% - 90px); padding:5px; display:block; height:auto; overflow:hidden; float:left;}

.Showroom .product-detail-productcolor { width:100%; height:auto; overflow:hidden; float:left; }
.Showroom .product-detail-productcolor ul { padding:0; margin:0; list-style-type:none; }
.Showroom .product-detail-productcolor ul li { padding:5px 5px 5px 0; float:left; width:auto; height:auto; border:none; margin:0; }
.Showroom .product-detail-productcolor ul li a { width:100%; height:auto; overflow:hidden; display:block;}
.Showroom .product-detail-productcolor ul li a img { max-width:100%; height:auto; display:block;}
.Showroom .productdiscount { width:100%; color:Crimson; padding:0 0 0 120px; line-height:30px; }

/*加購*/
.Showroom .product-detail-content .AddMorePro { width:100%; height:auto; overflow:hidden;}
.Showroom .product-detail-content .AddMorePro .lefttitle { display:block; width:100%; height:auto; overflow:hidden; margin:0 auto; font-weight:bold; font-size:0.8rem;}
.Showroom .product-detail-content .AddMorePro .AddMoreProList { width:100%; height:auto; overflow:hidden; padding:5px; position:relative; padding-left:20px;}
.Showroom .product-detail-content .AddMorePro .AddMoreProList * { padding:0; margin:0; list-style:none;}
.Showroom .product-detail-content .AddMorePro .AddMoreProList:nth-of-type(odd) { background:rgba(0,0,0,0.05);}
.Showroom .product-detail-content .AddMorePro .AddMoreProList input[type="checkbox"]{ position:absolute; top:10px; left:5px;}
.Showroom .product-detail-content .AddMorePro .AddMoreProList p { width:100%; height:auto; overflow:hidden; margin-bottom:5px;}
/* 推薦商品 */
.Showroom .product-detail-relateditle { width:100%; height:auto; overflow:hidden; margin:0 auto; }
.Showroom .product-detail-relateditle * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Showroom .product-detail-relateditle .title { width:100%; height:auto; margin:0; padding:5px 10px; border-bottom:0.20px solid rgba(0,0,0,0.2); overflow:hidden;
/*圓角*/
-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.Showroom .product-detail-relateditle ul { width:100%; height:auto; overflow:hidden; padding-top:20px;
-webkit-flex-display:flex; display: flex;
-webkit-align-items:stretch; align-items:stretch;
-webkit-justify-content:flex-start; justify-content:flex-start;
flex-wrap:wrap;}
.Showroom .product-detail-relateditle li { text-align:center; display:block; float:left; width:24%; margin:0; margin-right:1%; position:relative; padding:0 5px; height:auto; overflow:hidden; }
.Showroom .product-detail-relateditle .img { width:100%; height:auto; overflow:hidden; text-align:center; /* Firefox, Chrome */ margin:0 auto; }
.Showroom .product-detail-relateditle .img a { display:block; width:100%; height:auto; overflow:hidden;}
.Showroom .product-detail-relateditle .img img { max-width:100%; height:auto; display:block; margin:0 auto; border:1px solid rgba(0,0,0,0.1);}
.Showroom .product-detail-relateditle .productname { width:100%; height:auto; overflow:hidden; padding:10px; color:rgba(240,120,0,1);
/*讓過長的產品名稱強制斷行*/
word-wrap:break-word;word-break:break-all;}
.Showroom .product-detail-relateditle .productname span { width:100%; height:auto; overflow:hidden; display:inline-block;}
.Showroom .product-detail-relateditle .productname a { width:100%; height:auto; overflow:hidden; display:block; color:black;}
.Showroom .product-detail-relateditle .pricecontent { width:100%; height:auto; overflow:hidden; margin:0 auto; text-align:center;}
.Showroom .product-detail-relateditle .pricecontent p { width:100%; height:auto; overflow:hidden; }
.Showroom .product-detail-relateditle .pricecontent p span.productprice { width:100%; height:auto; line-height:20px; overflow:hidden; margin:0 auto;}

/* 瀏覽過的商品 */
.Showroom .product-detail-relateditle.viewed { position:fixed; width:80px; right:10px; bottom:160px; padding:0; border:1px solid rgba(0,0,0,0.1); background:white; z-index:1;}
.Showroom .product-detail-relateditle.viewed .title { border:0; background:rgba(0,0,0,0.1); font-size:0.6rem; padding:0; height:auto; line-height:auto; text-align:center;}
.Showroom .product-detail-relateditle.viewed ul { padding:0;}
.Showroom .product-detail-relateditle.viewed ul li { width:100%; min-height:0; padding:5px; border-bottom:1px solid rgba(0,0,0,0.1);}
.Showroom .product-detail-relateditle.viewed ul li:last-child { border:0;}
.Showroom .product-detail-relateditle.viewed ul li .img { height:auto; line-height:normal;}
.Showroom .product-detail-relateditle.viewed ul li .img img { display:block; max-height:none;}
.Showroom .product-detail-relateditle.viewed ul li .productname,
.Showroom .product-detail-relateditle.viewed ul li .pricecontent{ display:none;}

/* 加購商品 */
.Showroom .product-detail-add { width:100%; height:auto; overflow:hidden; background:rgba(0,0,0,0.05); margin-bottom:10px;}
.Showroom .product-detail-add .title { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:5px 10px; color:rgba(0,0,0,0.6);
/*圓角*/
-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.Showroom .product-detail-add * { padding:0; margin:0; list-style:none;}
.Showroom .product-detail-add ul { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 10px;}
.Showroom .product-detail-add li { text-align:center; display:block; float:left; width:100%; height:auto; overflow:hidden; padding:0; margin-bottom:10px;
/*圓角*/
-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.Showroom .product-detail-add .datacontent { width:100%; height:auto; overflow:hidden; float:left;}
.Showroom .product-detail-add .datacontent a { text-decoration:none; color:rgba(0,0,0,1);}
.Showroom .product-detail-add .datacontent a:link,
.Showroom .product-detail-add .datacontent a:visited { color:rgba(0,0,0,1);}
.Showroom .product-detail-add .datacontent a:hover,
.Showroom .product-detail-add .datacontent a:active { color:#5185c5;}
.Showroom .product-detail-add .datacontent span.buycheckbox { display:block; width:20px; height:20px; overflow:hidden; float:left;}
.Showroom .product-detail-add .datacontent .buyinfo { width:calc(100% - 20px); height:auto; overflow:hidden; float:left;}
.Showroom .product-detail-add .datacontent .buyinfo .img { width:60px; height:auto; padding:0; border:1px solid rgba(0,0,0,0.1); float:left;}
.Showroom .product-detail-add .datacontent .buyinfo .img a { display:block; width:100%; height:auto; overflow:hidden; position:relative;}
.Showroom .product-detail-add .datacontent .buyinfo .img img { display:block; width:100%; height:auto;
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.Showroom .product-detail-add .datacontent .buyinfo .img a:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
.Showroom .product-detail-add .datacontent .buyinfo .img a:before { content:'顯示大圖'; display:block; width:100%; height:100%; position:absolute; z-index:1; background:#5185c5; opacity:0;
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s; color:white;
-webkit-flex-display:flex; display: flex;
-webkit-align-items:center; align-items:center;
-webkit-justify-content:center; justify-content:center;}
.Showroom .product-detail-add .datacontent .buyinfo .img a:hover:before { opacity:0.6;}
.Showroom .product-detail-add .datacontent .buyinfo .img ~ div { width:calc(100% - 60px); height:auto; overflow:hidden; float:left; text-align:left; padding-left:10px;}
.Showroom .product-detail-add .datacontent .buyinfo .img ~ div .productsaleprice { display:inline;}
.Showroom .product-detail-add .datacontent .buyinfo .img ~ div .productsaleprice ~ div { height:30px; line-height:30px; width:100px; margin:0 auto;}
.Showroom .product-detail-add .productsaleprice ~ div label { display:inline-block; height:30px; line-height:30px;}
.Showroom .product-detail-add .productsaleprice ~ div select { height:30px; line-height:calc(30px - 0.20px); float:right;}

/* 搭贈商品 */
.Showroom .product-detail-free { width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:20px; border:1px solid rgba(0,0,0,0.1);}
.Showroom .product-detail-free * { padding:0; margin:0; list-style:none;}
.Showroom .product-detail-free .title { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:5px 10px; background:rgba(0,0,0,0.05); font-size:0.8rem; font-weight:bold;
/*圓角*/
-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.Showroom .product-detail-free ul { width:100%; height:auto; overflow:hidden; margin:0 auto;
-webkit-flex-display:flex; display: flex;
-webkit-align-items:stretch; align-items:stretch;
-webkit-justify-content:flex-start; justify-content:flex-start;
flex-wrap:wrap;}
.Showroom .product-detail-free li { text-align:center; display:block; float:left; width:50%; height:auto; overflow:hidden; padding:10px;
-webkit-flex-display:flex; display: flex;
-webkit-align-items:center; align-items:center;
-webkit-justify-content:flex-start; justify-content:flex-start;
flex-wrap:wrap
/*圓角*/
-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.Showroom .product-detail-free .img { width:100px; height:auto; padding:0; float:left; border:1px solid rgba(0,0,0,0.1);}
.Showroom .product-detail-free .img a { display:block; width:100%; height:auto; overflow:hidden; position:relative;
-webkit-flex-display:flex; display: flex;
-webkit-align-items:center; align-items:center;
-webkit-justify-content:center; justify-content:center;}
.Showroom .product-detail-free .img img { display:block; max-width:100%; height:auto;
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.Showroom .product-detail-free .img a:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
.Showroom .product-detail-free .img a:before { content:'顯示大圖'; display:block; width:100%; height:100%; position:absolute; z-index:1; background:#5185c5; opacity:0;
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s; color:white;
display: flex;
align-items:center;
justify-content:center;}
.Showroom .product-detail-free .img a:hover:before { opacity:0.6;}
.Showroom .product-detail-free .productname { width:calc( 100% - 100px); height:auto; overflow:hidden; float:left; text-align:left; padding-left:10px;}
.Showroom .product-detail-free .productname a { text-decoration:none; color:black;}

/*健檢項目*/
.page-content-right form { display:flex; flex-wrap:wrap;}
.page-content-right form > div { order:2;}
.page-content-right form > .product-detail-descr { order:1;}

.compare-list { width:100%; height:auto; overflow:hidden; max-width:1024px; display:flex; flex-wrap:wrap; padding:0 20px; list-style:none; margin:0 auto; margin-bottom:10px;}
.compare-list li { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; position:relative; padding-left:35px; height:30px; line-height:30px; margin-right:10px; margin-bottom:5px;}
.compare-list li .no { position:absolute; top:0; left:0; display:block; width:30px; height:30px; text-align:center; line-height:30px; border-radius:100%; background:#5185c5; color:white;}
.compare-list li a { text-decoration:none;}
.check-content { width:100%; max-width:1610px; max-width:1024px; max-width:1280px; margin:0 auto; height:auto; overflow:hidden; display: flex; flex-wrap:wrap; margin-bottom:30px; background:#ecf4fb; padding:20px;}
.check-content * { padding:0; margin:0; list-style:none; text-decoration:none;}
.check-content > div { width:100%; height:auto; overflow:hidden; display: flex; flex-wrap:wrap; justify-content:space-between;}
.check-content > div.check-sec-pop { overflow:visible;}
.check-content > div  > div{ width:100%; height:auto; overflow:hidden; display: flex; flex-wrap:wrap; justify-content:space-between;}
.check-content > div > * { display:inline-flex; flex-wrap:wrap; height:auto; overflow:hidden; float:left; align-items:center; font-size:20px; padding:15px; font-size:0.9em;}
.check-content > div.subject { background:none; padding:10px; color:#5185c5; font-weight:bold;}
.check-content > div.check-row.head { background:#5185c5; color:white;}
.check-content > div.check-row.head .descr { width:calc( 100% - 400px );}
.check-content > div.check-row.head .status { width:100px;justify-content:center; position:relative;}
.check-content > div.check-row.head .status:before { content:''; display:block; width:30px; height:30px; border:1px solid white; border-radius:100%; position:absolute; top:50%; margin-top:-15px; left:50%; margin-left:-15px;}
.check-content > div.check-row.head .status:empty:before { display:none;}
.check-content > div.check-row.head .price { width:100px;justify-content:flex-end;}
.check-content > div.check-sec > div.sec-head { width:100%; background:white; color:#5185c5; border:1px solid #ccc; margin-top:20px; cursor:pointer;}
.check-content > div.check-sec > div.sec-head > span:not(.sec-head-icon) { max-width:calc( 100% - 15px );}
.check-content > div.check-sec > div.sec-note { width:100%; color:red; border:1px solid #ccc; border-top:0; font-size:0.6em;}
.check-content > div.check-sec > div.sec-list { width:100%; padding:0;}
.check-content > div.check-sec > div.sec-list.sec-list-pop { overflow:visible;}
.check-content > div.check-sec > div.sec-list:nth-child(odd) { background:rgba(81,133,197,0.1);}
.check-content > div.check-sec > div.sec-list .check-row { width:100%; display: flex; flex-wrap:wrap; border:1px solid #ccc; border-top:0; justify-content:space-between;align-content:stretch;}
.check-content > div.check-sec > div.sec-list .check-row:nth-child(even) { background:rgba(81,133,197,0.1);}
.check-content > div.check-sec > div.sec-list .check-row.head { background:#5185c5; color:white;}
.check-content > div.check-sec > div.sec-list .check-row > * { display:inline-flex; flex-wrap:wrap; height:auto; overflow:hidden; float:left; align-items:center; font-size:20px; padding:15px; font-size:0.75em;}
.check-content > div.check-row.head .title,
.check-content > div.check-sec > div.sec-list .check-row > .title { width:120px;border-right: 1px solid #ccc}
.check-content > div.check-sec > div.sec-list .check-row > .title span[lang="en"] {
	font-size:0.8em;
	hyphens: auto;
	/* 現代標準寫法 */
  overflow-wrap: break-word; 
  
  /* 為了相容舊版瀏覽器的寫法（建議同時加上） */
  word-wrap: break-word;}
.check-content2 > div.check-sec > div.sec-list .check-row > .title span[lang="en"] { display:block; width:100%;}
.check-content > div.check-sec > div.sec-list .check-row > .title.muti-title { padding:0; border-right:1px solid #ccc; align-content:stretch; align-items:stretch; word-break:break-word;}
.check-content > div.check-sec > div.sec-list .check-row > .title.muti-title > .muti { display:block; width:100%; float:left; padding:15px; border-bottom:1px solid #ccc;}
.check-content > div.check-sec > div.sec-list .check-row > .title.muti-title > .muti:nth-child(even) { background:rgba(0,0,0,0.05);}
.check-content > div.check-sec > div.sec-list .check-row > .title.muti-title > .muti:last-child { border-bottom:0;}
.check-content > div.check-sec > div.sec-list .check-row > .title.group-check-title {border-right: none;border-right: 1px solid #ccc}
.check-content > div.check-row.head .title-detail,
.check-content > div.check-sec > div.sec-list .check-row > .title-detail { width:180px;border-right: 1px solid #ccc;}
.check-content > div.check-sec > div.sec-list .check-row > .title-detail span.small
, .check-content > div.check-sec > div.sec-list .check-row > .title-detail span[lang="en"]{ font-size:0.8em; word-break: break-word;}
.check-content > div.check-sec > div.sec-list .check-row > .title-detail .notice,
.check-content > div.check-sec > div.sec-list .check-row > .descr .notice { text-align:left; font-size:0.8em; color:#e70c0c;}
.check-content > div.check-sec > div.sec-list .check-row > .group-check-title { width:120px; border-right:1px solid #ccc; justify-content:center; text-align:center;}
.check-content > div.check-sec > div.sec-list .check-row > .group-check-row { width:calc( 100% - 120px ); padding:0px;}
.check-content > div.check-sec > div.sec-list .check-row > .group-check-row .group-item{border-right:none;border-left: none;}
.check-content > div.check-sec > div.sec-list .check-row > .group-check-row .group-item:last-child{border-bottom:none;border-left: none;}
.check-content > div.check-sec > div.sec-list .check-row > .group-check-row .group-item .descr { width:calc( 100% - 300px );}
.check-content > div.check-sec > div.sec-list .check-row .descr .descr-box { display:block; width:100%; height:auto; overflow:hidden;}
.check-content > div.check-sec > div.sec-list .check-row .descr .descr-box [lang="en"]{ font-size:0.8em;}
.check-content > div.check-sec > div.sec-list .check-row .descr .descr-box ol{ padding-left:30px;}
.check-content > div.check-sec > div.sec-list .check-row .descr .descr-box ol.mt10 { margin-top:1em;}
.check-content > div.check-sec > div.sec-list .check-row .descr .descr-box ol li{ list-style:decimal;/* line-height:2.5;*/ margin-bottom:1em;}
.check-content > div.check-sec > div.sec-list .check-row .descr .descr-box ol li:last-child { margin-bottom:0;}
.check-content > div.check-sec > div.sec-list .check-row .descr .descr-box ol + * { margin-top:1em;}
.check-content > div.check-sec > div.sec-list .check-row .descr .descr-box .notice { display:block; width:100%; height:auto; overflow:hidden;}
.check-content.c-1 > div.check-row.head .title,
.check-content.c-1 > div.check-sec > div.sec-list .check-row > .title { width:calc( 100% - ( 100px * 1 ) );}
.check-content.c-2 > div.check-row.head .title,
.check-content.c-2 > div.check-sec > div.sec-list .check-row > .title { width:calc( 100% - ( 100px * 2 ) );}
.check-content.c-3 > div.check-row.head .title,
.check-content.c-3 > div.check-sec > div.sec-list .check-row > .title { width:calc( 100% - ( 100px * 3 ) );}
.check-content.c-4 > div.check-row.head .title,
.check-content.c-4 > div.check-sec > div.sec-list .check-row > .title { width:calc( 100% - ( 100px * 4 ) );}
.check-content.c-5 > div.check-row.head .title,
.check-content.c-5 > div.check-sec > div.sec-list .check-row > .title { width:calc( 100% - ( 100px * 5 ) );}
.check-content.c-6 > div.check-row.head .title,
.check-content.c-6 > div.check-sec > div.sec-list .check-row > .title { width:calc( 100% - ( 100px * 6 ) );}

.check-content > div.check-sec > div.sec-list .check-row > .title.popup-wrap { position:relative; overflow:visible;}
.check-content > div.check-sec > div.sec-list .check-row > .title.popup-wrap > span { position:relative; float:left;}
.check-content > div.check-sec > div.sec-list .check-row > .title.popup-wrap .popup-dialog { position: absolute; z-index: 999;border: 1px solid #5185c5;margin:0;background: white;width: fit-content; padding:10px; top:-10px; left:5px; width:980px; max-width:100%; display:none;}
.check-content > div.check-sec > div.sec-list .check-row > .title.popup-wrap .popup-dialog .popup-content { display:flex; flex-direction: column;}
.check-content > div.check-sec > div.sec-list .check-row > .title.popup-wrap .popup-dialog .popup-header { display:flex; align-items:flex-start; padding-bottom:0.5rem; margin-bottom:10px; border-bottom: 1px solid #ccc; justify-content:space-between; white-space:nowrap; flex-wrap:wrap;}
.check-content > div.check-sec > div.sec-list .check-row > .title.popup-wrap .popup-dialog .popup-title { font-size:1.4em; color:#5185c5; font-weight:bold; text-align:left; width:calc( 100% - 25px );}
.check-content > div.check-sec > div.sec-list .check-row > .title.popup-wrap .popup-dialog .popup-body .title{ width:140px; font-size:1em; padding:10px;}
.check-content > div.check-sec > div.sec-list .check-row > .title.popup-wrap .popup-dialog .popup-body .full-title { font-size:1em;}
.check-content > div.check-sec > div.sec-list .check-row > .title.popup-wrap .popup-dialog .popup-body .descr{ width:calc( 100% - 140px ); font-size:1em; padding:5px;}
.check-content > div.check-sec > div.sec-list .check-row > .title.popup-wrap .popup-dialog .popup-body ol { list-style: decimal; padding-left:2em; margin: 1em 0; }
.check-content > div.check-sec > div.sec-list .check-row > .title.popup-wrap .popup-dialog .popup-body ol li {display: list-item;list-style-type: decimal;}
.check-content > div.check-sec > div.sec-list .check-row > .title.popup-wrap .popup-dialog .popup-close { float:right; cursor:pointer; font-size:1.5rem; font-weight:700; text-shadow: 0 1px 0 #fff; opacity:0.5; line-height:25px; width:25px; text-align:center;}
.check-content > div.check-sec > div.sec-list .check-row > .title.popup-wrap .popup-dialog .popup-close:hover { color:#000; text-decoration:none; opacity:0.75;}
.check-content > div.check-sec > div.sec-list .check-row > .title.popup-wrap > span.popup-bg.open { position:fixed; z-index:999999; background:rgba(0,0,0,0.2); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:100vh; overflow:hidden; top:0; left:0; padding:20px;}
.check-content > div.check-sec > div.sec-list .check-row > .title.popup-wrap > span.popup-bg.open .popup-dialog { position:static; max-height:calc( 100vh - 40px ); overflow-y:auto;}

.check-content > div.check-sec > div.sec-list .check-row > .title:empty { display:none;}
.check-content > div.check-sec > div.sec-list .check-row > .title:empty + .descr { width:calc( 100% - 100px );}
.check-content > div.check-sec > div.sec-list .check-row > .descr { width:calc( 100% - 400px );}
.check-content > div.check-sec > div.sec-list .check-row > .descr.full-descr { width:calc( 100% - 240px );}
.check-content > div.check-sec > div.sec-list .check-row > .status { width:100px; justify-content:center;}
.check-content > div.check-sec > div.sec-list .check-row > .status.checked:before { content:'●'; font-size:0.8em;}
.check-content > div.check-sec > div.sec-list .check-row > .price { width:100px; justify-content:flex-end;}

.check-content2 > div.check-row.head .title,
.check-content2 > div.check-sec > div.sec-list .check-row > .title { width:200px;}
.check-content2 > div.check-sec > div.sec-list .check-row.head ~ .check-row > .title,
.check-content2 > div.check-sec > div.sec-list .check-row.head ~ .check-row > .descr{ /*font-size:12.15px; line-height:1.8;*/}
.check-content2 > div.check-sec > div.sec-list .check-row > .descr { width:calc( 100% - ( 200px + 120px ) );}
.check-content2 > div.check-sec > div.sec-list .check-row > .gender { width:120px; border-left: 1px solid #ccc;justify-content:center;}
.check-content .gender { justify-content: flex-end; align-items: center;}
.check-content .gender span { position: relative; display:flex;justify-content:center;align-items: center; font-size: 0.8em; color: #163567; margin:0;}
.check-content .gender span::before {
    content: "";
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background: none;
    vertical-align: middle; 
    margin: 0 0.5em 0 0;
}
.check-content .gender span.gender-icon-male::before {
    background: #5696cb;
}
.check-content .gender span.gender-icon-female::before {
    background: #f5a623;
}
.check-content .gender .check-sec-all { cursor:pointer;}
.check-content .gender .check-sec-all span { padding-left:0;}
.check-content .gender .check-sec-all span.check-sec-all-icon { padding-right:0;}
.check-content .gender .check-sec-all span::before { display:none;}
.check-content .icon-note{width: 20px;height: 20px;border: 1px solid #5185c5;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 12px;color: #5185c5;cursor: pointer;line-height: 1;font-weight: bold;margin-left: 5px; cursor:pointer;}

/* ======== Product End ======== */
/* 購物車 */
.Showroom .titlewrap { width:100%; height:auto; overflow:hidden; border:1px solid rgba(0,0,0,0.6); border-bottom:none; background:white; color:black; text-align:left;  font-weight:bold; padding:10px 0 10px 10px; }
.Showroom .shoppingcart-wrapper { border-top:1px solid rgba(0,0,0,0.6); border-right:1px solid rgba(0,0,0,0.6); table-layout:fixed; width:100%; height:auto; }
.Showroom .shoppingcart-wrappertwo { border-top:none; }
.Showroom .shoppingcart-wrapper th { border-bottom:1px solid rgba(0,0,0,0.6); border-left:1px solid rgba(0,0,0,0.6); background:rgba(0,0,0,0.05); text-align:center; padding:10px 0 10px 0; }
.Showroom .shoppingcart-wrapper th.shoppingcartthtd01 { width:30px;}
.Showroom .shoppingcart-wrapper th.shoppingcartthtd02 { width:auto;}
.Showroom .shoppingcart-wrapper th.shoppingcartthtd03 { width:50px;}
.Showroom .shoppingcart-wrapper th.shoppingcartthtd04 { width:50px;}
.Showroom .shoppingcart-wrapper th.shoppingcartthtd05 { width:90px;}
.Showroom .shoppingcart-wrapper th.shoppingcartthtd06 { width:110px;}
.Showroom .shoppingcart-wrapper th.shoppingcartthtd07 { width:120px;}
.Showroom .shoppingcart-wrapper th.shoppingcartthtd08 { width:50px;}
.Showroom .shoppingcart-wrapper td.title { border-bottom:1px solid rgba(0,0,0,0.6); border-left:1px solid rgba(0,0,0,0.6); background:white; color:black; text-align:left;  font-weight:bold; padding:10px 0 10px 10px; }
.Showroom .shoppingcart-wrapper td.title3 { border-bottom:1px solid rgba(0,0,0,0.6); border-left:1px solid rgba(0,0,0,0.6); background:rgba(0,0,0,0.05); text-align:left; padding:5px 0 5px 5px; }
.Showroom .shoppingcart-wrapper td { border-bottom:1px solid rgba(0,0,0,0.6); border-left:1px solid rgba(0,0,0,0.6); padding:5px; vertical-align:middle; }
.Showroom .shoppingcart-wrapper td .mark-requiCrimson { color:Crimson; font-size:0.8rem;}
.Showroom .shoppingcart-wrapper td .notice { font-size:0.8rem;}
.Showroom .shoppingcart-wrapper a { text-decoration:none;}
.Showroom .shoppingcart-wrapper td.price { text-align:right;}
.Showroom .shoppingcart-wrapper td.amounttd { border-left:none; text-align:right;}
.Showroom .shoppingcart-wrapper td[colspan="6"] { text-align:right;}
.Showroom .shoppingcart-wrapper td.notice { background:MistyRose; }
.Showroom .shoppingcart-wrapper tr.shoppingcarterr td { background:Pink; }
.Showroom .shoppingcart-wrapper img { float:left; margin:0 5px 5px 0;}
.Showroom .shoppingcart-wrapper img#imgCaptcha { float:none; margin:0;}
.Showroom .shoppingcart-wrapper a img { float:none; margin:0;}
.Showroom .shoppingcart-wrapper .cartproductfree { color:rgba(255,100,0,1); font-weight:bold; }
.Showroom .shoppingcart-wrapper .productlist-content td.productnamefree { padding-left:60px; position:relative; text-align:left;}
.Showroom .shoppingcart-wrapper .productlist-content td.productnamefree span { width:40px; height:20px; line-height:20px; background:rgba(190,0,0,1); color:white; position:absolute; top:5px; left:10px; text-align:center; font-size:0.8rem;
/*圓角*/
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.Showroom .shoppingcart-wrapper .activitymatch, .shoppingcart-wrapper .activitymatch a { color:rgba(190,0,0,1); font-size:0.8rem; }
.Showroom .shoppingcart-wrapper .activitynotmatch, .shoppingcart-wrapper .activitynotmatch a { color:Crimson; font-size:0.8rem; }
.Showroom .shoppingcart-wrapper .productlist-content td { text-align:center;}
.Showroom .shoppingcart-wrapper .productlist-content td.price { text-align:right;}
.Showroom .shoppingcart-wrapper .productlist-content td.product-name { text-align:left;}
.Showroom .formbtn { text-align:center; padding:20px 0 0 0; }

.Shopping_Detail .max-w-box td { font-size:0.8rem;}
.Shopping_Detail .titlewrap { text-align:center; font-weight:normal; font-size:0.8rem; padding:5px;}
.Shopping_Detail .order-wrapper-new { width:100%; height:auto; overflow:hidden; margin:20px auto;}
.Shopping_Detail .order-wrapper-new table { border-top:1px solid rgba(0,0,0,0.6);}
.Shopping_Detail .order-wrapper-new table td.Title { text-align:center;}
.Shopping_Detail .shoppingcart-wrapper td:nth-of-type(8n+1) { width:120px;}

.Showroom form .length-xxxs { width:20px; }
.Showroom form .length-xxs { width:30px; }
.Showroom form .length-xs { width:80px; }
.Showroom form .length-s2 { width:130px; }
.Showroom form .length-s { width:150px; }
.Showroom form .length-m { width:10; }
.Showroom form .length-l { width:150px; }
.Showroom form .length-xl { width:300px; }
.Showroom form .length-xxl { width:500px; }
.Showroom form .length-max { width:100%; }
.Showroom form .textarealength-xl { width:300px; height:100px; }
.Showroom form .textarealength-xxl { width:500px; height:100px; }
.Showroom form .textarealength-max { width:100%; height:100px; _width:auto; _height:auto; }
.Showroom form .length-captcha { width:50px; }



/* ======== 任選 Start ======== */
.Showroom .any_display { padding:0; margin:0; list-style:none;}
.Showroom .any_display * { padding:0; margin:0; list-style:none; text-decoration:none; text-align:center;
/*讓過長的產品名稱強制斷行*/
word-wrap:break-word;word-break:break-all;}
.Showroom .any_display { padding:0 0 0 0; margin:10px 0 0 0; overflow:hidden; _padding-top:35px; 
-webkit-flex-display:flex; display: flex;
-webkit-align-items:stretch; align-items:stretch;
-webkit-justify-content:flex-start; justify-content:flex-start;
flex-wrap:wrap;}
.Showroom .any_display li { width:24%; height:auto; overflow:hidden; padding:10px; margin:0 1% 10px 0; text-align:center; float:left;border:1px solid rgba(0,0,0,0.2); position:relative;
/*圓角*/
-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.Showroom .any_display li:nth-of-type(4n+1) { clear:both;}
.Showroom .any_display li th,
.Showroom .any_display li td { border:0;}
.Showroom li.any_checked_display { border:1px solid rgba(0,0,0,0.3); background:rgba(0,0,0,0.05); }
.Showroom .any_display .img { width:100%; height:150px; text-align:center; overflow:hidden; /* Firefox, Chrome */
line-height:150px; white-space:nowrap; 	
/* IE */
*font-size:0.8rem;	/* height * 0.9 */
*font-family :Arial;
}
.Showroom .any_display .img:after { content:"."; margin-left:-1px; opacity:0; }
.Showroom .any_display .img img { vertical-align :middle; max-height:150px; }
.Showroom .any_display .img + div { width:100%; height:auto; overflow:hidden; padding:10px 0;}
.Showroom .any_display .img + div a { width:100%; display:block; overflow:hidden; /*height:40px;*/  font-weight:normal; white-space:nowrap;   text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.Showroom .any_display li .productprice { color:black; display:inline; width:auto; }
.Showroom .any_display li .productsaleprice { display:inline; width:auto;   font-weight:bold;}
.Showroom .any_display li td { min-height:inherit;}
.Showroom .any_display .showspec { width:100%; height:auto; overflow:hidden; /*padding:5px;*/ padding:5px 0; margin:0 auto; min-height:45px;}
.Showroom .any_display .showbuy { width:100%; height:auto; overflow:hidden; padding:5px; margin:0 auto;}
.Showroom .any_display .ArrivalNotice { display:block; line-height:30px;}
.Showroom .any_display_qty {  color:Crimson; font-weight:bold; }
.Showroom .any_display_btn_wrap { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Showroom .any_display_btn_buy a { text-decoration:none; display:block; width:100px; height:100px; line-height:20px; padding:20px 0; overflow:hidden; background:rgba(190,0,0,1); color:white; position:fixed; top:50%; margin-top:-50px; right:10px; text-align:center; font-size:0.8rem;
/*圓角*/
-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.Showroom .any_display_btn_buy a i { font-size:2rem;}
.Showroom .any_display_btn_buy a:hover { background-position:100% -30px; }
.Showroom .any_display_btn_notbuy { text-decoration:none; color:Crimson; cursor:text;
 display:block; width:100%; height:auto; padding:10px 0; overflow:hidden; background:rgba(190,0,0,1); color:white; text-align:center; font-size:0.8rem;
/*圓角*/
-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
/* ======== 任選 End ======== */
.Showroom .BTN_Back { width:40px; height:40px; background:url(../Images/Layout/UI/Showroom/BTN_Back.png) no-repeat left; display:block; float:right; line-height:40px; text-align:right;  font-weight:normal; }
.Showroom .BTN_Back:hover { background:url(../Images/Layout/UI/Showroom/BTN_Back_o.png) no-repeat; color:white; text-decoration:none; }

/*2014.9.23修改 Ruru*/
.Showroom .formbtn { width:10; margin:0 auto; }

/*=====2015.10.14新增加入購物車、追蹤清單、到貨通知樣式設定=====*/
/*--加入購物車--*/
.Showroom .product-detail-content a.ShoppingList { width:100%; height:auto; line-height:60px; display:block; text-align:center; color:white; overflow:hidden; float:left; margin:0; margin-bottom:10px; background:Crimson; }
.Showroom .product-detail-content a.ShoppingList i {  margin-right:10px;
/*基礎動畫設定*/
-webkit-transition:translate .5s, -webkit-transform .5s; transition:translate .5s, transform .5s;}
.Showroom .product-detail-content a.ShoppingList:hover { background:#5185c5;}
.Showroom .product-detail-content a.ShoppingList:hover i{
-moz-transform: translate(-5px, 0);
-webkit-transform: translate(-5px, 0);
-o-transform: translate(-5px, 0);
-ms-transform: translate(-5px, 0);
transform: translate(-5px, 0);}
.Showroom .product-detail-add a.ShoppingList { text-decoration:none; width:120px; height:30px; line-height:30px; display:block; text-align:center; color:white; border:1px solid rgba(200,60,0,1);  margin:20px auto; /*圓角*/
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; /*背景漸層*/
background:rgba(255,100,0,1); background:-moz-linear-gradient(top, rgba(255,100,0,1) 0%, rgba(230,100,70,1) 50%, rgba(230,100,70,1) 50%, rgba(190,50,0,1) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,100,0,1)), color-stop(50%, rgba(230,100,70,1)), color-stop(50%, rgba(230,100,70,1)), color-stop(100%, rgba(190,50,0,1))); background:-webkit-linear-gradient(top, rgba(255,100,0,1) 0%, rgba(230,100,70,1) 50%, rgba(230,100,70,1) 50%, rgba(190,50,0,1) 100%); background:-o-linear-gradient(top, rgba(255,100,0,1) 0%, rgba(230,100,70,1) 50%, rgba(230,100,70,1) 50%, rgba(190,50,0,1) 100%); background:-ms-linear-gradient(top, rgba(255,100,0,1) 0%, rgba(230,100,70,1) 50%, rgba(230,100,70,1) 50%, rgba(190,50,0,1) 100%); }

.Showroom .product-detail-add a.ShoppingList:hover { /*背景漸層*/
background:rgba(190,50,0,1); background:-moz-linear-gradient(top, rgba(190,50,0,1) 0%, rgba(230,70,50,1) 50%, rgba(190,50,0,1) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(190,50,0,1)), color-stop(50%, rgba(230,70,50,1)), color-stop(100%, rgba(190,50,0,1))); background:-webkit-linear-gradient(top, rgba(190,50,0,1) 0%, rgba(230,70,50,1) 50%, rgba(190,50,0,1) 100%); background:-o-linear-gradient(top, rgba(190,50,0,1) 0%, rgba(230,70,50,1) 50%, rgba(190,50,0,1) 100%); background:-ms-linear-gradient(top, rgba(190,50,0,1) 0%, rgba(230,70,50,1) 50%, rgba(190,50,0,1) 100%); }

/*--追蹤清單--*/
.Showroom .product-detail-content a.TrackList { width:100%; height:auto; line-height:60px; display:block; text-align:center; color:rgba(0,0,0,0.4); overflow:hidden; float:left; margin:0; margin-bottom:10px; background:rgba(0,0,0,0.05); }
.Showroom .product-detail-content a.TrackList i {  margin-right:10px;
/*基礎動畫設定*/
-webkit-transition:translate .5s, -webkit-transform .5s; transition:translate .5s, transform .5s;}
.Showroom .product-detail-content a.TrackList:hover { color:#5185c5; background:rgba(0,0,0,0.1);}
.Showroom .product-detail-content a.TrackList:hover i{
-moz-transform: translate(-5px, 0);
-webkit-transform: translate(-5px, 0);
-o-transform: translate(-5px, 0);
-ms-transform: translate(-5px, 0);
transform: translate(-5px, 0);}

/*--到貨通知--*/
.Showroom .product-detail-content .ArrivalNotice { width:120px; height:30px; line-height:30px; display:block; text-align:center; color:white; border:1px solid #5185c5; /*float:right;*/ float:left;
/*圓角*/
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
background:#5185c5;}

.Showroom .product-detail-content .ArrivalNotice:hover { opacity:0.8;}

/*--售完--*/
.Showroom .product-detail-content .SoldoutNotice,
.Showroom .product-detail-content .SoldoutNotice:hover{ width:120px; height:30px; line-height:30px; display:block; text-align:center; color:white; border:1px solid crimson; /*float:right;*/ float:left;
/*圓角*/
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:Crimson;}

/*20181127 購物車流程架構修改　by Karen*/
.Showroom .Shopping_MemberLogin { width:100%; height:auto; overflow:hidden;}
.Showroom .Shopping_MemberLogin > div { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0; }
.Showroom .Shopping_MemberLogin > div * { margin:0; padding:0; list-style:none; text-decoration:none;}
.Showroom .Shopping_MemberLogin > div > div { display:inline-block; line-height:30px; float:left; margin-right:10px; margin-bottom:10px;}
.Showroom .Shopping_MemberLogin > div > div label { height:auto; display:inline-block; overflow:hidden; float:left; padding:1px;}
.Showroom .Shopping_MemberLogin > div > div label ~ input { float:left;}
.Showroom .Shopping_MemberLogin > div > div.Captcha #imgCaptcha { vertical-align:middle; margin-right:5px;} 
.Showroom .Shopping_MemberLogin > div > div.Captcha #imgCaptcha ~ a { float:none;} 
.Showroom .Shopping_MemberLogin > div > div.Captcha ~ a.GoBack { border:0; background:#5185c5; color:white; width:40px;}
.Showroom .Shopping_CustomerInfo { width:100%; height:auto; overflow:hidden;}
.Showroom .Shopping_CustomerInfo * { margin:0; padding:0; list-style:none; text-decoration:none;}
.Showroom .Shopping_CustomerInfo p { display:block; margin:30px 0 0 0; border:1px solid rgba(0,0,0,0.6); padding:10px; color:black; font-weight:bold;}
.Showroom .Shopping_CustomerInfo p input[type="checkbox"] { margin:0 5px 0 10px;}
.Showroom .Shopping_CustomerInfo ul { width:100%; height:auto; overflow:hidden; margin:0 auto; border-left:1px solid rgba(0,0,0,0.6); border-right:1px solid rgba(0,0,0,0.6);}
.Showroom .Shopping_CustomerInfo ul li { position:relative; padding:10px 10px 10px 130px;  border-bottom:1px solid rgba(0,0,0,0.6); }
.Showroom .Shopping_CustomerInfo ul li:after { background:rgba(0,0,0,0.05); width:120px; height:100%; position:absolute; left:0; top:0; content:''; display:block; z-index:0; border-right:1px solid rgba(0,0,0,0.6);}
.Showroom .Shopping_CustomerInfo ul li > div:not(.form-box) { width:100px; position:absolute; left:10px; top:10px;  z-index:1;}
.Showroom .Shopping_CustomerInfo ul li.DescrTitle > div:not(.form-box) { width:100%;}
.Showroom .Shopping_CustomerInfo ul li > div:not(.form-box) span { display:inline-block;}
.Showroom .Shopping_CustomerInfo ul li .form-box { min-height:20px;}
.Showroom .Shopping_CustomerInfo ul li .form-box span.notice { display:inline-block;}
.Showroom .Shopping_CustomerInfo ul li.DescrTitle { padding:10px; }
.Showroom .Shopping_CustomerInfo ul li.DescrTitle:after { display:none;}
.Showroom .Shopping_CustomerInfo ul li.DescrTitle > div:not(.form-box) { position:relative; left:0; top:0; padding-left:15px;}
.Showroom .Shopping_CustomerInfo ul li.Descr { padding:10px 10px 10px 20px;}
.Showroom .Shopping_CustomerInfo ul li.Descr:after { display:none;}
.Showroom .Shopping_CustomerInfo_Confirm ul li.DescrTitle h3 { padding-left:0;}
.Showroom .Shopping_CustomerInfo_Confirm ul li.Descr { padding:10px;}


/*搜尋結果------------------------*/
.SearchResult_Porducts { width:100%; height:auto; overflow:hidden; padding:0; margin:0 auto;}
.SearchResult_Porducts * { padding:0; margin:0; }
.SearchResult_Porducts ul { width:100%; height:auto; overflow:hidden;}
.SearchResult_Porducts li { width:25%; height:auto; overflow:hidden; float:left; padding:15px 10px; display:block; list-style:none;}
.SearchResult_Porducts li:nth-of-type(4n+1) { clear:both;}
.SearchResult_Porducts li a { display:block; text-align:center; text-decoration:none; color:rgba(0,0,0,0.6);     word-wrap:break-word;    word-break:break-all;}
.SearchResult_Porducts li a:hover { color:rgba(0,0,0,0.5);} 
.SearchResult_Porducts li a .Img { width:100%; height:120px; text-align:center; overflow:hidden; line-height:120px; white-space:nowrap; margin-bottom:10px;}
.SearchResult_Porducts li a .Img:after { content:"."; margin-left:-1px; opacity:0; }
.SearchResult_Porducts li a .Img img { width:100%; vertical-align :middle; max-width:120px; max-height:120px; border:none; }

/*2015.10.14 解決產品內容頁籤 li 問題*/
.product-detail-descr ul li.product-detail-descr-li { list-style:none;}

/*2015.10.16 Jay 解決產品名稱過長問題*/
.product-detail-content h2.product { 
	width:100%; height:auto; overflow:hidden;
	word-wrap:break-word;word-break:break-all;/*讓過長的產品名稱強制斷行*/
}

.SocialNetworkWrapper { width:100%; height:auto; overflow:hidden; float:right; margin:10px 0;}
/*================================================ 產品END ================================================*/

@media only screen and (min-width:0px) and (max-width:1590px) {
.Showroom .product-detail-image-right,
.check-content{ width:calc( 100% - 200px ); margin-right:100px; margin-left:100px;}
.Showroom .product-detail-image{ width:calc( 100% - 200px ); margin-right:100px; margin-left:100px;}
}

@media only screen and (min-width:0px) and (max-width:1380px) {
.Showroom .productlist .productpricecontent .productprice,
.Showroom .productsaleprice{ max-width:100%; width:100%;}
.Showroom .productlist .productpricecontent .spec { white-space:normal;}
}

@media only screen and (min-width:0px) and (max-width:1280px) {
/*產品列表*/
.Showroom .productlist li { width:calc( 50% - 20px ); height:auto; overflow:hidden; float:left; margin:20px 10px;}
}
@media only screen and (min-width:0px) and (max-width:1080px) {
	/*Showroom04*/
.Showroom .ProductList { max-width:40;}
/*Showroom07*/
.Showroom .ProductListOne ul { width:25%;}
.Showroom .ProductListOne ul:nth-of-type(5n+1) { clear:none;}
.Showroom .ProductListOne ul:nth-of-type(4n+1) { clear:both;}
.Showroom .product-detail-relateditle.viewed { display:none;}

.Showroom .product-detail-image-right,
.check-content{ width:100%; margin-right:0; margin-left:0;}
.Showroom .product-detail-image{ width:100%; margin-right:0; margin-left:0;}
	}

@media only screen and (min-width:0px) and (max-width:870px) {
/*Showroom04*/
.Showroom .ProductList { max-width:30;}
/*Showroom07*/
.Showroom .ProductListOne ul { width:33.3%;}
.Showroom .ProductListOne ul:nth-of-type(4n+1) { clear:none;}
.Showroom .ProductListOne ul:nth-of-type(3n+1) { clear:both;}

.Showroom .product-detail-add li { width:33.3%; margin-bottom:10px;}
.Showroom .product-detail-add li:nth-of-type(3n+1) { clear:both;}
/*推薦商品*/
.Showroom .product-detail-relateditle li { width:33.3%; margin:0; margin-bottom:20px;}
.Showroom .product-detail-relateditle li:nth-of-type(3n+1) { clear:both;}
/*搭贈*/
.Showroom .product-detail-free li { width:33.3%; margin-bottom:10px;}
.Showroom .product-detail-free li:nth-of-type(3n+1) { clear:both;}

/* 購物車 */
.Showroom .shoppingcart-wrapper th.shoppingcartthtd01 { display:none;}
.Showroom .shoppingcart-wrapper td.shoppingcartthtd01 { display:none;}
.Showroom .shoppingcart-wrapper td.amounttd:nth-of-type(8n+2) { border-left:1px solid rgba(0,0,0,0.6);}
.Showroom .shoppingcart-wrappertwo td:nth-of-type(8n+1) { display:table-cell;}

/* ======== 任選 Start ======== */
.Showroom .any_display li { width:32%;}
.Showroom .any_display li:nth-of-type(4n+1) { clear:none;}
.Showroom .any_display li:nth-of-type(3n+1) { clear:both;}

/*搜尋結果------------------------*/
.SearchResult_Porducts li { width:33%; }
.SearchResult_Porducts li:nth-of-type(4n+1) { clear:none;}
.SearchResult_Porducts li:nth-of-type(3n+1) { clear:both;}

/*20181127 購物車流程架構修改　by Karen*/
.Showroom .Shopping_MemberLogin > div { width:100%; max-width:300px; margin:0 auto;}
.Showroom .Shopping_MemberLogin > div > div { display:block; margin-right:0; width:100%;}
.Showroom .Shopping_MemberLogin > div > div.Captcha ~ a.GoBack { width:100%; margin:0; padding:5px; height:auto;}
}

@media only screen and (min-width:0px) and (max-width:768px) {
.content-wrap { padding:0;}
.page-header, .page-content-with-left, .page-content { padding:0 30px;}
.page-content-with-left { /*padding:0;*/}
	/*產品第二、三層選單*/ 
.Showroom .member-menu li .SubMenu { min-width:inherit;min-height:inherit;position:relative;top:inherit;left:inherit;background:none; border-bottom:none;}
.Showroom .member-menu li .SubMenu > ul { width:100%; min-height:inherit; overflow:hidden; padding:0; margin:20px 0 5px 0;}
.Showroom .member-menu li .SubMenu > ul > li { min-height:inherit; background:none; font-size:0.8rem; overflow:hidden; }
.Showroom .member-menu li .SubMenu > ul > li a:link {color:black; background:none; }
.Showroom .member-menu li .SubMenu > ul > li ul.ThirdMenu { min-width:inherit; padding:0; display:block;  position:relative; left:inherit; top:inherit; border-bottom:none; background:none; margin:10px 0;  border-top:1px dotted rgba(0,0,0,0.2);}
.Showroom .member-menu li .SubMenu > ul > li ul.ThirdMenu li { width:100%; height:auto; line-height:35px;   border-bottom:1px dotted rgba(0,0,0,0.2); padding:5px 0; }
.Showroom .member-menu li .SubMenu > ul > li ul.ThirdMenu li a { width:100%; height:auto; line-height:35px; background:none; font-size:0.8rem;}
.Showroom .member-menu li .SubMenu > ul > li:hover { background:none;}
.Showroom .member-menu li .SubMenu > ul > li:hover a { color:rgba(0,0,0,0.7);}
.Showroom .member-menu li .SubMenu > ul > li:hover > ul.ThirdMenu li a { color:rgba(0,0,0,0.7);}
.Showroom .member-menu li .SubMenu > ul > li:hover > ul.ThirdMenu li a:hover { color:black; text-decoration:none;}

/*商品篩選*/
.page-content-with-left .PageMenu ul.AdvSearch { padding:10px;}
.page-content-with-left .PageMenu ul.AdvSearch li { padding:0; margin:0; text-align:center;}
.page-content-with-left .PageMenu ul.AdvSearch .subContent1 { width:auto; padding:0 5px; float:none;}
.page-content-with-left .PageMenu ul.AdvSearch .subContent2 { width:auto; padding:0 5px; float:none;}
.page-content-with-left .PageMenu ul.AdvSearch .subContent3 { width:auto; padding:0 5px; float:none;}
.page-content-with-left .PageMenu ul.AdvSearch .subContent4 { width:auto; padding:0 5px; float:none;}

/*產品內頁*/
.page-content-with-left-detail { padding:0;}
.Showroom .product-detail-image-left { width:calc( 100% - 60px ); margin:0 auto;}
.Showroom .product-detail-image-right ~ .UrlNameDiv { width:100%;}

/* 購物車 */
.Showroom .page-content { padding:10px;}
.Showroom .shoppingcart-wrapper th.shoppingcartthtd03 { display:none;}
.Showroom .shoppingcart-wrapper th.shoppingcartthtd04 { display:none;}
.Showroom .shoppingcart-wrapper th.shoppingcartthtd05 { display:none;}
.Showroom .shoppingcart-wrapper td.shoppingcartthtd03 { display:none;}
.Showroom .shoppingcart-wrapper td.shoppingcartthtd04 { display:none;}
.Showroom .shoppingcart-wrapper td.shoppingcartthtd05 { display:none;}
/*.Showroom .shoppingcart-wrappertwo td:nth-of-type(8n+1) { display:table-cell;}*/
.Shopping_Detail .shoppingcart-wrapper td:nth-of-type(8n+3) { display:table-cell;}
.Shopping_Detail .shoppingcart-wrapper td:nth-of-type(8n+4) { display:table-cell;}


.Showroom .product-detail-image-right { padding:10px; padding-bottom:0; font-size:0.8em;}
.Showroom .page-content-with-left-detail .product-detail-image-right { padding:10px 5px;}
.Showroom .product-detail-content { padding:10px 5px;}
.Showroom .product-detail-descr { padding:0 10px;}
.Showroom .product-detail-descr .content { padding:10px 5px; font-size:0.8em;}

.compare-list { padding:0 10px;}
.check-content { padding:10px; margin-bottom:20px; font-size:0.8em; font-weight:bold; color:black;}
.page-content-with-left-detail .check-content { padding:10px;}
.check-content > div > * { padding:10px 5px;}
.check-content > div.check-row.head .descr { width:calc( 75% - 55px );}
.check-content > div.check-row.head .status { width:55px;}
.check-content > div.check-row.head .price { width:55px;}
.check-content > div.check-sec > div.sec-head { margin-top:5px;}
.check-content > div.check-sec > div.sec-list .check-row > *,
.check-content > div.check-sec > div.sec-list .check-row > .title.muti-title > .muti{ padding:10px 5px;}
.check-content > div.check-row.head .title,
.check-content > div.check-sec > div.sec-list .check-row > .title { width:25%;}
.check-content > div.check-sec > div.sec-list .check-row > .descr { width:calc( 75% - 270px );}
.check-content2 > div.check-sec > div.sec-list .check-row > .descr { width: calc(75% - 90px);}
.check-content > div.check-sec > div.sec-list .check-row > .group-check-title { width:25%;}
.check-content > div.check-sec > div.sec-list .check-row > .group-check-row { width:75%;}
.check-content > div.check-sec > div.sec-list .check-row > .descr.full-descr { width:calc( 75% - 90px );}
.check-content > div.check-sec > div.sec-list .check-row > .title:empty + .descr { width:calc( 100% - 70px );}
.check-content > div.check-sec > div.sec-list .check-row > .status { width:70px;}
.check-content > div.check-sec > div.sec-list .check-row > .price { width:70px;}
.check-content2 > div.check-sec > div.sec-list .check-row > .gender { width:90px;}
/*比較表用*/
.check-content.compare-content { padding:0; font-size:1em; font-weight:bold;}
.check-content.compare-content > div.check-row.head .status { width:60px;}
.check-content.compare-content > div.check-sec > div.sec-list .check-row > .status { width:60px;}
.check-content.compare-content.c-2 > div.check-row.head .title,
.check-content.compare-content.c-2 > div.check-sec > div.sec-list .check-row > .title { width:calc( 100% - ( 60px * 2 ) );}
.check-content.compare-content.c-3 > div.check-row.head .title,
.check-content.compare-content.c-3 > div.check-sec > div.sec-list .check-row > .title { width:calc( 100% - ( 60px * 3 ) );}
.check-content.compare-content.c-4 > div.check-row.head .title,
.check-content.compare-content.c-4 > div.check-sec > div.sec-list .check-row > .title { width:calc( 100% - ( 60px * 4 ) );}
.check-content.compare-content.c-5 > div.check-row.head .title,
.check-content.compare-content.c-5 > div.check-sec > div.sec-list .check-row > .title { width:calc( 100% - ( 60px * 5 ) );}
.check-content.compare-content.c-6 > div.check-row.head .title,
.check-content.compare-content.c-6 > div.check-sec > div.sec-list .check-row > .title { width:calc( 100% - ( 60px * 6 ) );}

.check-content2 > div.check-sec > div.sec-list .check-row.head ~ .check-row > .title,
.check-content2 > div.check-sec > div.sec-list .check-row.head ~ .check-row > .descr{ font-size:11.475px;}
	}

@media only screen and (min-width:0px) and (max-width:680px) {
/*搜尋結果------------------------*/
.SearchResult_Porducts li { width:50%; }
.SearchResult_Porducts li:nth-of-type(3n+1) { clear:none;}
.SearchResult_Porducts li:nth-of-type(odd) { clear:both;}
}

@media only screen and (min-width:0px) and (max-width:660px) {
/*產品列表*/
/*Showroom04*/
.Showroom .ProductList { max-width:20;}
/*Showroom07*/
.Showroom .ProductListOne ul { width:50%;}
.Showroom .ProductListOne ul:nth-of-type(3n+1) { clear:none;}
.Showroom .ProductListOne ul:nth-of-type(2n+1) { clear:both;}

.Showroom .product-detail-add li { width:50%;}
.Showroom .product-detail-add li:nth-of-type(3n+1) { clear:none;}
.Showroom .product-detail-add li:nth-of-type(2n+1) { clear:both;}

/*推薦商品*/
.Showroom .product-detail-relateditle li { width:50%;}
.Showroom .product-detail-relateditle li:nth-of-type(3n+1) { clear:none;}
.Showroom .product-detail-relateditle li:nth-of-type(2n+1) { clear:both;}
/*搭贈*/
.Showroom .product-detail-free li { width:50%;}
.Showroom .product-detail-free li:nth-of-type(3n+1) { clear:none;}
.Showroom .product-detail-free li:nth-of-type(2n+1) { clear:both;}

/* 購物車 */
.Showroom .shoppingcart-wrapper td .notice { width:auto; height:auto; display:inline-block; overflow:hidden;}

}

@media only screen and (min-width:0px) and (max-width:540px) {

/* ======== 任選 Start ======== */
.Showroom .any_display li { width:49%;}
.Showroom .any_display li:nth-of-type(3n+1) { clear:none;}
.Showroom .any_display li:nth-of-type(2n+1) { clear:both;}

/* 購物車 */
.Showroom .shoppingcart-wrapper th { font-size:0.8rem;}
.Showroom .shoppingcart-wrapper th.shoppingcartthtd06 { width:90px;}
.Showroom .shoppingcart-wrapper th.shoppingcartthtd07 { width:90px;}
.Showroom .shoppingcart-wrapper th.shoppingcartthtd08 { width:30px;}
.Showroom .shoppingcart-wrapper td { font-size:0.8rem;}
.Showroom .shoppingcart-wrapper td span select { margin:5px 0;}

/*購物流程*/
.Showroom .ShoppingFlow { max-width:220px;}
.Showroom .ShoppingFlow img:nth-of-type(even) { display:none;}

/*20181127 購物車流程架構修改　by Karen*/
.Showroom .Shopping_CustomerInfo ul li { padding:0;}
.Showroom .Shopping_CustomerInfo ul li:after { display:none;}
.Showroom .Shopping_CustomerInfo ul li h3 { padding:10px 5px; background:rgba(0,0,0,0.05); position:static;}
.Showroom .Shopping_CustomerInfo ul li .form-box { padding:10px 5px; min-height:40px;}
.Showroom .Shopping_CustomerInfo ul li.DescrTitle { padding:0; }
.Showroom .Shopping_CustomerInfo ul li.DescrTitle h3 { background:none;}
.Showroom .Shopping_CustomerInfo_Confirm ul li.DescrTitle h3 { padding:10px 5px;}
.Showroom .Shopping_CustomerInfo ul li.Descr { padding:10px 5px;}

/* 購物車 */
.Shopping_Detail .shoppingcart-wrapper td:nth-of-type(8n+3) { display:none;}
.Shopping_Detail .shoppingcart-wrapper td:nth-of-type(8n+4) { display:none;}
.Shopping_Detail .shoppingcart-wrappertwo td:nth-of-type(8n+3) { display:table-cell;}
.Shopping_Detail .shoppingcart-wrappertwo td:nth-of-type(8n+4) { display:table-cell;}

/*產品列表*/
.Showroom .productlist,
.Showroom .productlist ul { overflow:visible;}
.Showroom .productlist li { width:calc( 100% - 10px ); margin:0 5px; margin-bottom:20px;}

/*.check-content > div.check-sec > div.sec-list { overflow-x:auto; flex-wrap:nowrap; flex-direction:column; align-items:flex-start;}
.check-content.compare-content > div.check-sec > div.sec-head { position:relative;}
.check-content.compare-content > div.check-sec > div.sec-list { position:relative;}
.check-content.compare-content > div.check-sec > div.sec-list:before { content:'\27F6';
    position: absolute;
	z-index:1;
    right: 10px;
    top:0;
	height:40px;
	font-size:20px;
	line-height:40px;
    pointer-events: none;
    transition: opacity 0.1s;
	color:#5185c5;
    animation: hintBounce 1.5s infinite;}
@keyframes hintBounce {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(-5px, 0); }
}
.check-content.compare-content > div.check-sec > div.sec-list.is-hidden::before {opacity:0;}
.check-content.compare-content > div.check-sec > div.sec-list::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
    
    pointer-events: none; 
	transition:opacity 0.1s;
}
.check-content.compare-content > div.check-sec > div.sec-list.is-hidden::after {opacity:0;}*/
.check-content > div.check-sec > div.sec-list > div { width:600px!important;}
.check-content > div.check-sec > div.sec-list .check-row .title-detail,
.check-content > div.check-sec > div.sec-list .check-row .descr{ padding:5px; max-height:115px; overflow-y:auto;}
.check-content2 > div.check-sec > div.sec-list .check-row .descr{ max-height:none;}
}

@media only screen and (min-width:0px) and (max-width:500px) {
.Showroom .product-detail-descr ul { margin-bottom:10px;}
.Showroom .product-detail-descr ul li.product-detail-descr-li { width:25%;}
.Showroom .product-detail-descr ul li.product-detail-descr-li.selected { background:rgba(0,0,0,0.1);}
.Showroom .product-detail-descr ul li.product-detail-descr-li.selected:before { display:none;}

}

@media only screen and (min-width:0px) and (max-width:460px) {
/*Showroom04*/
.Showroom .ProductList li {max-width:none; height:auto; margin:0; margin-bottom:10px;}
.Showroom .ProductList li img { width:100%; max-height:none;}
.Showroom .ProductList li.Big { max-width:none; max-height:none;}
.Showroom .ProductList .SectionWrapper { width:100%; height:auto;}
/*Showroom07*/
.Showroom .ProductListOne ul { width:100%;}
.Showroom .ProductListOne ul:nth-of-type(2n+1) { clear:none;}

/*產品內頁*/
.Showroom .product-detail-descr ul li.product-detail-descr-li { width:25%; height:auto; overflow:hidden; padding:0;}

/* ======== 任選 Start ======== */
.Showroom .any_display li { width:100%; max-width:150px; float:none; height:auto; margin:0 auto; margin-bottom:20px;}
.Showroom .any_display li:nth-of-type(2n+1) { clear:none;}

/* 購物車 */
.Showroom .shoppingcart-wrapper td { text-align:left;}

/*購物流程*/
.Showroom .ShoppingFlow { display:none;}

/*搜尋結果------------------------*/
.SearchResult_Porducts li { width:100%; }
}
@media only screen and (min-width:0px) and (max-width:390px) {
	.Showroom .product-detail-descr { margin-top:10px;}
	.check-content { font-size:0.6em;}
	.check-content > div.check-sec > div.sec-list .check-row > *,
	.check-content > div.check-sec > div.sec-list .check-row > .title.muti-title > .muti{ padding:5px;}
	.check-content > div.check-row.head .title,
	.check-content > div.check-sec > div.sec-list .check-row > .title { width:30%;}
	.check-content > div.check-sec > div.sec-list .check-row > .descr { width:calc( 70% - 60px );}
	.check-content2 > div.check-sec > div.sec-list .check-row > .descr { width:calc( 70% - 90px );}
	.check-content > div.check-sec > div.sec-list .check-row > .title:empty + .descr { width:calc( 100% - 60px );}
	.check-content > div.check-sec > div.sec-list .check-row > .status { width:60px;}
	.check-content > div.check-sec > div.sec-list .check-row > .price { width:60px;}
	}
@media only screen and (min-width:0px) and (max-width:360px) {
.Showroom .product-detail-add li { width:100%; max-width:180px; float:none; margin:0 auto; margin-bottom:10px;}
.Showroom .product-detail-add li:nth-of-type(2n+1) { clear:none;}
.Showroom .product-detail-add li:nth-of-type(1n+1) { clear:both;}
/*推薦商品*/
.Showroom .product-detail-relateditle li { width:100%; max-width:180px; float:none; margin:0 auto; margin-bottom:10px;}
.Showroom .product-detail-relateditle li:nth-of-type(2n+1) { clear:none;}
.Showroom .product-detail-relateditle li:nth-of-type(1n+1) { clear:both;}
/*搭贈*/
.Showroom .product-detail-free li { width:100%; max-width:180px; float:none; margin:0 auto; margin-bottom:10px;}
.Showroom .product-detail-free li:nth-of-type(2n+1) { clear:none;}
.Showroom .product-detail-free li:nth-of-type(1n+1) { clear:both;}
}

/* 外層主要容器 (固定於底部) 與標題 */
.box-check-up { position: fixed; bottom: 0; left: 0; z-index: 9; width: 100%; background-color: #ffffff; padding:20px; box-sizing: border-box; text-align: center; font-family: "Microsoft JhengHei", "PingFang TC", sans-serif; box-shadow: 0 -2px 10px rgba(0,0,0,0.1); }
.check-up-title { font-size: 18px; color: #333333; margin-bottom: 20px; font-weight: bold; }

/* 列表容器與項目 (RWD 排版核心) */
.check-up-list { list-style-type: none; padding: 0; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; max-width: 1000px; counter-reset: checkup-counter; }
.check-up-list li { flex: 0 1 260px; min-width: 220px; box-sizing: border-box; }

/* 已選擇項目的外框設計 - 邊框顏色為 #5185c5 */
.btn-selected-item { display: flex; align-items: center; height: 42px; border: 1px solid #5185c5; background-color: #ffffff; box-sizing: border-box; width: 100%; }

/* 數字區塊 (Icon) 與自動計數 - 統一為 #5185c5，移除先前的獨立顏色 */
.btn-selected-item .icon { width: 42px; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #5185c5; color: #ffffff; font-weight: bold; font-size: 18px; }
.btn-selected-item .icon::before { counter-increment: checkup-counter; content: counter(checkup-counter); }

/* 方案名稱與刪除按鈕 (X) - 恢復最初的顏色設定 */
.btn-selected-item .name { flex: 1; padding: 0 10px; color: #333; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.btn-selected-item .del { width: 35px; height: 100%; display: flex; justify-content: center; align-items: center; color: #555; font-size: 22px; font-family: "Arial", sans-serif; font-weight: 300; cursor: pointer; transition: all 0.2s; }
.btn-selected-item .del:hover { color: #5C95D6; font-weight: bold; background-color: #f7f7f7; }

/* 進行方案比較按鈕 - 滑入時使用 transform 與 box-shadow 避免撐大外層 */
.btn-compare { display: inline-block; margin-top: 25px; background-color: #5185c5; color: #ffffff; font-size: 16px; padding: 12px 45px; border-radius: 30px; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease; letter-spacing: 1px; margin-bottom:0; text-align:center;}
.btn-compare:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(81, 133, 197, 0.4); height:76px!important; margin-bottom:0;}
.btn-compare:active { transform: translateY(0px); box-shadow: 0 2px 5px rgba(81, 133, 197, 0.4); height:76px!important; margin-bottom:0; }

/* RWD 響應式設定 */
@media (max-width: 768px) { .check-up-list li { flex: 0 1 calc(50% - 15px); }
.check-up-title { margin-bottom:10px;}
.btn-compare { margin-top:10px;}
}
@media (max-width: 480px) { .check-up-list { flex-direction: column; align-items: center; } .check-up-list li { width: 100%; max-width: 320px; } .btn-compare { width: 100%; max-width: 320px; box-sizing: border-box; }
.btn-compare,
.btn-compare:hover,
.btn-compare:active { height:40px!important; line-height:40px; padding:0;}}