body
{
    word-break: break-all;
}

@media only screen and (min-width: 751px)
{
    .main .inbox
    {
        width: 1024px;
        margin: 0 auto;
    }

    .main .box-L
    {
        position: relative;
    }


		.floor 
		{
			background: none #fff;
			margin: 0 0 40px;
		}
		.floor div 
		{
			display: inline-block;
			vertical-align: top;
		}
		.floor div img {
			width: 100%;
			height: auto;
		}
		.floor div:nth-child(1)
		{
			width: 515px;
			margin: 29px 0 0 43px;
		}
		.floor div:nth-child(2)
		{
			width: 375px;
			margin: 29px 0 0 40px;
		}
		.floor div p 
		{
			border: 1px solid #dfe4e7;
			background: none #f5f5f5;
			text-align: center;
			padding: 12px 0;	
			margin-bottom: 20px;
		}
		.floor ul
		{
			color: #84878b;
			padding: 40px 10px 10px;
		}
		.floor ul li
		{
			margin: 0 0 5px;
			font-size: 12px;
		}

		.detail
		{
			display: inline-block;
			vertical-align: top;
			width: 310px;
			height: 215px;
			border-top: 2px solid #005fa3;
			margin: 0 0 50px;
			position: relative;
		}
		.detail dt
		{
			font-weight: bold;
			font-size: 16px;
			margin: 17px 0;
			color: #005fa3;
		}
		.detail dd
		{
			letter-spacing: .05em;
			font-size: 14px;
		}
		.detail p
		{
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			padding: 10px 0;
			background: none #fff;
		}
		.detail p span 
		{
			display: inline-block;
			font-size: 12px;
			margin: 0 0 0 20px;
		}
		.detail p em:nth-of-type(1)
		{
			font-family: "Oswald";
			font-weight: 400;
			font-size: 12px;
			letter-spacing: 0px;
			color: #fff;
			display: inline-block;
			width: 48px;
			text-align: center;
			border-radius: 4px;
			margin: 0 3px;
			background: none #a65608;
		}
		.detail p em:nth-of-type(2)
		{
			font-family: "Oswald";
			font-weight: 400;
			font-size: 12px;
			letter-spacing: 0px;
			color: #fff;
			border-radius: 4px;
			width: 48px;
			text-align: center;
			margin: 0 3px;
			display: inline-block;
			background: none #2091d8;
		}
		.detail p em:nth-of-type(3)
		{
			font-family: "Oswald";
			font-weight: 400;
			font-size: 12px;
			letter-spacing: 0px;
			color: #fff;
			border-radius: 4px;
			width: 48px;
			text-align: center;
			margin: 0 3px;
			display: inline-block;
			background: none #c3a11b;
		}
		.details div:nth-child(3n-1)
		{
			margin: 0 41px;
		}

	
}

@media only screen and (max-width: 750px)
{
    body
    {
        //background: url(../images/top_bg.gif) repeat center top !important;
    }

    .main .inbox
    {
        margin: 0 auto;
    }

    .main .box-L
    {
        position: relative;
    }

		.floor 
		{
			background: none #fff;
			padding: 60px 20px 10px;
			margin: 0 0 40px;
			transform: translateY(-35px);
		}
		.floor div 
		{
		}
		.floor div img {
			width: 100%;
			height: auto;
		}
		.floor div:nth-child(1)
		{
		}
		.floor div:nth-child(2)
		{
			margin: 50px 0 0;
		}
		.floor div p 
		{
			border: 1px solid #dfe4e7;
			background: none #f5f5f5;
			text-align: center;
			padding: 12px 0;	
			margin-bottom: 20px;
		}
		.floor ul
		{
			color: #84878b;
			padding: 40px 0px 10px;
		}
		.floor ul li
		{
			margin: 0 0 5px;
			font-size: 1.2rem;
			line-height: 1.4;
		}
		.floor ul li span
		{
			display: block;
		}
		


		.detail
		{
			display: inline-block;
			vertical-align: top;
			border-top: 6px solid #005fa3;
			margin: 0 20px 60px;
			position: relative;
		}
		.detail dt
		{
			font-weight: bold;
			font-size: 2rem;
			margin: 30px 0 20px;
			color: #005fa3;
		}
		.detail p
		{
			width: 100%;
			padding: 20px 0 20px 30px;
			margin: 50px 0 15px;
			background: none #fff;
		}
		.detail p span 
		{
			display: inline-block;
			margin: 0 0 0 0px;
			font-size: 1.4rem;
		}
		.detail p em
		{
			padding: 5px 10px;
			font-size: 1.4rem;
		}
		.detail p em:nth-of-type(1)
		{
			font-family: "Oswald";
			font-weight: 400;
			letter-spacing: 0px;
			color: #fff;
			display: inline-block;
			text-align: center;
			border-radius: 4px;
			margin: 0 3px;
			background: none #a65608;
		}
		.detail p em:nth-of-type(2)
		{
			font-family: "Oswald";
			font-weight: 400;
			letter-spacing: 0px;
			color: #fff;
			border-radius: 4px;
			text-align: center;
			margin: 0 3px;
			display: inline-block;
			background: none #2091d8;
		}
		.detail p em:nth-of-type(3)
		{
			font-family: "Oswald";
			font-weight: 400;
			letter-spacing: 0px;
			color: #fff;
			border-radius: 4px;
			text-align: center;
			margin: 0 3px;
			display: inline-block;
			background: none #c3a11b;
		}


}

