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

*,body{ margin:0; padding:0;font-family:Arial, Helvetica, sans-serif;line-height:1}
#main{ width:300px; height:250px; position:relative;   overflow:hidden}
#logo{ background:url(images/logo.png) no-repeat;width:86px; height:17px; position:absolute; top:13px; left:10px;   z-index:11;}
#background{animation:0.5s showbg linear forwards;-webkit-animation:0.5s showbg linear forwards}
.pa{ position:absolute}.op0{opacity:0}.pr{ position:relative}.db{ display:block}
  .mobile{ left:470px; top:30px}
  .font_size_medium{ font-size:15px; font-weight:normal;}
  .font_size_default{ font-size:18px; font-weight:normal;}
  .font_size_small{ font-size:11px; font-weight:normal;}
  .font_size_default span{ line-height:1.3}
  .font_size_small span{ line-height:1.2}
  .font_size_medium span{line-height:1.3}
  #layer1{animation:0.5s hidebg 3s linear forwards;-webkit-animation:0.5s hidebg 3s linear forwards;-ms-animation:0.5s hidebg 3s linear forwards;-ms-transition:0.5s all}
  .layer1_text1{ top:30px;left:104px;animation:1s lay1text1 1s linear forwards;-webkit-animation:1s lay1text1 1s linear forwards; }
   .layer1_text2{ top:215px;left:90px;animation:1s lay1text2 1s linear forwards;-webkit-animation:1s lay1text2 1s linear forwards; width:160px; text-align:justify; }
  
   @media screen and (-webkit-min-device-pixel-ratio:0) {
 
    .layer1_text2 .db_2{word-spacing:1.3px}
}
   #background img{animation:1.5s backgroundmain 3.5s linear forwards;-webkit-animation:1.5s backgroundmain 3.5s linear forwards; display:block}
   #flash{ left:136px; top:56px;animation:1s flash 5.5s  linear forwards ;  -webkit-animation:1s flash 5.5s  linear forwards ;}
   #layer2_text1{ font-weight:bold; top:40px; left:10px;animation:0.5s lay2text1 5.5s linear forwards;-webkit-animation:0.5s lay2text1 5.5s linear forwards;}
   #layer2_image{ width:0;  left:205px;top:10px;animation:1.5s lay2img 5.75s linear forwards;-webkit-animation:1.5s lay2img 5.75s linear forwards;}
   #layer2_image2{ left:16px; top:226px;animation:0.5s lay2img2 5.75s linear forwards;-webkit-animation:0.5s lay2img2 5.75s linear forwards;}
   #layer2_model{ font-size:12px; color:#000; left:234px; top:229px;animation:0.5s lay2moodel 5.75s linear forwards;-webkit-animation:0.5s lay2moodel 5.75s linear forwards;}
   #layer2{animation:0.5s hidebg 7.75s linear forwards;-webkit-animation:0.5s hidebg 7.75s linear forwards}
	#background_layer2{animation:0.5s hidebg 8.15s linear forwards;-webkit-animation:0.5s hidebg 8.15s linear forwards}
	#layer3{ background:url(images/BG-cabg_2.jpg) no-repeat; width:300px;height:250px;animation:0.5s showbg 8.25s linear forwards;-webkit-animation:0.5s showbg 8.25s linear forwards}
	#layer3_text1{ font-size:20px; font-weight:bold; text-transform:uppercase; top:37px; left:91px;animation:0.5s lay3text1 9s linear forwards;-webkit-animation:0.5s lay3text1 9s linear forwards; z-index:2}
	#layer3_text2{ font-size:12px;   top:158px; left:19px;animation:0.5s lay3text2 10s linear forwards;-webkit-animation:0.5s lay3text2 10s linear forwards}
	#layer3_text3{ font-size:20px; font-weight:bold;  top:180px; left:19px;animation:0.5s lay3text3 10.5s linear forwards;-webkit-animation:0.5s lay3text3 10.5s linear forwards}
	#layer3_image{   top:0px; left:0px;animation:2s showbg 9.5s linear forwards;-webkit-animation:2s showbg 9.5s linear forwards}
	#layer3_image2{   top:213px; left:0px;width:100%;animation:0.5s lay3img2 11s linear forwards;-webkit-animation:0.5s lay3img2 11s linear forwards}
	.marginauto{ margin:auto}
	.hideMe{ display:none}