/*******-----------------1235px------------------*******/
@media screen and (max-width: 1235px) {	
ul.blist > li{
    width:30%;
}

}
/*******-----------------1024px------------------*******/
@media screen and (max-width: 1024px) {	
.pop1400Box{
	max-width: 900px;	
}

}

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

.wrapper{
	width:100%;	
	height: auto;
	padding:0px 40px 30px 40px;
}
ul.blist > li{
    width:80%;
}
}



/*******-----------------720px------------------*******/
@media screen and (max-width:720px) {
.wrapper{
	margin:0 auto;
	height: auto;
	padding:0px 30px 0px 30px; 
	overflow:hidden;
}


}


/*******-----------------480px------------------*******/
@media screen and (max-width:480px) {
.wrapper{
	margin:0 auto;
	height: auto;
	padding:0px 20px 0px 20px; 
	overflow:hidden;
}	
.btn{	
	width:50%;
	float:left;	
	margin: 0 auto 15px;
}
.demos .demoTitle{
	text-align: center;
	font:bold 18px/1.1 '微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial,sans-serif; 
}
}

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

.btn{	
	width:50%;
	float:left;	
	margin: 0 auto 15px;
}


}