/* Main */
.crumb{width: 960px;margin: 0 auto; color:#333333; font-size:14px; margin-top:15px;margin-bottom:10px}
.crumb img{ margin-right:6px}

.support-center{width: 960px;margin: 0 auto; margin-bottom:10px; margin-top:20px;}

.buttonn {  display: inline-block;  margin: 0;  padding: 7px 14px;  border: 1px solid transparent;  border-radius: 2px;  color: #ffffff;  vertical-align: middle;  text-align: center;  font-weight: bold;  font-size: 13px;  font-family: Arial, "Lucida Grande", sans-serif;  line-height: 1.5384615384615385;  cursor: pointer;  outline: none;  background-color: #434a54;  border-color: #434a54;  -webkit-transition: all 0.15s ease-in-out;  -moz-transition: all 0.15s ease-in-out;  -o-transition: all 0.15s ease-in-out;  transition: all 0.15s ease-in-out;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.buttonn.is-primary {  background-color: #3399ff;  border-color: #3399ff; color:#ffffff;}
.buttonn.is-primary:hover,.buttonn.is-primary:focus {  background-color: #66c1e2;  border-color: #66c1e2;  text-decoration:none;}

/* Main-left */
.support-center .left-menu{width:24%; float:left;}
.left-menu .menu-title{ background-color:#3399ff; color:#FFFFFF; font-size:24px; text-align:center; padding-bottom:8px;padding-top:8px;border-right: solid 2px #3399ff; width:100%; font-weight:bold}
.left-menu .menu-wrap{color: #3399ff;width:100%;float: left;line-height:1em; font-size:16px;border: solid 1px  #E7E7E7;border-right:none;border-bottom:none; background-color:#f9f9f9; }
.menu-wrap .menu1{ width:100%;  border-bottom: solid 1px  #E7E7E7;}
.menu1 .text{display:inline-block; background: url(../images/about-us-icon.png) no-repeat 12px center; padding:10px 0px 10px 47px;width: 100%; }
.menu1 .text:hover{ background:#FFFFFF url(../images/about-us-icon-hover.png) no-repeat 12px center;text-decoration:none; padding:10px 0px 10px 47px;width: 100%;}
.menu1 .text:active{ background:#FFFFFF url(../images/about-us-icon-hover.png) no-repeat 12px center;text-decoration:none; padding:10px 0px 10px 47px;width: 100%;}
.menu-wrap .menu2{ width:100%;  border-bottom: solid 1px  #E7E7E7;}
.menu2 .text{display:inline-block; background: url(../images/faq-icon.png) no-repeat 12px center; padding:10px 0px 10px 47px; }
.menu2 .text:hover{ background:#FFFFFF url(../images/faq-icon-hover.png) no-repeat 12px center;text-decoration:none; padding:10px 0px 10px 47px;}
 .menu-wrap .menu3{ width:100%;  border-bottom: solid 1px  #E7E7E7;}
.menu3 .text{display:inline-block; background: url(../images/contact-us-icon.png) no-repeat 12px center; padding:10px 0px 10px 47px;}
.menu3 .text:hover{ background:#FFFFFF url(../images/contact-us-icon-hover.png) no-repeat 12px center;text-decoration:none; padding:10px 0px 10px 47px;}
.menu-wrap .menu4{ width:100%;  border-bottom: solid 1px  #E7E7E7;}
.menu4 .text{display:inline-block; background: url(../images/license-icon.png) no-repeat 12px center; padding:10px 0px 10px 47px;}
.menu4 .text:hover{ background:#FFFFFF url(../images/license-icon-hover.png) no-repeat 12px center;text-decoration:none; padding:10px 0px 10px 47px;}
.menu-wrap .menu5{ width:100%;  border-bottom: solid 1px  #E7E7E7;}
.menu5 .text{display:inline-block; background: url(../images/upgrade-icon.png) no-repeat 12px center; padding:10px 0px 10px 47px;}
.menu5 .text:hover{ background:#FFFFFF url(../images/upgrade-icon-hover.png) no-repeat 12px center;text-decoration:none; padding:10px 0px 10px 47px;}
.menu-wrap .menu6{ width:100%;  border-bottom: solid 1px  #E7E7E7;}
.menu-wrap .menu7{ width:100%;  border-bottom: solid 1px  #E7E7E7;}
.menu7 .text{display:inline-block; background: url(../images/feedback-icon.png) no-repeat 12px center; padding:10px 0px 10px 47px;}
.menu7 .text:hover{ background:#FFFFFF url(../images/feedback-icon-hover.png) no-repeat 12px center;text-decoration:none; padding:10px 0px 10px 47px;}
.menu-wrap .menu8{ width:100%;  border-bottom: solid 1px  #E7E7E7;}
.menu8 .text{display:inline-block; background: url(../images/privacy-icon.png) no-repeat 12px center; padding:10px 0px 10px 47px;}
.menu8 .text:hover{ background:#FFFFFF url(../images/privacy-icon-hover.png) no-repeat 12px center;text-decoration:none; padding:10px 0px 10px 47px;}
.menu-wrap .menu9{ width:100%;  border-bottom: solid 1px  #E7E7E7;}
.menu9 .text{display:inline-block; background: url(../images/link-icon.png) no-repeat 12px center; padding:10px 0px 10px 47px;}
.menu9 .text:hover{ background:#FFFFFF url(../images/link-icon-hover.png) no-repeat 12px center;text-decoration:none; padding:10px 0px 10px 47px;width: 100%;}
.menu-wrap .menu10{ width:100%;  border-bottom: solid 1px  #E7E7E7;}
.menu10 .text{display:inline-block; background: url(../images/code-icon.png) no-repeat 12px center; padding:10px 0px 10px 47px;}
.menu10 .text:hover{ background:#FFFFFF url(../images/code-icon-hover.png) no-repeat 12px center;text-decoration:none; padding:10px 0px 10px 47px;width: 100%;}


/* Main-right */
.support-center .right-main{width:75%;float:left;border:solid 1px #E7E7E7;margin-left:2px;padding-bottom:50px;margin-top: 1px;margin-bottom: 40px;}
.right-main .main-wrap{margin:20px 20px 20px 20px;}
.right-main .main-wrap h2{font-size:24px; color:#666666; border-bottom: 1px dashed #ccc;padding-bottom:10px}
.right-main .main-wrap h3{color:#3399ff;font-size:20px;border-left:solid 4px #3399ff;border-right:solid 4px #3399ff;border-top:solid 1px #AEBAC2;border-bottom:solid 1px #AEBAC2;padding-bottom:5px;padding-left:10px;margin:20px 0px 20px 0px;}
.main-wrap h3 a{color:#3399ff; text-decoration:none}
.main-wrap h5{font-size:18px;color:#666666;margin:10px 0px 10px 0px;}
.main-wrap h4{font-size:20px;color:#3399ff;margin:20px 0px 15px 0px}
.main-wrap .tip{border:solid 1px #E7E7E7;background-color:#f9f9f9;border-radius:5px;margin-top:20px;}
.main-wrap .tip ul{ padding:15px 0px 15px 30px}
.main-wrap .tip ul li{ font-size:15px;color:#666666; list-style-image:url(../images/point.png);line-height:25px }
.main-wrap .tip ul li a{}
.main-wrap p{font-size:15px;color:#666666;margin:10px 0px 10px 0px}
.main-wrap p a{  color:#3399ff; text-decoration:none; margin-right:10px}
.main-wrap p a:hover{text-decoration:underline}
.main-wrap .intro{ margin-top:20px}
.main-wrap .no{border-radius: 5px;border: solid 2px #3399ff;padding:0px 6px 0px 6px;color:#3399ff;font-size:16px; font-weight:bold; margin-right:5px}
.main-wrap .pic{text-align:center; margin-bottom:20px;margin-top:20px}
.intro .describe{width:55%;font-size:15px;color:#666666;float: left;}
.intro .right-pic{width:30%;float: left;}
.main-wrap .back-top{float:right;font-size:14px;background:url(../images/back-top.png) 7px center no-repeat;
padding-left: 33px;padding-top: 2px;}
.main-wrap .back-top a{color:#3399ff;}
.main-wrap .back-top a:hover{color:#3399ff;}
table.dvsTable td{border-bottom:solid 1px #e1e1e1;	border-right:solid 1px #e1e1e1;padding:4px;color: #666666;font-size:15px}
table.dvsTable td a{color: #3399ff;}
table.dvsTable{ border:solid 1px #e1e1e1; border-bottom:none; border-right:none; width:100%}
table.dvsTable .tdbg{ background-color:#e1e1e1;}

/* Retrieve Code Side Bar */
.FindRegRight {background: #f9f9f9;border-left: solid 1px #E4E4E5;width: 210px;clear: both;border-bottom: solid 1px #E4E4E5;padding: 10px;}
.FindRegRight h2{font-size:1.03em;}
.FindRegRight h3{font-size:0.9em;}
.FindRegRight p{font-size:12px;}
.FindRegRight input {height: 15px;border: solid 1px #999999;float: left;margin-right: -4px;width: 120px;padding: 4px;}
.Submit{ background-image:url(images/submit-side.png); width:90px; height:30px; border:0px; margin:0px; padding:0px;display:block; font-size:16px; color:#FFFFFF; cursor:hand; margin-left:0px; }
a.Submit{ padding-left: 10px;padding-top: 1px;width: 65px;height: 24px;text-decoration: none;color: white;float: left;}

.support-center .right-main .main-wrap li { line-height: 25px; }

@media screen and (max-width: 979px) {
.crumb{width:80%;margin: 0 auto; margin-top:15px;margin-bottom:10px}
}
@media screen and (max-width: 767px) {
.crumb{width:460px;margin: 0 auto; margin-top:15px;margin-bottom:10px}
}

@media screen and (max-width: 479px) {
.crumb{width:308px;margin: 0 auto; margin-top:15px;margin-bottom:10px}
}


@media screen and (max-width: 979px) {
.support-center{ width:80%;margin: 0 auto; }
.menu-wrap .menu4 .text:hover{ width:auto }
.menu-wrap .menu5 .text:hover{ width:auto }
.menu-wrap .menu10 .text:hover{ width:auto }
.support-center .right-main p{ width:95%}
.main-wrap .intro .right-pic{width:46%;}
.main-wrap .intro .right-pic img{width:100%;}
.main-wrap .pic{ width:100%}
.main-wrap .pic img{ width:100%}
table.dvsTable{width:100%}
table.dvsTable td{ font-size:14px}
.FindRegRight{display:none}
.support-center .right-main .main-wrap p img {width: 420px; }
.left-menu .menu-title { font-size: 18px; font-weight: normal; padding: 10px 0px 10px 0px; }
.right-main .main-wrap h2 { font-size: 20px; }
.right-main .main-wrap h3 { font-weight: normal; font-size:18px;}

.menu1 .text{width:auto }
.menu-wrap .menu3 .text:hover{ width:auto }
.menu-wrap .menu7 .text{width:auto}
.menu-wrap .menu8 .text:hover{ width:auto }
.support-center .right-main{ width:72%}
.support-center .right-main p{width:100%}
.main-wrap .intro .describe{ width:100%}
.main-wrap .intro .right-pic{width:100%}
.main-wrap .intro .right-pic img{width:100%}
.main-wrap .pic{ width:100%}
.main-wrap .pic img{ width:100%}
table.dvsTable{ display:none}
}
@media screen and (max-width: 767px) {
.support-center{ width:460px;margin: 0 auto; }
.left-menu {display: none;}
.support-center .right-main {width: 100%; }
.support-center .right-main .main-wrap p img {width: 330px; }
}
@media screen and (max-width: 479px) {
.support-center{ width:308px;margin: 0 auto; }
.support-center .left-menu h2{ font-size:18px }
.left-menu .menu-title{font-size:20px;}
.menu-wrap .menu1 .text{ width:100%}
.menu-wrap .menu1 .text{background: url(../images/about-us-icon.png) no-repeat 22px 4px; padding:30px 0px 10px 18px; }
.menu-wrap .menu1 .text:hover{ background:#FFFFFF url(../images/about-us-icon-hover.png) no-repeat 22px 4px;padding:30px 0px 10px 18px;}
.menu-wrap .menu2 .text{background: url(../images/faq-icon.png) no-repeat 22px 4px; padding:30px 0px 10px 18px; }
.menu-wrap .menu2 .text:hover{ background:#FFFFFF url(../images/faq-icon-hover.png) no-repeat 22px 4px;padding:30px 0px 10px 18px;}
.menu-wrap .menu3 .text{ background: url(../images/contact-us-icon.png) no-repeat 22px 4px; padding:30px 0px 10px 13px;}
.menu-wrap .menu3 .text:hover{ background:#FFFFFF url(../images/contact-us-icon-hover.png) no-repeat 22px 4px;padding:30px 0px 10px 13px;}
.menu-wrap .menu4 .text{ background: url(../images/license-icon.png) no-repeat 22px 4px; padding:30px 0px 10px 7px;}
.menu-wrap .menu4 .text:hover{ background:#FFFFFF url(../images/license-icon-hover.png) no-repeat 22px 4px;padding:30px 0px 10px 7px;}
.menu-wrap .menu5 .text{ background: url(../images/upgrade-icon.png) no-repeat 22px 4px; padding:30px 0px 10px 13px;}
.menu-wrap .menu5 .text:hover{ background:#FFFFFF url(../images/upgrade-icon-hover.png) no-repeat 22px 4px;padding:30px 0px 10px 13px;}
.menu-wrap .menu7 .text{ background: url(../images/feedback-icon.png) no-repeat 22px 4px; padding:30px 0px 10px 7px;}
.menu-wrap .menu7 .text:hover{ background:#FFFFFF url(../images/feedback-icon-hover.png) no-repeat 22px 4px;padding:30px 0px 10px 7px;}
.menu-wrap .menu8 .text{ background: url(../images/privacy-icon.png) no-repeat 22px 4px; padding:30px 0px 10px 13px;}
.menu-wrap .menu8 .text:hover{ background:#FFFFFF url(../images/privacy-icon-hover.png) no-repeat 22px 4px;padding:30px 0px 10px 13px;}
.menu-wrap .menu9 .text{ background: url(../images/link-icon.png) no-repeat 22px 4px; padding:30px 0px 10px 13px;}
.menu-wrap .menu9 .text:hover{ background:#FFFFFF url(../images/link-icon-hover.png) no-repeat 22px 4px;padding:30px 0px 10px 13px;}
.menu-wrap .menu10 .text{ background: url(../images/code-icon.png) no-repeat 22px 4px; padding:30px 0px 10px 7px;}
.menu-wrap .menu10 .text:hover{ background:#FFFFFF url(../images/code-icon-hover.png) no-repeat 22px 4px;padding:30px 0px 10px 7px;}
.support-center .right-main .main-wrap{margin:20px 10px 20px 10px;}

.support-center .right-main .main-wrap p img {width: 280px; }
}