@charset "utf-8";

/* Case-Map */
/*---------------------------------------------*/

.contBox {
	position: relative;
}

/*---------------------------------------------*/

.mapBox {
	width: 965px;
	height: 512px;
	background-image: url(../imgs/map/case-map.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 60px;
}

.mapBox-ov1 {
	width: 965px;
	height: 512px;
	background-image: url(../imgs/map/case-map-ov1.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 60px;
}

.mapBox-ov2 {
	width: 965px;
	height: 512px;
	background-image: url(../imgs/map/case-map-ov2.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 60px;
}

.mapBox-ov3 {
	width: 965px;
	height: 512px;
	background-image: url(../imgs/map/case-map-ov3.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 60px;
}

.mapBox-ov4 {
	width: 965px;
	height: 512px;
	background-image: url(../imgs/map/case-map-ov4.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 60px;
}

.mapBox-ov5 {
	width: 965px;
	height: 512px;
	background-image: url(../imgs/map/case-map-ov5.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 60px;
}

#map001 {
	width: 160px;
	height: 145px;
	display: block;
	position: absolute;
	left: 750px;
	z-index: auto;
}

#map002 {
	width: 70px;
	height: 200px;
	display: block;
	top: 160px;
	position: absolute;
	left: 750px;
	z-index: 98;
}

#map003 {
	width: 190px;
	height: 110px;
	display: block;
	position: absolute;
	top: 300px;
	left: 550px;
	z-index: 97;
}

#map004 {
	width: 60px;
	height: 50px;
	display: block;
	position: absolute;
	top: 400px;
	left: 580px;
	z-index: 96;
}

#map005 {
	width: 65px;
	height: 80px;
	display: block;
	position: absolute;
	top: 400px;
	left: 500px;
	z-index: 95;
}

/*---------------------------------------------*/

.maplf {
	margin-top: 35px;
	margin-left: 30px;
	float: left;
}

.maprt {
	width: 450px;
	position: absolute;
	left: 680px;
	top: 140px;
	height: 435px;
	display:block;
}

/*---------------------------------------------*/

.title {
	text-align: left;
	width: 620px;
	border-bottom: 1px solid #AAAAAA;
	margin-bottom: 15px;
	padding-bottom: 10px;
	padding-right: 10px;
}

.title h1 {
	color: #DA5002;
	font-size: 26px;
	line-height: 28px;
	font-weight: bold;
}

.title p {
	font-size: 15px;
	line-height: 21px;
}

.title h1, .title p {
	margin-bottom: 10px;
}

/*---------------------------------------------*/

.mapselc {
	text-align: left;
	width: 615px;
	margin-top: 30px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	padding-right: 10px;
	height: 150px;
}

.mapselc h2 {
	color: #DA5002;
	font-size: 21px;
	line-height: 24px;
	font-weight: bold;
}

.mapselc p {
	font-size: 15px;
	line-height: 21px;
}

.mapselc h2, .mapselc p {
	margin-bottom: 10px;
}

.mapselc ul {
	margin-top: 15px;
}

.mapselc ul li {
	margin: 0px;
	padding: 0px;
	float: left;
}

.mm01,
.mm02,
.mm03,
.mm04,
.mm05, .mm00
{
	display: block;
	width: 193px;
	height: 29px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/*
.mm01 {
	background-image: url(../imgs/map-btn-1.jpg);
	background-repeat: no-repeat;
}

.mm02 {
	background-image: url(../imgs/map-btn-2.jpg);
	background-repeat: no-repeat;
}

.mm03 {
	background-image: url(../imgs/map-btn-3.jpg);
	background-repeat: no-repeat;
}

.mm04 {
	background-image: url(../imgs/map-btn-4.jpg);
	background-repeat: no-repeat;
}

.mm05 {
	background-image: url(../imgs/map-btn-5.jpg);
	background-repeat: no-repeat;
}

.mm01ov {
	background-image: url(../imgs/map-btn-1ov.jpg);
	background-repeat: no-repeat;
}

.mm02ov {
	background-image: url(../imgs/map-btn-2ov.jpg);
	background-repeat: no-repeat;
}

.mm03ov {
	background-image: url(../imgs/map-btn-3ov.jpg);
	background-repeat: no-repeat;
}

.mm04ov {
	background-image: url(../imgs/map-btn-4ov.jpg);
	background-repeat: no-repeat;
}

.mm05ov {
	background-image: url(../imgs/map-btn-5ov.jpg);
	background-repeat: no-repeat;
}

/*---------------------------------------------*/

.maprt {
	/* border: 1px solid #EF2E31;
	bottom: 0px; */
}

.maprt a img {
	border-top: 2px solid #DA5002;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
}

.maprt a:hover img {
	border: 2px solid #DA5002;
	border-radius: 4px;
}


/*
.casebox {
	width: 100px; height: 100px;
	margin-right: 5px;
	margin-bottom: 2px;
	top: auto;
	position: absolute;
	display:block;
	transition:all .3s;
	transform: scale(1);
	opacity: .0;
}
.casebox.show{
		
	transform:scale(1);
	opacity:1;
	
}
*/

.casebox
{
	width: 100px; height: 100px;
	margin-right: 5px;
	margin-bottom: 2px;
	top: auto;
	position: absolute;
	display:block;
	transform: scale(1)  translate(-20px,0px)  ; 
	opacity: 0;
	z-index: 5;
}

.casebox.show{
	transform:scale(1) translate(0,0) skewX(0deg);
	opacity:1;
	transition:all .8s;
	z-index: 10;
}

.casebox.hide{
	transition:all .8s;
	transform: translate(0,0) skewX(0deg);
	opacity:0;
	z-index: 0;
}

.casebox  p {
	width: 100px;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	/* margin-top: 79px; */
	top: auto;
	bottom: 4px;
	text-shadow: 1px 1px #6A5859 ;
}

div.casebox1 {
	right: 0px; bottom: 0px; 
}

div.casebox2 {
	right: 105px; bottom: 0px; 	
}

div.casebox4 {
	right: 210px; bottom: 0px; 	
}

div.casebox7 {
	right: 315px; bottom: 0px; 	
}

div.casebox3 {
	right: 0px; bottom: 112px; 
}

div.casebox5 {
	right: 105px; bottom: 112px; 
}

div.casebox6 {
	right: 0px; bottom: 224px; 
}

div.casebox8 {
	right: 105px; bottom: 224px; 
}

div.casebox9 {
	right: 0px; bottom: 336px; 
}

/*---------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:640px) and (min-width:481px), screen and (orientation: landscape) and (max-width: 736px) and (min-width: 667px) {  /* iphone 6/6+ landscape */

.contBox {
	position: relative;
	border-top: 2px solid #007CB7;
}

/*---------------------------------------------*/

.mapBox {
	width: 100%;
	height: 380px;
	background-image: url(../imgs/map/case-map.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 0px;
	position: relative;
	clear: both;
}

.mapBox-ov1 {
	background-image: url(../imgs/map/case-map-ov1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.mapBox-ov2 {
	background-image: url(../imgs/map/case-map-ov2.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

.mapBox-ov3 {
	background-image: url(../imgs/map/case-map-ov3.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

.mapBox-ov4 {
	background-image: url(../imgs/map/case-map-ov4.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

.mapBox-ov5 {
	background-image: url(../imgs/map/case-map-ov5.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}


#map001 {
	width: 160px;
	height: 145px;
	display: block;
	position: absolute;
	left: 150px;
	z-index: auto;
}

#map002 {
	width: 70px;
	height: 200px;
	display: block;
	top: 20px;
	position: absolute;
	right: 145px; left: auto;
	z-index: 98;
}

#map003 {
	width: 190px;
	height: 110px;
	display: block;
	position: absolute;
	top: 150px;
	right: 235px; left: auto;
	z-index: 97;
}

#map004 {
	width: 60px;
	height: 50px;
	display: block;
	position: absolute;
	top: 260px;
	right:325px; left: auto;
	z-index: 96;
}

#map005 {
	width: 65px;
	height: 80px;
	display: block;
	position: absolute;
	top: 260px;
	right: 395px; left: auto;
	z-index: 95;
}

/*---------------------------------------------*/

.maplf {
	margin-top: 35px;
	margin-left: 0px;
	float: left;
}

/*---------------------------------------------*/

.title {
	width: 95%;
	text-align: left;
	border-bottom: 1px solid #AAAAAA;
	margin-bottom: 15px;
	padding: 0px 5px;
}

.title h1 {
	color: #DA5002;
	font-size: 26px;
	line-height: 36px;
	font-weight: bold;
}

.title p {
	font-size: 16px;
	line-height: 26px;
}

.title h1, .title p {
	margin-bottom: 10px;
}

/*---------------------------------------------*/

.mapselc {
	width: 100%;
	text-align: left;
	margin: 30px 0px;;
	height: auto;
}

.mapselc h2 {
	color: #DA5002;
	font-size: 21px;
	line-height: 24px;
	font-weight: bold;
}

.mapselc p {
	font-size: 16px;
	line-height: 26px;
}

.mapselc h2, .mapselc p {
	margin-bottom: 10px;
}

.mapselc ul {
	margin-top: 15px;
}

.mapselc ul li {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

.mm01,
.mm02,
.mm03,
.mm04,
.mm05,
.mm00
{
	display: block;
	width: 193px;
	height: 29px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/*---------------------------------------------*/

.maprt {
	display: none;
	font-size: 0px;
	visibility : hidden ;
	height: 0;
}

.maprt a img {
	border-top: 2px solid #DA5002;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
}

.maprt a:hover img {
	border: 2px solid #DA5002;
	border-radius: 4px;
}

.casebox {
	width: 100px; 
	height: 100px;
	margin-right: 5px;
	margin-bottom: 2px;
	top: auto;
	position: absolute;
	display:block;
	transform: scale(1)  translate(-20px,0px)  ; 
	opacity: 0;
	z-index: 5;
}

.casebox.show{
	transform:scale(1) translate(0,0) skewX(0deg);
	opacity:1;
	transition:all .8s;
	z-index: 10;
}

.casebox.hide{
	transition:all .8s;
	transform: translate(0,0) skewX(0deg);
	opacity:0;
	z-index: 0;
}

.casebox  p {
	width: 100px;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	/* margin-top: 79px; */
	top: auto;
	bottom: 4px;
	text-shadow: 1px 1px #6A5859 ;
}

div.casebox1 {
	right: 0px; bottom: 0px; 
}

div.casebox2 {
	right: 105px; bottom: 0px; 	
}

div.casebox4 {
	right: 210px; bottom: 0px; 	
}

div.casebox7 {
	right: 315px; bottom: 0px; 	
}

div.casebox3 {
	right: 0px; bottom: 112px; 
}

div.casebox5 {
	right: 105px; bottom: 112px; 
}

div.casebox6 {
	right: 0px; bottom: 224px; 
}

div.casebox8 {
	right: 105px; bottom: 224px; 
}

div.casebox9 {
	right: 0px; bottom: 336px; 
}

}

/*---------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:480px) and (min-width:415px){

.contBox {
	position: relative;
	border-top: 2px solid #007CB7;
}

/*---------------------------------------------*/

.mapBox {
	width: 100%;
	height: 380px;
	background-image: url(../imgs/map/case-map.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 90%;
	margin-bottom: 0px;
	clear: both;
}

.mapBox-ov1 {
	background-image: url(../imgs/map/case-map-ov1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 90%;
}

.mapBox-ov2 {
	background-image: url(../imgs/map/case-map-ov2.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 90%;
}

.mapBox-ov3 {
	background-image: url(../imgs/map/case-map-ov3.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 90%;
}

.mapBox-ov4 {
	background-image: url(../imgs/map/case-map-ov4.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 90%;
}

.mapBox-ov5 {
	background-image: url(../imgs/map/case-map-ov5.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 90%;
}

#map001 {
	width: 160px;
	height: 145px;
	display: block;
	position: absolute;
	left: 750px;
	z-index: auto;
}

#map002 {
	width: 70px;
	height: 200px;
	display: block;
	top: 160px;
	position: absolute;
	left: 750px;
	z-index: 98;
}

#map003 {
	width: 190px;
	height: 110px;
	display: block;
	position: absolute;
	top: 300px;
	left: 550px;
	z-index: 97;
}

#map004 {
	width: 60px;
	height: 50px;
	display: block;
	position: absolute;
	top: 400px;
	left: 580px;
	z-index: 96;
}

#map005 {
	width: 65px;
	height: 80px;
	display: block;
	position: absolute;
	top: 400px;
	left: 500px;
	z-index: 95;
}

/*---------------------------------------------*/

.maplf {
	margin-top: 35px;
	margin-left: 0px;
	float: left;
}

/*---------------------------------------------*/

.title {
	width: 95%;
	text-align: left;
	border-bottom: 1px solid #AAAAAA;
	margin-bottom: 15px;
	padding: 0px 5px;
}

.title h1 {
	color: #DA5002;
	font-size: 26px;
	line-height: 36px;
	font-weight: bold;
}

.title p {
	font-size: 16px;
	line-height: 26px;
}

.title h1, .title p {
	margin-bottom: 10px;
}

/*---------------------------------------------*/

.mapselc {
	width: 100%;
	text-align: left;
	margin: 30px 0px;;
	height: auto;
}

.mapselc h2 {
	color: #DA5002;
	font-size: 21px;
	line-height: 24px;
	font-weight: bold;
}

.mapselc p {
	font-size: 16px;
	line-height: 26px;
}

.mapselc h2, .mapselc p {
	margin-bottom: 10px;
}

.mapselc ul {
	margin-top: 15px;
}

.mapselc ul li {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

.mm01,
.mm02,
.mm03,
.mm04,
.mm05,
.mm00
{
	display: block;
	width: 193px;
	height: 29px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/*---------------------------------------------*/

.maprt {
	display: none;
	font-size: 0px;
	visibility : hidden ;
	height: 0;
}

.maprt a img {
	border-top: 2px solid #DA5002;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
}

.maprt a:hover img {
	border: 2px solid #DA5002;
	border-radius: 4px;
}

.casebox {
	width: 100px; 
	height: 100px;
	margin-right: 5px;
	margin-bottom: 2px;
	top: auto;
	position: absolute;
	display:block;
	transform: scale(1)  translate(-20px,0px)  ; 
	opacity: 0;
	z-index: 5;
}

.casebox.show{
	transform:scale(1) translate(0,0) skewX(0deg);
	opacity:1;
	transition:all .8s;
	z-index: 10;
}

.casebox.hide{
	transition:all .8s;
	transform: translate(0,0) skewX(0deg);
	opacity:0;
	z-index: 0;
}

.casebox  p {
	width: 100px;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	/* margin-top: 79px; */
	top: auto;
	bottom: 4px;
	text-shadow: 1px 1px #6A5859 ;
}

div.casebox1 {
	right: 0px; bottom: 0px; 
}

div.casebox2 {
	right: 105px; bottom: 0px; 	
}

div.casebox4 {
	right: 210px; bottom: 0px; 	
}

div.casebox7 {
	right: 315px; bottom: 0px; 	
}

div.casebox3 {
	right: 0px; bottom: 112px; 
}

div.casebox5 {
	right: 105px; bottom: 112px; 
}

div.casebox6 {
	right: 0px; bottom: 224px; 
}

div.casebox8 {
	right: 105px; bottom: 224px; 
}

div.casebox9 {
	right: 0px; bottom: 336px; 
}

}

/*---------------------------------------------------------------------------------------------------------------*/
/*---iPhone-4+5--------------------------------------------------------------------------------------------------*/
@media screen and (max-width:330px) and (min-width:320px){

.contBox {
	position: relative;
	border-top: 2px solid #007CB7;
	margin-top: 10px;
}

/*---------------------------------------------*/

.mapBox {
	width: 95%;
	height: 300px;
	background-image: url(../imgs/map/case-map.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
	margin-bottom: 0px;
	clear: both;
}

.mapBox-ov1 {
	background-image: url(../imgs/map/case-map-ov1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
}

.mapBox-ov2 {
	background-image: url(../imgs/map/case-map-ov2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
}

.mapBox-ov3 {
	background-image: url(../imgs/map/case-map-ov3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
}

.mapBox-ov4 {
	background-image: url(../imgs/map/case-map-ov4.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
}

.mapBox-ov5 {
	background-image: url(../imgs/map/case-map-ov5.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
}

#map001,
#map002,
#map003,
#map004,
#map005
{
	display: none;
	font-size: 0px;
	visibility : hidden ;
	height: 0;
}

/*
#map001 {
	width: 160px;
	height: 145px;
	display: block;
	position: absolute;
	left: 750px;
	z-index: auto;
}

#map002 {
	width: 70px;
	height: 200px;
	display: block;
	top: 160px;
	position: absolute;
	left: 750px;
	z-index: 98;
}

#map003 {
	width: 190px;
	height: 110px;
	display: block;
	position: absolute;
	top: 300px;
	left: 550px;
	z-index: 97;
}

#map004 {
	width: 60px;
	height: 50px;
	display: block;
	position: absolute;
	top: 400px;
	left: 580px;
	z-index: 96;
}

#map005 {
	width: 65px;
	height: 80px;
	display: block;
	position: absolute;
	top: 400px;
	left: 500px;
	z-index: 95;
}
*/

/*---------------------------------------------*/

.maplf {
	margin-top: 15px;
	margin-left: 0px;
	float: left;
}

/*---------------------------------------------*/

.title {
	width: 90%;
	text-align: left;
	border-bottom: 1px solid #AAAAAA;
	margin-bottom: 15px;
	padding: 0px 5px;
}

.title h1 {
	color: #DA5002;
	font-size: 26px;
	line-height: 36px;
	font-weight: bold;
}

.title p {
	font-size: 16px;
	line-height: 26px;
}

.title h1, .title p {
	margin-bottom: 10px;
}

/*---------------------------------------------*/

.mapselc {
	width: 100%;
	text-align: left;
	margin: 30px 0px;;
	height: auto;
}

.mapselc h2 {
	color: #DA5002;
	font-size: 21px;
	line-height: 24px;
	font-weight: bold;
}

.mapselc p {
	font-size: 16px;
	line-height: 26px;
}

.mapselc h2, .mapselc p {
	margin-bottom: 10px;
}

.mapselc ul {
	margin-top: 15px;
}

.mapselc ul li {
	margin: 0px;
	padding: 0px;
	float: left;
}

.mm01,
.mm02,
.mm03,
.mm04,
.mm05,
.mm00
{
	display: block;
	width: 148px;
	height: 29px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/*---------------------------------------------*/

.maprt {
	display: none;
	font-size: 0px;
	visibility : hidden ;
	height: 0;
}

.maprt a img {
	border-top: 2px solid #DA5002;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
}

.maprt a:hover img {
	border: 2px solid #DA5002;
	border-radius: 4px;
}

.casebox {
	width: 100px; 
	height: 100px;
	margin-right: 5px;
	margin-bottom: 2px;
	top: auto;
	position: absolute;
	display:block;
	transform: scale(1)  translate(-20px,0px)  ; 
	opacity: 0;
	z-index: 5;
}

.casebox.show{
	transform:scale(1) translate(0,0) skewX(0deg);
	opacity:1;
	transition:all .8s;
	z-index: 10;
}

.casebox.hide{
	transition:all .8s;
	transform: translate(0,0) skewX(0deg);
	opacity:0;
	z-index: 0;
}

.casebox  p {
	width: 100px;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	/* margin-top: 79px; */
	top: auto;
	bottom: 4px;
	text-shadow: 1px 1px #6A5859 ;
}

div.casebox1 {
	right: 0px; bottom: 0px; 
}

div.casebox2 {
	right: 105px; bottom: 0px; 	
}

div.casebox4 {
	right: 210px; bottom: 0px; 	
}

div.casebox7 {
	right: 315px; bottom: 0px; 	
}

div.casebox3 {
	right: 0px; bottom: 112px; 
}

div.casebox5 {
	right: 105px; bottom: 112px; 
}

div.casebox6 {
	right: 0px; bottom: 224px; 
}

div.casebox8 {
	right: 105px; bottom: 224px; 
}

div.casebox9 {
	right: 0px; bottom: 336px; 
}

}

/*---------------------------------------------------------------------------------------------------------------*/
/*---iPhone-6----------------------------------------------------------------------------------------------------*/
@media screen and (max-width:390px) and (min-width:375px){

.contBox {
	position: relative;
	border-top: 2px solid #007CB7;
	margin-top: 10px;
}

/*---------------------------------------------*/

.mapBox {
	width: 100%;
	height: 360px;
	background-image: url(../imgs/map/case-map.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
	margin-bottom: 0px;
	clear: both;
}

.mapBox-ov1 {
	background-image: url(../imgs/map/case-map-ov1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
}

.mapBox-ov2 {
	background-image: url(../imgs/map/case-map-ov2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
}

.mapBox-ov3 {
	background-image: url(../imgs/map/case-map-ov3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
}

.mapBox-ov4 {
	background-image: url(../imgs/map/case-map-ov4.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
}

.mapBox-ov5 {
	background-image: url(../imgs/map/case-map-ov5.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
}

#map001,
#map002,
#map003,
#map004,
#map005
{
	display: none;
	font-size: 0px;
	visibility : hidden ;
	height: 0;
}

/*
#map001 {
	width: 160px;
	height: 145px;
	display: block;
	position: absolute;
	left: 750px;
	z-index: auto;
}

#map002 {
	width: 70px;
	height: 200px;
	display: block;
	top: 160px;
	position: absolute;
	left: 750px;
	z-index: 98;
}

#map003 {
	width: 190px;
	height: 110px;
	display: block;
	position: absolute;
	top: 300px;
	left: 550px;
	z-index: 97;
}

#map004 {
	width: 60px;
	height: 50px;
	display: block;
	position: absolute;
	top: 400px;
	left: 580px;
	z-index: 96;
}

#map005 {
	width: 65px;
	height: 80px;
	display: block;
	position: absolute;
	top: 400px;
	left: 500px;
	z-index: 95;
}
*/

/*---------------------------------------------*/

.maplf {
	margin-top: 15px;
	margin-left: 0px;
	float: left;
}

/*---------------------------------------------*/

.title {
	width: 90%;
	text-align: left;
	border-bottom: 1px solid #AAAAAA;
	margin-bottom: 15px;
	padding: 0px 5px;
}

.title h1 {
	color: #DA5002;
	font-size: 26px;
	line-height: 36px;
	font-weight: bold;
}

.title p {
	font-size: 16px;
	line-height: 26px;
}

.title h1, .title p {
	margin-bottom: 10px;
}

/*---------------------------------------------*/

.mapselc {
	width: 100%;
	text-align: left;
	margin: 30px 0px;;
	height: auto;
}

.mapselc h2 {
	color: #DA5002;
	font-size: 21px;
	line-height: 24px;
	font-weight: bold;
}

.mapselc p {
	font-size: 16px;
	line-height: 26px;
}

.mapselc h2, .mapselc p {
	margin-bottom: 10px;
}

.mapselc ul {
	margin-top: 15px;
}

.mapselc ul li {
	margin: 0px;
	padding: 0px;
	float: left;
}

.mm01,
.mm02,
.mm03,
.mm04,
.mm05,
.mm00
{
	display: block;
	width: 169px;
	height: 29px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/*---------------------------------------------*/

.maprt {
	display: none;
	font-size: 0px;
	visibility : hidden ;
	height: 0;
}

.maprt a img {
	border-top: 2px solid #DA5002;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
}

.maprt a:hover img {
	border: 2px solid #DA5002;
	border-radius: 4px;
}

.casebox {
	width: 100px; 
	height: 100px;
	margin-right: 5px;
	margin-bottom: 2px;
	top: auto;
	position: absolute;
	display:block;
	transform: scale(1)  translate(-20px,0px)  ; 
	opacity: 0;
	z-index: 5;
}

.casebox.show{
	transform:scale(1) translate(0,0) skewX(0deg);
	opacity:1;
	transition:all .8s;
	z-index: 10;
}

.casebox.hide{
	transition:all .8s;
	transform: translate(0,0) skewX(0deg);
	opacity:0;
	z-index: 0;
}

.casebox  p {
	width: 100px;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	/* margin-top: 79px; */
	top: auto;
	bottom: 4px;
	text-shadow: 1px 1px #6A5859 ;
}

div.casebox1 {
	right: 0px; bottom: 0px; 
}

div.casebox2 {
	right: 105px; bottom: 0px; 	
}

div.casebox4 {
	right: 210px; bottom: 0px; 	
}

div.casebox7 {
	right: 315px; bottom: 0px; 	
}

div.casebox3 {
	right: 0px; bottom: 112px; 
}

div.casebox5 {
	right: 105px; bottom: 112px; 
}

div.casebox6 {
	right: 0px; bottom: 224px; 
}

div.casebox8 {
	right: 105px; bottom: 224px; 
}

div.casebox9 {
	right: 0px; bottom: 336px; 
}

}

/*---------------------------------------------------------------------------------------------------------------*/
/*---iPhone-6-Plus-----------------------------------------------------------------------------------------------*/
@media screen and (max-width:425px) and (min-width:414px){

.contBox {
	position: relative;
	border-top: 2px solid #007CB7;
	margin-top: 10px;
}

/*---------------------------------------------*/

.mapBox {
	width: 95%;
	height: 380px;
	background-image: url(../imgs/map/case-map.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
	margin-bottom: 0px;
	clear: both;
}

.mapBox-ov1 {
	background-image: url(../imgs/map/case-map-ov1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
}

.mapBox-ov2 {
	background-image: url(../imgs/map/case-map-ov2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
}

.mapBox-ov3 {
	background-image: url(../imgs/map/case-map-ov3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
}

.mapBox-ov4 {
	background-image: url(../imgs/map/case-map-ov4.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
}

.mapBox-ov5 {
	background-image: url(../imgs/map/case-map-ov5.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
}

#map001,
#map002,
#map003,
#map004,
#map005
{
	display: none;
	font-size: 0px;
	visibility : hidden ;
	height: 0;
}

/*
#map001 {
	width: 160px;
	height: 145px;
	display: block;
	position: absolute;
	left: 750px;
	z-index: auto;
}

#map002 {
	width: 70px;
	height: 200px;
	display: block;
	top: 160px;
	position: absolute;
	left: 750px;
	z-index: 98;
}

#map003 {
	width: 190px;
	height: 110px;
	display: block;
	position: absolute;
	top: 300px;
	left: 550px;
	z-index: 97;
}

#map004 {
	width: 60px;
	height: 50px;
	display: block;
	position: absolute;
	top: 400px;
	left: 580px;
	z-index: 96;
}

#map005 {
	width: 65px;
	height: 80px;
	display: block;
	position: absolute;
	top: 400px;
	left: 500px;
	z-index: 95;
}
*/

/*---------------------------------------------*/

.maplf {
	margin-top: 15px;
	margin-left: 0px;
	float: left;
}

/*---------------------------------------------*/

.title {
	width: 90%;
	text-align: left;
	border-bottom: 1px solid #AAAAAA;
	margin-bottom: 15px;
	padding: 0px 5px;
}

.title h1 {
	color: #DA5002;
	font-size: 26px;
	line-height: 36px;
	font-weight: bold;
}

.title p {
	font-size: 16px;
	line-height: 26px;
}

.title h1, .title p {
	margin-bottom: 10px;
}

/*---------------------------------------------*/

.mapselc {
	width: 100%;
	text-align: left;
	margin: 30px 0px;;
	height: auto;
}

.mapselc h2 {
	color: #DA5002;
	font-size: 21px;
	line-height: 24px;
	font-weight: bold;
}

.mapselc p {
	font-size: 16px;
	line-height: 26px;
}

.mapselc h2, .mapselc p {
	margin-bottom: 10px;
}

.mapselc ul {
	margin-top: 15px;
}

.mapselc ul li {
	margin: 0px;
	padding: 0px;
	float: left;
}

.mm01,
.mm02,
.mm03,
.mm04,
.mm05,
.mm00
{
	display: block;
	width: 193px;
	height: 29px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/*---------------------------------------------*/

.maprt {
	display: none;
	font-size: 0px;
	visibility : hidden ;
	height: 0;
}

.maprt a img {
	border-top: 2px solid #DA5002;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
}

.maprt a:hover img {
	border: 2px solid #DA5002;
	border-radius: 4px;
}

.casebox {
	width: 100px; 
	height: 100px;
	margin-right: 5px;
	margin-bottom: 2px;
	top: auto;
	position: absolute;
	display:block;
	transform: scale(1)  translate(-20px,0px)  ; 
	opacity: 0;
	z-index: 5;
}

.casebox.show{
	transform:scale(1) translate(0,0) skewX(0deg);
	opacity:1;
	transition:all .8s;
	z-index: 10;
}

.casebox.hide{
	transition:all .8s;
	transform: translate(0,0) skewX(0deg);
	opacity:0;
	z-index: 0;
}

.casebox  p {
	width: 100px;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	/* margin-top: 79px; */
	top: auto;
	bottom: 4px;
	text-shadow: 1px 1px #6A5859 ;
}

div.casebox1 {
	right: 0px; bottom: 0px; 
}

div.casebox2 {
	right: 105px; bottom: 0px; 	
}

div.casebox4 {
	right: 210px; bottom: 0px; 	
}

div.casebox7 {
	right: 315px; bottom: 0px; 	
}

div.casebox3 {
	right: 0px; bottom: 112px; 
}

div.casebox5 {
	right: 105px; bottom: 112px; 
}

div.casebox6 {
	right: 0px; bottom: 224px; 
}

div.casebox8 {
	right: 105px; bottom: 224px; 
}

div.casebox9 {
	right: 0px; bottom: 336px; 
}

}

/*---------------------------------------------------------------------------------------------------------------*/
/*---iPad+Mini---------------------------------------------------------------------------------------------------*/
@media screen and (max-width:780px) and (min-width:768px){

.contBox {
	position: relative;
	border-top: 2px solid #007CB7;
}

/*---------------------------------------------*/

.mapBox {
	width: 95%;
	height: 520px;
	background-image: url(../imgs/map/case-map.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 0px;
	clear: both;
}

.mapBox-ov1 {
	background-image: url(../imgs/map/case-map-ov1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.mapBox-ov2 {
	background-image: url(../imgs/map/case-map-ov2.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

.mapBox-ov3 {
	background-image: url(../imgs/map/case-map-ov3.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

.mapBox-ov4 {
	background-image: url(../imgs/map/case-map-ov4.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

.mapBox-ov5 {
	background-image: url(../imgs/map/case-map-ov5.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

#map001 {
	width: 160px;
	height: 145px;
	display: block;
	position: absolute;
	left: 750px;
	z-index: auto;
}

#map002 {
	width: 70px;
	height: 200px;
	display: block;
	top: 160px;
	position: absolute;
	left: 750px;
	z-index: 98;
}

#map003 {
	width: 190px;
	height: 110px;
	display: block;
	position: absolute;
	top: 300px;
	left: 550px;
	z-index: 97;
}

#map004 {
	width: 60px;
	height: 50px;
	display: block;
	position: absolute;
	top: 400px;
	left: 580px;
	z-index: 96;
}

#map005 {
	width: 65px;
	height: 80px;
	display: block;
	position: absolute;
	top: 400px;
	left: 500px;
	z-index: 95;
}

/*---------------------------------------------*/

.maplf {
	margin-top: 35px;
	margin-left: 0px;
	float: left;
}

/*---------------------------------------------*/

.title {
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #AAAAAA;
	margin-bottom: 15px;
	padding: 0px 5px;
}

.title h1 {
	color: #DA5002;
	font-size: 26px;
	line-height: 36px;
	font-weight: bold;
}

.title p {
	font-size: 16px;
	line-height: 26px;
}

.title h1, .title p {
	margin-bottom: 10px;
}

/*---------------------------------------------*/

.mapselc {
	width: 100%;
	text-align: left;
	margin: 30px 0px;;
	height: auto;
}

.mapselc h2 {
	color: #DA5002;
	font-size: 21px;
	line-height: 24px;
	font-weight: bold;
}

.mapselc p {
	font-size: 16px;
	line-height: 26px;
}

.mapselc h2, .mapselc p {
	margin-bottom: 10px;
}

.mapselc ul {
	margin-top: 15px;
}

.mapselc ul li {
	margin: 0px;
	padding: 0px;
	float: left;
}

.mm01,
.mm02,
.mm03,
.mm04,
.mm05,
.mm00
{
	display: block;
	width: 193px;
	height: 29px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/*---------------------------------------------*/

.maprt {
	display: none;
	font-size: 0px;
	visibility : hidden ;
	height: 0;
}

.maprt a img {
	border-top: 2px solid #DA5002;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
}

.maprt a:hover img {
	border: 2px solid #DA5002;
	border-radius: 4px;
}

.casebox {
	width: 100px; 
	height: 100px;
	margin-right: 5px;
	margin-bottom: 2px;
	top: auto;
	position: absolute;
	display:block;
	transform: scale(1)  translate(-20px,0px)  ; 
	opacity: 0;
	z-index: 5;
}

.casebox.show{
	transform:scale(1) translate(0,0) skewX(0deg);
	opacity:1;
	transition:all .8s;
	z-index: 10;
}

.casebox.hide{
	transition:all .8s;
	transform: translate(0,0) skewX(0deg);
	opacity:0;
	z-index: 0;
}

.casebox  p {
	width: 100px;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	/* margin-top: 79px; */
	top: auto;
	bottom: 4px;
	text-shadow: 1px 1px #6A5859 ;
}

div.casebox1 {
	right: 0px; bottom: 0px; 
}

div.casebox2 {
	right: 105px; bottom: 0px; 	
}

div.casebox4 {
	right: 210px; bottom: 0px; 	
}

div.casebox7 {
	right: 315px; bottom: 0px; 	
}

div.casebox3 {
	right: 0px; bottom: 112px; 
}

div.casebox5 {
	right: 105px; bottom: 112px; 
}

div.casebox6 {
	right: 0px; bottom: 224px; 
}

div.casebox8 {
	right: 105px; bottom: 224px; 
}

div.casebox9 {
	right: 0px; bottom: 336px; 
}

}

/*---------------------------------------------------------------------------------------------------------------*/
/*---Android-----------------------------------------------------------------------------------------------------*/
@media screen and (max-width:370px) and (min-width:360px){

.contBox {
	position: relative;
	border-top: 2px solid #007CB7;
	margin-top: 10px;
}

/*---------------------------------------------*/

.mapBox {
	width: 95%;
	height: 330px;
	background-image: url(../imgs/map/case-map.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
	margin-bottom: 0px;
	clear: both;
}

.mapBox-ov1 {
	background-image: url(../imgs/map/case-map-ov1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
}

.mapBox-ov2 {
	background-image: url(../imgs/map/case-map-ov2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
}

.mapBox-ov3 {
	background-image: url(../imgs/map/case-map-ov3.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
}

.mapBox-ov4 {
	background-image: url(../imgs/map/case-map-ov4.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
}

.mapBox-ov5 {
	background-image: url(../imgs/map/case-map-ov5.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 95%;
}

#map001,
#map002,
#map003,
#map004,
#map005
{
	display: none;
	font-size: 0px;
	visibility : hidden ;
	height: 0;
}

/*
#map001 {
	width: 160px;
	height: 145px;
	display: block;
	position: absolute;
	left: 750px;
	z-index: auto;
}

#map002 {
	width: 70px;
	height: 200px;
	display: block;
	top: 160px;
	position: absolute;
	left: 750px;
	z-index: 98;
}

#map003 {
	width: 190px;
	height: 110px;
	display: block;
	position: absolute;
	top: 300px;
	left: 550px;
	z-index: 97;
}

#map004 {
	width: 60px;
	height: 50px;
	display: block;
	position: absolute;
	top: 400px;
	left: 580px;
	z-index: 96;
}

#map005 {
	width: 65px;
	height: 80px;
	display: block;
	position: absolute;
	top: 400px;
	left: 500px;
	z-index: 95;
}
*/

/*---------------------------------------------*/

.maplf {
	margin-top: 15px;
	margin-left: 0px;
	float: left;
}

/*---------------------------------------------*/

.title {
	width: 90%;
	text-align: left;
	border-bottom: 1px solid #AAAAAA;
	margin-bottom: 15px;
	padding: 0px 5px;
}

.title h1 {
	color: #DA5002;
	font-size: 26px;
	line-height: 36px;
	font-weight: bold;
}

.title p {
	font-size: 16px;
	line-height: 26px;
}

.title h1, .title p {
	margin-bottom: 10px;
}

/*---------------------------------------------*/

.mapselc {
	width: 100%;
	text-align: left;
	margin: 30px 0px;;
	height: auto;
}

.mapselc h2 {
	color: #DA5002;
	font-size: 21px;
	line-height: 24px;
	font-weight: bold;
}

.mapselc p {
	font-size: 16px;
	line-height: 26px;
}

.mapselc h2, .mapselc p {
	margin-bottom: 10px;
}

.mapselc ul {
	margin-top: 15px;
}

.mapselc ul li {
	margin: 0px;
	padding: 0px;
	float: left;
}

.mm01,
.mm02,
.mm03,
.mm04,
.mm05,
.mm00
{
	display: block;
	width: 165px;
	height: 29px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/*---------------------------------------------*/

.maprt {
	display: none;
	font-size: 0px;
	visibility : hidden ;
	height: 0;
}

.maprt a img {
	border-top: 2px solid #DA5002;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
}

.maprt a:hover img {
	border: 2px solid #DA5002;
	border-radius: 4px;
}

.casebox {
	width: 100px; 
	height: 100px;
	margin-right: 5px;
	margin-bottom: 2px;
	top: auto;
	position: absolute;
	display:block;
	transform: scale(1)  translate(-20px,0px)  ; 
	opacity: 0;
	z-index: 5;
}

.casebox.show{
	transform:scale(1) translate(0,0) skewX(0deg);
	opacity:1;
	transition:all .8s;
	z-index: 10;
}

.casebox.hide{
	transition:all .8s;
	transform: translate(0,0) skewX(0deg);
	opacity:0;
	z-index: 0;
}

.casebox  p {
	width: 100px;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	/* margin-top: 79px; */
	top: auto;
	bottom: 4px;
	text-shadow: 1px 1px #6A5859 ;
}

div.casebox1 {
	right: 0px; bottom: 0px; 
}

div.casebox2 {
	right: 105px; bottom: 0px; 	
}

div.casebox4 {
	right: 210px; bottom: 0px; 	
}

div.casebox7 {
	right: 315px; bottom: 0px; 	
}

div.casebox3 {
	right: 0px; bottom: 112px; 
}

div.casebox5 {
	right: 105px; bottom: 112px; 
}

div.casebox6 {
	right: 0px; bottom: 224px; 
}

div.casebox8 {
	right: 105px; bottom: 224px; 
}

div.casebox9 {
	right: 0px; bottom: 336px; 
}

}

/*---------------------------------------------------------------------------------------------------------------*/