@charset "utf-8";



.wallpeper {  }
.main-box { max-width:1200px; margin:0 auto; padding:0; }
.left-bg { display:none;}

/*  header */
header { height:auto; margin-top:40px; position:static; padding:10px;}
header .logo { padding:0 10px; text-align: left; }
header .logo img { width:auto; height:50px;}
.language {  top:20px; right:5px; }



/* member   */
.login-info { position: relative; right:0; top:0; text-align:center; padding-top:10px;}

ul.top-tool { position: fixed; left:40px; top:0px; right:0px; z-index:1005; text-align:right; padding:5px 5px 5px 0;}
ul.top-tool li .search-btn { padding:0px 15px;}
ul.top-tool li img { height:20px; width:auto; padding:0;}
ul.top-tool li span { display:none;}
ul.top-tool li .search-input { width:70px;}

/*  nav  */
nav { display:none; }
.slicknav_menu li.cart a img { height:16px; width:auto; padding-right:5px; vertical-align:middle; margin-top:-4px;}

.menu li>span { display:none; }
.menu li>.sub { opacity:1; position: relative; visibility: visible;}
.menu li>.sub>ul {}
.menu li>.sub>ul>li a { }
.menu li>.sub>ul>li a:hover {}
ul.slicknav_nav>li>div, .slicknav_nav span { display:none;}
a.a-m { display:block;}

/*  banner  */
.banner {}
.banner-box { display:none;}
.banner-box-m { display: block;}

.top-banner { margin-bottom:20px;}
.top-banner .pc { display:none;}
.top-banner .mobile { display: block;}

.subbanner img {  }
.subbanner a.pcp { display:none; }
.subbanner a.mop { display:block; }


/*  index-news  */
.i-news { padding:20px 0 50px 0; display: block; }
.i-news .title {  width:100%; padding-bottom:20px; }
.i-news .news-list { -webkit-flex: 1; flex: 1; padding:0 30px; }
.i-news .news-list .lis a { background:url(../images/i-news-dot.jpg) 0 10px no-repeat; color:#333; display:block; font-size:14px; padding:3px 0 3px 15px;}
.i-news .news-list .lis a:hover { color:#F60;}
.i-news .news-more { display: block; width: 100%; padding-top:30px;}

/* member   */
.order-lis ul li { display: flex; border-bottom:1px #999999 solid; }
.order-lis ul li.th-lis { display: flex;  }
.order-lis ul li.th-lis>div { font-size:12px; -webkit-flex: 1; flex: 1; -webkit-align-items: center; align-items: center;  -webkit-justify-content: center;  justify-content: center;}
.order-lis ul li .number { display:inline-block; font-size:12px; -webkit-flex: 1; flex: 1; }
.order-lis ul li .time { display:block; font-size:12px; -webkit-flex: 1; flex: 1; }
.order-lis ul li .finish {  display:block; -webkit-flex: 1; flex: 1;}
.order-lis ul li .unpaid {display:iblock; -webkit-flex: 1; flex: 1;}
.order-lis ul li .preparing { display:block; -webkit-flex: 1; flex: 1;}
.order-lis ul li .shipped { display:block; text-align:left;}
.order-lis ul li .name { display:block; text-align:left;}
.search-bar {   display: block;}
.search-bar .kyeword { width:100%; padding:0 0px 10px 0;}
.search-bar .timearea { padding-left:0px;}



/* news */ 
.news-list { paddingt:0px; min-height:300px;}



.lis-itim { width:46%; margin:2%;}
.lis-itim .time { font-size:16px; color:#4899a2; padding: 10px 0; text-align:center; border-bottom:1px #d7d7d7 solid; display:block; }
.lis-itim h4 a { color:#535353; font-size:16px; padding:10px 5px; line-height:1.4em; display:block; height:auto; overflow:hidden;}

.lis-itim02 { margin:0 0 1% 0px; width:100%; float:none;}
.lis-itim02 .photo { width:100%; margin:0 0 0 0; float:none;  }
.lis-itim02 .info { width:100%; margin-left:0;}
.lis-itim02 .info p { height:auto;}

/* message */
.message-box { padding:10px; }

/*  page  */
.page-box {  }
.page-title { }
.page-title h3 { padding:10px 45px;}

/*  left-menu  */
.left-menu { margin-bottom:30px; border-bottom:3px #CCCCCC solid;  }
.m-left-menu { display:block; width:100%; background:#5dc2cc; color:#ffffff; text-align:center; margin-bottom:10px; line-height:30px; border:0; padding:10px; font-family:Microsoft JhengHei; font-size:16px; }



/* i-recommend */ 
.i-recommend { padding:5px;}
.i-recommend .item { width:100%; margin:0 0 10px 0; float:none;}
.i-recommend .item .photo { background-size:contain; }


/* i-video */
.i-video { margin:0 0 20px 0%;  padding:5px;}
.i-video .item { width:100%; float:none;}
.i-video .item .i-video-media { width:100%; height:180px; }
.i-video .item h3 { font-size:16px; text-align:center; padding:10px 10px; margin:0;}
.i-video .item h3 a { height:auto; overflow: inherit;  }

/* i-community */
.i-community { margin:0; height:auto;  padding:5px; }
.i-community .facebook {width:100%; margin:0 0 10px 0; height:auto; float:none; height:400px; overflow:hidden; }
.i-community .ig { width:100%; margin:0 0 10px 0; height:auto; float:none;} 

/* activity */
.activity ul li { width:50%;}
.activity ul li a { height:120px; }
.activity ul li h3 { height:6em; }

/* index-highlight */
.index-highlights ul li {width:50%; height:120px;}


/* product */
.product-lis { }
.product-lis li {width:48%;}


/* product detaile */
.pro-detail-box { padding-left:0px;}
.product-cont {  padding: 10px;}
.product-box { display:block; height:auto; }
.product-info { padding:0;}
.product-photo { height:auto; padding-right:0;}
.product-info .cart { position: relative; margin-top:10px;}
.product-info .cart a { padding:0 10px; }
.qtyInputBox input { width:50px;}
.product-lis li .quantity-num { width:110px;}
.product-info .price { text-align:center; position:relative;  bottom:0; padding:15px 0; font-size:30px;}

.product-info .price .normal { width:100%; float:none; text-align: center; font-size:16px; padding-bottom:10px; text-decoration:line-through;}
.product-info .price .normal span { padding-top:0px; text-decoration:line-through;}
.product-info .price .special { width:100%; float:none; text-align: center; }
.product-info .price .special span { font-size:48px; font-family:BebasNeue; padding-left:5px; display: inline-block; line-height:48px; }

.product-title { padding:10px 0 20px 0;}



/* login */
	ul.tabs li {  font-size:12px;}
   .page-box .login-bg { background: rgba(227, 227, 225, 0.8);}
/* footer */
footer {}
footer .bg { min-height:100px; display:block;}

.login .form-lis .code img.img-code { height:auto; width:100%; float:none;}


/*  page  */
.page-box { margin:0 0px; }
.page-box .content-box { min-height:300px; padding: 10px 0px 30px 0px;}

/* cart */
.cart-table ul li { display: block; position:relative; padding-bottom:35px;}
.cart-table ul li .photo { float:left; width:50%;}
 .cart-table ul li .name, 
 .cart-table ul li .quantity, 
 .cart-table ul li .price,
 .cart-table ul li .subtotal
 { float:left; width:50%; padding-bottom:5px;}
.cart-table ul li.th-lis { display:none;}
 .cart-table ul li .del { position:absolute; left:0; bottom:5px; width:50%; }
 .cart-table ul li .delivery { text-align:right; float:left; width: 50%; padding-right:5px;}
 .cart-table ul li .total { text-align:left;}
 
.cart-table ul li .price span,  .cart-table ul li .subtotal span { display: inline-block; color:#999; padding-right:5px;}
 .cart-table ul li .quantity { position:absolute; bottom:10px; right:0px;}
 .cart-table ul li .name {  }
 .cart-table ul li .space {  text-align: center; padding:5px 0; }
 .delivery-member-info { display:block;}
.delivery-member-info span { display:block;}
.delivery-member-info input { width:100%; }
.delivery-member-info input.checkbox { width:auto;}

/* store */
.store-itim .info { margin:0;}
.store-itim .info .left { height:auto; width:100%; float:none;}
.store-itim .info p { height:auto;}
.store-itim .info .right { height:150px; width:100%; float:none; border:5px #f7f3f1 solid;}

/*  content  內文  */
.img-left { padding-right:0px;}
.img-right { padding-left:0px;}
.font-title-02 {  padding-left:0; }


/*  about  內文  */
.about-pro { text-align: center; float:none;}
.font-content { font-size:16px;}
.news-content { font-size:16px;}


/* btn */
.btn { padding:10px 0; text-align:center; }
.btn a { background: #a29793; color:#ffffff; display: inline-block; padding:5px 10px;}


/* i-community */
.i-community { margin:0; height:auto;  }
.i-community .banner-area { width:100%; margin:0 0 10px 0; height:auto; float:none; }
.i-community .facebook {width:100%; margin:0 0 10px 0; height:auto; float:none; height:450px; }
.i-community .ig {width:100%; margin:0 0 10px 0; height:auto; float:none; }

/* contect*/
.contact-info {  padding:10px 10px; margin-bottom:20px; height:auto;}
.contact-info .left-box { float:none; width:100%; height:auto; padding-left:0; }
.contact-info .right-box { float:none; width:100%; height:auto; }
.contact-map { max-height:200px;} 
 
/* form */
.form .form-lis .title { width:90px; padding:0 5px 0 0;}
.form .note { padding:0 0 10px 0;}
.member-form .form-lis { display:block; padding:5px 0;}
.member-form .form-lis .title { background: #c4b4aa; color:#ffffff; width:100%; line-height:25px; text-align:left; border-left:0;}
.member-form .form-lis .data { width:100%;}

/* 框架 */
.col-box { display: block; margin:0;}
.col-box img { max-width:100%; width:auto; height:auto;}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 { width:100%;margin:0;}


footer .bg .foot-info > div { display:block; padding:0 5px;}