body{background:#333}
#m-pag-1{position: fixed; height:100%;z-index:1;}
.m-pic-1{width: 100%; height: 100%; object-fit: cover;}
.m-tt-1{ position: absolute;width:88%; padding:6%; height:16%; left: 0; bottom:0; color: #fff;background: linear-gradient(to bottom,  rgba(0,0,0,0) -1%,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); text-align: justify; z-index: 11}
.m-tt-1 strong{display: block;margin-bottom:2%;font-size:24px; font-weight: normal;}
.m-tt-1 p{display: block; font-size:14px;}
.m-logo{ display: block; position: absolute; width:86% ;left: 0;top:4%;}
.m-logo img{ display: block;width: 100%;}
.g-box-1{}
.g-box-2{padding:3%;}
.m-nav-1,.m-pic01{display: block;width:100%}
.m-lst-1{margin-bottom:4%; position: relative; overflow: hidden;}
.m-pic01{float: left; width:70%; border-top-right-radius: 15px;}
.m-lst-1 strong,.m-lst-1 p,.m-lst-1 span{ display: block; padding: 0 4%; color:#111; font-weight: normal; text-align: justify;}
.m-lst-1 strong{font-size:18px; line-height:24px; margin-bottom:1%; color: #fff; border-bottom: 1px dashed #94b1e9; padding-bottom:8%; margin-bottom:8%;}
.m-lst-1 p{font-size:14px; color: #94b1e9; line-height: 20px;}
.m-lst-1 span{ font-size: 12px; color: #94b1e9; text-align: right; position: absolute; bottom:4%; right:6%;}
.m-txt-1{ width:34%; padding: 4%; height:70%; position: absolute; right: 0; bottom: 0; background: #1749ac;border-top-right-radius: 15px;z-index: 2;}
.m-ico-1{position:absolute; right:4%; top:15%; width:15%}

.m-lst-2{ background: #fff; border-radius: 4px;} 
.m-lst-2 li{display: block; margin-bottom:4%; border: 1px solid #e3e3e3;background: #f3f3f3;}
.m-lst-2 li img{display: block; width:100%;}
.m-lst-2 strong,.m-lst-2 span{display: block; text-align: justify; font-weight: normal; color: #111;}
.m-lst-2 strong{ font-size:18px; line-height:30px; padding:4%; font-weight: normal; text-align:justify}
.m-lst-2 span{text-align: right; font-size: 12px; padding: 0 6% 6% 0;}
#msg{ display: block;}
#msg1{position:absolute; width:6%; right: 0; top:35%;}
#msg2{position:absolute; width:34%; left:5%; bottom:19%;}

.click {cursor: pointer;}
/* flip parent stylesheet */
.flipper-bottom,.flipper-left{
    position: absolute;
    top:0;
    left: 0;
    right:0;
    bottom:0;
    -ms-transition: 1.5s;
    -webkit-transition: 1.5s;
    transition:1.5s;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
/* Flip to bottom */
.flipper-bottom {
	position: relative;
	height: 100%;
	background: #fff;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -ms-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    transform:perspective(1000px)  rotateY(90deg);
    opacity:0;
}
.flip.flipper-bottom {
    z-index:1;
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform:perspective(1000px)  rotateY(0deg);
    opacity:1.0;
}
/* Flip to left */
 .flipper-left {
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform:perspective(1000px) rotateY(0deg);
}
.flip.flipper-left {
	
    z-index:1;
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform:perspective(1000px) rotateY(-180deg);opacity:0;
}
.flip {
    cursor: default !important;
}
@media screen and (min-width:640px) {
    #m-pag-1 { width:640px; left:50%; margin-left:-320px}
}