/*===========裝置尺寸設定============*/
.for-d{
	display: block;
}
.for-m-768{
	display: none;
}
@media screen and (max-width: 768px){
	.for-d{
		display: none;
	}
	.for-m-768{
		display: block;
	}
}	

/*******-----------------1200px------------------*******/
@media screen and (min-width: 1200px){
	.container {
	    max-width: 1170px;
	}
}/*覆蓋/st_ec/css/rwd.css  
@media (min-width: 768px){}
.container {
    max-width: 970px;
}
}*/
@media screen and (max-width: 1400px){
	.pop1400Box{
		max-width: 95%;	
	}
}
@media screen and (max-width: 1200px){
	/*-----------top-banner----------*/
	.topbanner-layout{
		margin-bottom:-62px;
	}
	/*-----------menu-content----------*/
	.menu ul li a{
		padding: 15px 30px;
	    font-size: 1.5em;
	    line-height: 0.7;
	}
	/* c23模組 */
	.anchors-fixed{
		max-width: 940px;
	}
	.scroll2top:link,
	.scroll2top:visited {
	     right: 50px;
	}
}

/*******-----------------993px-1400px-----------------*******/
@media screen and (min-width: 993px) and (max-width: 1400px) { 
	  #columns { max-width: 900px; }
}

/*******-----------------992px------------------*******/
@media screen and (max-width: 992px){
	/*-----------menu-content----------*/
	.menu-btn-box ul li{
		width: 110px;
		height: 105px;
		padding: 20px 0px;
		font-size: 1em;
		margin: 8px 5px;
	}
	.menu-btn-box ul li i{
		margin-bottom: 5px;
		font-size: 2.5em;
	}

	/*----------- 標題-框架設定 -----------*/
	.title-box-pink h1,.title-box-orange h1{
		width: 150px;
		height: 121px;
	}

	/*----------- 介紹區 popup -----------*/
	#columns { 
		column-gap: 0px; 
		-webkit-column-gap: 0px;
		-moz-column-gap: 0px;
		max-width: 400px; 
	}
	#columns figure { 
		width: 100%; 
	}
	.demos-img-box:last-child{
		margin-bottom: 0px; 
	}
	.demos-img-box .demos-img-item{
		margin-bottom: 30px; 	
	}
	.demos-img-box .demos-img-item:last-child{
		margin-bottom: 0px; 	
	}
	/* c23模組 */
	.anchors-fixed{
		max-width: 720px;
	}  	
}

/*******-----------------794px------------------*******/
@media screen and (max-width: 794px){
	.menu-btn-box ul{
		width: 380px;
	}
}

/*******-----------------768px------------------*******/
@media screen and (max-width: 768px){
	.topbanner-layout{
		margin-bottom:0px;
	}
	.brownBg{
		background:transparent;
		background-color: #ded6cb;
	}
	.hm-traffic-box .intro-title{
		margin-top: 15px;
	}

	/*----------- 介紹區 popup -----------*/
	#columns figure:last-child{
		margin-bottom: 0px;
	}
	/* c23模組 */
	.anchors-fixed{
		position: static;
	}
	.scroll2top:link,
    .scroll2top:visited {
         right: 0px;
    }
}

/*******-----------------640px------------------*******/
@media screen and (max-width: 640px){
	/*----------- 標題-框架設定 -----------*/
	.wrapper{
		padding-bottom: 50px;
	}
	/* c23模組 */
	.intro-anchors{
		margin-top:30px; 
	}
	.carrier{
		margin: 30px 0;
	    padding-left:5px;
	    padding-right:5px;  		
	}
	.carrier h4::before{
	    top: 4px;
	    left: 25px;
	}
	.carrier li {
	    margin: 0;
	}
	.carrier li em.price {
	    margin-top:10px; 
	}

	/*----------- 相關連結 -----------*/
	.related-link{
		text-align:left;
	}
	.related-link li a, .related-link li a:active, .related-link li a:link{
		margin-right: 15px;
		margin-bottom: 20px;
	}
	.related-link li:last-child a{
		margin-bottom: 0px;
	}
}

/*******-----------------480px------------------*******/
@media screen and (max-width: 480px){
	/*-----------menu-content----------*/
	.menu-btn-box ul{
		width: 100%;
	}
	/*----------- 商品區 -----------*/
	.area-link{
		padding-left: 10px;
		padding-right: 10px;
		overflow: hidden;
	}
	.area-link li{
		display: block;
	}
	.area-link li:first-child{
		margin-right:0px;	
	}
	.area-link li:not(:first-child) {
		display: block;
		float: right;
		margin: 10px 0;
	}

	/*----------- 介紹區 popup -----------*/
	.pop1400Box{
		max-width: 100%;	
	}
	.demos-layout{
		padding:40px 20px 40px 20px;
	}
}

/*******-----------------320px------------------*******/
@media screen and (max-width:320px) {

}