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

    .nav-login{
		display:none;}

	.supportdiv{
	display:none;
	position:fixed;
	width:100%;
	z-index:10000000000000;
	visibility:visible;
	background-color:#A30D5C;
	height:120px;
	text-align:center;
	margin-top:660px;
	left:0px;
	
	}


.supportimg{
	margin-top:20px;
	width:100px;}


.loginimg{
	margin-top:20px;
	width:100px;}


.support{
	display:none;
	height: inherit;
	line-height: inherit;
	position:fixed;
	right:200px;
	top:30px;
	z-index:1000000;
	visibility:visible;
	
	}


.login{
	display:none;
	height: inherit;
	line-height: inherit;
	position:fixed;
	right:200px;
	top:30px;
	z-index:1000000;
	visibility:visible;
	width:50px;
	}



.green{
	color:#696;
	font-weight:bold;}
.mbot100{
	margin-bottom:100px;}
.mt{
	margin-top:-200px;}

.mt10{
	margin-top:-10px;}
	
.mt30{
	margin-top:-30px;}
	
.mt100{
	margin-top:-100px;}	
	
.dollar{
	color:#3c7243;}

.mb50{
	margin-bottom:-50px;}


.mb100{
	margin-bottom:-100px;}
	
.next{
	display:block;
	height: inherit;
	line-height: inherit;
	position:fixed;
	right:20px;
	bottom:40%;
	visibility: default;
	z-index:1000000;
	visibility:visible;
	}
	
.pve{
	display:block;
	height: inherit;
	line-height: inherit;
	position:fixed;
	left:-2px;
	bottom:40%;
	visibility: default;
	z-index:1000000;
	visibility:visible;
	}
.bc{
	background-color:#FFC;}
	
.maintable {
	width: 80%;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.maintable table {
  border-spacing: 0;
  width: 100%;
}
.maintable tr {
  text-align: center;
  
}
.maintable th {
  padding: 10px;
}
.maintable td{padding: 10px;
}

.maintable table tbody tr:nth-child(odd){
  background-color: #DDE8ED
}
.maintable table thead {
  background-color:#68669c;
  color: white;
}
.maintable table thead th:first-child {
  border-radius: 5px 0 0 0;
  border-right: 1px dotted white;
}


.maintable table thead th:nth-child(n) {
  border-right: 1px dotted white;
}


.maintable table thead th:last-child {
  border-radius: 0 5px 0 0;
}
.maintable table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
    


}

.maintable table tbody tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
  
}


.maintable table tbody  td:nth-child(n) {
  border-right: 1px solid  #F8F8F8;


}
.tb_last_bg{
	background-color:#fc3;}




.note{
	width:100%;
	height:auto;
	border-top:#666 dotted 1px;
	border-bottom:dotted #999 1px;
	padding:10px;
	margin-left:0%;
	float:left;
	margin-top:30px;
	margin-bottom:50px;

	}

.note2{
	width:50%;
	border-top:#666 dotted 1px;
	border-bottom:dotted #999 1px;
	padding:20px;
	margin-left:25%;
	margin-top:50px;
	margin-bottom:100px;
	line-height:40px;
    
	}



.mainpic{
	display:block;
	width:100%;
	}
.mainpic-m{
	display:none;
	width:100%;}
	
.paylist-but{
	display:none;
	width:100%;}



.taiwan{
	background-image:url(../images/bike.png);
	width:100%;
	height:0;
	padding-bottom:50%;
	background-size:cover;

	}



.diary-pic-right-1{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:5%;
	z-index:10;
	visibility:visible;
	right:20%;
	}

.diary-pic-right-1 img{
    width:400px	}
	
.diary-pic-left-1{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:13%;
	z-index:10;
	visibility:visible;
	margin-left:20%;
	left:0%;
	
	}

.diary-pic-left-1 img{
    width:400px	}
	
	

.diary-pic-right-2{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:17%;
	z-index:10;
	visibility:visible;
	right:20%;
	}

.diary-pic-right-2 img{
    width:400px	}
	
.diary-pic-left-2{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:23%;
	z-index:10;
	visibility:visible;
	margin-left:20%;
	left:0%;
	
	}

.diary-pic-left-2 img{
    width:400px	}



.diary-pic-right-3{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:30%;
	z-index:10;
	visibility:visible;
	right:20%;
	}

.diary-pic-right-3 img{
    width:400px	}
	
.diary-pic-left-3{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:36.5%;
	z-index:10;
	visibility:visible;
	margin-left:20%;
	left:0%;
	
	}

.diary-pic-left-3 img{
    width:400px	}




.diary-pic-right-4{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:42.5%;
	z-index:10;
	visibility:visible;
	right:20%;
	}

.diary-pic-right-4 img{
    width:400px	}
	
.diary-pic-left-4{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:48%;
	z-index:10;
	visibility:visible;
	margin-left:20%;
	left:0%;
	
	}

.diary-pic-left-4 img{
    width:400px	}



.diary-pic-right-5{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:55.5%;
	z-index:10;
	visibility:visible;
	right:20%;
	}

.diary-pic-right-5 img{
    width:400px	}
	
.diary-pic-left-5{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:61%;
	z-index:10;
	visibility:visible;
	margin-left:20%;
	left:0%;
	
	}

.diary-pic-left-5 img{
    width:400px	}




.diary-pic-right-6{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:67%;
	z-index:10;
	visibility:visible;
	right:20%;
	}

.diary-pic-right-6 img{
    width:400px	}
	
.diary-pic-left-6{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:73%;
	z-index:10;
	visibility:visible;
	margin-left:20%;
	left:0%;
	
	}

.diary-pic-left-6 img{
    width:400px	}






.diary-pic-right-7{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:80%;
	z-index:10;
	visibility:visible;
	right:20%;
	}

.diary-pic-right-7 img{
    width:400px	}
	
.diary-pic-left-7{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:86%;
	z-index:10;
	visibility:visible;
	margin-left:20%;
	left:0%;
	
	}

.diary-pic-left-7 img{
    width:400px	}





.diary-pic-right-8{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:92%;
	z-index:10;
	visibility:visible;
	right:20%;
	}

.diary-pic-right-8 img{
    width:400px	}
	
.diary-pic-left-8{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:92%;
	z-index:10;
	visibility:visible;
	margin-left:20%;
	left:0%;
	
	}

.diary-pic-left-8 img{
    width:400px	}





.mainbike{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:36%;
	z-index:10;
	visibility:visible;
	margin-left:8%;
	
	}

.mainbike img{
    width:400px	}




.col-33 {
    width: 33%;
}

.circle{
	
	width:200px;
	height:200px;
	border: solid 1px #eee;
	border-radius:50%;
	padding:10px;
	}


.circlenumber{
	font-size:46px;
	font-weight:bold;
	color:#bed6b7;
	text-align:center;
	padding-top:45px;
	line-height:30px;
	
	}



.circletxt{
	font-size:18px;
	color:#bed6b7;
	text-align:center;
	font-weight:bold;
}


	
.input-money{
	text-align:center;
	margin-bottom:-50px;
	width:80%;}

	
	}

@media only screen and (max-width:1260px) {
	
.login{
	display:block;
	height: inherit;
	line-height: inherit;
	position:fixed;
	left:10px;
	top:20px;
	z-index:1000000;
	visibility:visible;
	width:100px;
	}}


@media only screen and (max-width:1024px) {

    .nav-login{
		display:block;}
		


	.supportdiv{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	left:30px;
	top:10px;
	visibility: default;
	z-index:1000000;
	visibility:visible;
	float:left;
	width:200px;
	
	}


.supportimg{

	margin-top:5px;
	width:100px;}

.support{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	left:250px;
	top:15px;
	z-index:1000000;
	visibility:visible;
	width:120px;
	
	}


.login{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	left:400px;
	top:15px;
	z-index:1000000;
	visibility:visible;
	width:120px;
	}



	
	.mt{
	margin-top:0px;}
	
	
	.mainpic{
	display:none;
	width:100%;
	}
.mainpic-m{
	display:block;
	width:100%;}





.diary-pic-right-1{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:6%;
	z-index:10;
	visibility:visible;
	right:17%;
	}

.diary-pic-right-1 img{
    width:250px	}
	
.diary-pic-left-1{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:12%;
	z-index:10;
	visibility:visible;
	margin-left:10%;
	
	}

.diary-pic-left-1 img{
    width:290px	}
	
	

.diary-pic-right-2{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:18%;
	z-index:10;
	visibility:visible;
	right:12%;
	}

.diary-pic-right-2 img{
    width:280px	}
	
.diary-pic-left-2{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:25%;
	z-index:10;
	visibility:visible;
	margin-left:15%;
	
	}

.diary-pic-left-2 img{
    width:250px	}



.diary-pic-right-3{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:31%;
	z-index:10;
	visibility:visible;
	right:10%;
	}

.diary-pic-right-3 img{
    width:300px	}
	
.diary-pic-left-3{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:36.5%;
	z-index:10;
	visibility:visible;
	margin-left:10%;
	
	}

.diary-pic-left-3 img{
    width:280px	}




.diary-pic-right-4{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:42.5%;
	z-index:10;
	visibility:visible;
	right:10%;
	}

.diary-pic-right-4 img{
    width:300px	}
	
.diary-pic-left-4{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:49%;
	z-index:10;
	visibility:visible;
	margin-left:10%;
	
	}

.diary-pic-left-4 img{
    width:300px	}



.diary-pic-right-5{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:55.5%;
	z-index:10;
	visibility:visible;
	right:10%;
	}

.diary-pic-right-5 img{
    width:300px	}
	
.diary-pic-left-5{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:61%;
	z-index:10;
	visibility:visible;
	margin-left:10%;
	
	}

.diary-pic-left-5 img{
    width:300px	}




.diary-pic-right-6{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:68%;
	z-index:10;
	visibility:visible;
	right:10%;
	}

.diary-pic-right-6 img{
    width:300px	}
	
.diary-pic-left-6{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:74%;
	z-index:10;
	visibility:visible;
	margin-left:10%;
	
	}

.diary-pic-left-6 img{
    width:300px	}






.diary-pic-right-7{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:81%;
	z-index:10;
	visibility:visible;
	right:10%;
	}

.diary-pic-right-7 img{
    width:300px	}
	
.diary-pic-left-7{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:86%;
	z-index:10;
	visibility:visible;
	margin-left:6%;
	left:0%;
	
	}

.diary-pic-left-7 img{
    width:350px	}





.diary-pic-right-8{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:92%;
	z-index:10;
	visibility:visible;
	right:4%;
	}

.diary-pic-right-8 img{
    width:400px	}
	
.diary-pic-left-8{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:92.5%;
	z-index:10;
	visibility:visible;
	margin-left:8%;
	
	}

.diary-pic-left-8 img{
    width:300px	}


.mainbike{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:41%;
	z-index:10;
	visibility:visible;
	margin-left:0%;
	
	}

.mainbike img{
    width:300px	}
	


.col-33 {
    width:50%;
}


.circle{
	
	width:180px;
	height:180px;
	border: solid 1px #eee;
	border-radius:50%;
	padding:10px;
	}

	}




@media only screen and (max-width: 820px) {

.supportimg{

	margin-top:5px;
	width:100px;}

.support{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	left:250px;
	top:15px;
	z-index:1000000;
	visibility:visible;
	width:110px;
	
	}


.login{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	left:400px;
	top:15px;
	z-index:1000000;
	visibility:visible;
	width:110px;
	}


	
	.mt{
	margin-top:0px;}
	
	
	.mainpic{
	display:none;
	width:100%;
	}
.mainpic-m{
	display:block;
	width:100%;}



.diary-pic-right-1{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:6%;
	z-index:10;
	visibility:visible;
	right:17%;
	}

.diary-pic-right-1 img{
    width:250px	}
	
.diary-pic-left-1{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:12%;
	z-index:10;
	visibility:visible;
	margin-left:10%;
	
	}

.diary-pic-left-1 img{
    width:290px	}
	
	

.diary-pic-right-2{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:19%;
	z-index:10;
	visibility:visible;
	right:12%;
	}

.diary-pic-right-2 img{
    width:280px	}
	
.diary-pic-left-2{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:25%;
	z-index:10;
	visibility:visible;
	margin-left:15%;
	
	}

.diary-pic-left-2 img{
    width:250px	}



.diary-pic-right-3{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:31%;
	z-index:10;
	visibility:visible;
	right:10%;
	}

.diary-pic-right-3 img{
    width:300px	}
	
.diary-pic-left-3{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:36.5%;
	z-index:10;
	visibility:visible;
	margin-left:10%;
	
	}

.diary-pic-left-3 img{
    width:280px	}




.diary-pic-right-4{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:42.5%;
	z-index:10;
	visibility:visible;
	right:10%;
	}

.diary-pic-right-4 img{
    width:300px	}
	
.diary-pic-left-4{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:49%;
	z-index:10;
	visibility:visible;
	margin-left:10%;
	
	}

.diary-pic-left-4 img{
    width:300px	}



.diary-pic-right-5{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:55.5%;
	z-index:10;
	visibility:visible;
	right:10%;
	}

.diary-pic-right-5 img{
    width:300px	}
	
.diary-pic-left-5{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:61%;
	z-index:10;
	visibility:visible;
	margin-left:10%;
	
	}

.diary-pic-left-5 img{
    width:300px	}




.diary-pic-right-6{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:68%;
	z-index:10;
	visibility:visible;
	right:10%;
	}

.diary-pic-right-6 img{
    width:300px	}
	
.diary-pic-left-6{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:74%;
	z-index:10;
	visibility:visible;
	margin-left:10%;
	
	}

.diary-pic-left-6 img{
    width:300px	}






.diary-pic-right-7{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:81%;
	z-index:10;
	visibility:visible;
	right:10%;
	}

.diary-pic-right-7 img{
    width:300px	}
	
.diary-pic-left-7{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:86%;
	z-index:10;
	visibility:visible;
	margin-left:6%;
	left:0%;
	
	}

.diary-pic-left-7 img{
    width:350px	}





.diary-pic-right-8{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:92%;
	z-index:10;
	visibility:visible;
	right:4%;
	}

.diary-pic-right-8 img{
    width:400px	}
	
.diary-pic-left-8{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:92.5%;
	z-index:10;
	visibility:visible;
	margin-left:8%;
	
	}

.diary-pic-left-8 img{
    width:300px	}


.mainbike{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:44%;
	z-index:10;
	visibility:visible;
	margin-left:5%;
	
	}

.mainbike img{
    width:250px	}
	

.circle{
	
	width:180px;
	height:180px;
	border: solid 1px #eee;
	border-radius:50%;
	padding:10px;
	margin-top:-110px;
	margin-left:-10px;
	}


.circlenumber{
	font-size:40px;
	font-weight:bold;
	color:#bed6b7;
	text-align:center;
	padding-top:45px;
	line-height:30px;
	
	}



.circletxt{
	font-size:16px;
	color:#bed6b7;
	text-align:center;
	font-weight:bold;
}


.col-33 {
    width: 50%;
}
	
	}






@media only screen and (max-width: 768px) {

.supportimg{
	margin-top:5px;
	width:100px;}


.support{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	left:250px;
	top:15px;
	z-index:1000000;
	visibility:visible;
	width:100px;
	
	}


.login{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	left:400px;
	top:15px;
	z-index:1000000;
	visibility:visible;
	width:100px;
	}


.mbot100{
	margin-bottom:100px;}	
	.mt{
	margin-top:0px;}
	
	
	.mainpic{
	display:none;
	width:100%;
	}
.mainpic-m{
	display:block;
	width:100%;}



.diary-pic-right-1{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:6%;
	z-index:10;
	visibility:visible;
	right:17%;
	}

.diary-pic-right-1 img{
    width:230px	}
	
.diary-pic-left-1{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:12%;
	z-index:10;
	visibility:visible;
	margin-left:15%;
	left:0%;
	
	}

.diary-pic-left-1 img{
    width:240px	}
	
	

.diary-pic-right-2{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:18%;
	z-index:10;
	visibility:visible;
	right:12%;
	}

.diary-pic-right-2 img{
    width:280px	}
	
.diary-pic-left-2{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:25%;
	z-index:10;
	visibility:visible;
	margin-left:15%;
	
	}

.diary-pic-left-2 img{
    width:250px	}



.diary-pic-right-3{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:31%;
	z-index:10;
	visibility:visible;
	right:10%;
	}

.diary-pic-right-3 img{
    width:300px	}
	
.diary-pic-left-3{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:37%;
	z-index:10;
	visibility:visible;
	margin-left:10%;
	
	}

.diary-pic-left-3 img{
    width:280px	}




.diary-pic-right-4{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:43%;
	z-index:10;
	visibility:visible;
	right:10%;
	}

.diary-pic-right-4 img{
    width:300px	}
	
.diary-pic-left-4{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:49%;
	z-index:10;
	visibility:visible;
	margin-left:10%;
	
	}

.diary-pic-left-4 img{
    width:300px	}



.diary-pic-right-5{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:55.5%;
	z-index:10;
	visibility:visible;
	right:10%;
	}

.diary-pic-right-5 img{
    width:300px	}
	
.diary-pic-left-5{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:62%;
	z-index:10;
	visibility:visible;
	margin-left:10%;
	
	}

.diary-pic-left-5 img{
    width:300px	}




.diary-pic-right-6{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:68%;
	z-index:10;
	visibility:visible;
	right:10%;
	}

.diary-pic-right-6 img{
    width:300px	}
	
.diary-pic-left-6{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:75%;
	z-index:10;
	visibility:visible;
	margin-left:10%;
	
	}

.diary-pic-left-6 img{
    width:300px	}






.diary-pic-right-7{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:81%;
	z-index:10;
	visibility:visible;
	right:10%;
	}

.diary-pic-right-7 img{
    width:300px	}
	
.diary-pic-left-7{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:87%;
	z-index:10;
	visibility:visible;
	margin-left:6%;
	left:0%;
	
	}

.diary-pic-left-7 img{
    width:350px	}





.diary-pic-right-8{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:92%;
	z-index:10;
	visibility:visible;
	right:4%;
	}

.diary-pic-right-8 img{
    width:400px	}
	
.diary-pic-left-8{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:92.5%;
	z-index:10;
	visibility:visible;
	margin-left:8%;
	
	}

.diary-pic-left-8 img{
    width:300px	}


.mainbike{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:40%;
	z-index:10;
	visibility:visible;
	margin-left:5%;
	
	}

.mainbike img{
    width:250px	}


.circle{
	
	width:170px;
	height:170px;
	border: solid 1px #eee;
	border-radius:50%;
	padding:10px;
	margin-top:0px;
	margin-left:30%;
	float:left;
	}


.circlenumber{
	font-size:40px;
	font-weight:bold;
	color:#bed6b7;
	text-align:center;
	padding-top:35px;
	line-height:30px;
	
	}



.circletxt{
	font-size:16px;
	color:#bed6b7;
	text-align:center;
	font-weight:bold;
}


.col-33 {
    width:100%;
}


	
	
	}
	
	

@media only screen and (max-width: 736px) {

.maintable {
	width: 100%;
	margin-top: 100px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}


.support{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	left:200px;
	top:15px;
	z-index:1000000;
	visibility:visible;
	width:100px;
	
	}


.login{
	display:block;
	height: inherit;
	line-height: inherit;
	position: absolute;
	left:330px;
	top:15px;
	z-index:1000000;
	visibility:visible;
	width:100px;
	}

}




@media only screen and (max-width: 640px) {

.note2{
	width:80%;
	border-top:#666 dotted 1px;
	border-bottom:dotted #999 1px;
	padding:20px;
	margin-left:10%;
	margin-top:50px;
	margin-bottom:100px;
	line-height:40px;
	text-align:left;
	
    
	}


.supportimg{
	width:100px;
	top:-20px;}

.support{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	left:180px;
	
	z-index:1000000;
	visibility:visible;
	width:100px;
	
	}

.logoimg{
	width:100px;}
.login{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	left:240px;
	top:30px;
	z-index:1000000;
	visibility:visible;
	width:80px;
	}


.mbot100{
	margin-bottom:0px;}	
	.mt{
	margin-top:0px;}
	
	
	.mainpic{
	display:none;
	width:100%;
	}
.mainpic-m{
	display:block;
	width:100%;}


.paylist-but{
	display:block;
	width:100%;
	margin-top:-40px;
	margin-bottom:-90px;}


.diary-pic-right-1{
	display:none;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:5%;
	z-index:10;
	visibility:visible;
	right:20%;
	}

.diary-pic-right-1 img{
    width:400px	}
	
.diary-pic-left-1{
	display:none;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:11%;
	z-index:10;
	visibility:visible;
	margin-left:20%;
	left:0%;
	
	}

.diary-pic-left-1 img{
    width:400px	}
	
	

.diary-pic-right-2{
	display:none;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:17%;
	z-index:10;
	visibility:visible;
	right:20%;
	}

.diary-pic-right-2 img{
    width:400px	}
	
.diary-pic-left-2{
	display:none;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:23%;
	z-index:10;
	visibility:visible;
	margin-left:20%;
	left:0%;
	
	}

.diary-pic-left-2 img{
    width:400px	}



.diary-pic-right-3{
	display:none;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:29%;
	z-index:10;
	visibility:visible;
	right:20%;
	}

.diary-pic-right-3 img{
    width:400px	}
	
.diary-pic-left-3{
	display:none;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:34.5%;
	z-index:10;
	visibility:visible;
	margin-left:20%;
	left:0%;
	
	}

.diary-pic-left-3 img{
    width:400px	}




.diary-pic-right-4{
	display:none;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:40.5%;
	z-index:10;
	visibility:visible;
	right:20%;
	}

.diary-pic-right-4 img{
    width:400px	}
	
.diary-pic-left-4{
	display:none;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:46%;
	z-index:10;
	visibility:visible;
	margin-left:20%;
	left:0%;
	
	}

.diary-pic-left-4 img{
    width:400px	}



.diary-pic-right-5{
	display:none;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:51.5%;
	z-index:10;
	visibility:visible;
	right:20%;
	}

.diary-pic-right-5 img{
    width:400px	}
	
.diary-pic-left-5{
	display:none;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:57%;
	z-index:10;
	visibility:visible;
	margin-left:20%;
	left:0%;
	
	}

.diary-pic-left-5 img{
    width:400px	}




.diary-pic-right-6{
	display:none;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:63%;
	z-index:10;
	visibility:visible;
	right:20%;
	}

.diary-pic-right-6 img{
    width:400px	}
	
.diary-pic-left-6{
	display:none;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:69%;
	z-index:10;
	visibility:visible;
	margin-left:20%;
	left:0%;
	
	}

.diary-pic-left-6 img{
    width:400px	}






.diary-pic-right-7{
	display:none;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:74.5%;
	z-index:10;
	visibility:visible;
	right:20%;
	}

.diary-pic-right-7 img{
    width:400px	}
	
.diary-pic-left-7{
	display:none;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:80%;
	z-index:10;
	visibility:visible;
	margin-left:20%;
	left:0%;
	
	}

.diary-pic-left-7 img{
    width:400px	}





.diary-pic-right-8{
	display:none;
	height: inherit;
	line-height: inherit;
	position: absolute;
	top:86.5%;
	z-index:10;
	visibility:visible;
	right:20%;
	}

.diary-pic-right-8 img{
    width:400px	}
	
.diary-pic-left-8{
	display:none;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:92%;
	z-index:10;
	visibility:visible;
	margin-left:20%;
	left:0%;
	
	}

.diary-pic-left-8 img{
    width:400px	}



.mainbike{
	display:none;
	height: inherit;
	line-height: inherit;
	position:absolute;
	top:40%;
	z-index:10;
	visibility:visible;
	margin-left:5%;
	
	}

.mainbike img{
    width:250px	}



	
	
	}

@media only screen and (max-width: 414px) {

.supportimg{
	width:100px;}

.support{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	right:200px;
	top:17px;
	z-index:1000000;
	visibility:visible;
	
	}
.paylist-but{
	display:block;
	width:100%;
	margin-top:-40px;
	margin-bottom:-40px;}	
}


@media only screen and (max-width: 375px) {

.supportimg{
	margin-top:5px;
	width:100px;
	}

.support{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	right:200px;
	top:17px;
	z-index:1000000;
	visibility:visible;
	
	}
	
}
	
@media only screen and (max-width: 340px) {

.supportimg{
	margin-top:5px;
	width:100px;}

.support{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	right:200px;
	top:30px;
	z-index:1000000;
	visibility:visible;
	
	}
	
}	


@media only screen and (max-width: 320px) {

.supportimg{
	margin-top:5px;
	width:100px;}

.support{
	display:block;
	height: inherit;
	line-height: inherit;
	position:absolute;
	right:200px;
	top:30px;
	z-index:1000000;
	visibility:visible;
	
	}
	
}