@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+HK&family=Noto+Sans+TC&display=swap');

body {
    font-family: 'Noto Sans HK', sans-serif, Arial, Helvetica;
	margin: 0;
	padding: 0;
	background: #757575;
	/* font-family: Arial, Helvetica, sans-serif; */
	font-size: 14px;
	color: #525252;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #2C2723;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 2.4em;
}

h3 {
	font-size: 1.6em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}

a {
	text-decoration: none;
	color: #712B77;
}

a:hover { text-decoration: underline; }
#container {  }
#header { width: 931px; height: 60px; margin: 0 auto; background: #FFF; text-align:center;}
#header_driver { width: 931px; height: 155px; margin: 0 auto; background: #FFF; text-align:center;}
/*#header .logo{ background: url(../images/frontend/GP_logo.jpg) no-repeat left top; width:160px; height:100px;float:left;}*/
#header .banner { background: url(../images/frontend/gp60.png) no-repeat left top; width:539px; height:100px;margin:0 auto;}
#maincontent { clear:both; width: 921px; margin: 0 auto; padding: 5px 5px; background: #FFF; }
#maincontent2 { clear:both; width: 490px; margin: 0 auto; padding: 0px 0px; background: #FFF; }
#maincontent3 { clear:both; width: 490px; margin: 0 auto; padding: 0px 0px; background: #FFF; }
#maincontent4 { clear:both; width: 891px; margin: 0 auto; padding: 10px 20px; background: #FFF; }
#footer { clear: both; display: block; width: 931px; height:129px; margin: 0 auto; }
.footer_cn { background: url(../images/frontend/footer_cn.png) no-repeat left top;}
.footer_gb { background: url(../images/frontend/footer_gb.png) no-repeat left top;}
.footer_en { background: url(../images/frontend/footer_en.png) no-repeat left top;}
.footer_pt { background: url(../images/frontend/footer_pt.png) no-repeat left top;}
.right{ padding:20px;}
.loading{ background:url(../images/loading.gif) center no-repeat; width:90px; height:15px; float:left;}
.loading2{ background:url(../images/loading.gif) center bottom no-repeat; height:250px;}

#admin_area { float: right; padding: 10px; }
#admin_area .admname { background: url(../images/frontend/user.png) no-repeat left top; 
	float: left;  height: 16px; padding-left: 20px; padding-right: 10px;}
#admin_area .admchk_pwd { background: url(../images/frontend/change_pwd.png) no-repeat left top; 
	float: left;  height: 16px; cursor: pointer; padding-left: 20px; padding-right: 10px;}
#admin_area .logout { background: url(../images/frontend/logout.png) no-repeat left top; float:left;  
	height: 16px; cursor: pointer; padding-left: 20px;}

.createform { clear: both;  width:920px; margin: 10px auto; padding:0 0; background: #BDE3F0; }
.createform .title { text-align: left; font-size:18px; color:#006699; font-weight: bold; padding: 0 10px; }
.createform p { text-align: left; padding: 0 10px; }
.createform .hd { background: url(../images/frontend/create_form_hd.png) no-repeat left top;
	width:920px; height:11px; margin: 0 auto; }
.createform .ft { background: url(../images/frontend/create_form_ft.png) no-repeat left top; 
	width:920px; height:11px; margin: 0 auto; }

.finishform { clear: both;  width:920px; margin: 10px auto; padding:0 0; background: #D7ECF3; }
.finishform .title { text-align: left; font-size:18px; color: #006699; font-weight: bold; padding: 0 10px; }
.finishform p { text-align: left; padding: 0 10px; }
.finishform .hd { background: url(../images/frontend/finish_form_hd.png) no-repeat left top;
	width:920px; height:11px; margin: 0 auto; }
.finishform .ft { background: url(../images/frontend/finish_form_ft.png) no-repeat left top; 
	width:920px; height:11px; margin: 0 auto; }

.finishform table { border-collapse:collapse; }
.finishform .tbfinish tr th { padding: 5px; border: #277A97 solid 1px; background: #72C2DD;}
.finishform .tbfinish tr td { padding: 5px; border: #277A97 solid 1px;}
.finishform .tbfinish tr .title { color: #FFF; background:#277A97; text-align:center;}
.finishform .tbfinish button { padding: 0 0;}
.finishform .tbnone tr td { padding: 0 0; border: none !important;}
	
.downform { clear: both;  width:920px; margin: 10px auto; padding:0 0; background: #FEF7CE; }
.downform .title { text-align: left; font-size:18px; color: #660000; font-weight: bold; padding: 0 10px; }
.downform p { text-align: left; padding: 0 10px; }
.downform .hd { background: url(../images/frontend/down_form_hd.png) no-repeat left top;
	width:920px; height:11px; margin: 0 auto; }
.downform .ft { background: url(../images/frontend/down_form_ft.png) no-repeat left top; 
	width:920px; height:11px; margin: 0 auto; }

.buttons{
    /*float:none;*/
    margin:0 7px 0 0;
    background-color: #FFCC00;
    border:1px solid #dedede;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 20px 6px 20px; /* Links */
}

.buttons2{
    /*float:none;*/
	margin:0 7px 0 0;
    background-color: #FFCC00;
    border:1px solid #dedede;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 0px 6px 0px; /* Links */
}


.buttons:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

.buttons2:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons2 a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}