/* CSS Document */

@font-face 
{
    font-family: "countFont";
	/*src:url(../font/Helvetica.dfont);*/
}

/*===========================     body content     ===========================*/

body{
	background-color:#ffffff;
	/*font-family:"微軟正黑體","Microsoft ", Times, serif,Arial, Helvetica, sans-serif;*/
	font-family: "LiHei Pro", "儷黑Pro", "微軟正黑體", "Microsoft JhengHei", Calibri, Cambria, Candara, Consolas, Constantia, Corbel, "新細明體", "PMingLiU", Helvetica, Verdana, sans-serif;
	border: none;
	color: #555555;
	font-size: 14px;
	font-weight:bold;
}

.logo{
	position:absolute;
	float:left;
	left:395px;
	top:48px;
}

header{ 
	width:100%;
	height:6px;
	margin: 0 auto;
	z-index:30;
	position: fixed;
	top: 0;
	background-color:#0092e5;
}

.mainContainer{
	position: absolute;
	width:100%;
	overflow: hidden;
}

.container{
	width: 980px;
	position:relative;
	left:50%;
	margin-left:-490px;
	z-index:5;
	display:none;
}

footer{
	position: fixed;
	width:100%;
	height:60px;
	bottom:-60px;
	line-height: 60px;
	font-size: 12px;
	z-index:50;
	background:url(../images/footer.jpg) repeat-x;
}

/*===========================     section content     ===========================*/

section{
	padding:0;
	margin:0;
	overflow:hidden;
}

.allBg{
	position:absolute;
	top:0;
	width:100%;
	margin: 0;
	padding: 0;
	overflow:hidden;
	display:none;	
}

.secBg1, .secBg2, .secBg3, .secBg4, .secBg5, .secBg6, .secBg7{width:100%;}
.section1, .section2, .section3, .section4, .section5, .section6, .section7{position:relative;float:left;width:100%;background:url(../images/line.png) bottom center no-repeat;}

.section1, .secBg1{height:786px;}
.section2, .secBg2{height:339px;}
.section3, .secBg3{height:312px;}
.section4, .secBg4{height:348px;}
.section5, .secBg5{height:380px;}
.section6, .secBg6{height:410px;}
.section7, .secBg7{height:500px;}

/*.section1{background:url(../images/sec1.jpg) no-repeat;}
.section2{background:url(../images/sec2.jpg) no-repeat;}
.section3{background:url(../images/sec3.jpg) no-repeat;}
.section4{background:url(../images/sec4.jpg) no-repeat;}
.section5{background:url(../images/sec5.jpg) no-repeat;}
.section6{background:url(../images/sec6.jpg) no-repeat;}
.section7{background:url(../images/sec7.jpg) no-repeat;}*/

.sec1Des1{                  /*============     section1     ===========*/
	position:absolute;
	float:left;
	width:100%;
	margin-top:230px;
}

.sec1Des2{
	position:absolute;
	float:left;
	width:100%;
	margin-top:290px;
}

.sec1Des3{
	position:absolute;
	float:left;
	width:430px;
	height:95px;
	left:275px;
	top:390px;
	background:url(../images/sec1FocusText.png)center bottom no-repeat;
}

.sec1Des3 .title{
	font-size: 23px;
	font-weight:bold;
}

.sec1Des3 .text{
	position:relative;
	top:10px;
	font-size: 18px;
	font-weight:bold;
	line-height:30px;
}

.sec1Des4{
	position:absolute;
	float:left;
	width:100%;
	top:560px;
	font-size: 30px;
	font-weight:bold;
}

.sec1MsgBtn{
	position:fixed;
	float:left;
	width:51px;
	height:51px;
	right:30px;
	top:40%;
	z-index:90;
	background:url(../images/sec1msgBtn.png) no-repeat;
	cursor:pointer;
}

.sec1MenuBtn ul li{
	position:absolute;
	float:left;
	width:109px;
	height:139px;
	cursor:pointer;
}

.sec1MenuBtn ul li p{
	margin-top:115px;
	font-size: 18px;
}

.sec1MenuBtn #m0{background:url(../images/sec1Btn1.png) no-repeat;}
.sec1MenuBtn #m1{background:url(../images/sec1Btn2.png) no-repeat;}
.sec1MenuBtn #m2{background:url(../images/sec1Btn3.png) no-repeat;}
.sec1MenuBtn #m3{background:url(../images/sec1Btn4.png) no-repeat;}
.sec1MenuBtn #m4{background:url(../images/sec1Btn5.png) no-repeat;}

.sec2Des1{                  /*============     section2     ===========*/
	position:absolute;
	float:left;
	top:65px;
	left:140px;
	font-size: 27px;
	font-weight:bold;
}

.sec2Mac{
	position:absolute;
	float:left;
	left:598px;
	top:86px;
}

.sec2Ipad{
	position:absolute;
	float:left;
	left:730px;
	top:125px;
}

.sec2Iphone{
	position:absolute;
	float:left;
	left:610px;
	top:165px;
}

.sec2Icon ul li{
	position:absolute;
	float:left;
	width:55px;
	height:55px;
	top:220px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.sec2Icon .iconBtn0{background-color:#3b5998}
.sec2Icon .iconBtn1{background-color:#6bd3f2}
.sec2Icon .iconBtn2{background-color:#ff9537}
.sec2Icon .iconBtn3{background-color:#b88ccf}
.sec2Icon .iconBtn4{background-color:#f4867b}

.sec3Des1{                  /*============     section3     ===========*/
	position:absolute;
	float:left;
	top:105px;
	left:140px;
	font-size: 27px;
	font-weight:bold;
}

.sec3AndroidMan{
	position:absolute;
	float:left;
	left:600px;
	top:150px;
}

.sec3Android{
	position:absolute;
	float:left;
	left:675px;
	top:45px;
}

.sec4Des1{                  /*============     section4     ===========*/
	position:absolute;
	float:left;
	top:55px;
	left:415px;
	font-size: 27px;
	font-weight:bold;
}

.sec4Ipad{
	position:absolute;
	float:left;
	left:115px;
	top:147px;
}

.sec4Mac{
	position:absolute;
	float:left;
	left:155px;
	top:90px;
}

.sec4Icon ul li{
	position:absolute;
	float:left;
	width:46px;
	height:56px;
	top:230px;
	font-size: 12px;
	line-height: 30px;
}

.sec4Icon .iconBtn0{left:425px;}
.sec4Icon .iconBtn1{left:505px;}
.sec4Icon .iconBtn2{left:585px;}
.sec4Icon .iconBtn3{left:665px;}
.sec4Icon .iconBtn4{left:745px;}

.sec5Des1{                  /*============     section5     ===========*/
	position:absolute;
	float:left;
	top:50px;
	left:140px;
	font-size: 27px;
	font-weight:bold;
}

.sec5Pic1, .sec5Pic2, .sec5Pic3, .sec5TalkWin1, .sec5TalkWin2, .sec5TalkWin3{position:absolute;float:left;}

.sec5Pic1{left:410px;top:155px;}
.sec5Pic2{left:442px;top:142px;}
.sec5Pic3{left:420px;top:135px;}
.sec5TalkWin1{left:535px;top:25px;}
.sec5TalkWin2{left:264px;top:221px;}
.sec5TalkWin3{left:640px;top:175px;}

.sec6Des1, .sec6Des2, .sec6Des3, .sec6Des4{      /*============     section6     ===========*/
	position:absolute;
	float:left;
	font-size: 27px;
	font-weight:bold;
	padding:0 10px;
}

.sec6Des1{	
	top:45px;
	left:140px;	
}

.sec6Des2{	
	top:82px;
	left:210px;	
	background-color:#0099e9;
}

.sec6Des3{	
	top:82px;
	left:337px;	
	background-color:#f48422;
}

.sec6Des4{	
	top:82px;
	left:415px;	
	background-color:#11228c;
}

.sec6Pic1{
	position:absolute;
	float:left;
	left:560px;
	top:75px;
}

.sec6Pic2{
	position:absolute;
	float:left;
	left:210px;
	top:170px;
}

.sec6Pic3{
	position:absolute;
	float:left;
	left:665px;
	top:135px;
}

.sec6Pic4{
	position:absolute;
	float:left;
	left:365px;
	top:195px;
}

.sec7Des1{                  /*============     section7     ===========*/
	position:absolute;
	float:left;
	top:30px;
	left:140px;
	font-size: 27px;
	font-weight:bold;
}

.sec7Input{
	position:absolute;
	float:left;
	top:55px;
	left:500px;
	width:400px;
	font-size: 17px;
	font-weight:bold;
}

.sec7Input .inputName{
	position:absolute;
	float:left;
	top:0px;
	left:0px;
}

.sec7Input .inputTel{
	position:absolute;
	float:left;
	top:45px;
	left:0px;
}

.sec7Input .inputEmail{
	position:absolute;
	float:left;
	top:91px;
	left:0px;
}

.sec7Input .textArea{
	position:absolute;
	float:left;
	top:139px;
	left:0px;
}

.input7{
	width: 240px;
	height: 25px;
	line-height: 24px;
	padding: 0 5px 0 5px;
}

.input72{
	width: 240px;
	line-height: 24px;
	padding: 0 5px 0 5px;
}

.sec7SendBtn{
	position:absolute;
	float:left;
	left:650px;
	top:333px;
	cursor:pointer;
	padding: 13px 27px 13px 27px;
	background-color:#0099e9;
}

.sec7SendBtn:hover{
	background-color:#11228c;
}

/*===========================     loading content     ===========================*/

.blackBgArea{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color:#0092E5;
	opacity:1;
	z-index:97;
}

.loadingArea{
	position: absolute;
	top: 50%;
	margin-top:-100px;
	left: 50%;
	margin-left:-100px;
	width: 200px;
	height: 230px;
	z-index:99;
}

progress {
	position: absolute;
	left:10px;
	top:200px;
  	width: 120px;
  	height: 10px;
  	background: #fff;
}

progress::-webkit-progress-bar { background: #fff; }
progress::-webkit-progress-value {
	background: #0185d9;
}

.progressvalue{
	position: absolute;
	font-size: 15px;
	left:140px;
	top:195px;
	color: #fff;
}