body {
            	background: #f2f2f2;
            }

            :root {
            	--main-color: #00249C;
            	--main-color-hv: #00218d;
            }

            .has-promo-bar {
            	padding-top: 5px !important;
            }

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

            .main-box {
            	padding: 2.1875rem;

            }

            #header .logo {
            	/* margin-right: 15px; */
            	max-width: 40%;
            }

            .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;
            }

            .top-logo {
            	/* padding-top: 1.625rem; */
            	display: flex;
            	align-items: center;
            	justify-content: space-between;
            	/* margin-bottom: 30px;
            	padding-bottom: 20px; */
            	background-color: #ffffff;
				padding: 2rem 2.5rem;
            	   border-bottom: 1px solid #e5e5e5;
            }

            
            #footer {
            	text-align: center;
            	padding: 20px 15px;
            	line-height: 30px;
            	font-size: 14px;
            }

            .tit {
            	font-size: 1.5rem;
            	text-align: center;
            	/* background-color: #000; */
            	color: #003399;
            	margin-bottom: 1.875rem;
				/* border: 1px solid #003399; */
            	font-weight: bold;
            	line-height: 30px;
            }

            .submit {
            	/* margin-bottom: 20px; */
            	/* border-top: solid #e5e5e5 1px; */
            	/* padding: 30px 0; */
            }
           .submit .submit-box{
			  margin-top: 20px;   
		   }
		   .footer1{
			 border-top: 2px solid #7f7f7f; 
			 background-color: #ffffff;
			 /* color: #fff; */
			 padding: 1rem 2rem;
			 
		   }
          .footer1 .miaosu{
			padding-top: 0.625rem;
			border-top: 1px dotted #686868; 
		 }
            .footer1 .gu-box {
            	text-align: center;
            	/* 	background-color: #00249C;  
				border-radius: 10px; */
            }
			
			.card-grid{
			padding-bottom: 1rem;	
			}
			.card-hd-l{
				display: inline-block;
			}
			
			.card-bd{
							padding-top: 0.5rem;
						}
			            .card-hd .card-hd-l h2,.subtit{
							font-weight: bold;
							font-size: 1rem;
			                color: #333;
			                line-height: 25px;
							/* padding-left: 10px;
			                border-style: solid;
			                border-left-width: 3px;
			                border-top-width: 0;
			                border-bottom-width: 0;
			                border-right-width: 0;
			                border-left-color: #0085D5; */
			            }

            .footer1 .gu-txt {
            	font-weight: bold;
            	text-align: center;
				white-space: nowrap;
            	color: #000;
            	font-size: 0.875rem;
				margin-top: 0.3125rem;
				/* margin-bottom: 0.625rem; */
            }

            .footer1 .tel-box {
            	display: flex;
            }

            .footer1 .tel-text p {
            	font-size: 0.875rem;
            	margin-bottom: 0.3125rem;
            }
			
            .font-red {
            	color: #ee3134;
            }

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


            .btn-primary {
            	border-radius: 50px;
            	background-color: #003399;
            	color: #fff;
            	border-color: transparent;
				font-weight: bold;
            }

            .btn-primary:hover {
            	color: #fff;
            	background-color: #002a7f;
            	border-color: transparent;
            }

            .btn-outline-primary {
            	color: #ee3134;
            	border-color: transparent;
            }

            .btn-outline-primary:hover {
            	color: #fff;
            	background-color: #ee3134;
            	border-color: transparent;
            }

            .btn-primary:focus,
            .btn-primary.focus,
            .btn-primary:active,
            .btn-primary:active:hover,
            .btn-primary.active {
            	color: #000;
            	background-color: #d3c30c;
            	border-color: transparent;
            }


.video-img{
		width: 60%;
		
	}


            @media screen and (min-width:992px) {
				.top-logo .top-logo-box {
					width: 40%;
				}
            	.container {
            		width: 750px;
            	}

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

            	.submit .btn-primary {
            		width: 20.25rem;

            	}

            }

            @media screen and (min-width:768px) and (max-width: 992px) {
                .top-logo .top-logo-box {
                	width: 40%;
                }
            	.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) {
				.video-img{
						width: 100%;
						
					}

            	.top-logo {
				   justify-content: center;
				}
			
				
            	.top-logo {
            		/* padding-bottom: 0.3125rem;
            		margin-bottom: 0.625rem; */
					padding: 1.5rem;
            	}

            	.top-logo .top-logo-box {
            		width: 70%;
            		/* margin-bottom: 0.625rem; */
            	}

            	.footer1 .tel-text p {
            		text-align: center;
            	}

            	.footer1 .gu-box {
            		/* margin-top: 30px; */
            		padding-top: 5px;
            		/* border-top: 1px dotted #686868; */
            	}
                .footer1 .col-md-auto{
				    padding-top: 0.625rem;
				    border-top: 1px dotted #686868;	
				}
            	.tit {
					/* background-color: #000; */
					color: #003399;
            		padding-top: 0;
            		font-size: 1.2rem;
            		margin-bottom: 0.875rem;
            	}

            	.submit {
            		margin-bottom: 0;
            	}

            	#header .logo {
            		max-width: 70%;
            	}

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

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

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

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