body{
	margin: 0;
	font-family: Microsoft JhengHei ;
	font-size: 16px;
}
#container{
	width: 640px;
	margin: 0 auto;
	position: relative;	
	background-image: url(../images/all-bg.jpg);	
}
h2{
	font-size:2.6em!important;
	color:#004876;
	margin:20px;
	font-weight: 900;
	line-height: 1.4em;
}
h3{
	font-size:1.5em;
   	color:#004876;	
	
}
.header{
	width: 640px;
	height: 95px;
	margin: 0 auto;
	background-image: url(../images/logo.png);
	position:relative;
}

.title{
	width: 640px;
	height: 750px;
	margin: 0 auto;
	background-image: url(../images/m_PassingExam_01.gif);	
	position: relative;	
}
.pp{
	padding-top:80px;
	padding-left:40px;
}
.IG{
	width: 640px;
	height: 1040px;
	margin: 0 auto;
	position: relative;	
	background-color: #6cb1b0;
	text-align: center;
	padding-top:30px;
}
.IG h2{
	border-bottom: 6px solid #f26463;
	display: inline-block;
}

.LEVEL{
	width: 640px;
	height: auto;
	position: relative;	
	text-align: center;
	padding-top:30px;	
}
.LEVEL h2 span{
	border-bottom: 6px solid #6cb1b0;
	text-align: left;
}

#FormArea.order{
	width: 640px;
	overflow: hidden;
}
#FormArea .order_title h2 {
	font-size: 2.4em!important;
}
.order_title{
	width: 640px;
	height: 77px;
	text-align: center;
}
.order_title h2 span{
	color:#f26463;
}

.order_gift{
	background: url(../images/gift.png) no-repeat;
	width: 640px;
	height: 333px;
	background-position: center center;
}
.regular{
	width:571px;
	padding-top:30px;
	margin:0 auto;
}

.STAIR{
	position: relative;
	text-align: center;
	padding:40px 0;
	min-height:820px;
}
.STAIR h2{
	position: absolute;
	left:22.5%;
	top:40px;
	text-align: left;
	font-size: 42px;
	padding-left: 12px;
	z-index: 50;
}
.STAIR .stair-text-m {
	width: 640px;
	height: 238px;
	margin:-30px 0px 10px 0px;
	background-image:url("../images/stair-text-m.png");
	display: inline-block;
	animation-name: stair;
    animation-duration:5s;
    animation-iteration-count:infinite;
    animation-timing-function:step-start;
}
@keyframes stair{
    0%{
      background-position:0px 0px;
    }
    25%{
      background-position:640px 0px;
    }
    50%{
      background-position:1280px 0px;
    }
    75%{
      background-position:1920px 0px;
    }
    100%{
      background-position:0px 0px;
    }
    
}


.STAIR span{
		border-bottom: 6px solid #6cb1b0;	
}


/*摺疊*/
.STAIR article {
	background: none;
}
.STAIR .beefup {
	padding:0 15px;
}
.STAIR .beefup__head > button {
	background:#F16463;
	background-image: url("../images/n5-top-bg.jpg");
	padding:15px 0;
}
.STAIR .n4 .beefup__head > button
,.STAIR .n2 .beefup__head > button{
	background-image: url("../images/n4-top-bg.jpg");
}
.STAIR .beefup__head.style2 > button {
	background:#E34D4C;
}
.STAIR .beefup__body {
	padding:0;
}
.STAIR .beefup__body img {
	width: 100%;
	height: auto;
}
.STAIR .beefup__head::after {
	color:#fff;
	z-index: 100;
	width: 12px!important;
	height: 12px!important;
	border-width:0 3px 3px 0;
}

.GOTOP{
	/*position: absolute;
	left:15px;
	top:640px;*/
	position: relative;

}

.floating{
	animation-duration: .6s;
    animation-name: floating;
    animation-iteration-count: infinite;
    animation-direction: alternate;
	animation-delay:.6s;
    animation-timing-function: ease-in-out;
}
@keyframes floating{
	100%{
		transform:translate(0, -13px);
	}
	0%{
		transform: translate(0,0);
	}

}
.blink {
    animation-duration: .6s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
@keyframes blink {
    0% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    81% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}