*{font-family: '微軟正黑體';}
table{
	white-space: normal;
    line-height: normal;
    font-weight: normal;
    font-size: medium;
    font-variant: normal;
    font-style: normal;
    color: -webkit-text;
    text-align: start;
}
textarea{font-size: 1.5em;}
p{font-size: 1.5em;color:#000;}
#share{
	display:inline-flex;
}
.col-md-4{
	margin-bottom: 2%;
}
.share-btn a{color:#FFF;font-size: 5em;}

.col-md-4 button{
	background: none;
	border:none;
	font-size: 4em;
	color:#ffffff;
}

.logo{
	text-align: center;
}


/*頁尾*/
.row.footer img,.row.footer small{
	display: inline;

}

/*表單*/

.list-qr{
    margin-top:3%;

}
.list-qr h2{
	display: inline;
	margin-left: 2%;
}

.w_4{
    display:inline-block;
    margin-bottom:5%;

}
.w_4 td{
    letter-spacing: 0.5em;
    border:solid 1px #ccc;
}

.col-sm-3.w_4{
    float:none;
}


 #main_pic{
    position:relative;
    }
    #foot{
        bottom:0;
        position:absolute;
        z-index: 1;
    }
    #logo{
        margin:0 5% 0 5%;

        width:30%;
    }

.ss-logo p{
    font-size:2em;
    color:#614C3F;

}
.ss-logo strong{
    font-family:'微軟正黑體';
    font-size:1.5em;
    color:black;
}

/*留言板*/
.ss-typography p,.comment-author.vcard.ss-heading-font{
	font-size: 1.5rem;
	color:#000;
}

@media all and (min-width: 320px) and (max-width: 480px) {

    .css_btn_class{
    	padding:1em;
    }
}
@media all and (max-width: 320px) {
    #qrcode{
      width:15%;
    }
        .css_btn_class{
    	padding:1em;
    }
}


@media only screen and (max-width:1280px)  {

	.col-md-4 button{
	font-size: 2em;
	}

    #qrcode{
      max-width: 100px;
    }

	.share-btn a{
		font-size: 3em;
	}

	.col-md-4 img {
		width:50%;
		max-width: 80px;
		max-height: 80px;
		min-width: 80px;
		min-height: 80px;
	}
}

@media only screen and (max-width:768px)  {
	.col-md-4.img-width{
		width:48%;
		display: inline-block;
	}
	.share-btn a{
		font-size: 3em;
	}

	#qrcode{
      max-width: 75px;
    }
}

@media only screen and (max-width:480px)  {
	.col-md-4 button{
	font-size: 1em;

	}	
	.share-btn a{
		font-size: 1em;
	}

	.col-md-4 img {
		width:25%;
		max-width: 40px;
		max-height: 40px;
		min-width: 40px;
		min-height: 40px;
	}
	#qrcode{
      max-width: 50px;
    }
}

@media only screen and (max-width:320px) {
	#qrcode{
      max-width: 50px;
    }
}