/* CSS Document */
ul,li,dl,dd,dt { list-style:none; margin:0; padding:0; }

body { font-family:'微軟正黑體'; overflow-x:hidden; font-size:14px; }

.language-box { position:absolute; right:15px; top:25px; }
.language-icon li { float:left; margin-left:15px; }
.language-icon li .btn { padding:0; }
.language-icon button { color:#000; font-size:14px; }


.accout-box { position:absolute; right:15px; top:100px; }
.accout-box li { float:left; margin-left:15px; border-left:solid 1px #000; padding-left:15px; line-height:13px; }
.accout-box li:first-child { border:none; }
.accout-box li a { color:#999; }
.accout-box2 { top:80px; }

.accout-box-login { position:absolute; right:145px; top:30px; }
.accout-box-login li { float:left; margin-left:15px; border-left:solid 1px #000; padding-left:15px; line-height:13px; }
.accout-box-login li:first-child { border:none; }
.accout-box-login li a { color:#000; }
.accout-box-login2 { position:absolute; right:15px; top:65px; }
.accout-box-login2 a { color:#000; }

.category-box { }
.category-box li { float:left; width:25%; position:relative;  }
.category-box li a img { width:100%; }
.category-box li span.text { position:absolute; left:0; right:0; top:50%; text-align:center; font-size:30px; color:#fff; transition:all .5s; opacity:0; text-transform:uppercase; }
.category-box li span.bg { position:absolute; left:0; right:0; top:0; bottom:0; opacity:0; transition:all .5s; background:#621510; }
.category-box li:hover .bg { opacity:.5; }
.category-box li:hover .text { opacity:1; }

.search-box { position:absolute; right:275px; top:15px; width:300px; }
#search .input-lg { border-radius:0; }
#search button.btn-lg { background:none; border-color:#ccc; border-left:0; }

#menu { background:none; border:none; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; margin-right:234px; border-radius:0; }
#menu .nav > li > a { text-shadow:none; color:#000; font-size:18px; padding:16px 0; text-transform:uppercase; }

.cart-box { width:250px; position:absolute; right:0; top:0; }
.cart-box .btn-inverse { padding:0 16px; line-height:52px !important; border-radius:0; background:#fa4c55; border:none; }
.cart-box .fa-shopping-cart { font-size:22px; margin-right:10px; }
.cart-box #cart-total { font-size:16px; }

footer { background:#fa4c55; }
.footer-table td { padding:10px 10px 10px 0; font-size:16px; color:#fff; }
.footer-table .fa { display:inline-block; width:45px; height:45px; line-height:45px; text-align:center; font-size:20px; border-radius:100%; background:rgba(255,255,255,.3); color:#fff; }
footer .footer-title { color:#fff; text-transform:uppercase; font-size:24px; font-style:normal; opacity:.7; text-shadow:2px 2px 5px #ccc; }
footer .items li a { line-height:35px; font-size:16px; color:#fff; }
footer .item4 a { display:inline-block; margin:0 10px 0 0;font-size:30px; color:#fff; }

#logo img { max-width:100%; max-height:115px; margin-top:10px; }
#menu { margin-bottom:15px; }

@media screen and (max-width: 1200px) {
	.search-box { width:250px; }	
}

@media screen and (max-width: 992px) {
	#menu { border:none; float:left; margin-right:0; }
	img { max-width:100%; }
	#menu .btn-navbar { background:#fa4c55; border-color:#fa4c55; line-height:35px; padding:0 15px; margin:0; }
	.cart-box { position:static !important; float:right; }
	.cart-box .btn-inverse { line-height:35px !important; }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: none !important;
    margin: 0;
	display:flex;
  }
   .navbar-nav li {
	 float:none !important;
	 flex-grow:1;
	 text-align:center;  
	  }
	  
	 
}
@media (max-width: 992px) {
	#logo { text-align:center; }
	#logo img { max-width:70% !important; margin:0px auto 0px; }
	#nav li { border-bottom:solid 1px #eee; }
	 #nav li a { display:block; line-height:40px; padding:0 20px; color:#000; }
	 #nav li a .fa { display:inline-block; margin-right:10px; }
	 .accout-box-login { position:static; float:left; margin:10px 0; }
	 .language-box { position:static; float:right; margin:10px 0; }
	 .accout-box-login li { margin-left:0; margin-right:15px; }
	 .search-box { position:static; float:right; }
	 .accout-box { position:static; margin:10px 0; clear:both; }
	 .accout-box-login li:first-child { padding-left:0; }
	 .accout-box-login li a { line-height:22px; }
	 .accout-box-login2 { position:static; margin-right:100px; margin-top:5px; }
	 .accout-box2 li { padding-left:15px; margin-left:15px; }
	 .accout-box li { padding-left:10px; margin-left:10px; }
	 .accout-box li:first-child { padding-left:0; margin-left:0; }
}