#blogSlider{
	width:940px;
	height:;	
	}
.stripViewer { 
	position: relative;
	overflow: hidden; 
	clear: both; 
} 
#blogSlider .panelContainer{
	position:relative;
	margin-left:150px;
}
#blogSlider .panel{
	position:relative;
	float:left;
}
#blogSlider .moveSet li {
	float:left;
	width:600px;
}
#blogSlider .moveSet li .image{
	width:600px;
}
.stripNavL a, .stripNavR a { 
	display: block; 
	width: 42px; 
	height: 65px; 
	text-indent: -9999px;
	position: absolute;
	z-index:8;
	}
.stripNavL a{
	bottom:0px;
	left:0;
	top:220px;
	background: url(../images/leftarrow.png); 
}
.stripNavR a {
	bottom:0;
	right:20px;
	top:220px;
	background: url(../images/rightarrow.png);
}

.preview_content{width:300px;margin:0 auto;}



/* #Media Queries
================================================== */

	/* Tablet Portrait 平板直式 */
	/* Note: Design for a width of 768px */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#blogSlider{
			width:768px;
		}
		#blogSlider .moveSet li{
			float:left;
			width:450px;
		}
		#blogSlider .moveSet li .image {width:450px;}
		.preview_content a img{width:131px;height:40px;}
		.stripNavL a{bottom:0px;left:0;top:220px;background: url(../images/leftarrow.png); z-index:10; }
		.stripNavR a {bottom:0;right:0;top:220px;background: url(../images/rightarrow.png);z-index:10;}
	}

	/* Mobile (Portrait) 手機直式*/
	/* Note: Design for a width of 320px */
	@media only screen and (max-width: 767px) {
		#blogSlider{
			width:300px;
			position:relative;
			top:-50px;
		}
		#blogSlider .panelContainer {
			margin-left:0;
		}
		#blogSlider .moveSet li{
			float:left;
			width:300px;
		}
		#blogSlider .panel{}
		#blogSlider .panel img{width:100%;}
		#blogSlider .moveSet li .image {width:160px;}
		.preview_content{width: 150px;}
		.preview_content a{width:131px;height:40px; }
		#blogSlider  .preview_content img{
			width:auto;
		}
		.stripNavR a{top:40px;right:-10px}
		.stripNavL a{top:40px;left:-10px;}
	}

	/* Mobile (Landscape) 手機橫式 */
	/* Note: Design for a width of 480px */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#blogSlider{
			width:480px;
			position:relative;
			top:20px;	
		}
		#blogSlider .moveSet li{
			float:left;
			width:470px;
		}
		#blogSlider .moveSet li .image {width:240px;}
		.preview_content a{clear:both;}
		.preview_content a img{width:131px;height:40px; clear:both;}
		.preview_content{width:300px;}
		
		.stripNavR a{top:180px; right:-50px}
		.stripNavL a{top:180px; left:-10px;}
	}