html, body {
	width:100%;
	height:100%;
}
.section .mt20 {
	margin:0;
}
section, article {
	width:100%;
	min-width:1000px;
	/*height:100%;*/
	min-height: 100%;
	position:relative;
}
article .txthide {
	text-indent:-999999em;
	overflow:hidden;
	line-height:0;
	font-size:0px;
	display:none;
}

.login {
  position: absolute;
    top: 50%;
    left: 20%;
  width: 400px;
  margin: 0 auto;
}
.login-top {
  /*background: #E1E1E1;*/
  border-radius: 25px 25px 0px 0px;
  -webkit-border-radius:  25px 25px 0px 0px;
  -moz-border-radius: 25px 25px 0px 0px;
  -o-border-radius: 25px 25px 0px 0px;
  /*padding: 20px 40px;*/
}
.login-top input[type="text"] {
  outline: none;
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  padding: 20px 20px;
  background: rgba(0,0,0,0);
  /*border: 1px solid #ccc;*/
  /*border-radius:25px;*/
  /*-webkit-border-radius: 25px;*/
  -moz-border-radius: 25px;
  -o-border-radius: 25px;
  margin: 0px 0px 12px 0px;
  width: 50%;
  -webkit-appearance: none;

  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;

  padding-left: 0px;
  margin-left: 40%;
  margin-right: 0px;
  padding-right: 0px;


}
.login-top input[type="password"]{
  outline: none;
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  padding: 20px 20px;
  background: rgba(0,0,0,0);
  /*border: 1px solid #ccc;*/
  /*border-radius:25px;*/
  /*-webkit-border-radius: 25px;*/
  -moz-border-radius: 25px;
  -o-border-radius: 25px;
  margin: 0px 0px 12px 0px;
  width: 50%;
  -webkit-appearance: none;

  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;

  padding-left: 0px;
  margin-left: 40%;
  margin-right: 0px;
  padding-right: 0px;
}
.login-top-ID{
  background: url("../img/idIcon.png");
  background-size: 100% 100%;
  margin: 0px 0px 25px 0px;
}
.login-top-PW{
  background: url("../img/passwordIcon.png");
  background-size: 100% 100%;
  margin: 0px 0px 25px 0px;
}
.forgot  a{
  font-size: 13px;
  font-weight: 500;
  color: #F45B4B;
  display: inline-block;
  border-right: 2px solid #F45B4B;
  padding: 0px 7px 0px 0px;
}
.forgot  a:hover{
  color: #818181;
}
.forgot input[type="submit"] {
  background: rgb(255,255,255);
  color: #3074b5;
  font-size: 20px;
  font-weight: 400;
  padding: 8px 7px;
  width: 30%;
  display: inline-block;
  cursor: pointer;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  margin: 0px 7px 0px 3px;
  outline: none;
  border: none;
}
.forgot input[type="submit"]:hover {
  background:#818181;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.forgot {
  /*text-align: right;*/
}
.login-bottom {
  /*background: #E15748;*/
  padding: 10px 65px;
  border-radius: 0px 0px 25px 25px;
  -webkit-border-radius:  0px 0px 25px 25px;
  -moz-border-radius: 0px 0px 25px 25px;
  -o-border-radius: 0px 0px 25px 25px;
  text-align: right;
  /*border-top: 2px solid #AD4337;*/
}
.login-bottom h3 {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}
.login-bottom h3 a {
  font-size: 25px;
  font-weight: 500;
  color: #fff;
}
.login-bottom h3 a:hover {
  color:#696969;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.copyright {
  padding: 150px 0px 0px 0px;
  text-align: center;
}
.copyright p {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
}
.copyright p a{
  font-size: 15px;
  font-weight: 400;
  color: #E15748;
}
.copyright p a:hover{
  color: #fff;
   transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}



.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.sectionTitle {
	width:100%;
	height:55%;
	margin:0 auto;
	padding-top:0px;
	text-align:center;
	position:absolute;
	top:7%;
	left:0;
	opacity:0;
	-webkit-transform:translateY(-30px);
	-ms-transform:translateY(-30px);
	transform:translateY(-30px);
	-webkit-transition:all 1s ease-out;
	transition:all 1s ease-out;
	z-index:8;
}
.fadeInDown .sectionTitle {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
}
.sectionWrapper {
	width:100%;
	min-width:1000px;
	margin:0 auto;
	overflow:hidden;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"100%")
}
.sectionBtndiv {
	width:100%;
	position:absolute;
	bottom:auto;
	left:0px;
	text-align:center;
	z-index:10;
}
.sectionBtnsub {
	width:13%;
	margin:0 auto;
	text-align:center;
	display:block;
	max-width:195px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>195?"195px":"13%");
}
.sectionBtnsub img {
	width:100%;
}
.sectionbg {
	width:100%;
	height:100%;
	max-width:1920px;
	margin:0 auto;
	position:relative;
	z-index:1;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1920?"1920px":"100%");
}
.section1, .section2, .section3, .section4, .sectionbg5 {
	-webkit-background-size:100% auto;
	background-size:100% auto;
	background-position:bottom center;
	background-repeat:no-repeat;
}
.section1 {
	/*background:#419dea;*/
}
.section2 {
	/*background-color:#f2aa31;*/
}
.section3 {
	/*background:#11be9b;*/
}
.section4 {
	/*background:#f78069;*/
}
.section5 {
	/*background:#845cd9;*/
}
.section6 {
	/*background:#56aaff;*/
}
.secitonbottombg {
	width:100%;
	text-align:center;
	position:absolute;
	bottom:20%;
	left:0px;
	z-index:1;
}
.section1 .secitonbottombg {
	position:absolute;
	bottom:0;
	left:0;
}
.section2 .secitonbottombg img, .section5 .secitonbottombg img, .section6 .secitonbottombg img {
	width:70%;
	max-width:1000px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>100?"1000px":"70%");
}
.section3 .secitonbottombg img, .section4 .secitonbottombg img {
	width:79%;
	max-width:1128px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>100?"1128px":"79%");
}
.section1 .secitonbottombg img {
	width:100%;
	max-width:1622px;
	height:auto;
	max-height:705px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>100?"1622px":"100%");
}
.section2 .secitonbottombg img {
	height:auto;
	max-height:510px;
}
.section3 .secitonbottombg img {
	height:auto;
	max-height:610px;
}
.section4 .secitonbottombg img {
	height:auto;
	max-height:578px;
}
.section5 .secitonbottombg img {
	height:auto;
	max-height:530px;
}
.section6 .secitonbottombg img {
	height:auto;
	max-height:630px;
}
.section1 .sectionTitle {
	text-align:center;
	opacity:1;
	top:28%;
	_top:26%;
	left:20%;
	z-index:30;
}
.section1 .sectionTitle h2 {
	position:absolute;
	top:0;
	left:0;
	height:52%;
	width:100%;
	text-align:center;
}
.section1 .sectionTitle h2 img {
	height:100%;
	width:auto;
}
.section1 .dload {
	position:absolute;
	top:60%;
	left:0;
	height:40%;
	width:100%;
	text-align:center;
}
.section1 .iph_dload {
	position:absolute;
	top:60%;
	left:0;
	height:18%;
	width:100%;
	text-align:center;
}
.section1 .iph_dload img, .section1 .andr_dload img {
	height:100%;
	width:auto;
}
.section1 .andr_dload {
	position:absolute;
	top:85%;
	left:0;
	height:18%;
	width:100%;
	text-align:center;
}
.section6 .secitonbottombg a {
	position:absolute;
	left:0;
	bottom:5%;
	height:15%;
	width:100%;
	z-index:99;
}
.section6 .secitonbottombg a img {
	height:100%;
	width:auto;
}
/*回到顶部*/
.arrow_down {
	position:absolute;
	bottom:10%;
	left:49%;
	z-index:100;
}
#arrow_up {
	display:none;
	position:fixed;
	bottom:100px;
	right:50px;
	width:90px;
	height:90px;
	z-index:60;
	_position:absolute;
 _right:expression(eval(document.documentElement.scrollright+1000));
 _top:expression(eval(document.documentElement.scrollTop+700));
}

.includeDiv {
	margin: 20px 160px 30px 160px;
	background-color: #d8dbe2bf;
	background-color: rgba(216, 219, 226, 0.7490196078431373);
	border-radius: 20px;
	box-shadow:2px 2px 2px 2px #828282;
	padding: 20px 5px 5px 5px;
}

.analysisChartTitleDiv{
	width: 100%;
	font-family:Microsoft JhengHei;
	font-size: 50px;
	text-align: center;
	margin: 0px 0px 10px 0px;
	background-color: #f9d9c2;
	padding: 10px 0px 10px 0px;
}

.inputTitleDiv{
	width: 100%;
	font-family:Microsoft JhengHei;
	font-size: 40px;
	text-align: left;
	margin: 20px 160px 30px 160px;
	/*background-color: #f9d9c2;*/
	padding: 3px 0px 3px 0px;
	color: #fff;
	letter-spacing: 10px;
}