@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: 640px; height: 100%;  min-height:1060px; overflow:hidden;}
.wrapper{ position: relative; display: block; margin: 0 auto; width: 640px; height:100%;}

.Landingpage .l-body{ background:url("../images/landingpage-mobile.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: 178px; top:473px;}
.Landingpage .btn-logo-global{ left:320px; top:48px;}
.Landingpage .btn-logo-herbiotek{ left: 320px; top:616px;}
.Landingpage .btn-logo-natureceutica{ left: 36px; top:332px;}
.Landingpage .btn-logo-qbow{ left: 35px; top:616px;}
.Landingpage .btn-logo-sunten{left: 178px; top:190px; }
.Landingpage .btn-logo-usa{ left: 320px; top:332px;}
.Landingpage .btn-logo-jp{ left: 462px; top:190px;}
.Landingpage .btn-logo-jp2{ left: 178px; top:756px;}

.Landingpage .footer{ position: absolute; display: block; width: 640px; 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: 270px; height: 270px;}
.Landingpage .btn-logo .btn-bg{ position: absolute; display: block; width: 270px; height: 270px; left: 0; top: 0;}
.Landingpage .btn-logo .bg-green{ background:url("../images/landingpage-colorgreen-mobile.png") 0 0 no-repeat;}
.Landingpage .btn-logo .bg-yellow{ display: none; background:url("../images/landingpage-coloryellow-mobile.png") 0 0 no-repeat;}
.Landingpage .btn-logo a{ position: relative; display: block; width:200px; height: 140px; top:65px; left:35px; }
.Landingpage .btn-logo a .btn-logoimg{ position: absolute; display: block; width:200px; height:140px; top:0px; left:0px; padding: 30px 0; }
.Landingpage .btn-logo a .btn-logoimg img{ width:100%; height:auto; }