H1 {font-family: Arial, Helvetica, sans-serif;	font-size: 13px; font-weight: bold; color: #FFFFFF;margin: 0px;}
H2 {font-family: Arial, Helvetica, sans-serif;	font-size: 10px; color: #003399; font-weight: normal;	margin: 0px;}
H3 {font-family: Arial, Helvetica, sans-serif;	font-size: 12px; color: #003399; font-weight: bold;	margin: 0px;} 
H4 {font-family: Arial, Helvetica, sans-serif;	font-size: 12px; color: #333333; font-weight: normal;	margin: 0px;} 


A:link {color: #003399;font-style: normal;font-family:"Arial", "Helvetica", "sans-serif";font-size: 12px;text-decoration: text-decoration: underline;} 
A:visited {color: #003399;font-style: normal;font-family:"Arial", "Helvetica", "sans-serif";font-size: 12px;text-decoration:text-decoration: underline;}
A:hover {color: #003399;font-style: normal;text-decoration: none;}  

.keyword {color: #003399;	font-style: normal;	font-family:"Arial", "Helvetica", "sans-serif";	font-size: 10px;	text-decoration: none; padding-top:4} 
.keyword A:link {	color: #003399;	font-style: normal;	font-family:"Arial", "Helvetica", "sans-serif";	font-size: 10px;	text-decoration: none; padding-top:4} 
.keyword A:visited {	color: #003399;	font-style: normal;	font-family:"Arial", "Helvetica", "sans-serif";	font-size: 10px;
	text-decoration: none; padding-top:4}
.keyword A:hover {color: #000000;	font-style: normal;	font-family:"Arial", "Helvetica", "sans-serif";	font-size: 10px;text-decoration: underline; padding-top:4} 

.keyword1 {color: #003399;	font-style: normal;	font-family:"Arial", "Helvetica", "sans-serif";	font-size: 10px;	text-decoration: none; padding-top:4} 
.keyword1 A:link {	color: #003399;	font-style: normal;	font-family:"Arial", "Helvetica", "sans-serif";	font-size: 10px;	text-decoration: none; padding-top:4} 
.keyword1 A:visited {	color: #003399;	font-style: normal;	font-family:"Arial", "Helvetica", "sans-serif";	font-size: 10px;
	text-decoration: none; padding-top:4}
.keyword1 A:hover {color: #000000;	font-style: normal;	font-family:"Arial", "Helvetica", "sans-serif";	font-size: 10px;text-decoration: underline; padding-top:4} 
 

.word1 {color: #06335E;font-style: normal;font-family:"Arial", "Helvetica", "sans-serif";font-size: 11px;   text-decoration: none;} 
.word1 A:link {color: #06335E;font-style: normal;font-family:"Arial", "Helvetica", "sans-serif";font-size: 11px;   text-decoration: none;} 
.word1 A:visited {color: #06335E;font-style: normal;font-family:"Arial", "Helvetica", "sans-serif";font-size: 11px;   text-decoration: none;}
.word1 A:hover {color: #000000;	font-style: normal;	font-family:"Arial", "Helvetica", "sans-serif";	font-size: 11px;  text-decoration: underline;}  

.word2 {color: #003399;	font-style: normal;	font-family:"Arial", "Helvetica", "sans-serif";	font-size: 11px;	text-decoration: none;
	line-height: 17px;} 
.word2 A:link {	color: #003399;	font-style: normal;	font-family:"Arial", "Helvetica", "sans-serif";	font-size: 11px;	text-decoration: none;	line-height: 17px;} 
.word2 A:visited {	color: #003399;	font-style: normal;	font-family:"Arial", "Helvetica", "sans-serif";	font-size: 11px;
	text-decoration: none;	line-height: 17px;}
.word2 A:hover {color: #000000;	font-style: normal;	font-family:"Arial", "Helvetica", "sans-serif";	font-size: 11px;text-decoration: underline;	line-height: 17px;} 


a.footer:link {color: #656565;font-style: normal;font-family:"Arial", "Helvetica", "sans-serif";font-size: 11px; text-decoration: none;} 
a.footer:visited {color: #656565;font-style: normal;font-family:"Arial", "Helvetica", "sans-serif";font-size: 11px;  text-decoration: none;}
a.footer:hover {color: #3D3D3D;font-style: normal;font-family:"Arial", "Helvetica", "sans-serif";font-size: 11px; text-decoration: underline;}    

.searchlink {color: #003399;font-style: normal;font-family:"Arial", "Helvetica", "sans-serif";font-size: 11px;   text-decoration: none;} 
.searchlink A:link {color: #003399;font-style: normal;font-family:"Arial", "Helvetica", "sans-serif";font-size: 11px;   text-decoration: underline;} 
.searchlink A:visited {color: #003399;font-style: normal;font-family:"Arial", "Helvetica", "sans-serif";font-size: 11px;   text-decoration: underline;}
.searchlink A:hover {	color: #0000EE;	font-style: normal;	font-family:"Arial", "Helvetica", "sans-serif";	font-size: 11px;  text-decoration: none;}  

.p10 {color: #FFFFFF;font-style: normal;font-family:"Arial", "Helvetica", "sans-serif";font-size: 10px; text-decoration: none;} 
.p10gray {color: #000000;font-style: normal;font-family:"Arial", "Helvetica", "sans-serif";font-size: 10px; text-decoration: none;}
.10word {color: #000000;font-style: normal;font-family:"Arial", "Helvetica", "sans-serif";font-size: 10px; text-decoration: none;} 
.10word A:link {color: #000000;font-style: normal;font-family:"Arial", "Helvetica", "sans-serif";font-size: 10px; text-decoration: none;}
.10word A:visited {color: #000000F;font-style: normal;font-family:"Arial", "Helvetica", "sans-serif";font-size: 10px; text-decoration: none;}
.10word A:hover {	color: #000000;	font-style: normal;	font-family:"Arial", "Helvetica", "sans-serif";	font-size: 10px; text-decoration: none;}  

.tilgray11 {font-family: "Arial", "Helvetica", "sans-serif";font-size: 11px;color: #3D3D3D;	font-weight: bold;line-height: 15px;}	
.tilblack11 {font-family: "Arial", "Helvetica", "sans-serif";font-size: 11px;color: #000000; font-weight: bold;line-height: 15px;}
.11white {color: #FFFFFF;font-style: normal;font-family:"Arial", "Helvetica", "sans-serif";font-size: 11px; text-decoration: none;} 
.11white A:link {color: #FFFFFF;font-style: normal;font-family:"Arial", "Helvetica", "sans-serif";font-size: 11px; text-decoration: none;} 
.11white A:visited {color: #FFFFFF;font-style: normal;font-family:"Arial", "Helvetica", "sans-serif";font-size: 11px; text-decoration: none;}
.11white A:hover {	color: #FFFFFF;	font-style: normal;	font-family:"Arial", "Helvetica", "sans-serif";	font-size: 11px; text-decoration: none;}  


.tilbule15 {font-size: 13px;	font-family:"Arial", "Helvetica", "sans-serif";font-weight: bold;	color: #FFFFFF; letter-spacing:1}
.tilbule15 A:link {font-size: 13px;	font-family:"Arial", "Helvetica", "sans-serif";font-weight: bold;	color: #FFFFFF; letter-spacing:1 ; text-decoration: none;}
.tilbule15 A:visited {font-size: 13px;	font-family:"Arial", "Helvetica", "sans-serif";font-weight: bold;	color: #FFFFFF; letter-spacing:1 ; text-decoration: none;}
.tilbule15 A:hover {font-size: 13px;	font-family:"Arial", "Helvetica", "sans-serif";font-weight: bold;	color: #FFFFFF; letter-spacing:1 ; text-decoration: underline;}  
 
.gary {	font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;color: #666666;line-height: 17px;font-weight: normal;}
.black12 {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #000000}
.tilwhite12 {font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;color: #ffffff;font-weight: bold;line-height: normal;}
.tilbule12 {font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;color: #003399;font-weight: bold;line-height: normal;}
.tilgray13 {font-family: "Arial", "Helvetica", "sans-serif";font-size: 13px;color: #000033;line-height: normal;}
.tilbule12 A:link {color: #003399;font-style: normal;font-family:"Arial", "Helvetica", "sans-serif";font-size: 12px; text-decoration: none;}
.tilbule12 A:visited {color: #003399;font-style: normal;font-family:"Arial", "Helvetica", "sans-serif";font-size: 12px; text-decoration: none;}
.tilbule12 A:hover {	color: #000000;	font-style: normal;	font-family:"Arial", "Helvetica", "sans-serif";	font-size: 12px; text-decoration: underline;}

.grey11 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #333333;
	line-height: 17px;
	padding: 0px;
}
.grey11 ul{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	line-height: 180%;
}
.grey11 li{
	list-style-position: outside;
	list-style-type: circle;
}
.grey12 {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #333333; line-height: 17px}
.grey12 ul{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	line-height: 160%;
}
.grey12 li{
	list-style-position: outside;
	list-style-type: circle;
}
.num1 {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 9px; color: #666666}
.border { border: 1px solid #858585;}
.form1{	font: 11px/16px "Verdana", "Arial", "Helvetica", "sans-serif";	color: #454545;	padding: 15px;	border: 1px solid #666666;}
.p12bluegray {font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;color: #06335E;}
.tilgray12 {font-family: "Arial", "Helvetica", "sans-serif";font-size: 12px;color: #282828;	font-weight: bold;line-height: 17px;}
.list {
	padding-left: 10px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;
	margin-left:10px;margin-right:0px;margin-top:0px;margin-bottom:0px;
	list-style-position: outside;
	list-style-image: url(../images/icon_point.gif);
}
.tilmedbule {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #333;
	font-weight: bold;
}
.greenbtn {
	width:550px;
	height:50px;}
	
.greenbtn1,.greenbtn2,.greenbtn3 {
	width:160px;
	margin:0 auto;
	margin-top:5px;}
.greenbtn1 { float:left; margin-left:8px;}
.greenbtn2 { float:left; margin-left:20px;}
.greenbtn3 { float:left; margin-left:20px;}
.greenbtn1 a {
	display:block;
	width:160px;
	height:42px;
	background:url(../images/fixip-btn.gif) no-repeat;
	background-position:0 0;}
	
.greenbtn1 a:hover {
	background-position:0 -42px;}
	
.greenbtn2 a {
	display:block;
	width:160px;
	height:42px;
	background:url(../images/speedtest-btn.gif) no-repeat;
	background-position:0 0;}
	
.greenbtn2 a:hover {
	background-position:0 -42px;}
		
.greenbtn3 a {
	display:block;
	width:160px;
	height:42px;
	background:url(../images/nofixip-btn.gif) no-repeat;
	background-position:0 0;}
	
.greenbtn3 a:hover {
	background-position:0 -42px;}

p.invoice{
				padding:10px 20px 0;
				margin-top:10px;
			}
/*--Step  --*/
.step{
	width:96%;
	display:block;
	margin:10px auto;
	overflow:hidden;
}
.step ul{margin:0 1px;padding:0;}
.step ul li{
	list-style-type:none;
	float:left;
}
.step ul li.box{
	display:block;
	width:18%;
	height:80px;
	padding:0.3em;
	border:2px solid #dae7f9;
	border-radius: 6px;
	text-align:center;
	font-size:1em;
	line-height:1.4;
	color:#494747;
	font-family:Constantia, "微軟正黑體","Lucida Bright", "DejaVu Serif", Georgia, "serif";
	margin: 2.5px;
}
.step ul li.box h3{
	font-size:1.25em;
	font-weight:bold;
	color:#5f8bc3;
	margin:0 auto 10px ;
}
.step li.arrow{
	width:1%;
	padding:42px 0px 43px 25px;
	font-weight:bold;
	font-size:1.2em;
	color:#5f8bc3;
}

.step_img{
	width:93%;
	margin:auto;
}
.step_img img{
	width:100%;
	height:auto;
}

.container {
    max-width: 740px;
    background: #fff;
    box-shadow: 5px 0 5px 0 rgba(150, 150, 150, 0.8), -5px 0 5px 0px rgba(150, 150, 150, 0.8);
    text-align: left;
}
.login-register-section {
    flex-direction: row;
    padding: 10px;
    gap: 20px;
}
.login-ouside-container {
    max-width: 550px;
    flex-direction: column;
}
.login-inner-container {
    max-width: 550px;
}
.login-form, .register-info {
    background: #f9f9f9;
    margin-top: 5px;
    border: 1px solid #ccc;
}
h2 {
    height: 17px;
    background: no-repeat;
    background-image: url(../images/title_sign.gif);
    background-position: 0% 50%;
    background-color: rgb(131, 165, 209);
    width: 100%;
    padding: 2px;
}
h2 span {
    padding: 0px 0px 0px 25px;
}
h3 {
    /* height: 57px;
    background-image: url(../images/signin_titbg.jpg);
    width: 99%;
    padding: 2px; */
}
h3 span {
    display: table-cell;
    color: #000099 !important;
    padding: 15px 0px 0px 10px;
    vertical-align: middle;
    font-weight: normal !important;
}
label {
    margin-top: 15px;
    font-weight: bold;
    float: left;
}
input[type="text"], input[type="password"] {
    width: 140px;
    padding: 8px;
    margin: 5px 5px 0 0;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.options {
    margin-top: 5px;
    justify-content: space-between;
    align-items: center;
}
.options span {
    display: table-cell;
    padding: 5px 0px 0px 5px;
    margin-right: 5px;
    vertical-align: middle;
    font-weight: normal !important;
}
input[type="submit"] {
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #0066cc;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
input[type="submit"]:hover {
    background-color: #004999;
}
.login-form a{
    display: table-cell;
    color: #000099 !important;
    padding: 5px 0px 0px 5px;
    vertical-align: middle;
    font-weight: normal !important;
}
.register-info a {
    display: table-cell;
    color: #000099 !important;
    padding: 5px 0px 0px 5px;
    vertical-align: middle;
    font-weight: normal !important;
}
.dot-hr {
    border: 0.5px dotted #ccc;
    border-radius: 5px;
}
.solid-hr {
    border: 0.5px solid #ccc;
    border-radius: 5px;
}
.login-form .table-cell {
    align-items: center;
    text-align: center;
    margin: 5px;
}
ul li:nth-child(even){
    list-style: none;
    margin: 0 5px 0 -25px;
}

ul li:nth-child(odd) {
    list-style: none;
    margin: 0 5px 10px -25px;
}
.display_flex {
    display: flex;
}
.display_block {
    display: block;
}
.float_left {
    float: left;
}
.float_right {
    float: right;
}