/* 響應式設定 */

/* htc/sumsung tablet/ ipad portrait */
@Media (max-width:800px){
	/* page content */
	body{
		background:#fff url(../_img/header_bg.jpg) top right no-repeat;
	}
	#dHeader,
	#dCompanyProfile,
	#dFooter,
	#dTorso
	{
		width:98%;	
	}
	
	
	
	#footerAdd{
		margin:0;
	}
	
	#companyInfo,
	#copyright{
		width:100%;
		clear:both;
		text-align:left;
	}
	
	.flipContent{
		background: #6a0000 url(_img/flipContent_bg.jpg) top right no-repeat;
	}
	
	#dHeader{
		height:auto;	
	}
	
	#video-container{
		
	}
	
	#dPageBanner{
		width:100%;	
		background-position:left top;
	}
	
	#dNav,
	#left,
	#dLang{
		display:none;
	}
	
	#dLogo{
		width:120px;	
	}
	#dLogo img{
		width:100%;
	}
	
	#dCompanyName{
		width:auto;
		background:	#700a0b;
		padding:25px 30px 25px 170px;
		margin:0;
		text-align:center;
		position:absolute;
		top:30px;
		left:0;
	}
	
	#dCompanyName img{
		width:100%;	
	}
	
	
	#dFooterSlogan{
		width:auto;	
	}
	
	#dConpanyInfo{
		width:400px;	
	}
	
	#productList .proItem{
		width:45%;	
	}
	
	#contactPage>iframe{
		width:370px;	
	}
	
	.news_content img{
		width:100%;	
		height:auto;
	}
	
	#addToCartBtn{
		position:fixed;
		bottom:0;
		right:0;
	}

}

/* htc/sumsung tablet/ iphone portrait */
@Media (max-width:600px){
	/* page content */
	#dFooterLogo{
		width:200px;
	}
	#dFooterLogo img{
		width:100%;
	}
	#dConpanyInfo{
		width:300px;	
	}
	
	#dCompanyName{
		padding-right:5px;
		padding-left:120px;
	}
	
	#right{
		min-height:400px;	
	}
	
	#resImg2,
	#resImg4{
		width:100%;	
	}
	
	#productList .proItem{
		width:44%;	
	}
	
	#contactPage>iframe{
		width:97%;
		height:200px;
	}
	
	#contactPage>ul{
		padding:10px 0;	
	}
	#contactPage #cMap{
		margin:10px 0 0 20px;	
	}
	#dBanner{
		overflow:hidden;
	}
	
	.new-title{
		margin-top:10px;	
	}
	

}

/* htc/sumsung mobile device/ iphone landscape */
@Media (max-width:568px){
	/* page content */
	#dFooterSlogan{
		width:200px;	
	}
}

/* htc/sumsung mobile device/ iphone portrait */
@Media (max-width:480px){
	/* page content */
	#dLogo{
		width:100px;	
	}
	#dCompanyName{
		padding-right:5px;
		padding-left:100px;
	}
	
	.index_slogan{
		font-size:20px;	
	}
	
	#right{
		min-height:200px;	
	}
	
	#dFooterLogo{
		width:100%;
		text-align:center;
	}
	#dFooterLogo img{
		width:auto;	
	}
	#dFooterSlogan{
		width:100%;	
	}
	#dFooterSlogan img{
		width:100%;	
	}
	#dConpanyInfo{
		width:100%;	
	}
	
	#aboutPage #pageSlogan{
		font-size:20px;
	}
	
	#resImg3{
		width:100%;	
	}
	
	#productList .proItem{
		width:90%;
		height:auto;
		border-bottom:1px dotted #900;
	}
	
	#shop_confirmTable{
		width:99%;	
	}
	#shop_confirmTable td{
		padding:5px;
		display:block;
		width:98% !important;
		float:left;
	}
	#shop_confirmTable td textarea,
	#shop_confirmTable td input,
	#shop_confirmTable td select{
		display:block;
		width:99% !important;
	}
	
	#shop_confirmTable td .btn{
		display:block;
		clear:both;
	}
	
	#shop_confirmTable td.tdInfo{
		background:#efbf97;	
	}
	
	.ContentFlow{
		position:relative;
		width:100%;
		
	}
}

/* not offten to use */
@Media (max-width:320px){
	/* page content */
	
}