@charset "utf-8";








/* footer */
footer{ width:100%; padding:45px 0 50px; min-height:120px;
		background: rgb(253,235,228) url(../images/footer_bg.png);
		background: -moz-linear-gradient(top, rgba(253,235,228,1) -1%, rgba(253,235,228,1) 0%, rgba(247,211,200,1) 100%)  url(../images/footer_bg.png; 
		background: -webkit-linear-gradient(top, rgba(253,235,228,1) -1%,rgba(253,235,228,1) 0%,rgba(247,211,200,1) 100%)  url(../images/footer_bg.png;
		background: linear-gradient(to bottom, rgba(253,235,228,1) -1%,rgba(253,235,228,1) 0%,rgba(247,211,200,1) 100%)  url(../images/footer_bg.png; 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdebe4', endColorstr='#f7d3c8',GradientType=0 )
}
.footer_logo{ width:100px; height:100px; background:url(../images/footer_logo.png); background-position:center; margin:0 auto; display:inline-block}
.footer_c{ margin:0 auto; text-align:left; padding:10px 0 0 30px; color:#888; width:310px; display:inline-table; vertical-align:top  }
.footer_c p{ display:inline-block; font-size:13px; color:#777; padding:0 30px 0; background: url(../images/footer_dm.png) no-repeat; height:20px}
footer a{ color:#888; text-decoration:none}
footer a:hover{ text-decoration:underline}

/*goto top*/
.cd-top {
  display: inline-block;
  height: 46px;
  width: 52px; 
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  //overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:url(../images/gotop.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top:after{ content:"TOP"; display:block; font-size:15px; color:#555; position:absolute; top:50px; left:-40px}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  opacity: 1;
}

footer li{ display:inline-block; vertical-align:top; width:45%}
footer li:nth-child(2){vertical-align:top; width:55%}
.footer_team{ text-align:center; padding:0 0 20px}
.footer_team img{ width:28px; height:28px; vertical-align:middle}
.footer_team span{ padding:0 0 0 10px}
footer .f_icon{ background:none; padding:0 0 15px}
footer .f_icon span{ display:inline-block; border:1px solid #d0ae92; border-radius:20px; padding:4px 8px 2px}
footer .f_icon img{ padding:0 3px }
/*tags*/
.tags{ width:300px; margin:0 auto; font-size:13px}
.f23{font-size:23px}
.f21{font-size:21px}
.f19{font-size:19px}
.f17{font-size:17px}
.f15{font-size:15px}
.tags a{ color: #fff; font-weight:600; line-height:120%; text-decoration:none; padding:0 5px 0 0; text-shadow:0 1px 8px #bf5c5c, 0 1px 8px #bf5c5c}
.tags a:hover{ color:#C36; text-shadow:none; text-decoration:none}

/*RWD*/
@media screen and (max-width: 1350px) {
	
	/*頁尾*/
	footer ul span li:nth-child(3){ margin:0}
	footer .com{ margin:10px 0 0; width:100%}
}
 

@media screen and (max-width: 880px) {
	.footer_c{ width:250px; text-align:left}
	.footer_c p{ padding:0 0 0 30px}
	footer .f_icon{ background:none; padding:0 0 15px}
	}
@media screen and (max-width: 768px) {
	footer li{ width:100%}
	footer li:nth-child(2){ width:100%}
	.footer_c{ display:block; padding:0 calc((100% - 250px) /2)}
	.footer_logo{ display:block; margin:30px auto}
	footer .f_icon{ display:block; padding:0 0 25px; text-align:center}
	.footer_c p{ display:block}
}