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

/****loading***/
/* type01
.loadMask{
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -1500px;
	margin-left: -1500px;
	
	background: rgba(69, 32, 16, 0.8);
	width: 3000px;
	height: 3000px;
	border-radius: 100%;
	z-index: 9999;
	
	transition: all 0.4s ease-in-out;}
	
	.loadMask.finish{
		transform: scale(0);}
*/

.loadMask{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999999999999999999999999;}
.loadMask:before{content:"";display:block;background:rgba(55,55,55,1.00);background-size: 100% auto, auto;width:100%;height:100%;bottom:0;left:0;opacity:1;position:fixed;-webkit-transition:all 0.35s ease;-moz-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease;}
.loadMask.finish:before{bottom:100%;}

#loader{position:fixed;left:0;top:41%;margin-top:-50px;width:100%;text-align:center;z-index:99999999999999999999999999999999999;}
#loader .logo{text-align:center;}
#loader .logo img{display:inline-block;width:300px;}
#loader .counter{color: #f5f5f5;}
#loader #numCounter{display:inline-block;font-size:45px;font-family:"Microsoft Yi baiti",Arial,Helvetica,sans-serif;letter-spacing:-3px;margin-top:-5px;}
#loader b{margin-left:5px;font-size:25px;font-weight:normal;}
#loader .barBox{width:300px;margin:10px auto;}

#loader .bar{/*進度條*/width:0;height:1px;background:rgba(255,255,255,0.15);margin:10px auto;}

@media screen and (max-width:767px){
#loader{top:27.5%;}
}
@media screen and (max-width:640px){
#loader{top:25%;}
#loader .logo img{width:270px;}
#loader .barBox{width:270px;margin:10px auto;}
}