@charset "UTF-8";
/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
html, body {
	/*width: 100%;
	height: auto;
	border:5px #0A0 solid;*/
	font-size:4vw;
}



/*********************************************************************************/
/* page                                                                      */
/*********************************************************************************/

#page{
	/*position:absolute;*/
	margin-top:0vw;
	padding-bottom:0vw;
	overflow:hidden;
	border: 0px #F00 dashed;
}
.section{
	margin-bottom:15vw;
}
.section .content{
}

.section .box{
	width:100%;
	height:auto;
	top:0%;
	left:0%;
	/*border: 2px #D0D dotted;*/
}
.section .bg{
}
/*.section ul.info{
	display: none;
}*/

/*********************************************************************************/
/* home                                                                       */
/*********************************************************************************/
#homeArea {
	
}
#homeArea .box{
	width:100%;
	/*border:10px #d55 dotted;*/
}
#homeArea .tiBox{
	width:86%;
	margin:5em auto 5em auto;
}
/*.sliderMenu{
	position:relative;
	display:block;
	width:100vw;
	max-width: 100vw;
	margin:0;
	padding:0;
}
.sliderMenu .col{
	height:30vw;
}
.sliderMenu .col:nth-child(1){
	border-bottom:0px;
}
.sliderMenu .col:nth-child(2){
	border-bottom:0px;
	border-right:1px #d7d7d7 solid;
}
.sliderMenu .col .icon{
	width:12vw;
	height:auto;
	margin:5vw auto 0.5em auto;
}*/
/*#homeSlider{
	height:20em;
	background-image: url(../images/s/infoBg.jpg);
}
#homeSlider .slider .slide{
	height:20em;
}
#homeSlider .txtBox{
	height:18em;
}*/
.sliderMenu,
#homeSlider{
	display: none;
}
#accordion{
	display: block;
}

#accordion .card,
#accordion .card-header,
#accordion .card-body{
	border-radius: 0;
	padding:0;
	outline: none;
	outline: 0;
	/*border:0;*/
}

#accordion .card-body{
	padding:7vw 7vw 12vw 7vw;
	background-repeat: no-repeat;
	background-size:cover;
	background-image: url(../images/infoBg.jpg);
	outline: none;
	color:#1c69d4;
}

#accordion .card-header .btn,
#accordion .card-header h4,
#accordion .card-header .icon{
	position:relative;
	display: flex;
	outline: none;
	outline: 0;
}
#accordion .card-header .btn{
	flex-direction: row;
	align-items: center;
	border-radius: 0;
	padding:5vw 7vw 5vw 7vw;
	background-repeat: no-repeat;
	background-size:cover;
	background-image: url(../images/btnBg.jpg);
	outline: none;
	color:#1c69d4;
	/*border:3px #D00 dotted;*/
}

#accordion .card-header .btn.collapsed{
	color:#333;
}
#accordion .card-header .btn.collapsed .icon{
	filter:grayscale(1);
}
#accordion .card-header .icon{
	width:10vw;
	height:10vw;
	margin-right:0.5em;
}


/*.text:focus{
	border:3px #F00 dotted;
}
.accordion button,
.accordion .card-header,
*:focus,
.collapse.show,
.collapse.show .card-body:focus,
.collapse.show:focus,
.accordion:focus{
	border:none;
	outline: 0 none;
	outline-style: none;
    outline: none !important;
    outline-width: 0 !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}*/


.blueBtn{
	position:relative;
	display:block;
	height:3em;
	line-height:3em;
	margin-top:0.5em;
	padding:0 4em 0 4em;
}

/*********************************************************************************/
/* interArea                                                                          */
/*********************************************************************************/
#interArea {
	
}
#transArea .txtBox,
#interArea .txtBox{
	top:2em;
	left:7vw;
	width:86vw;
	text-align: justify;
	/*border:3px #d55 dotted;*/
}
.txtBox h2{
	margin-bottom: 0.3em;
}

/*********************************************************************************/
/* transArea                                                                          */
/*********************************************************************************/
#transArea{
	
	
}

.moreBtn{
	padding:0 4em 0 4em;
}
.moreBtn.gray{
	position:relative;
	right:0;
	top:2em;
}

.moreBtn.gray .line{
	top:-2em;
	left:-20%;
	width:150%;
}

.moreBtn.gold .line{
	top:-5em;
	left:-20%;
	width:200%;
}