:root {
            --main-color: #0071D9;
            --main-color-hv: #0063b9;
            }
			body {
				background: #f4f4f4;
			}
           
			.has-promo-bar {
				padding-top: 105px !important;
			}

			#header {
				width: 100%;
				background-color: #fff;
				border-bottom: 1px solid #e5e5e5;
			}

			.main-box {
				padding-right: 35px;
				padding-left: 35px;
				padding-top: 35px;
			}

			#header .logo {
				/* margin-right: 15px; */
				width: 8%;
			}
            .main-content{
				display: flex;
				height: 100vh;
				bottom: 0;
				    left: 0;
				    position: fixed;
				    right: 0;
				    top: 0;
				    z-index: 1000;
			}
            .f-box{
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				background-color: rgb(0, 68, 178);
			}
			.f-box .pic{
				width: 60%;
			}
			.r-box{
				max-width: 600px;
				 overflow-y: scroll;
				background-color: #ffffff;
			}
           .reg-container{
			      padding: 4.5rem;
		   }
            .reg-logo{
				width: 45%;
			}
        .reg-tit{
			margin-top: 1rem;
			font-size: 3rem;
			font-weight: bold;
		}
   
   
   .lieb{
	  /* border-bottom: 1px solid #e5e5e5; */
	   padding-bottom: 1rem;
	   margin-bottom: 1rem;
   }
   
   .ct-flex {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
   }
   
			.white-bg {
				background-color: #fff;
				border-radius: 20px;
			}

			.t-fixed {
				top: 0;
				right: 0;
				left: 0;
				z-index: 888;
				position: fixed;
			}

			#header .top-header {
				height: 84px;
				display: flex;
				align-items: center;
			}
			.video-img {
			    max-width: 300px;
			}
     .coot{
		 display: flex;
		 justify-content: center;
		 flex-direction: column;
	 }
			#footer {
				margin-top: 0.9375rem;
			    text-align: center;
			    padding: 1rem;
			   /* background: #0a2347; */
			    line-height: 30px;
			    font-size: 1rem;
			    /* color: #ffffff; */
			}
			.btn-primary{
				font-weight: bold;
			}
			.privacy-policy{
				font-weight: bold;	
				color: #000;
			}
			.tit {
				font-size: 1.8rem;
				text-align: center;
				padding-top: 2rem;
				color: #0A2347;
				margin-bottom: 2.875rem;
				font-weight: bold;
				line-height: 30px;
			}
			.tit1 {
				font-size: 0.9rem;
				text-align: center;
				/* padding-top: 2rem; */
				color: #0A2347;
				margin-bottom: 0.875rem;
				font-weight: bold;
				line-height: 30px;
			}

			.submit {
				padding-top: 3.125rem;
				padding-bottom: 3.125rem;
				margin-top: 1.875rem;
				border-top: 1px solid #ced4da;
			}


			.font-red {
				color: #ee3134;
			}

			.under-info {
				display: flex;
				justify-content: center;
				padding-bottom: 50px;
			}

           .bo-inf{
			   padding: 20px 0;
			   background-color: #01468f;
		   }



			@media screen and (min-width:992px) {
					
				.coot .btn{
					width: 35%;
				}
				.container {
					width: 970px;
				}

				.submit {
					display: flex;
					justify-content: center;
				}

				.submit .btn-primary {
					width: 500px;

				}

			}

			@media screen and (min-width:768px) and (max-width: 992px) {
				.tit1{
					margin-top: 1rem;
				}
				.main-content{
					flex-direction: column;
				}
			.f-box{
				display: none;
			}
			.r-box{
				max-width: 100%;
			}
			.reg-logo {
			    width: 30%;
			}
				.main-box {
					padding-right: 35px;
					padding-left: 35px;
				}

				.submit .btn-primary {
					display: block;
					width: 100%;
				}

				.top-header {
					justify-content: center;
				}
			
			}

			@media screen and (max-width:767px) {
				.tit1{
					margin-top: 1rem;
				}
				.main-content{
					flex-direction: column;
				}
				.f-box{
					display: none;
				}
				.r-box{
					max-width: 100%;
				}
				.reg-container{
				padding: 1.5rem;	
				}
				.tit{
					
				}
				/* .container{
				    width: auto;
				} */
				.under-info {
				    padding-bottom: 19px;
				}
				#header .logo {
					width: 13%;
				}
				.main-box {
					padding-right: 0;
					padding-left: 0;
				}

				/* .container {
					margin-right: 15px;
					margin-left: 15px;
				} */

				.submit .btn-primary {
					display: block;
					width: 100%;
				}

				.top-header {
					justify-content: center;
				}
			}