body{ margin:0; font-family:"微軟正黑體", 'Century Gothic Bold' ,arial; }



.shoppingcard{
	width: 85px;
	position: fixed;
	right: 20px;
    bottom: 110px;
	z-index: 1;
}


.shoppingcard img{
	width: 100%;
}

@media (max-width: 576px){
  .shoppingcard{
    width: 80px;
	}
}


.line-1{
	height:100vh; /**2018-10-04編輯**/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#63d357+0,28ab65+100 */
background: #fcd005; /* Old browsers */
background: -moz-linear-gradient(-45deg, #fcd005 0%, #fdd407 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #fcd005 0%,#fdd407 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #fcd005 0%,#fdd407 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd005', endColorstr='#fdd407',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	position: relative;
}

.title-1{
    top: 40%;
    left: 0;
    right: 0;
    position: absolute;
    margin-top: -35px;
    width: 100%;
	}
.title-1 h1{
	font-size:60px;
	font-weight:300;
	color:#FFF;
	text-align: center;
	}
.title-1 h1 img{
	vertical-align: top;
    margin: -12px;
    margin-right: 10px;
	}
.more{
	text-align:center;
	left:0;
	right:0;
	bottom:20px;
	position: absolute;
	font-size:20px;
	color:#000;
	}	
.user-bg{
	background-image:url(../img/62_background.jpg);
	background-repeat:no-repeat;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
    min-height: 230px;
    width: 100%;
    position: absolute;
    margin-top: 360px;
	}
.phone-left img{
	width:100%;
	margin-top:50px;
	}
.user{
	margin-top:100px;
	}
.user h1{
	font-size:100px;
	color:#FDA600;
	margin: 0;
	}
.u62{
	width:100%;
	margin-top:100px;
	float:left;
	}
.u62 h3{
	float:left;
	line-height:40px;
    padding-top:55px;
	font-weight:bold;
	}
.u62 img{
	margin-top:35px;
	padding-left: 20px;
	}
.line-ads{
	margin: 20px 0 60px 0;
	}
.ads-left-text{
	margin-top:180px;
	}
.ads-title h1{
	font-size:50px;
	color:#FDA600;
	font-weight:bold;
	margin: 0 auto;
	}
.ads-title h2{
	color:#F5D242;
	margin: 0 auto;
	}
.ads-title h4{
	color:#808080;
	 letter-spacing: 3px;
	}
.service{
	padding-top:35px;
	font-size:20px;
	color:#808080;
	}
.service span{
	font-size:14px;
	margin: 0 auto;
	margin: 3px auto 0;
	}
.service h5{
	margin-top:-8px;
	color:#B3B3B3;
	margin-left: 25px;
	}
.circle{
	color:#FFF;
 	border-radius: 40px;
 	background-color: #808080;
	 display: block;
 	float: left;
 	text-align: center;
 	vertical-align: top;
 	width: 20px;
	}
.line-locking{
	background-color:#f8f8f8;
	}
.locking-wrapper{
	text-align:center;
	margin-bottom: 40px;
	}
.locking-title h1{
	width:100%;
	left:0;
	right:0;
	text-align:center;
	margin: 50px 0 50px 0;
	font-weight:bold;
	color:#808080;
	}
.icon{
	text-align:center;
	margin: 0 auto;
	}
.icon p{
	font-size:20px;
	padding-top: 10px;
	}
.bid_bid-wrapper{
	text-align:center;
	margin: 20px 0 80px 0;
	}
.bid_bid-title h1{
	width:100%;
	left:0;
	right:0;
	text-align:center;
	margin: 80px 0 30px 0;
	font-weight:bold;
	color:#808080;
	}
.ad h1{
	color:#FDA600;
	font-weight:bold;
	}
.ad p{
	font-size:22px;
	margin: 0 auto;
	}
.ad span{
	color:#b3b3b3;
	}
.five-wrapper{
	text-align:center;
	margin: 30px;
	}
.col-md-2 width20{
	width:20%;
	}
.bot{
	min-height:800px;
	background: #fcd005; /* Old browsers */
background: -moz-linear-gradient(-45deg, #fcd005 0%, #fdd407 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #fcd005 0%,#fdd407 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #fcd005 0%,#fdd407 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd005', endColorstr='#fdd407',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	margin:0 auto;
	}

.bot-title{
	text-align:center;
    left: 0;
    right: 0;
    position: absolute;
    margin-top: -50px;
    width: 100%;
	}
.wisdom{
	width:100%;
	text-align:center;
	left:0;
	right:0;
	font-size:20px;
	color:#FFF;
	margin-top: 380px;
	}
	
.line-push{
	background-color:#e6e6e6;
	}
.push-wrapper{
	margin-top:50px;
	}
.push-title{
	margin-top:130px;
	}
.push-title h3{
	font-size:40px;
	color:#FDA600;
	font-weight:bold;
	margin: 0 auto;
	}
.service span{
	margin: 6px auto 0;
	}
.sign1{
	float:left;
	text-align: center;
 	vertical-align: top;
	}

.footer{
	min-height:300px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#63d357+0,28ab65+100 */
background: #fcd005; /* Old browsers */
background: -moz-linear-gradient(-45deg, #fcd005 0%, #fdd407 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #fcd005 0%,#fdd407 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #fcd005 0%,#fdd407 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd005', endColorstr='#fdd407',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	
.flashaim{
	width:100%;
	text-align:center;
	left:0;
	right:0;
	font-size:20px;
	color:#000;
	margin-top: 20px;
	}
.flashaim-logo{
	padding-top: 30px;
	}
.information{
	margin-top:60px;
}
.flashaim-bot{
	margin-bottom: 20px;
	text-align: center;
}
.flashaim-bot img{
	text-align: center;
	display: inline;
}
.map{
	padding-top:25px;
	}

.map a{
	font-size:14px;
	color:#000;
	letter-spacing: 1px;
	line-height: 1.5;
}

.map a:hover, .map a:focus{
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.link-more{
	color: #000;
}
.link-more:hover, .link-more:focus{
	color: #000;
	text-decoration: none;
}
.service span{
	margin-right: 5px;
}
.service h5{
	margin-left: 30px;
}
.width20{
	width:20%;
	float: left;
}
.slide-wrapper{
	padding-top: 40px;
	position: relative;
	height: 500px;
}
.slide-title{
	font-size: 20px;
    padding-top: 10px;
}
.push-title{
	margin-top: 15%;
}
.push-wrapper{
	position: absolute;
	bottom: 0;
	width: 100%;
}
.slide-height{
	/*height: 600px;*/
}
.slide-1 .phone-push,
.slide-2 .phone-push,
.slide-3 .phone-push,
.slide-4 .phone-push{
	width: 45%;
	margin-left: 15%;
}
.slide-1 .push-title,
.slide-2 .push-title,
.slide-3 .push-title,
.slide-4 .push-title{
	position: absolute;
	top: -100px;
	left: 65%;
}
.slide-5 .push-title{
	position: absolute;
	top: -100px;
	left: 60%;
}

.slide-5 .phone-push{
	width: 60%;
	margin-left: 10%;
}
.slide-icon{
	width: 100%;
	height: 120px;
}
.slide-1-btn.icon{
	background: url(../img/slide-1-btn.png) no-repeat center;
	background-size: contain;
}
.slick-current .slide-1-btn.icon{
	background: url(../img/slide-1-btn_on.png) no-repeat center;
	background-size: contain;
}
.slide-2-btn.icon{
	background: url(../img/slide-2-btn.png) no-repeat center;
	background-size: contain;
}
.slick-current .slide-2-btn.icon{
	background: url(../img/slide-2-btn_on.png) no-repeat center;
	background-size: contain;
}
.slide-3-btn.icon{
	background: url(../img/slide-3-btn.png) no-repeat center;
	background-size: contain;
}
.slick-current .slide-3-btn.icon{
	background: url(../img/slide-3-btn_on.png) no-repeat center;
	background-size: contain;
}
.slide-4-btn.icon{
	background: url(../img/slide-4-btn.png) no-repeat center;
	background-size: contain;
}
.slick-current .slide-4-btn.icon{
	background: url(../img/slide-4-btn_on.png) no-repeat center;
	background-size: contain;
}
.slide-5-btn.icon{
	background: url(../img/slide-5-btn.png) no-repeat center;
	background-size: contain;
}
.slick-current .slide-5-btn.icon{
	background: url(../img/slide-5-btn_on.png) no-repeat center;
	background-size: contain;
}

@media (max-width: 991px) {
.pull-right{
		text-align:center !important; 
		vertical-align: top;
		padding-right:35px;
		float:none !important; 
		margin: 0 auto;
	}
	.map{
		text-align:center;
		vertical-align: top;
	}
}




/* sm */
@media (max-width: 970px) {
	.slide-wrapper{
		padding-top: 40px;
		height: 500px;
	}
	.slide-wrapper.slide-1,
	.slide-wrapper.slide-2,
	.slide-wrapper.slide-3,
	.slide-wrapper.slide-4,
	.slide-wrapper.slide-5{
		height: 450px;
	}
	.slide-1 .push-title,
	.slide-2 .push-title,
	.slide-3 .push-title,
	.slide-4 .push-title{
		top: -100px;
		left: 60%;
	}
	.slide-1 .phone-push,
	.slide-2 .phone-push,
	.slide-3 .phone-push,
	.slide-4 .phone-push{
		width: 400px;
		left: 0;
		margin-left: 0;
		/*margin: 0 auto;*/
	}
	.slide-5 .push-title{
		top: -30px;
		left: 68%;
	}
	.slide-5 .phone-push{
		width: 660px;
		margin: 0 auto;
	}
}
/* xs */
@media (max-width: 767px) {
	.service{
		padding-top:20px;
		}
	.service h5{
		margin-left:105px;
	}
	.slide-wrapper{
		padding-top: 10px;
	}
	.slide-icon{
		height: 60px;
	}
	
	.width20{
		padding:0 3px;
	}
	.width20 p{
		display: none;
	}
	.push-title{
		margin-top: 0;
		text-align: center;
		width: 100%;
	}
	.slide-wrapper.slide-1,
	.slide-wrapper.slide-2,
	.slide-wrapper.slide-3,
	.slide-wrapper.slide-4,
	.slide-wrapper.slide-5{
		height: 550px;
	}
	.slide-1 .phone-push,
	.slide-2 .phone-push,
	.slide-3 .phone-push,
	.slide-4 .phone-push{
		width: 90%;
		max-width: 300px;
		margin: 0 auto;
	}
	
	.slide-1 .push-title,
	.slide-2 .push-title,
	.slide-3 .push-title,
	.slide-4 .push-title{
		top: -240px;
		left: 0%;
		margin-left: -50px;
    	text-align: center;
	}
	
	.push-title h3{
		text-align:center;
		margin-left: 80px;
		padding-top: 10px;
		}
	.slide-5 .push-title{
		top: -280px;
		left: 0;
		right: 0;
		width: 70%;
		/*margin: 0 auto;*/
	}
	.slide-5 .push-title p{
		text-align:center;
		margin-left: 40px;
    	width: 100%;
		}
	.slide-5 .phone-push{
		width: 90%;
		max-width: 500px;
		margin: 0 auto;
	}
	.slide-5 .service span{
		margin:0 auto;
		}
	
	.title-1 h1 img{
		float:left;
		text-align: center;
		position:absolute;
		margin: -100px 80px 0;
		}
	.title-1 h1{
		font-size: 40px;
    	text-align: center;
		padding-top: 25px;
		}
	.all-users{
		background-color: #f8f8f8;
    	min-height:500px;
		width: 100%;
		}
	.user-bg{
		margin-top: 420px;
		min-height: 200px;
		}
	.user h1{
		font-size:60px;
		}
	.user{
		margin-top:30px;
		text-align:center;
		}
	.u62{
		margin:0 auto;
		font-size:10px;
		text-align:center;
		}
	.u62 h3{
		float:none;
		line-height: 30px;
    	padding-top: 55px;
		font-weight:normal;
		}
	.u62 img{
		padding-left:35px;
		}
	
	.ads-left-text{
		margin-top:50px;
		}
	
	.ads-title h1{
		text-align:center;
		}
	.ads-title h2{
		text-align:center;
		}
	.ads-title h4{
		text-align:center;
		}

	.service span {
    	margin: 6px 0 0 80px;
		}
	.locking-title h1{
		font-size:30px;
		}
	.icon p{
		padding: 20px;
		}
	
	.bid_bid-title h1{
		font-size:30px;
    	margin-top: 60px;
		}
	
	.bid_bid-wrapper{
		margin:0;
		}
	.ad h1{
		margin:0;
		}
	.ad{
		margin-bottom:40px;
		
		}
	.bot-title{
		margin-top: 20px;
		}
	.bot-title img{
		width:70%;
		}
	.bot{
		min-height:50%;
		}
	.wisdom{
		margin: 300px 0 20px 0;
		}
	
	
	.flashaim-logo{
		text-align: center !important;
   	 	float:none;
		}

		
	.information{
		margin:0 auto;
		margin-top: 50px;
		}

}