@charset "utf-8";
/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
a{ 
    border: none;
    outline: none;
}
a:hover {
	color: #BB3333;
}
#lastlogin{
	float: right;
	margin-top:18px;
	position:absolute;
	width: 1000px;
	text-align:right;
	*left:0;
}
#lastlogin ul {
	display: block;
}
#lastlogin li {
	margin-right:14px;
	display: inline-block;
	overflow:hidden;
	font-family: Arial;
	font-size: 11px;
	color: #363636;
	zoom:1;
	*display:inline;
}
#lastlogin .name {
	font-weight:bold;
}
#container-main {
	width: 1000px;
	min-height:800px;
	margin: 0 auto;
	background:url(../images/bg-reg.png) no-repeat 0 0;
}

#header {
	width: 100%;
	height: 80px;
}
#header .logo{
	width:542px;
	height:80px;
	background:url(../images/logo-reg.png) no-repeat 0 0;
	float: left;
	text-indent: -9999px; /*hide the text*/
}
#menu-bar{
	float: right;
	margin-top:53px;
}
#menu-bar ul {
	display: block;
}
#menu-bar li {
	margin-right:14px;
	display: inline-block;
	overflow:hidden;
	font-family: Arial;
	font-size: 13px;
	line-height:20px;
	zoom:1;
	*display:inline;
}
#menu-bar li a{
	height:20px;
	line-height:20px;
	display: inline-block;
	color:#404041;
	text-decoration: none;
}
#menu-bar li a:hover {
	color: #005b9d;
}
#menu-bar li .icon-btn{
	background:url(../images/icon.png) no-repeat 0 0;
	padding-left:22px;
}
#menu-bar li .btn-help{
	background-position:0 -22px;
}
#menu-bar li .btn-contact{
	background-position:0 -44px;
}
#menu-bar .username{
	font-weight:bold;
}

#menu-bar .font-size-control .access {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
#fontSizeM{
	font-size:12px;
}
#fontSizeL{
	font-size:14px;
}
#fontSizeEx{
	font-size:16px;
}
#menu-bar .font-size-control .selected{
	color:#005b9c;
}

#main {
	width: 100%;
	overflow:hidden;
}
#main .container{
	width:784px;
	min-height:600px;
	/*margin: 10px auto;*/
	overflow:hidden;
	margin-top: 22px;
	margin-left: 108px;
}
#main .wrapper{
	padding:26px 24px 28px 24px;
}
#main .declear-wrapper{
	padding-left:0;
	padding-right:0;
}

#reg-page{
	color:#404041;
	/*font-size:13px;*/
	font-size:1.0em;
}
#reg-page .caption1{
	background:url(../images/caption-reg1.png) no-repeat 0 0;
	width: 288px;
	height: 50px;
	text-indent: -9999px; /*hide the text*/
}
#reg-page .captionIamSmart{
	background:url(../images/caption-reg1-IamSmart.png) no-repeat 0 0;
	width: 288px;
	height: 50px;
	text-indent: -9999px; /*hide the text*/
}
#reg-page .caption2{
	background:url(../images/caption-reg2.png) no-repeat 0 0;
	width: 344px;
	height: 50px;
	text-indent: -9999px; /*hide the text*/
}
#reg-page .caption3{
	background:url(../images/caption-reg3.png) no-repeat 0 0;
	width: 193px;
	height: 50px;
	text-indent: -9999px; /*hide the text*/
}
#reg-page .caption4{
	background:url(../images/caption-reg4.png) no-repeat 0 0;
	width: 333px;
	height: 50px;
	text-indent: -9999px; /*hide the text*/
}
#reg-page .note-container{
	width:650px;
}
#reg-page .declare-container{
}
#reg-page .declare-container .caption3{
	margin-top:26px;
	margin-left:24px;
}
#reg-page .declare-container h3{
	padding-left:24px;
	padding-top:3px;
	font-weight:normal;
}
#reg-page .declare-container .grey-col,#reg-page .declare-container .row{
	padding-left:24px;
	padding-right:50px;
}

#reg-page .tnc-container{
	width:670px;
}

#reg-page table{
	width:100%;
	margin-top:40px;
}
#reg-page table td{
	padding-bottom:5px;
}
#reg-page a{
	font-weight:bold;
	color:#0088a9;
}
#reg-page a:hover{
	color:#005b9c;
}
#reg-page .label{
	text-align:right;
	padding-right:14px;
}
#reg-page .label-img{
	vertical-align:bottom;
}
#reg-page strong {
	font-weight: bold;
}
#reg-page small {
	display: block;
	/*font-size: 10px;*/
	font-size:0.8em;
}
#reg-page .mark-required{
	color:#0088a9;
}
#reg-page input[type="text"]{
	background-color:#eaf6f7;
}
#reg-page input[type="file"],#reg-page .width-normal {
	width: 142px;
}
#reg-page .width-mid {
	width: 230px;
}
#reg-page .width-long {
	width: 324px;
}
#reg-page table .input{
	vertical-align: middle;
}
#reg-page table .info-btn{
	width:19px;
	height:20px;
	display:inline-block;
	background:url(../images/icon.png) no-repeat 0 -88px;
	vertical-align: middle;
	margin-top:-2px;
}
#reg-page table .refresh-btn{
	height:19px;
	padding-left:22px;
	display:inline-block;
	background:url(../images/icon.png) no-repeat 0 -66px;
	color:#2a9cb7;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
}

.action-btn{
	height:31px;
	line-height:31px;
	font-size:15px;
	font-weight:bold;
	display:inline-block;
	float:right;
	text-decoration:none;
	text-align:center;
}

.declaration-btn{
	margin-top:30px;
	margin-right:40px;
}
#reg-page .declare-btn{
	background:url(../images/bg-reg-btn.png) no-repeat 0 0;
	color:#fff;
	width:141px;
}
#reg-page .declare-btn:hover{
	background:url(../images/bg-reg-btn-over.png) no-repeat 0 0;
	color:#fff;
}
#reg-page .submit-btn{
	background:url(../images/bg-reg-submit-btn.png) no-repeat 0 0;
	color:#fff;
	width:101px;
}
#reg-page .submit-btn:hover{
	background:url(../images/bg-reg-submit-btn-over.png) no-repeat 0 0;
	color:#fff;
}
#reg-page .back-btn{
	background:url(../images/bg-reg-back-btn.png) no-repeat 0 0;
	color:#000;
	width:181px;
	padding-right:10px;
}
#reg-page .back-btn:hover{
	background:url(../images/bg-reg-back-btn-over.png) no-repeat 0 0;
	color:#000;
}


#reg-page h3{
	color:#005b9c;
	/*font-size:14px;*/
	font-size:1.0em;
	font-weight:bold;
}
#reg-page h3 .list-num{
	/*font-size:21px;*/
	font-size:1.6em;
}

#reg-page p{
	color:#404041;
	padding-left:16px;
	margin-bottom:25px;
}
#reg-page ol{
	color:#404041;
	padding-left:35px;
}
#reg-page ol .outer{
	margin-bottom:24px;
}
#reg-page ol .desc{
	margin-top:24px;
}
#reg-page .grey-col{
	background-color:#f1f1f2;
}
#reg-page .para{
	padding:8px 0 18px;
}
#reg-page .cell{
	padding-top:10px;
}

#reg-page .check-col{
	clear:both;
	overflow:hidden;
}
#reg-page .check-col input{
	float:left;
	margin-right:6px;
}
#reg-page .check-col .indent{
	float:left;
	width:630px;
	margin-left:0;
}
#reg-page .check-col .indent2{
	margin-bottom:0;
}
#reg-page .check-cell{
	color:#005b9c;
	font-weight:bold;
}
#reg-page .declaration-list{
	list-style-type:disc;
	margin-left:60px;
}
#reg-page .indent{
	margin-left:21px;
}
#reg-page .indent .list-num{
	color:#005b9c;
	/*font-size:21px;*/
	font-size:1.6em;
	float: left !important;
	float: none;
	display: inline;
	text-indent: -21px;
	width: 0;
}
#reg-page .indent2{
	text-indent:-18px;
	margin-left:18px;
	margin-bottom:8px;
}
#reg-page .indent3{
	text-indent:-18px;
	margin-left:18px;
}
#reg-page .indent .last{
	margin-bottom:0;
}

#reg-page .tnc-container .list-num{
	line-height:14px;
}

/*footer*/
#footer {
	width: 100%;
	clear: both;
}
#footer ul {
	margin-left: 29px;
	margin-top: 10px;
	display: block;
	float: left;
}
#footer ul li {
	display: inline;
	margin-right: 5px;
}
#footer ul li a,.bravo a {
	text-decoration: none;
	color:#404041;
}
#footer ul li a:hover,.bravo a:hover {
	text-decoration: underline;
}

/*index page*/
.index-page #container-main {
	background:url(../images/bg-index.png) no-repeat 0 0;
}
.index-page #header .logo {
	background: url(../images/logo-home.gif) no-repeat 0 0;
	margin-top:42px;
	width:421px;
	height:40px;
	cursor:pointer;
}
.index-page .banner{
	width: 908px;
	height: 305px;
	background: url(../images/index-banner.png) no-repeat 0 0;
	margin: 40px auto 0;
	overflow: hidden;
}

.index-page .more-btn{
	float:right;
	color:#2a97b2;
	font-weight:bold;
	text-align:center;
}
.index-page .icon-more{
	width:11px;
	height: 10px;
	background: url(../images/icon.png) no-repeat 0 -130px;
	display:inline-block;
	margin-left:3px;
	*padding-top:2px;
}


.index-page .more-btn a{
	color:#2a97b2;
	font-weight:bold;
}
.index-page .more-btn a:hover{
	color:#005b9c;
}

.index-page .text-container{
	position:relative;
	float:left;
	top:128px;
	left:312px;
	width:510px;
	line-height:17px;
	color:#0A3A64;
}
.index-page .text-container strong{
	font-weight:bold;
}
.index-page .more-container{
	overflow: hidden;
	clear: both;
	margin-top: 175px;
	*margin-top: 105px;
	margin-left: 312px;
	padding-right: 20px;
	padding-bottom: 18px;
}
.index-page .btn-container{
	overflow:hidden;
	clear:both;
	margin-left: 132px;
}
.index-page .action-btn{
	float:left;
}
.index-page .mwms-btn{
	background:url(../images/index-btn-bg-yellow.png) no-repeat 0 0;
	color:#4F81BD;
	width:161px;
	margin-right:16px;
}
.index-page .mwms-btn:hover{
	background:url(../images/index-btn-bg-yellow-over.png) no-repeat 0 0;
}
.index-page .mims-btn{
	background:url(../images/index-btn-bg-darkyellow.png) no-repeat 0 0;
	color:#361912;
	width:161px;
	margin-right:16px;
}
.index-page .mims-btn:hover{
	background:url(../images/index-btn-bg-darkyellow-over.png) no-repeat 0 0;
}

.index-page .reg-btn{
	background:url(../images/index-btn-bg-grey.png) no-repeat 0 0;
	color:#fff;
	width:161px;
	margin-right:16px;
}
.index-page .reg-btn:hover{
	background:url(../images/index-btn-bg-grey-over.png) no-repeat 0 0;
}
.index-page .login-btn,.index-page .search-btn{
	background:url(../images/index-btn-bg-orange.png) no-repeat 0 0;
	color:#fff;
	width:161px;
	margin-right:0;
}
.index-page .login-btn:hover,.index-page .search-btn:hover{
	background:url(../images/index-btn-bg-orange-over.png) no-repeat 0 0;
}
.index-page .search-btn{
	margin-right:96px;
}

.index-page .info-container{
	width: 934px;
	overflow:hidden;
	clear:both;
	margin-left:54px;
}
.index-page .info-container .left-col{
	float:left;
	width:554px;
}
.index-page .info-container .right-col{
	float:left;
	width:286px;
	background:url(../images/index-shadow.png) no-repeat 0 0;
	padding-left:22px;
	margin-left:36px;
}
.index-page .info-container .right-col h3{
	color:#2a97b2;
	font-size:23px;
	font-weight: normal;
	line-height:25px;
}
.index-page .info-container .right-col ul{
	font-size:1.0em;
	margin-top:14px;
}
.index-page .info-container .right-col ul .title{
	color:#58595b;
	font-weight:bold;
	margin-top:10px;
}
.index-page .info-container .right-col ul .txt{
	color:#808082;
	padding-left:8px;
	line-height:1.2em;
}

.index-page .help-title{
	width:458px;
	height:41px;
	background:url(../images/index-help-title.png) no-repeat 0 0;
	text-indent: -9999px; /*hide the text*/
}
.index-page .help-info{
	color:#58595b;
	font-size:14px;
}
.index-page .help-container{
	overflow:hidden;
	clear:both;
	margin-top:20px;
}
.index-page .help-container .inner{
	float:left;
}
.index-page .help-container .help-detail{
	width:326px;
	height:113px;
	background:url(../images/index-info-bg.png) no-repeat 0 0;
	padding:5px;
}
.index-page .help-container .txt-notice{
	color:#ef6522;
	font-size:1.0em;
	line-height:16px;
	min-height:43px;
	padding-left:50px;
	margin:20px 10px 0;
	vertical-align:central;
	background:url(../images/maintenance_icon.png) no-repeat 0 0;
}
.index-page .help-container .help-detail .more-btn{
	margin-right:15px;
}

.index-page .help-container .help-flow{
	width:191px;
	height:138px;
	background:url(../images/index-flow.png) no-repeat 0 0;
	margin-left:24px;
}
.error {
	color:#FF0000;
	/*font-size:12px;*/
	font-size:1.0em;
}

small
{
    font-size: 10px;
	color:#FF0000;

} 
small #errornote{
    font-size: 10px;
	color:#FF0000;
}

/* account activate */
.activate-page #container-main {
	background:none;
}
.activate-page #header .logo {
	width: 542px;
	height: 80px;
	background: url(../images/logo-activate.png) no-repeat 0 0;
	text-indent: -9999px; /*hide the text*/
}
#activate-main {
	width: 1000px;
	height: 400px;
	background: url(../images/bg-activate.png) no-repeat 0 0;
	margin-top:114px;
	margin-bottom:138px;
	overflow:hidden;
}
#activate-container{
	width:314px;
	height:314px;
	margin-top:45px;
	margin-left:343px;
	overflow:hidden;
}

#activate-container .caption{
	background:url(../images/caption-activate.png) no-repeat 0 0;
	width: 281px;
	height: 42px;
	margin: 19px auto 25px;
	text-indent: -9999px; /*hide the text*/
}
#activate-container .input-form{
	width:100%;
	padding:16px 22px;
}
#activate-container .input-form input{
	width:272px;
	margin-bottom:6px;
}
#activate-container .input-form .title{
	/*font-size:14px;*/
	font-size:1.1em;
	font-weight:bold;
	color:#58595b;
}
#activate-container .active-btn {
	background: url(../images/bg-reg-btn.png) no-repeat 0 0;
	color: #fff;
	width: 141px;
	margin-right:16px;
}
#activate-container .active-btn:hover {
	background: url(../images/bg-reg-btn-over.png) no-repeat 0 0;
}

/*login*/
.login-page #container-main{
	background:none;
}
.login-page #header .logo {
	width: 421px;
	height: 40px;
	background: url(../images/logo-index.gif) no-repeat 0 0;
	margin-top:40px;
	cursor:pointer;
	text-indent: -9999px; /*hide the text*/
}
#login-main{
	/*overflow:hidden;*/
	clear:both;
	background: url(../images/bg-login.png) no-repeat 0 0;
	width:1000px;
	height:357px;
	margin-top:100px;
	margin-bottom:170px;
}
#login-main .wrapper{
	margin-left:378px;
	width:335px;
	color:#fff;
	padding-top:1px;
}
#login-main .caption{
	background: url(../images/caption-login.png) no-repeat 0 0;
	width:230px;
	height:73px;
	margin-top:14px;
	text-indent: -9999px; /*hide the text*/
}
#login-main .wrapper .title{
	margin-top:5px;
	/*font-size:16px;*/
	font-size:1.1em;
	line-height:26px;
}
#login-main .wrapper .err-msg{
	margin-top:6px;
	color: #ff6666;
	font-weight:bold;
	line-height:16px;
}

#login-main .wrapper input[type="text"]{
	width:280px;
	height:24px;
	line-height:24px;
}
#login-main .wrapper a{
	/*font-size:12px;*/
	font-size:1.1em;
	color:#ff9900;
}
#login-main .wrapper a:hover{
	color:#9de2f9;
}
#login-main .wrapper .login-row{
	margin-top:4px;
	margin-bottom:6px;
}
#login-main .wrapper .forgot-btn{
	font-weight:bold;
}


#login-main .iamsmart_wrapper .more {
	font-size: 12.2px;
	margin-left: 100px;
	text-decoration: underline;
	background-color: #FFFFFF;
}

#login-main .iamsmart_wrapper .iamsmart_light {
	margin-top: 20px;
	margin-left: 45px;
	background-color: #FFFFFF border: 1px solid #2b7366;
	color: #2b7366;
	padding: 6.375px 8.75px 4.375px 8.75px;
	cursor: pointer;
	outline: none;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Noto Sans SC', Arial, Helvetica, sans-serif;
}

#login-main .iamsmart_wrapper .iamSmart_buttontext {
	font-size: 14.2px;
	padding-left: 8.75px;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	text-overflow: ellipsis;
}


#login-main .wrapper .login-btn{
	background:url(../images/bg-reg-submit-btn.png) no-repeat 0 0;
	color:#fff;
	width:100px;
	height:30px;
	float:none;
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	margin-right:5px;
}
#login-main .wrapper .login-btn:hover{
	background:url(../images/bg-reg-submit-btn-over.png) no-repeat 0 0;
	color:#fff;
}

#login-main .wrapper .help{
	/*font-size:12px;*/
	font-size:0.9em;
	line-height:18px;
}
#login-main .wrapper .help a{
	font-weight:bold;
}
/*welcome*/
.welcome-page #container-main{
	background:none;
}
.welcome-page #header .logo {
	width: 570px;
	height: 43px;
	background: url(../images/logo-welcome.gif) no-repeat 0 0;
	margin-top:40px;
	cursor:pointer;
	text-indent: -9999px; /*hide the text*/
}
#welcome-main{
	overflow:hidden;
	clear:both;
	background: url(../images/bg-welcome.png) no-repeat 0 0;
	width:1000px;
	height:490px;
	margin-top:50px;
	margin-bottom:80px;
}
#welcome-main .link-container{
	width:356px;
	height:36px;
	margin-top:450px;
	margin-left:645px;
	text-align:center;
}
#welcome-main .link-container a{
	font:Verdana, Geneva, sans-serif;
	font-size:21px;
	line-height:36px;
	/*font-weight:bold;*/
	color:#80b0cb;
	margin-left:37px;
	text-decoration:none;
}
#welcome-main .link-container a:hover{
	color:#fff;
}

#welcome-main .link-container-all{
	width:356px;
	height:36px;
	margin-top:450px;
	margin-left:645px;
}
#welcome-main .link-container-all a{
	font:Verdana, Geneva, sans-serif;
	font-size:21px;
	line-height:36px;
	/*font-weight:bold;*/
	color:#80b0cb;
	margin-left:37px;
	text-decoration:none;
}
#welcome-main .link-container-all a:hover{
	color:#fff;
}

a:focus { outline: thin dotted #666666;}

:focus {
outline: none;
-moz-outline-style: none;
}
*:focus {
outline: none;
-moz-outline-style: none;
}
a#errornote {
	color:#ff0000;
}
#complete-main .login-btn{
	background:url(../images/index-btn-bg-orange.png) no-repeat 0 0;
	color:#fff;
	width:161px;
	margin-right:0;
	float:left;
}
#complete-main .login-btn:hover{
	background:url(../images/index-btn-bg-orange-over.png) no-repeat 0 0;
}

.index-page .no-icon-none{
	width:11px;
	height: 10px;
	display:inline-block;
	margin-left:3px;
	*padding-top:2px;
}

.address-warning {
	color:#8a6d3b;
	background-color:#fcf8e3;
	padding:15px;
	border:1px solid;
	border-color:#faebcc
}

a.welcomeEnter{
	font:Verdana, Geneva, sans-serif;
	font-size:21px;
	line-height:36px;
	/*font-weight:bold;*/
	color:#80b0cb;
	margin-left:37px;
	text-decoration:none;
	text-align:center;
}
a.welcomeEnter:hover{
	color:#fff;
}

.linkupMessage {
	padding-top: 25px;
	padding-bottom: 5px;
	color:#fff;
	font-size: 16px;
	font-weight:bold;
}
.btn-container-1{
    margin-top: -30px;
    padding-bottom: 40px;
    margin-left: 310px;
}