*:focus{outline:none;}
html, body { height: 100%; }
	body{margin:0; padding:0; background-image:url('../image/body_bg_04-1.png'); background-repeat:no-repeat; background-size:cover; background-position:center; font-family:sans-serif; color:#4f5b66; word-break:keep-all;}
	.cccc{background-image:url('../image/body_bg_04.png');}
	div{position:relative; box-sizing:border-box;}
	form{margin:0; padding:0;}
	.clear-div{clear:both;}

	.wrap{float:left; width:50%; max-width:800px; padding:0 10px; margin-top:60px; margin-left:50%;}

	.container{width:100%;}
	.container02{width:100%; margin-top:30px;}

	.logo{position:absolute; width:238px; height:40px; top:20px; left:20px; z-index:2;}
	.logo img{width:100%; border:0;}

	.option-wrap{position:absolute; height:20px; top:30px; left:268px; font-size:12px;}
	.option-wrap div{float:left; line-height:20px; margin-right:5px; border-radius:4px;}
	.cus-center{font-weight:bold; font-size:14px;}
	.cus-center span{color:#00a0e9;}
	.shortcut{cursor:pointer; padding:0 10px; border:solid 1px #e5e5e5; background-color:#fff;}
	.shortcut:hover{color:#00a0e9; border-color:#00a0e9;}


	.header{float:left; width:50%; padding:0 20px; margin-top:130px; margin-left:50%; text-align:left;}
	.header h1{font-weight:normal; font-size:40px; letter-spacing:-5px; line-height:1.2em; margin:0; padding:0; color:#000; text-shadow:1px 1px 0px #fff;}
	.header-p{width:100%; text-align:left; font-size:12px; margin-top:10px; margin-left:5px; color:#00a0e9;}
	.header:before{content:''; position:absolute; width:50px; height:4px; top:-10px; left:20px; background-color:#00a0e9;}

	.section-title{display:block; font-size:18px; font-weight:bold;}
	.section-title span{color:#00a0e9;}
	.container02 .section-title{margin-left:20px;} 

	.input-num{width:100%; padding:20px; }
	.input-num-wrap {float:left; width:50%; max-width:400px; position: relative; margin-top:10px;}

	.input-num input{
		width:100%; height:50px; padding:10px; border:solid 1px #00a0e9; text-align:center; font-size:30px; font-weight:bold; color:#00a0e9; box-sizing:border-box; border-radius:5px; z-index:2;
		background-image:url('../image/bg-input.png'); background-repeat:no-repeat; background-size:200px 40px; background-position:center center;
	}
	.background-none{background-image:none !important;}
	.input-num-wrap .btn-reset {position: absolute; top: 15px; right: 4px; border: 0; background-color: transparent; cursor: pointer; outline: none; z-index:3;	}
	.input-num-wrap .btn-reset img { width: 20px; }
	input::-ms-clear { display:none; }

	.btn-input-num{float:left; width:50%; max-width:150px; margin-top:10px; margin-left:10px; height:50px; text-align:center; line-height:50px; background-color:#00a0e9; border:0; border-radius:5px; cursor:pointer; color:#fff; font-size:16px; z-index:2;}
	.btn-input-num:hover{background-color:#014099;}

	.input-info{clear:both; display:block; width:100%; font-size:12px; padding-top:18px; text-align:left;}

	.download-wrap{width:100%; padding:20px; font-size:0.75em; border-top:solid 1px #e5e5e5;}
	.btn-download{
		margin-top:10px; margin-left:10px; background-color:#606f7d; padding:0 10px; padding-left:40px; height:30px; line-height:30px; text-align:center; font-size:0.75rem; text-align:center; color:#fff; cursor:pointer; border:0; border-radius:4px;
		background-image:url('../image/icon_download.png'); background-size:30px 30px; background-repeat:no-repeat; background-position:10px center;
	}
	.btn-download:hover{background-color:#00a0e9;}

	.refresh-info{display:inline-block; font-size:12px; margin-left:20px; height:32px; line-height:32px;}
	.btn-refresh{padding:5px 10px; font-size:11px; border:solid 1px #e5e5e5; background-color:#fff; border-radius:4px; cursor:pointer; text-indent:17px;
		background-image:url('../image/icon_refresh.png'); background-repeat:no-repeat; background-size:15px 15px; background-position:10px center;
	}
	.btn-refresh:hover{border-color:#00a0e9; color:#00a0e9;}

	.supporter-wrap{width:100%; padding:20px; padding-left:10px;}
	.supporter-container{
		width:14.66666666666667%; margin:5px 1%; padding:10px; padding-bottom:15px; float:left; cursor:pointer; border:solid 1px #e5e5e5; border-radius:4px;
		background-image:url('../image/bg-supporter-num.png'); background-repeat:no-repeat; background-size:100% 100%; background-position:center center;
	}

	.supporter-num{
		width:100%; height:50px; text-align:center; line-height:50px; font-size:30px; font-weight:bold; letter-spacing:-2px;
	}
	.supporter-name{
		font-size:14px; font-weight:normal; color:#999; text-align:center;
	}
	.supporter-container:hover{border-color:#00a0e9;}
	.supporter-container:hover .supporter-num{color:#00a0e9;}
	.supporter-container:hover .supporter-name{color:#00a0e9;}


	.copyright{float:left; width:50%; max-width:800px; padding:20px; margin-left:50%; text-align:left; font-size:0.75em; padding-left:30px;}
	.copyright span{color:#00a0e9;}

	.tech{float:left; width:50%; max-width:800px; font-size:12px; padding:20px; margin-left:50%; padding-left:30px; padding-bottom:0; text-align:left; color:#999;}

	.browser-warning { display: none }