/*------------------------------*/

/*.motion #companyDate,
.motion #newsindex,
.motion #accoundData,
.motion #pratformData,
.motion #calendar,
.motion #warning,
.motion #topBtn{
	opacity:0;
}
*/


.motion .invw{
	opacity:0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition-delay: 0.5s;
}

.motion .invw.shown{
	opacity:1.0;
}

/* ==========================================================
*
* Title Box
*
========================================================== 
.motion #slydeSet{
	opacity:0;
    transition: all 1.0s ease;
    -webkit-transition: all 1.0s ease;
    transition-delay: 1.5s;
}

.loaded #slydeSet{
	visibility:visible!important;
	opacity:1.0!important;
}
*/

.motion #topCopy{
	left:-100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition-delay: 1.0s;
}
.motion #titleBox a.boxBtn{
	right:-100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition-delay: 1.0s;
}

.motion #frontBer{
	opacity:0;
    transition: all 1.0s ease;
    -webkit-transition: all 1.0s ease;
    transition-delay: 1.0s;
}

.loaded #topCopy{
	left:0!important;
}

.loaded #titleBox a.boxBtn{
	right:0!important;
}

.loaded #frontBer{
	opacity:1.0!important;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {


}


/* ==========================================================
*
* Service Box
*
========================================================== 
#companyDate{
	
}
*/
.motion #companyDate > .innerFrame > ul > li{
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    opacity:0;
}


.motion #companyDate > .innerFrame > ul > li:nth-child(1){
    transition-delay: 1.5s;
}

.motion #companyDate > .innerFrame > ul > li:nth-child(2){
    transition-delay: 2.0s;
}

.motion #companyDate > .innerFrame > ul > li:nth-child(3){
    transition-delay: 2.5s;
}

.loaded  #companyDate > .innerFrame > ul > li{
    opacity:1.0;
}



/* for Sp --------------------*/
@media screen and (max-width: 750px) {
	

}


/* ==========================================================
*
* News Box
*
========================================================== */
.motion #newsindex{
	opacity:0;
	/*left:-100%;*/
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

#newsindex.shown{
    opacity:1.0!important;
	left:0!important;
}

/* for Sp --------------------*/
@media screen and (max-width: 750px) {

}


/* ==========================================================
*
* Account Box
*
========================================================== */
.motion #accoundData{
	opacity:0;
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.motion #accoundData > dl > dt,
.motion #accoundData > dl > dd{
	opacity:0;
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.motion #accoundData > dl > dt:nth-child(1),
.motion #accoundData > dl > dd:nth-child(2){
    transition-delay: 0.3s;
}
.motion #accoundData > dl > dt:nth-child(3),
.motion #accoundData > dl > dd:nth-child(4){
    transition-delay: 0.6s;
}
.motion #accoundData > dl > dt:nth-child(5),
.motion #accoundData > dl > dd:nth-child(6){
    transition-delay: 0.9s;
}

.motion #accoundData > a.prc-left {
	opacity:0;
	/*width:0;*/
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition-delay: 1.5s;
}


#accoundData.shown{
	opacity:1;
}

#accoundData.shown > dl > dt,
#accoundData.shown > dl > dd{
	opacity:1;
}


#accoundData.shown > a.prc-left {
	opacity:1;
	/*width:100%;*/
}



/* ==========================================================
*
* Platform Box
*
========================================================== */
.motion #pratformData{
	opacity:0;
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.motion #pratformData .bg_squere{
	left:-100%;
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition-delay: 0.5s;
}

.motion img#pcImg{
	opacity:0;
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition-delay: 1.25s;
    margin-top:20px;
}


.motion #pratformData a.prc-left{
	right:-100%;
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition-delay: 1.25s;
}



#pratformData.shown{
	opacity:1.0!important;
} 

#pratformData.shown .bg_squere{
	left:0;
}

#pratformData.shown img#pcImg{
	opacity:1.0;
	margin-top:0;
}

#pratformData.shown a.prc-left{
	right:0;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {


}



/* ==========================================================
*
* Financial Calendar Box
*
========================================================== 
.motion #calendar{
	opacity:0;
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.motion #calendar #mql5content{
	opacity:0;
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

#calendar.shown{
	opacity:1.0;
}

#calendar.shown #mql5content{
	opacity:1.0;
    transition-delay: 0.5s;
}
*/


/* ==========================================================
*
* Risk Warning Box
*
========================================================== */
.motion #warning{
	opacity:0;
	transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

#warning.shown{
	opacity:1.0;
}