*{line-height:1 !important}
a:hover{text-decoration:none;text-shadow: 2px 2px 5px #2e3191;}
body{background:#e0f3fc;}
#header .header-body{background:#e0f3fc url('/Content/homepage/blueYellow01.jpg') no-repeat center center; background-size:100% 100%}
.logo1{padding:15px 0}

section.spot{background:#fff url('/Content/homepage/blueYellow02.jpg') no-repeat center center; background-size:100% 100%;border-bottom:2px solid #00aad5}
section.spot .spot-left{float:left;width:65%}
section.spot .spot-right{float:right;width:35%;text-align:center}
section.spot .spot-right .spotBtn{display:inline-block;width:101px;line-height:34px !important;text-align:center;background:url(../img/bg-spot-btn.png) no-repeat center center;background-size:100% 100%;font-size:16px;color:#fff;margin:15px 6px;}
section.spot .spot-right .spotLogo{margin:30px 0 20px}
section.spot .spot-right .spotBox{display:inline-block;background:#e1f4fd /*url(../img/bg-spot-box.png) no-repeat center center*/;background-size:100% 100%;width:100px;height:100px;overflow:hidden;border-radius:15px;margin:15px}
section.spot .spot-right .spotBox span{display:block;color:#1b0e54;font-size:24px;text-align:center}
section.spot .spot-right .spotBox span:first-child{font-size:58px;font-weight:900}
section.spot .spot-right .spotBox span:last-child{font-size:14px;}
section.spot .spot-right .spotText{font-size:24px;line-height:1.2 !important;color:#000}

section.rnow{background:transparent url('/Content/homepage/blueYellow03.jpg') no-repeat center center; background-size:100% 100%}
section.rnow .container{background:transparent url(/Content/homepage/bg-rnow.jpg) no-repeat 40vw 2vw}
section.rnow .rnow-left{float:left;width:65%}
section.rnow .rnow-left .t1{font-size:26px;color:#000;margin-top:90px}
section.rnow .rnow-left .t2{margin-top:40px}
section.rnow .rnow-left .t2 a{display:inline-block;font-size:34px;color:#2e3191;background:url(/Content/homepage/bg-rnow-btn.png) no-repeat center center;background-size:100% 100%;width:345px;line-height:74px !important;font-weight:bolder}
section.rnow .rnow-left .t3{font-size:42px;line-height:1.2 !important;color:#231f20;margin-top:40px}
section.rnow .rnow-right{float:right;width:35%;}
section.rnow .rnow-right .rnowBtnbox{width:276px;height:410px;margin:30px 0 20px;background:url(/Content/homepage/rnow-btnbox2.jpg) no-repeat top left;background-size:100% 100%;text-align:center}
section.rnow .rnow-right .rnowBtnbox .rnowTtl{font-size:22px;color:#fff;line-height: 1.2!important;padding: 15px 0;}
section.rnow .rnow-right .rnowBtnbox .rnowBtn{display:inline-block;background:#372c7b /*url(../img/bg-rnow-btn2.png) no-repeat top left*/;background-size:100% 100%;border-radius:10px;width:150px;height:47px;font-size:12px;color:#fff;margin-top:12px;line-height:1.2 !important;}
section.rnow .rnow-right .rnowBtnbox div:first-child .rnowBtn{margin-top:95px}
section.rnow .rnow-right .rnowBtnbox .rnowBtn span{display:block;font-size:22px;padding-top:5px}
section.rnow .rnow-right .rnowBtnbox .login{display:block;font-size:12px;padding-top:15px;color:#000;font-weight:bold}

section.about{background:transparent url('/Content/homepage/blueYellow04.jpg') no-repeat center center; background-size:100% 100%}
section.about .about-left{float:left;width:60%;padding:20px 0}
section.about .about-left p{font-size:22px;color:#000;text-align:justify;line-height:1.5 !important}
section.about .about-left p.ttl{font-size:34px}
section.about .about-right{float:right;width:40%;text-align:center;padding:30px 0}

section.events{background:transparent url('/Content/homepage/blueYellow05.jpg') no-repeat center center; background-size:100% 100%}
section.events .secTtl{font-size:44px;font-weight:bold;color:#2e3191;padding:20px 0}
section.events .table{display:table;border-collapse:separate;}
section.events .table .tr{display:table-row}
section.events .table .th{border:0px solid #2e3191;display:table-cell}
section.events .table .th .cap{background:#2e3191;color:#fff;font-size:16px;line-height:30px !important;border-radius:7px 7px 0 0;display:inline-block;width:250px}
section.events .table .td{border:1px solid #2e3191;border-width:1px 0 0 1px;display:table-cell;padding:10px;vertical-align:middle}
section.events .table .td.tl{border-radius:10px 0 0 0}
section.events .table .td.tr{border-radius:0 10px 0 0}
section.events .table .td.bl{border-radius:0 0 0 10px}
section.events .table .td.br{border-radius:0 0 10px 0}
section.events .table .td.bb{border-bottom-width:1px}
section.events .table .td.brw{border-right-width:1px}
section.events .table .td.rowT{font-size:16px;color:#000}
section.events .table .td.rowT span{font-size:20px}
section.events .table .td.rowBl{color:#2e3191}
section.events .table .td .eDate {display:inline-block;width:67px;height:61px;background:url(/Content/homepage/bg-date.png) no-repeat center center;background-size:100% 100%;color:#fff;font-size:16px;margin:0 7px;}
section.events .table .td .eDate-finish {display:inline-block;width:67px;height:61px;background:url(/Content/homepage/bg-date-finish.png) no-repeat center center;background-size:100% 100%;color:#fff;font-size:16px;margin:0 7px;}

section.events .table .td .eDate b{display:block;padding-top:20px;font-size:20px;}
section.events .table .td .eDate-finish b {display: block;padding-top: 20px;font-size: 20px;}

section.unique{background:transparent url('/Content/homepage/blueYellow06.jpg') no-repeat center center; background-size:100% 100%}
section.unique li{list-style:none}
section.unique .secTtl{font-size:44px;font-weight:bold;color:#2e3191;padding:20px 0}
section.unique .secTtl span{font-weight:normal}
section.unique .uniqueList{margin:0;padding:0;}
section.unique .uniqueList img{width:100%;margin-bottom:10px;border:3px solid #2e3191}
section.unique .uniqueList h5{font-size:22px;font-weight:bold;color:#231f20;text-transform:capitalize;}
section.unique .uniqueList p{font-size:22px;color:#231f20}

section.viap{background:transparent url('/Content/homepage/blueYellow07.jpg') no-repeat center center; background-size:100% 100%}
section.viap li{list-style:none}
section.viap .secTtl{font-size:44px;font-weight:bold;color:#2e3191;padding:20px 0}
section.viap .viapList{margin:0;padding:0}
section.viap .viapList img{width:100%;border-radius:50%;margin-bottom:10px;border:3px solid #2e3191}
section.viap .viapList h5{font-size:22px;font-weight:bold;color:#231f20;text-transform:capitalize;line-height:1.2 !important}
section.viap .viapList p{font-size:22px;color:#231f20;line-height:1.2 !important}

section.viap {
	background: transparent url('/Content/homepage/blueYellow07.jpg') no-repeat center center;
	background-size: 100% 100%
}

	section.viap li {
		list-style: none
	}

	section.viap .secTtl {
		font-size: 44px;
		font-weight: bold;
		color: #2e3191;
		padding: 20px 0
	}

	section.viap .viapList2 {
		margin: 0;
		padding: 0
	}

		section.viap .viapList2 img {
			width: 100%;
			border-radius: 50%;
			margin-bottom: 10px;
			border: 3px solid #2e3191
		}

		section.viap .viapList2 h5 {
			font-size: 22px;
			font-weight: bold;
			color: #231f20;
			text-transform: capitalize;
			line-height: 1.2 !important
		}

		section.viap .viapList2 p {
			font-size: 22px;
			color: #231f20;
			line-height: 1.2 !important
		}


section.viap {
	background: transparent url('/Content/homepage/blueYellow07.jpg') no-repeat center center;
	background-size: 100% 100%
}

	section.viap li {
		list-style: none
	}

	section.viap .secTtl {
		font-size: 44px;
		font-weight: bold;
		color: #2e3191;
		padding: 20px 0
	}

	section.viap .viapList1 {
		margin: 0;
		padding: 0
	}

		section.viap .viapList1 img {
			width: 100%;
			border-radius: 50%;
			margin-bottom: 10px;
			border: 3px solid #2e3191
		}

		section.viap .viapList1 h5 {
			font-size: 22px;
			font-weight: bold;
			color: #231f20;
			text-transform: capitalize;
			line-height: 1.2 !important
		}

		section.viap .viapList1 p {
			font-size: 22px;
			color: #231f20;
			line-height: 1.2 !important
		}

section.part{background:transparent url('/Content/homepage/blueYellow08.jpg') no-repeat center center; background-size:100% 100%}
section.part li{list-style:none}
section.part .secTtl{font-size:44px;font-weight:bold;color:#2e3191;padding:20px 0}
section.part .partList{margin:0;padding:0;display:table;width:100%;margin-bottom:50px}
section.part .partList .col{display:table-cell;border-left:1px solid #000;}
section.part .partList .col:first-child{border-left:0px solid #000;}
section.part .partList img{margin-bottom:10px;}

#footer{background:transparent url('/Content/homepage/blueYellow09.jpg') no-repeat center center; background-size:100% 100%;border:none;font-size:22px;padding-top:20px}
#footer *{color:#000!important}
#footer h4{font-size:28px;font-weight:bold}
#footer li{line-height:1.5 !important}
#footer .copy{background:transparent url('/Content/homepage/blueYellow10.jpg') no-repeat center center; background-size:100% 100%;}
#footer .copy *{color:#000!important}
#footer .social-icons li{box-shadow:none}
#footer .social-icons li a{width:auto;height:auto;background:transparent}


#modalRegister .modal-dialog .modal-content {
	background: url(/Content/homepage/blueYellow07.jpg) no-repeat top left;
	background-size: 100% 100%;
	text-align: center
}

#modalRegister .modal-dialog .modal-content .modal-header {
	background: #372c7b
}

	#modalRegister .modal-dialog .modal-content .modal-header .close {
		color:white;
	}

#modalRegister .modal-dialog .modal-content .modal-header .rnowTtl {
	font-size: 22px;
	color: #fff;
	line-height: 1.2 !important;
	padding: 15px 0;
}

	#modalRegister .modal-dialog .modal-content .modal-body {

	}

	#modalRegister .modal-dialog .modal-content .modal-body .rnowBtn {
		background: #372c7b;
		color: #fff;
		padding: 10px;
		border-radius: 10px;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		background: #fff;
		/* height: 100px; */
		text-align: center;
		margin: 0 0 20px 0 !important;
	}
	}


#modalRegister .modal-dialog .modal-content .modal-body .login {
	display: block;
	font-size: 12px;
	padding-top: 15px;
	color: #000;
	font-weight: bold
}

@media (max-width: 575px) {
	.logo1 img,.logo2 img{width:80%}
	#header .header-body{min-height:auto}
	section.spot .spot-left{display:none}
	section.spot .spot-right{float:none;width:100%}
	section.spot .spot-right .spotBtn{width:85px;margin:15px 5px}
	section.spot .spot-right .spotBox{width:80px;height:80px;margin:5px}
	section.spot .spot-right .spotBox span{font-size:20px}
	section.spot .spot-right .spotBox span:first-child{font-size:42px}
	section.spot .spot-right .spotBox span:last-child{font-size:12px}
	section.spot .spot-right .spotText{font-size:18px}
	section.spot .spot-right .spotLogo{margin:0 0 20px}
	section.rnow .rnow-left,section.rnow .rnow-right{float:none;width:100%}
	section.rnow .rnow-left .t1{font-size:14px;margin-top:30px}
	section.rnow .rnow-left .t2{margin-top:20px}
	section.rnow .rnow-left .t2 a{width:80%;font-size:24px;line-height:54px!important}
	section.rnow .rnow-left .t3{font-size:18px;margin-top:20px}
	section.rnow .rnow-right .rnowBtnbox{margin:10px auto}
	section.about .about-right,section.about .about-left{width:100%;float:none;padding:15px 0}
	section.about .about-right img{width:100%}
	section.about .about-left p{font-size:14px}
	section.about .about-left p.ttl{font-size:28px}
	section.events .secTtl{font-size:30px}
	section.events .table .th .cap{width:80%;font-size:12px;line-height:1.5!important}
	section.events .table .td{padding:2px}
	section.events .table .td.rowT{font-size:12px}
	section.events .table .td.rowT span{font-size:14px}
	section.events .table .td .eDate{margin:0 0;font-size:12px;width:45px;height:45px}
	section.events .table .td .eDate b{font-size:14px;padding-top:15px}
	section.events .table .td .eDate-finish{margin:0 0;font-size:12px;width:45px;height:45px}
	section.events .table .td .eDate-finish b{	font-size:14px;padding-top:15px}
	section.unique .secTtl{font-size:30px}
	section.unique .uniqueList h5,section.unique .uniqueList p{font-size:18px}
	section.viap .secTtl{font-size:30px}
	section.viap .viapList h5,section.viap .viapList p{font-size:18px}
	section.viap .secTtl {
		font-size: 30px
	}

	section.viap .viapList1 h5, section.viap .viapList1 p {
		font-size: 18px
	}
	section.viap .secTtl {
		font-size: 30px
	}

	section.viap .viapList2 h5, section.viap .viapList2 p {
		font-size: 18px
	}
	#footer{font-size:14px;padding:0}
	#footer h4{font-size:18px;margin:20px 0 5px}
	#footer h5{line-height:1.5!important}
}

@media (min-width: 576px) and (max-width: 767px) { 
	.logo1 img,.logo2 img{width:60%}
	#header .header-body{min-height:auto}
	section.spot .spot-left{display:none}
	section.spot .spot-right{float:none;width:100%}
	/*section.spot .spot-right .spotBtn{width:85px;margin:15px 5px}
	section.spot .spot-right .spotBox{width:80px;height:80px;margin:5px}
	section.spot .spot-right .spotBox span{font-size:20px}
	section.spot .spot-right .spotBox span:first-child{font-size:42px}
	section.spot .spot-right .spotBox span:last-child{font-size:12px}
	section.spot .spot-right .spotText{font-size:18px}*/
	section.spot .spot-right .spotLogo{margin:0 0 20px}
	section.rnow .rnow-left,section.rnow .rnow-right{float:none;width:100%}
	section.rnow .rnow-left .t1{/*font-size:14px;*/margin-top:30px}
	section.rnow .rnow-left .t2{margin-top:20px}
	/*section.rnow .rnow-left .t2 a{width:80%;font-size:24px;line-height:54px!important}*/
	section.rnow .rnow-left .t3{font-size:28px;margin-top:20px}
	section.rnow .rnow-right .rnowBtnbox{margin:10px auto}
	section.about .about-right,section.about .about-left{width:100%;float:none;padding:15px 0}
	section.about .about-right img{width:100%}
	section.about .about-left p{font-size:18px}
	/*section.about .about-left p.ttl{font-size:28px}*/
	section.events .secTtl{font-size:30px}
	section.events .table .th .cap{width:120px}
	section.unique .secTtl{font-size:30px}
	/*section.unique .uniqueList h5,section.unique .uniqueList p{font-size:18px}*/
	section.viap .secTtl{font-size:30px}
	/*section.viap .viapList h5,section.viap .viapList p{font-size:18px}*/
	#footer{font-size:18px;padding:0}
	#footer h4{/*font-size:18px;*/margin:20px 0 5px}
	#footer h5{line-height:1.5!important}
 }

@media (min-width: 768px) and (max-width: 991px) {
	.logo1 img,.logo2 img{width:40%}
	#header .header-body{min-height:auto}
	section.spot .spot-left{display:block;width:60%}
	section.spot .spot-right{float:right;width:40%}
	section.spot .spot-right .spotBtn{width:85px;margin:15px 5px}
	section.spot .spot-right .spotBox{width:80px;height:80px;margin:5px}
	section.spot .spot-right .spotBox span{font-size:20px}
	section.spot .spot-right .spotBox span:first-child{font-size:42px}
	section.spot .spot-right .spotBox span:last-child{font-size:12px}
	section.spot .spot-right .spotText{font-size:18px}
	section.spot .spot-right .spotLogo{margin:0 0 20px;width:70%}
	section.rnow .rnow-left{float:left;width:60%}
	section.rnow .rnow-right{float:right;width:40%}
	section.rnow .rnow-left .t1{/*font-size:14px;*/margin-top:30px}
	section.rnow .rnow-left .t2{margin-top:20px}
	/*section.rnow .rnow-left .t2 a{width:80%;font-size:24px;line-height:54px!important}*/
	section.rnow .rnow-left .t3{font-size:28px;margin-top:20px}
	section.rnow .rnow-right .rnowBtnbox{margin:10px auto}
	section.about .about-right{width:40%;float:right;padding:15px 0}
	section.about .about-left{width:55%;float:left;padding:15px 0}
	section.about .about-right img{width:100%}
	section.about .about-left p{font-size:18px}
	/*section.about .about-left p.ttl{font-size:28px}*/
	section.events .secTtl{font-size:36px}
	section.events .table .th .cap{width:160px}
	section.unique .secTtl{font-size:36px}
	/*section.unique .uniqueList h5,section.unique .uniqueList p{font-size:18px}*/
	section.viap .secTtl{font-size:36px}
	/*section.viap .viapList h5,section.viap .viapList p{font-size:18px}*/
	#footer{font-size:16px;padding:0}
	#footer h4{font-size:18px;margin:20px 0 5px}
	#footer h5{line-height:1.5!important}
	
}


@media (min-width: 992px) and (max-width: 1199px) {
	.logo1 img,.logo2 img{width:40%}
	#header .header-body{min-height:auto}
	section.spot .spot-left{display:block;width:60%}
	section.spot .spot-right{float:right;width:40%}
	section.spot .spot-right .spotBtn{width:85px;margin:15px 5px}
	section.spot .spot-right .spotBox{width:80px;height:80px;margin:5px}
	section.spot .spot-right .spotBox span{font-size:20px}
	section.spot .spot-right .spotBox span:first-child{font-size:42px}
	section.spot .spot-right .spotBox span:last-child{font-size:12px}
	section.spot .spot-right .spotText{font-size:18px}
	section.spot .spot-right .spotLogo{margin:0 0 20px;width:70%}
	section.rnow .rnow-left{float:left;width:60%}
	section.rnow .rnow-right{float:right;width:40%}
	section.rnow .rnow-left .t1{/*font-size:14px;*/margin-top:30px}
	section.rnow .rnow-left .t2{margin-top:20px}
	/*section.rnow .rnow-left .t2 a{width:80%;font-size:24px;line-height:54px!important}*/
	section.rnow .rnow-left .t3{font-size:28px;margin-top:20px}
	section.rnow .rnow-right .rnowBtnbox{margin:10px auto}
	section.about .about-right{width:40%;float:right;padding:15px 0}
	section.about .about-left{width:55%;float:left;padding:15px 0}
	section.about .about-right img{width:100%}
	section.about .about-left p{font-size:18px}
	/*section.about .about-left p.ttl{font-size:28px}*/
	section.events .secTtl{font-size:40px}
	section.unique .secTtl{font-size:40px}
	/*section.unique .uniqueList h5,section.unique .uniqueList p{font-size:18px}*/
	section.viap .secTtl{font-size:40px}
	/*section.viap .viapList h5,section.viap .viapList p{font-size:18px}*/
	section.viap .viapList p{font-size:18px}
	section.viap .viapList1 p {
		font-size: 18px
	}
	section.viap .viapList2 p {
		font-size: 18px
	}
	#footer{font-size:18px;padding:0}
	#footer h4{font-size:22px;margin:20px 0 5px}
	#footer h5{line-height:1.5!important}
	
}

#header .header-body .ham a{display:inline-block;width:30px;height:30px;background:#1b0e54 url(../img/hb1.png) no-repeat center center;background-size:60%;border-radius:50%}
#header .header-body .ham a.act{background:#1b0e54 url(../img/hb2.png) no-repeat center center;background-size:60%;}
#header .header-body #headLinks a{display:inline-block;font-size:14px;margin:0 0 0 5px;}
#header .header-body #headLinks .spotBtn{display:inline-block;width:101px;line-height:34px !important;text-align:center;background:url(../img/bg-spot-btn.png) no-repeat center center;background-size:100% 100%;font-size:16px;color:#fff;margin:10px 0 0 5px;}
@media (max-width: 767px) {
#header .header-body #headLinks a{font-size:12px;}
#header .header-body #headLinks .headBtns .spotBtn{width:80px;line-height:24px !important;font-size:14px}
}