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


/* clear */
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


/* common ========================
================================== */
html,body{ font-family:"微軟正黑體",Arial, Helvetica, sans-serif; color:#595959; position: relative; display: block; width: 100%; height: 100%;}

.l-body{ position: relative; width: 100%; min-width: 800px; height: 100%; min-height:1250px; overflow:hidden;}
.wrapper{ position: relative; display: block; margin: 0 auto; width: 800px; height:100%;}

.Landingpage .l-body{ background:url("../images/landingpage-ipad.jpg") center top no-repeat; }

/*.Landingpage .btn-logo{ position: absolute; display: block; width: 339px; height: 339px; background:url(../images/landingpage-colorgreen.png) 0 0 no-repeat;}
.Landingpage .btn-logo a{ position: relative; display: block; width:250px; height: 100px; margin: 120px auto;}*/


.Landingpage .btn-logo-brion{ left: 224px; top:594px;}
.Landingpage .btn-logo-global{ left: 400px; top:60px;}
.Landingpage .btn-logo-herbiotek{ left: 400px; top:772px;}
.Landingpage .btn-logo-natureceutica{ left:46px; top:416px;}
.Landingpage .btn-logo-qbow{ left: 42px; top:772px;}
.Landingpage .btn-logo-sunten{left: 224px; top:239px; }
.Landingpage .btn-logo-usa{ left: 402px; top:416px;}
.Landingpage .btn-logo-jp{ left: 577px; top:237px;}
.Landingpage .btn-logo-jp2{ left: 219px; top:948px;}

.Landingpage .footer{ position: absolute; display: block; width: 800px; height: 30px; bottom: 0; left: 0; text-align: center; font-size: 14px; letter-spacing: 0px; color: #595959;}

.Landingpage .btn-logo{ position: absolute; display: block; width: 339px; height: 339px;}
.Landingpage .btn-logo .btn-bg{ position: absolute; display: block; width: 339px; height: 339px; left: 0; top: 0;}
.Landingpage .btn-logo .bg-green{ background:url("../images/landingpage-colorgreen-ipad.png") 0 0 no-repeat;}
.Landingpage .btn-logo .bg-yellow{ display: none; background:url("../images/landingpage-coloryellow-ipad.png") 0 0 no-repeat;}
.Landingpage .btn-logo a{ position: relative; display: block; width:250px; height: 200px; top:70px; left:45px; }
.Landingpage .btn-logo a .btn-logoimg{ position: absolute; display: block; width:250px; height:200px; top:0px; left:0px; padding: 50px 0; }