@charset "utf-8";
/* CSS Document */
html, body {
 margin: 0;
 padding: 0;
 height: 100%;
 /*font-family: Arial, sans-serif;*/
 font-size: 12px;
 color: #333333;
 font-family: Helvetica, Arial, sans-serif
}
h1, h2, h3, p, input, div, ul, li {
 margin: 0;
 padding: 0;
 font-family: Helvetica, Arial, sans-serif
}
a {
 color: #333333;
 text-decoration: underline;
}
sup {
 font-size: 0.5em;
}
.clear{*zoom:1;}
.clear:after{ height:0; content:""; clear:both; display:block; visibility:hidden;}
body {
 background:#0c4da2;
 }
input:focus {
 outline:none;
 border:none;
 }
ul, li {
 list-style:none;
 }
.header {
 text-align:center;
 height:51px;
 padding-top:94px;
 }
.logo {
 position:relative;
 text-align:center;
 }

.content {
 max-width:1200px;
 margin:0 auto;
 }

.form {
 padding:100px 5% 250px 5%;
 color: #00001;
 min-height:800px;
 }
.form h1, .form h2{
 font-weight:normal;
}
.form h1 {
 font-size:43px;
 line-height:43px;
 padding-bottom:20px;
 color:#0c4da2;
 font-weight:bold;
 }
.form h2 {
 font-size:16px;
 line-height:26px;
 padding-top:30px;
 padding-bottom:45px;
 color:#333232;
 }
.form h2 a {
 color:#0093d0;
 text-decoration:underline;
 }
.logoListWrap {
 border-top:1px solid #efefef;
 }

.form ul li p {
 height:88px;
 display:block;
 }
.form ul li.noLine {
 background:none;
 }
.form ul li .checkAll {
 font-size:12px;
 line-height:17px;
 color:#000;
 vertical-align:middle;
 }
.form ul li .checkAll span {
 display:block;
 padding:20px 0 0 0;
 }
.form label {
 display:block;
 font-size:15px;
 line-height:23px;
 color:#000;
 }
.form label img {
 display:inline-block;
 }
.form label input {
 margin-right:3px;
 }
.signUpBtn {
 padding-top:35px;
 }
.signUpBtn input {
 float:left;
 font-size:16px;
 }

.signUpBtn input.ClearBtn {
 width:136px;
 height:38px;
 border:2px solid #00adce;
 border-radius:5px;
 color:#00adce;
 margin-left:18px;
 background-color:#fff;
 }
.signUpBtn input.ClearBtn:hover {
 font-weight:bold;
 }
.error {
 height:20px;
 color:#ff0000;
 font-size:12px;
 padding-top:15px;
 font-weight:bold;
 }
.error span {
 display:none;
 }
.footer {
 line-height:12px;
 color:#fff;
 text-align:center;
 padding:20px 0 50px 0;
 }
.footer .content {
 text-align:center;
 font-size:12px;
 }
.footerLinks {
 text-align:center;
 }
.footerLinks a{
 display:inline-block;
 text-decoration:underline;
 font-size:12px;
 line-height:18px;
 color:#ffffff;
 margin:0 4px;
 padding-bottom:15px;
 }
.mask {
    position: fixed;
    background-color: rgba(12,77,162, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 9999;
    overflow-y:auto;
 }
.displyFlex {
 display: -webkit-flexbox !important;
 display: -ms-flexbox !important;
 display: -webkit-flex !important;
 display: flex !important;
 -webkit-flex-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
 }
#thankYou, #thankYou_2, #thankYou_3 {
 width:350px;
 background:#fff;
 border-radius:5px;
 margin:0 auto;
 padding:30px;
 text-align:center;
 -webkit-box-shadow: 0 0 10px #0c4da2;  
 -moz-box-shadow: 0 0 10px #0c4da2;  
 box-shadow: 0 0 10px #0c4da2;
 display:none; 
 }
#thankYou p, #thankYou_2 p, #thankYou_3 p {
 font-size:14px;
 line-height:20px;
 color:#010000;
 text-align:left;
 }
#thankYou p.title, #thankYou_2 p.title, #thankYou_3 p.title {
 font-size:18px;
 line-height:28px;
 }
#backBtn, #Unsubscribe, #Remain{
 display:inline-block;
 height: 38px;
 line-height:38px;
 text-decoration:none;
 font-size:15px;
 margin-right:0;
 font-weight:bold;
 float:none;
 }

#thankYou_3 {
 position:relative;
 }
#thankYou_3 .backx {
 display:block;
 z-index: 1000;
 position: absolute;
 top: 10px;
 right: 10px;
 padding: 0;
 margin: 0;
 color: #B7B7B7;
 min-width: 30px;
 font-size: 24px !important;
 text-decoration:none !important;
 border: 1px solid #B7B7B7;
  }



@media only screen and (max-width : 1190px), only screen and (max-device-width : 1190px){
.header {
 padding-top:50px;
 }

.form {
 padding-top:80px;
 }
.form ul li {
 width:33.33%;
 } 
.form ul li.noLine_3 {
 background:none;
 }
.form ul li .checkAll span {
 padding:15px 10px 0 15px;
 
 }

}

@media only screen and (max-width : 670px), only screen and (max-device-width : 670px){
.hideBr {
 display:none;
 }
}
@media only screen and (max-width : 500px), only screen and (max-device-width : 500px){
.form ul li .checkAll span {
 padding:10px 5px 0 5px;
 line-height:14px;
 }
#thankYou, #thankYou_2, #thankYou_3 {
 width:90%;
 margin:0 5%;
 } 
}

@media only screen and (max-width : 410px), only screen and (max-device-width : 410px){
.form ul li {
 width:50%;
 }


.form ul li.noLine_2 {
 background:none;
 }
#Unsubscribe, #Remain {
 width:45%;
 background-size:100% 38px;
 font-size:13px;
 }

}

@media only screen and (max-width : 350px), only screen and (max-device-width : 350px){
.signUpBtn input.ClearBtn {
 margin-left:8px;
 }
}