@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 0px) and (max-width: 767px) {
	.nav .navLogoBox{  /*logo*/
		padding: 20px 0 0 10px;
	}
	.nav .eng{
		display:none;
	}
	
	.ShowBg { /*首頁圖*/
        width: 95%;
        max-width: 300px;
        height: 311px;
}
	.ShowPic:nth-child(1) {
		background: url("../images/img01-1.jpg"); }
	.ShowPic:nth-child(2) {
		background: url("../images/img02-1.jpg") no-repeat center 0;}
	.ShowPic:nth-child(3) {
		background: url("../images/img03-1.jpg") no-repeat center 0;}
	
	.ShowTxts{
		width: 100px;
		margin: -40px 135px 0 0px;}
	.ShowTxt01 {
		font-size: 22px;
	    line-height: 22px;
	    color:white;}
	
	.word2{
		margin: 80px 0 0 480px;
	    width: 310px;}	    
	.ShowTxt08{
		font-size: 22px;}
	.ShowTxt09{
		font-size: 15px;
		margin: -35px 0px 0 0px;}
	.product2{
		margin: 35px 0 0 485px;
		width: 300px;}
	.word1{
		margin: -10px 0 0 480px;
	    width: 310px;}
	.product{
		margin: 35px 0 0 485px;
		width: 300px;}
	
	.ContactBg{
		padding: 30px 0 0 0px;}
	.ContactBg .ContactBox{
		min-height: 1180px;}/*頁尾高度*/
	.google-map{
		margin:10px 0px 0 -15px}
	.google-map iframe{
		width:280px;}
	.information{
		margin: 280px -960px 0 0px;}
	.icon-logo{
		margin: 260px -965px 0 0px;}
	.opentime{
		margin: 530px -620px 0 0;}
	.marquee{
		margin:730px -390px 0 0px;}
	.copyright{
		margin:750px -390px 0 0px;}
	.gotop{
		margin:820px 60px 0 50px;}
	.ShowTxt04{
		font-size: 22px;}
	.ShowTxt05{
		font-size: 15px;}
	
	.about{
		margin: 120px 0 0 105px;
	    width:120px;}
	.about1{
		margin: 0px 0 0 -10px;
		width:350px;}
	.about2{
		margin: -20px 0 0 15px;
		width:300px;}
	
	.process{
		margin: 120px 0 0 105px;
	    width:120px;}
	.process1{
		margin: 0px 0 0 -10px;
		width:350px;}
	
	.color{
		margin: 120px 0 0 105px;
	    width:120px;}
	.color1{
		margin: 0px 0 0 -10px;
		width:350px;}
	.color2{
		margin: -10px 0 0 23px;
		width:280px;}
	
	.acrylic{
		margin: 120px 0 0 105px;
	    width:120px;}
	.acrylic1{
		margin: 0px 0 0 -10px;
		width:350px;}
	
	.image{
		margin: 120px 0 0 105px;
	    width:120px;}
	.image1{
		margin: 0px 0 0 -10px;
		width:350px;}
	
	.design{
		margin: 120px 0 0 105px;
	    width:120px;}
	.design1{
		margin: 0px 0 0 -10px;
		width:350px;}
     
	.photo{
		margin: 120px 0 0 105px;
	    width:120px;}
	.photo1{
		margin: -70px 0 0 20px;
	    width:470px;}
	.photo1 iframe{
		width:470px;}
	
}