/*---------------
  banner
----------------*/

#banner{ background-color:#14a8a7; height: 220px; }
#banner-view{ width:1000px; margin:0 auto; color:#fff; font-size: 15px; }
#banner-view h1{ font-size:40px; padding:40px 0 15px 0; text-transform:uppercase; color:#f9f9f9; }

/*---------------
  content
----------------*/

#content-view{ width:1000px; margin:0px auto 40px auto; }
#help-nav{ white-space: nowrap; word-spacing: -4px; }
#help-nav a{ display: inline-block; width:165px; padding:60px 0 20px 0; border-bottom:1px solid #e8e8e8; text-align: center; color:#666666; font-size: 14px; }
#help-nav a:hover,
#help-nav #help-nav-focus{ border-bottom: 2px solid #0ba8ff; color:#0ba8ff; padding-bottom:18px !important; }
/*#help-nav-focus{ padding-bottom:17px !important; }*/

#help-nav p{ word-spacing: 0px; }

#help-nav-focus span, #help-nav a:hover span{ background-position-x:-32px;  }

.help-nav-icons{ display:inline-block; background-image: url(../images/help/nav-icons.png); width:32px; height: 32px; }
.faqs{ }
.feedback{ background-position: 0 -32px; }
.transfer{ background-position: 0 -64px; }
.resendcode{ background-position: 0 -96px; }
.renewlicense{ background-position: 0 -128px; }
.online_document{ background-position: 0 -160px; }


#help-content a{ color:#0ba8ff; }
#help-content dl{ line-height: 250%; display: inline-block; margin-right:60px; *display: inline; zoom:1; }
#help-content dt{ font-size: 20px; margin:30px 0 10px 0; }




#form{ font-size: 14px; }

  #result p{ display: none; padding:10px 0 10px 0; text-indent: 10px; background-color: #e6f6fb; }
  #result .error{ color:#e22323; background-color: #ffdfdf; }
  #result .ok{ color:#21c119; background-color: #e1ffdf; }

  #form table tr td{ padding:10px 0 10px 0; }

  #form input, #form select{ width:100%; height: 30px; text-indent: 5px; border:1px solid #c8c8c8; }
  #product{
    background:transparent; border:1px solid #c8c8c8; -webkit-appearance: none; background:transparent;
    background-image: url(../images/select_arow.png); background-repeat: no-repeat; background-position: 100% center; border-radius: 0;
  }
  #form .submit{ background-color: #1eb6ef; border:none !important; color:#fff; font-size: 18px; height: 40px; }
  #form .submit:hover{ background-color: #22c0fc; cursor: hand; cursor: pointer; }

  #form #captcha{ float:left; width:40%; margin-right:10px; }
  #help-content p{ font-size: 14px; margin:20px 0 20px 0;  }

  #captchaimg{ float:left; }
  #refresh-captcha{ float:left; margin:-2px 0 0 10px; font-size: 12px; }
  #refresh-captcha:hover{ text-decoration: underline; }


#help-content a{ color:#0ba8ff; }
#help-content dl{ margin-top:20px; line-height: 250%; width:100%; display: inline-block; *display: inline; zoom:1; vertical-align: top; }
#help-content dd{ float:left; width:44%; margin-right:60px; }

#faq-list ul{ display: none; }
#faq-list ul li{ list-style-type: disc; list-style-position: 0px; margin-left:20px;  }

.more-faq{ list-style-type: none !important; }
.more-faq a{ float:left; background-color: #0ba8ff; color:#fff !important; padding:0px 20px 0px 20px; }

.select{ width:60%; height: 30px; text-indent: 5px; border:1px solid #c8c8c8; margin:10px 0 10px 0; }

#euask{ float:right; width:300px; height: 330px; background-image: url(../images/help/euask.png); }
#euask:hover{ background-position: -300px 0; }