@charset "utf-8";

/* CSS Document */

/*2015.08.07 顏智偉 Alan*/
/*-------------------------------------------------------------------------------手機選單*/	
.rwd-header, .rwd-footer {
	background: none repeat scroll 0 0 #400000;
}

.mm-menu {
	background: #400000;
	color: rgba(255, 255, 255, 1);
}



#rwd-menu h3 {
	color: rgba(255, 255, 255, 1);
}

.mm-menu .mm-list a.reset {
	background: none;
}

.mm-menu .mm-list li.contact_info {
	/*隱藏手機版聯絡資訊*/
	visibility:hidden;
}

.mm-menu .mm-list li.contact_info form {
	/*還原手機版搜尋列*/
	visibility:visible;
}

.mm-menu #contact_menu{
	visibility:hidden;
	}
/*---------------------------------------------------------------------------------------*/	
@media screen and (max-width: 787px) {
.banner {
 width:100%;
 margin:0 auto;
}
.navIntro div {
 margin-right: 5%
}
#qrcode {
 display:none;
}
.social {
 right:0px;
 top:10px;
}
.list_imgXL .img {
 width:190px;
}
.productList .txt {
 width:465px;
}
.productGrid.list_imgXL .proList {
 height:280px;
}
}
/*---------------------------------------------------------------------------------------*/

@media screen and (max-width: 500px) {
.navIntro div {
 width: 100%;
 margin-right: 0;
 margin-bottom: 35px;
}
.colMain img {
 max-width: 100%;
}

.footer .info {
 float:none;
 width:250px;
}
.copyright {
 float:none;
}
.productGrid.list_imgXL .proList {
 width:50%;
}
.productList .proList .img {
 float:left;
}
.productList .txt {
 float:left;
 width:200px;
}
.productGrid.list_imgM .proList {
 width:50%;
 margin:0;
}
.cartList table th {
 padding:12px 0;
}
.cartList table td {
 padding:5px 0;
}
.productGrid .proList {
 margin:0 0 20px 0;
}

/*-----產品頁STAR-----*/
.productPic.photo_imgL {
 width:100%;
}
.productRight {
 margin-top:30px;
 width:100%;
}
.photo_imgL .photo {
 width:auto;
 height:auto;
}
.photo_imgL #slideout {
 width:100%;
}
.photo_imgL #slide {
 width:100%;
}
.photo_imgL #nextBtn {
 right:0px;
 left:auto;
}
/*-----產品業END-----*/
}
/*---------------------------------------------------------------------------------------*/

@media screen and (max-width: 400px) {
.productGrid.list_imgXL .proList {
 width:100%;
}
.productList .txt {
 width:285px;
}
.newsList, .cartList table, .ecatalogList table {
 font-size:12px;
}
.cartList table th {
 padding:2px 0;
}
.cartList table td {
 padding:5px 0px;
}
.tbW1 {
 width:30px;
}
.cartList div a {
 margin-right:0px;
}
.footer .info, .copyright {
 font-size:13px;
}
}
@media only screen and (min-width:320px) and (max-width:479px) {
 .colMain img {
 max-width:300px;
}
}
