﻿@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&display=swap');
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
	list-style-type:none;
	}
a,img {
	outline: none;/* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */	
	}
input,textarea{outline:none} /*消除chrome黃色框*/
textarea{resize:none} /*不要縮放*/	
img, div {border:0px;}
a:link {
	color: #c51700;
	text-decoration:none;
}
a:visited {
	text-decoration:none;
	color: #c51700;
}
a:hover {
	text-decoration: none;
	color: #9d0000;
}
a:active {
	text-decoration: none;
	color: #c51700;
}
html{font-size:75%;}
body{
	font-size:1rem;
	word-wrap:break-word;
	font-family:Arial,'Noto Sans TC','微軟正黑體',sans-serif;
	background-color:#4a1a21;/*000*/
	}
*{	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
.tas{
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
/**/
body{}

/*版宣*/
footer{
	position:relative;/*fixed*/
	width:100%;
	padding:2.5rem 1rem 2.5rem;/**/
	font-size:1rem;
	line-height:1.5rem;
	color:#fff;
	background-color:#000;
	overflow:hidden;
	z-index:1;
	}
.fcc{position:relative;width:1400px;margin:0 auto;}

footer span.tf1 > div{
	position:relative;
	top: -.26rem;
	}
footer  span.tf1 > div span{display:block;}
footer  span.tf1 > div span.cok{
	color:#cdcdcd;
	/*font-weight:300;*/
	line-height:1.3rem;
	}
footer span.tf1,footer > img{
	position:relative;
	display:inline-block;
	overflow:hidden;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
footer > img{height:45px;}
footer span.tf1{padding:.6rem 0 0 .8rem; }
footer .a15{height:43px;float:right;top:2px;margin-left:5.5px;}	
footer img{}

/**/
/* loading */
#loo{
	position:absolute;
	width:50px;/*32*/
	height:50px;
	left:50%;
	top: 50%;
	margin-left:-25px;
	margin-top: -25px;
	background-color:#000;
	background-image: url(../images/loading.gif);
	border-radius: 99px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	overflow:hidden;
}
#bacc{
	position: fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:20;
	background-color:rgba(0,0,0,.8);
	}

	


@media only screen and (max-width:1600px){
	/**/

	}
@media only screen and (max-width:1400px){
/**/
.fcc{width:100%;}
}
@media only screen and (max-width:1000px){	
/**/



/*版宣*/
/*.fcc{width:78%;}*/
footer span.tf1 > div span.cok{
	display:block;
	padding-left:0;
	}
footer span.tf1{ height:auto;}
	
	
}
@media only screen and (max-width:800px){
/**/

/*版宣*/
footer{padding:2.2rem 1rem 2.2rem; text-align:center;}
footer span.tf1,footer > span.tf1 > div{height:auto;}
footer img{height:40px;}	
footer .a15{top:0;height:40px;float:none;}		
}
/**/
@media only screen and (max-width:780px){
/**/
.fcc{width:100%;float:none;}

}
@media only screen and (max-width:685px){ 
/**/

}
@media only screen and (max-width:580px){
/*版宣*/	
footer  span.tf1 > div{text-align:left;top: 0;}
footer span.tf1{padding:.3rem .2rem 0 .3rem; }
footer span.tf1 > div span.cok{
	padding-top:.3rem;
	line-height:1.5rem;
	}
footer  img{height:35px;}	
footer .a15{height:35px;}		
}
@media only screen and (max-width:560px){
/**/

}
@media only screen and (max-width:470px){
/**/

	
	
}

@media only screen and (max-width:380px){
/**/

}
@media only screen and (max-width:360px){
/**/
}
@media only screen and (max-width:340px){
/**/
}

@keyframes bbk {
0% {
  transform: scale(1);
	}
50% {
  transform: scale(1.15);
	}
100% {
  transform: scale(1);
	}
}

@keyframes rotate {
   0% {transform: rotate(0deg);}
   100% {transform: rotate(360deg);}
}
@keyframes rotate2 {
   0% {transform: rotate(360deg);}
   100% {transform: rotate(0deg);}
}
@keyframes tup {
    0% {top:0%;}
	50%{top:-8%;}
    100%{top:0%;}
}
@keyframes tup2 {
    0% {top:0%;}
	50%{top:-6%;}
    100%{top:0%;}
}
@keyframes st {
   0% { opacity:0; /*top:50px;*/}
   100% {opacity:1;/*top:0;*/}
}
@keyframes tp {
   0% { bottom:0;}
   50% {bottom:8%;}
   100% {bottom:0;}
}