body{
		background-color: #000000;
		margin: 0;
		color:white;
		text-align: center;
	}

	.logo_container{
		text-align: center;
	}

	.logo0{
		width: 80%;
		margin-top: 50px;
		margin-bottom: 40px;
	}

	.logo{
		width: 80%;
		margin-top: 180px;
		margin-bottom: 20px;
	}

	.pic{
		width: 100%;
		vertical-align: middle;
	}

	.pic_flip{
		width: 100%;
		/* flip background vertically */
		-webkit-transform:scaleY(-1);
		-moz-transform:scaleY(-1);
		-ms-transform:scaleY(-1);
		-o-transform:scaleY(-1);
		transform:scaleY(-1);
	}


	.pic_flip_container{
		height:100px;
		overflow-y: hidden;
		/*border:1px solid #ff0000;*/
	}

	.productname_container{
		top: -106px;
		margin-bottom: -108px;
		position: relative;
		/*background-size: 100%;
		-moz-transform: scaleY(-1);
		-o-transform: scaleY(-1);
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
		filter: FlipV;
		-ms-filter: "FlipV";*/
	}

	.productname{
		color: #ffffff;
		font-size: 22px;
		padding:2px;
		padding-left: 8px;
		padding-right: 8px;
		background-color: #000000;
		border-radius: 6px;
		font-family: "微软雅黑","黑体","Heiti SC";
		margin-bottom: 2px;
		display: inline-block;
		width:85%;
	}

	.leftend{
		text-align: center;
		/*margin-left: 10px;*/
	}

	.rightend{
		text-align: right;
		margin-right: 10px;
	}

	.ctitle{
		color: #ffffff;
		font-size: 22px;
		padding:10px;
		font-family: "微软雅黑","黑体","Heiti SC";
	}

	.cmemo{
		color: #ffffff;
		font-size: 20px;
		padding:10px;
		font-family: "微软雅黑","黑体","Heiti SC";
	}


	body,p,td,span,div{
		font-family: "Helvetica","Roboto";
		font-family: "微软雅黑","黑体","Heiti SC";
	}

	#div_form{
	}


	.pic_square{
		width:100%;
	}

	#pic_square_container{
		width: 250px;
		margin-top: 40px;
		margin-bottom: 30px;
		height: 250px;
		overflow-y: hidden;
		border-radius: 125px;
		/*border:1px solid #ff0000;*/
	}

	#select_time{
		font-size: 48px;
		color: #a3d39c;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border:0;
		margin-bottom:10px;
		background-color: #000000;
		/*padding: 5px;*/
	}

	#table_llength{
		background-color: #a3d39c;
		border-radius: 5px;
		width: 80%;
	}

	.td1{
		border-radius: 5px 0 0 5px;
	}

	.td2{
		border-radius: 0 5px 5px 0;
	}

	.td_llength{
		background-color: #000000;
		color: #a3d39c;
		text-align: center;
		padding: 10px;
		width:33%;
		font-size: 18px;
	}

	.td_selected{
		background-color: #a3d39c;
		color: #000000;
	}

	.confirm{
		margin-top: 20px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-color: #00a651;
		color: #ffffff;
		font-size: 20px;
		padding: 10px;
		border:0;
		border-radius: 5px;
		width: 80%;
	}

	.cancel{
		margin-top: 10px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-color: #dc3545;
		color: #ffffff;
		font-size: 16px;
		padding: 10px;
		border:0;
		border-radius: 5px;
		width: 100%;
	}

	.goback{
		color: #a3d39c;
		font-size: 14px;
	}

	#welcome{
		padding:20px;
		background-color: #222222;
		color:#999999;
		display: none;
	}

	#appointment_list{
		padding:20px;
		background-color: #000000;
		color:#a3d39c;
		display: none;
	}