@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 768px) and (max-width: 1023px){
	.nav .navLogoBox{  /*logo*/
		padding: 30px 0 0 40px;
	}
	.nav .eng{
		display:none;
	}
	
	.ShowBg { /*首頁圖*/
        width: 95%;
        max-width: 768px;
		height: 315px;
}
	.ShowPic:nth-child(1) {
		background: url("../images/img01-2.jpg"); }
	.ShowPic:nth-child(2) {
		background: url("../images/img02-2.jpg") no-repeat center 0;}
	.ShowPic:nth-child(3) {
		background: url("../images/img03-2.jpg") no-repeat center 0;}
	
	.ShowTxts{
		width: 100px;
		margin: -40px 15px 0 0px;}
	.ShowTxt01 {
		font-size: 28px;
	    line-height: 30px;}
	
	.word2{
		margin: 80px 0 0 480px;
	    width: 760px;}	    
	.ShowTxt08{
		font-size: 24px;}
	.ShowTxt09{
		font-size: 16px;
		margin: -35px 0px 0 0px;}
	.product2{
		margin: 35px 0 0 485px;
		width: 750px;}
	.word1{
		margin: -10px 0 0 480px;
	    width: 760px;}
	.product{
		margin: 35px 0 0 485px;
		width: 750px;}
	
    .ContactBg{
		padding: 30px 0 0 0px;}
	.ContactBg .ContactBox{
		min-height: 820px;}/*頁尾高度*/
	.google-map{
		margin:10px 0px 0 -30px}
	.google-map iframe{
		width:650px;}
	.information{
		margin: 280px -570px 0 0px;}
	.icon-logo{
		margin: 260px -575px 0 0px;}
	.fb-window{
		margin: 280px 75px 0 0px;}
	.opentime{
		margin:283px -600px 0 0;}
	.marquee{
		margin:525px -5px 0 0px;}
	.copyright{
		margin:490px -160px 0 0px;}
	.gotop{
		margin:430px 180px 0 50px;}
	.ShowTxt04{
		font-size: 24px;}
	.ShowTxt05{
		font-size: 16px;}
	
	.about{
		margin: 120px 0 0 260px;
	    width:220px;}
	.about1{
		margin: 0px 0 0 -10px;
		width:750px;}
	.about2{
		margin: -30px 0 0 45px;
		width:630px;}
	
	.process{
		margin: 120px 0 0 260px;
	    width:220px;}
	.process1{
		margin: 0px 0 0 -10px;
		width:750px;}
	
	.color{
		margin: 120px 0 0 260px;
	    width:220px;}
	.color1{
		margin: 0px 0 0 -10px;
		width:750px;}
	.color2{
		margin: -10px 0 0 140px;
		width:450px;}
	
	.acrylic{
		margin: 120px 0 0 260px;
	    width:220px;}
	.acrylic1{
		margin: 0px 0 0 -10px;
		width:750px;}
	
	.image{
		margin: 120px 0 0 260px;
	    width:220px;}
	.image1{
		margin: 0px 0 0 -10px;
		width:750px;}
	
	.design{
		margin: 120px 0 0 260px;
	    width:220px;}
	.design1{
		margin: 0px 0 0 -10px;
		width:750px;}
	
	.photo{
		margin: 120px 0 0 260px;
	    width:220px;}
	.photo1{
		margin: -70px 0 80px 0px;
	    width:780px;}
	.photo1 iframe{
		width:780px;}
}