@charset "utf-8";
/* CSS Document */

/*輸入框去掉亮框*/
input:focus {
	outline: 0;
}
/*背景色*/
body {
	font-size: 16px;
	font-family: "微軟正黑體";
	background-color: #f2f2f2;
}
/*標頭高度*/
.header {
	height: 80px;
}
/*logo高度*/
.logo {
	height: 40px;
}
/*步驟*/
.step-list {
	letter-spacing:1px;
	height: 75px;
	line-height: 75px !important;
	background-color: #3e3a39;
}

/*頁尾*/
.foot {
	width: 100%;
	bottom: 0;
}
/*讓手機不出現*/
.phones {
	display: none;
}
/*標題icon*/
.round {
	padding: 7px;
	width: 33px;
	height: 33px;
	font-size: 15px;
	border: 2px solid #333;
	border-radius: 50%;
}
/*標題文字垂直置中*/
.text {
	vertical-align: middle;
}
/*按鈕*/
.art-button-wrapper {
    position: relative;
    display: block;
    margin: 15px auto;
    width: 235px;
    height: 45px;
    line-height: 45px;
    font-size: 17px;
    z-index: 99;
    bottom: 175px;
}
.art-button-wrapper:after {
	position: absolute;
	font-family: FontAwesome;
	top: 0px;
	left: 20px;
	font-size: 27px;
	content: "\f0a4";
	color: #fff !important;
	-webkit-animation: icon .5s infinite;
}
 @-webkit-keyframes icon {
 0% {
 left: 20px;
}
 50% {
 left: 25px;
}
 100% {
 left: 20px;
}
}
.art-button-wrapper input {
	position: relative;
	padding: 0 12px 0 63px;
	border: none;
	color: #fff;
	background-color: #4cacb6;
	border-radius: 6px;
	box-shadow: 0 3px 0 #9e9f9f;
}
.art-button-wrapper input:hover {
	transition: 0.2s;
	background-color: #EA6161;
}



a:hover{
	text-decoration:none !important;}
/*讓標題margin等於0*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
.h4, h4 {
	font-size: 17px !important;
}

@media (max-width: 992px) {
	p, body, input, select, div {
    font-size: 15px;
}	
.h1,h1{
	font-size:25px !important;
}	
.h2,h2{
	font-size:20px !important;
}	
.h3,h3{
	font-size:18px !important;
}	
.h4,h4{
	font-size:16px !important;
}	
.h5,h5{
	font-size:12px !important;
}	
/*標題icon*/
.round {
	vertical-align: middle;
	padding: 6px;
	width: 29px;
	height: 29px;
	font-size: 12px;
	border: 2px solid #333;
	border-radius: 50%;
}
.h3, h3 {
	font-size: 19px;
}
.fa-exclamation{
	font-size: 18px !important;
}
/*手機板底下有padding:50px*/	
body {
	padding-bottom: 50px;
}
/*電腦板不出現*/
.desktops {
	display: none;
}
/*標頭*/
.header {
	height: 60px;
    padding-top: 14px;
    padding-left: 15px !important;
}
/*手機logo高度*/
.logo {
	height: 30px;
}
/*改變步驟在手機上的高度*/
.step-list {
	font-size: 21px !important;
	height: 40px;
	line-height: 40px !important;
}
/*在手機步驟1出現*/
.phones.step1 {
	display: block;
}
/*框住步驟框隱藏*/
.mask {
	display: none;
}
/*手機頁尾文字大小*/
.foot {
	position: relative;
	font-size: 13px;
}
/*標題下的間距*/
.heading {
	margin-bottom: 15px !important;
}
/*按鈕*/
.art-button-wrapper {
	height: 50px;
	position: fixed;
	bottom: 0;
	width: 100%;
}
.art-button-wrapper input {
	font-size: 19px;
	height: 50px;
	width: 100%;
	border-radius: 0px;
	box-shadow: none;
}
.art-button-wrapper input:active {
	background-color: #000;
}
.art-button-wrapper:after {
	top: 3px;
}
.art-button-wrapper input {
	text-align: center;
	padding-left: 20px !important;
}
}