/*語系
----------------------------*/
.mm-menu.mm-bottom{
	top:40px;
	}
.mm-menu.mm-front{
	box-shadow:none;
	}
/*.mm-menu.mm-front.mm-bottom{
	height:100%;
	}*/
/**searchbar**/
.mm-menu{
	background:#ccc;
	}
.mm-menu .textbox{
	width:90%;
	margin:0;
	}
.mm-list form{
	line-height:1.6em;
    margin:0 0 20px;
    padding:5px 5px 3px 10px;
	overflow:hidden;
	zoom:1;
	background-color:#fff;
   -webkit-border-radius:5px;
      -moz-border-radius:5px;
           border-radius:5px;
	}
.mm-list #sf_keyword{
    color:#777;
    font-size:110%;
    padding:0;
	border:0;
	}
.mm-list #sf_submit{
    font-size:0;
	float:right;
	text-shadow:none;
	width:19px;	
    height:19px;
    padding:0;
	background:url("../images/search.png") 0 4px no-repeat;
	border:none;
	}
.mm-menu .mm-selected > a{
	color:#00b;
	}
/**side menu 箭頭顏色**/
.mm-menu .mm-list > li > a.mm-subopen::after, .mm-menu .mm-list > li > a.mm-subclose::before{
	border-color:rgba(0,51, 136,1);
	}
#rwd_logo img{
	max-width:100%;
	}
.mm-panel > .mm-list{
	margin:0;
	}
.mm-list h3{
	display:none;
	}
.mm-list > li > a, .mm-list > li > span, .mm-menu .mm-list li.contact_info{
	color:#000;
	}
.mm-list > li > a, .mm-list > li > span{
	white-space:normal;
	padding:12px 0;
	}
.mm-menu .mm-list a.reset{
	background:none;
	padding:0;
	}
.mm-menu .mm-list li.contact_info{
	margin:0;
	padding:0;
	}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults)::after{
	margin-left:0;
	}
.mm-list #rwd_logo{
	border-bottom:none;
	}

/*side 註冊*/
#loginbox{
	margin-bottom:20px;
	overflow:hidden;
	zoom:1;
	}
#loginbox li{
	float:left;
	margin-right:10px;
	}
#loginbox li a{
	padding:5px 15px;
	border:2px solid #fff;    
   -webkit-border-radius:15px;
      -moz-border-radius:15px;
           border-radius:15px;
	}
#rwd_logo{
	margin-bottom:20px;
	}
#menubox{
	font-size:120%;
	margin-bottom:20px;
	}
@media screen and (max-width:1680px) {
	.introAbout h3{
		line-height:1.5em;
		}
	.colMain{
		width:65%;
		margin-right:5%;
		}
	.colSide{
		width:22.9%;
		}
	h2.menuTitle{
		padding-left:30%;
		}
	.productList .proList .img, .productGrid .proList .img{
		width:100% !important;
		}
	.productGrid .txt{
		width:100% !important;
		}
	.productGrid .proList{
		width:30%;
		margin:0 3% 30px 0;
		}
	.gocatalog .productGrid .proList .img{
		width:43% !important;
		}
	}
@media screen and (max-width:1600px) {
	.introAbout .left{
		width:40%;
		}
	.introAbout .right{
		width:52%;
		}
	.introAbout h3{
		line-height:2em;
		}
	#focus_Box{
		left:450px;
		}
	.colMain{
		width:62%;
		margin-right:5%;
		}
	h2.menuTitle{
		padding-left:33%;
		}
	.shipWrap{
		margin-left:-23px;
		}
	.gocatalog .productGrid .proList .img{
		width:47% !important;
		}
	}
@media screen and (max-width:1440px) {
	#focus_Box{
		left:400px;
		}
	.colMain{
		width:65%;
		}
	h2.menuTitle{
		padding-left:30%;		
		}
	.shipWrap{
		margin-left:-101px;
		}
	.colSide{
		width:20%;
		}
	.gocatalog .productGrid .proList .img{
		width:50% !important;
		}
	}
@media screen and (max-width:1366px) {
	.colMain{
		width:65%;
		}
	h2.menuTitle{
		padding-left:32%;
		}
	.shipWrap{
		margin-left:-116px;
		}
	.gocatalog .productGrid .proList .img{
		width:53% !important;
		}
	}
@media screen and (max-width:1280px) {
	.colMain{
		margin-right:5%;
		width:70%;
		}
	h2.menuTitle{
		text-align:right;
		padding-right:15px;
		}
	.shipWrap{
		margin-left:-133px;
		}
	.gocatalog .productGrid .proList .img{
		width:53% !important;
		}
	}
@media screen and (max-width:1024px) {
	.colMain{
		width:67%;
		margin-right:3%;
		}
	.introAbout .more{
		width:15%;
		}
	#focus_Box{
		left:320px;
		}
	.shipWrap{
		margin-left:-184px;
		}
	.gocatalog .productGrid .proList .img{
		width:69% !important;
		}
	.productGrid .proList{
		width:47%;
		}
	}
@media screen and (min-width:799px) and (max-width:960px) {
	.colSide{
		width:25%;
		}
	.logo img{
		width:80%;
		}
	.productGrid .proList{
		width:45%;
		}
	}
@media screen and (max-width:960px) {
	.colSide{
		top:232px;
		}
	.index .banner{
		background-position:center 0;
		}
	.introAbout h3{
		font-size:250%;
		line-height:1.8em;
		}
	#focus_Box{
		left:60px;
		}
	.colMain{
		width:70%;
		}
	.gocatalog .productGrid .proList .img{
		width:71% !important;
		}
	#navMenu, .bannerArea, .header, .breadcrumb{
		width:100%;
		}
	.ship{
		display:none;
		}
	.footer{
		width:97%;
		}
	a.imgBorder{
		width:25%;
		height:auto;
		}
	}
@media screen and (max-width:840px) {
	#navMenu a{
		padding:12px 10px 8px;
		}
	.colMain{
		width:68%;
		}
	.colSide{
		top:217px;		
		}
	.introAbout .left{
		width:30%;
		}
	.introAbout .right{
		width:62%;
		}
	.productGrid .txt{
		height:60px;
		}
	.gocatalog .productGrid .proList .img{
		width:84% !important;
		}
	}
@media screen and (max-width:800px) {
	.colMain{
		width:68%;
		}
	.colSide{
		width:25%;
		}
	.productGrid .proList{
		width:45%;
		}
	.productGrid .txt{
		width:90% !important;
		padding-right:5%;
		padding-left:5%;
		}
	.introHonor img{
		margin:0 20px;
		}
	.gocatalog .productGrid .proList .img{
		width:88% !important;
		}	
	}
@media screen and (max-width:768px) {
	.content{
		width:100%;
		margin-top:0;
		}
	.colMain{
		float:none;
		margin:0 auto;
		width:98%;
		}
	.colMain img{
		max-width:100%;
		}
	h2.menuTitle{
		text-align:left;
		padding:20px 5px 0 25px;
		}
	.gocatalog .productGrid .proList .img{
		width:63% !important;
		}
	#focus_Box{
		top:120px;
		left:60px;
		width:90%;
		margin:0;
		}
	.introHonor img{
		margin:0 10px;
		}
	.rwd-header, .rwd-footer{
		background-color:#05a;
		}
	footer .info{
		display:none;
		}
	.copyright{
		float:none;
		}
	#qrcode{
		margin-left:30px;
		}
	.footer{
		padding:25px 0;
		}
	/**左側隱藏選單
	-----------------------*/
	.mm-menu{
		background:#aef;
		}
	.mm-menu .textbox{
		width:90%;
		background:none;
		}
	.mm-list input#sf_submit{
		float:right;
		}
	/**產品圖垂直致中對齊*/
	.productList .proList .img *, .productGrid .proList .img *, .productPic .photo *{
		display:inline-block;
		}
	}
@media screen and (max-width:603px) {
	.gocatalog .productGrid .proList{
		margin:0 5px 30px;
		}
	.gocatalog .productGrid .proList .img{
		width:81% !important;
		}
	.introHonor h3, .introAbout h3{
		font-size:230%;
		}
	.introHonor img{
		margin-bottom:30px;
		}
	.introAbout .more{
		width:25%;
		}
	.introAbout .left{
		float:none;
		width:100%;
		height:150px;
		background-position:0 center;
		}
	.introAbout .right{
		float:none;
		width:92%;
		padding:10% 4%;
		}
	#focus_Box{
		width:60%;
		left:120px;
		}
	#focus_Box li{
		width:100% !important;  /*一定要加圖片才會真的重疊*/
		left:auto !important;
		}
	.productGrid .proList{
		margin:0 10px 30px;
		}

	}
@media screen and (max-width:600px) {
	.gocatalog .productGrid .proList .img{
		width:82% !important;
		}
	}
@media screen and (max-width:533px) {
	.gocatalog .productGrid .proList .img{
		width:91% !important;
		}
	.introHonor h3, .introAbout h3{
		font-size:200%;
		}
	#focus_Box{
		width:68%;
		left:105px;
		}
	}
@media screen and (max-width:480px) {	
	.productGrid .proList{
		width:45%;
		}
	.gocatalog .productGrid .proList .img{
		width:100% !important;
		}
	}
@media screen and (max-width:414px) {
	.introHonor h3{
		line-height:1.5em;
		}
	#focus_Box{
		width:86%;
		left:50px;
		}
	.productGrid .proList{
		float:none;
		margin:0 5% 30px;
		width:90%;
		}
	.productGrid .txt{
		height:auto;
		}
	.gocatalog .productGrid .proList{
		float:left;
		}
	.gocatalog #prod_layout.productGrid.cateBox .proList{
		width:45%;
		}
	.gocatalog .productGrid .proList .img{
		width:80% !important;
		}
	.index .banner img{
		width:90%;
		}
	}
@media screen and (max-width:375px) {
	#focus_Box{
		width:84%;
		}
	#focus_Box ul{
		width:280px;
		left:-8px;
		}
	.gocatalog .productGrid .proList .img{
		width:89% !important;
		}
	}
@media screen and (max-width:360px) {
	.gocatalog .productGrid .proList .img{
		width:94% !important;
		}
	}
@media screen and (max-width:320px) {
	#focus_Box{
		width:82%;
		}
	#focus_Box ul{
		left:-8px;
		}
	#focus_Box .prev, #focus_Box .next{
		top:100px;
		}
	#focus_Box ul{
		width:240px;
		}
	.gocatalog .productGrid .proList .img{
		width:100% !important;
		}
	}

