@media screen and (min-width: 320px) {
    .body {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0 0 50px 0;
		background-color: #FFFFFF;
	}

	.divheader {
 		width: 100%;
 	   	height: auto;
 	  	margin: 0 auto;
		padding: 10px 0;
		position: fixed;
		z-index: 1;
		top: 0;
		background-color: #FFFFFF;
	}

	.divlogo {
		width: 300px;
		height: auto;
		margin: 0 auto;
	}

	.logo {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}






	.divdesc {
		width: 98%;
		height: auto;
		margin: 90px auto 0 auto;
	}

	.descript {
		width: 100%;
		height: auto;
		padding: 10px 0;
		text-align: center;
		font-family: prompt, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #0271C1;
		background-color: #FFFFFF;
	}






	.divbanner1 {
		width: 98%;
		height: auto;
		margin: 20px auto 0 auto;
		background-color: #0271C1;
	}

	.space2 {
		width: 98%;
		height: 10px;
		margin: 0 auto;
		background-color: #0271C1;
	}

	.divad1 {
		width: 100%;
		height: auto;
	}

	.ad1 {
		width: 80%;
		height: auto;
		margin: 0 0 0 auto;
		padding: 10px 0;
		text-align: center;
		font-family: prompt, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #000000;
		border-right: 1px solid #0271C1;
		background-color: #FFFFFF;
	}

	.divad2 {
		width: 100%;
		height: auto;
	}

	.ad2 {
		width: 60%;
		height: auto;
		margin: 0 0 0 auto;
		padding: 10px 0;
		text-align: center;
		font-family: prompt, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #0271C1;
		border-right: 1px solid #0271C1;
		background-color: #FFFFFF;
	}






	.space3 {
		width: 98%;
		height: 5px;
		margin: 0 auto;
		background-color: #0271C1;
	}

	.divbanner2 {
		width: 98%;
		height: auto;
		margin: 0 auto;
		background-color: #0271C1;
	}

	.divad3 {
		width: 100%;
		height: auto;
	}

	.ad3-1 {
		width: 80%;
		height: auto;
		margin: 0 auto 0 0;
		padding: 15px 0 0 0;
		text-align: center;
		font-family: prompt, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #00B050;
		border-left: 1px solid #0271C1;
		background-color: #FFFFFF;
	}

	.ad3-2 {
		width: 80%;
		height: auto;
		margin: 0 auto 0 0;
		padding: 15px 0;
		text-align: center;
		font-family: prompt, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #000000;
		border-left: 1px solid #0271C1;
		background-color: #FFFFFF;
	}

	.divad4 {
		width: 100%;
		height: auto;
		border-top: 1px solid #0271C1;
	}

	.ad4-1 {
		width: 55%;
		height: auto;
		margin: 0 0 0 auto;
		padding: 15px 0 0 0;
		text-align: center;
		font-family: prompt, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #FF0000;
		border-right: 1px solid #0271C1;
		background-color: #FFFFFF;
	}

	.ad4-2 {
		width: 55%;
		height: auto;
		margin: 0 0 0 auto;
		padding: 15px 0;
		text-align: center;
		font-family: prompt, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #000000;
		border-right: 1px solid #0271C1;
		background-color: #FFFFFF;
	}






	.divbanner3 {
		width: 98%;
		height: auto;
		margin: 0 auto;
		background-color: #0271C1;
	}

	.divad5 {
		width: 100%;
		height: auto;
	}

	.ad5 {
		width: 97%;
		height: auto;
		margin: 0 0 0 auto;
		padding: 10px 0;
		text-align: center;
		font-family: prompt, sans-serif;
		font-size: 9px;
		font-weight: bold;
		color: #000000;
		border-right: 1px solid #0271C1;
		background-color: #FFFFFF;
	}






	.divcontent {
		width: 98%;
		height: auto;
		margin: 20px auto 0 auto;
		padding: 10px 0;
		background-color: #0271C1;
	}

	.divdescon1 {
		width: 90%;
		height: auto;
		margin: 0 auto;
		background-color: #FFFFFF;
	}

	.headtopic {
		width: 100%;
		height: auto;
		padding: 10px 0;
		text-align: center;
		font-family: prompt, sans-serif;
		font-size: 18px;
		font-weight: bold;
		color: #0271C1;
		background-color: #FFFFFF;
	}

	.topic1 {
		width: 100%;
		height: auto;
		padding: 5px 0;
		font-family: prompt, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #000000;
		background-color: #FFFFFF;
	}

	.topdesc1 {
		width: 100%;
		height: auto;
		padding: 5px 0;
		font-family: prompt, sans-serif;
		font-size: 12px;
		color: #000000;
		background-color: #FFFFFF;
	}

	.divdescon2 {
		width: 90%;
		height: auto;
		margin: 0 auto;
		background-color: #FFFFFF;
	}

	.topic2 {
		width: 100%;
		height: auto;
		padding: 15px 0 5px 0;
		font-family: prompt, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #000000;
		background-color: #FFFFFF;
	}

	.topdesc2 {
		width: 100%;
		height: auto;
		padding: 5px 0 15px 0;
		font-family: prompt, sans-serif;
		font-size: 12px;
		color: #000000;
		background-color: #FFFFFF;
	}






	.divwork {
        display: block;
		width: 98%;
		height: auto;
		margin: 20px auto 0 auto;
		padding: 10px 0;
		background-color: #0271C1;
	}

	.divpic1 {
		width: 90%;
		height: auto;
		margin: 0 auto;
		border: 10px solid #FFFFFF;
	}

	.pic1 {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}

	.divpic2 {
		width: 90%;
		height: auto;
		margin: 10px auto 0 auto;
		border: 10px solid #FFFFFF;
	}






    .divwork2 {
        display: none;
    }

    .divwork3 {
        display: none;
    }






	.divmaps {
		width: 98%;
		height: auto;
		margin: 20px auto 0 auto;
		padding: 10px 0;
		background-color: #0271C1;
	}

	.maps {
		width: 90%;
		height: 550px;
		margin: 0 auto;
	}

	.divdescmaps1 {
		width: 90%;
		height: auto;
		margin: 10px auto 0 auto;
		background-color: #FFFFFF
	}

	.topdescmaps {
		width: 120px;
		height: auto;
		margin: 0 auto;
		padding: 10px 0;
		text-align: center;
		font-family: prompt, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #FFFFFF;
		background-color: #0271C1;
		border-radius: 10px;
	}

	.descmaps {
		width: 100%;
		height: auto;
		padding: 2px 0;
		text-align: center;
		font-family: prompt, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #000000;
		background-color: #FFFFFF;
	}

	.divdescmaps2 {
		width: 90%;
		height: auto;
		margin: 0 auto;
		background-color: #FFFFFF
	}

	.divdescmaps3 {
		width: 90%;
		height: auto;
		margin: 10px auto 0 auto;
		background-color: #FFFFFF
	}







    .call {
        display: block;
	    width: 70px;
	    height: 70px;
	    margin: 0 auto;
	    border-radius: 100%;
	    background-image: url('https://tb-law-office.com/image/call.png');
	    background-repeat: no-repeat;
	    background-size: 70px;
	    cursor: pointer;
	    position: fixed;
	    z-index: 0;
	    right: 20px;
	    bottom: 20px;
	    overflow: hidden;
	    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	    animation-name: spin;
	    animation-duration: 0.6s;
	    animation-timing-function: linear;
	    animation-iteration-count: infinite;
    }

    .divctc {
        display: block;
	    width: 100px;
	    height: auto;
        padding: 5px 0 5px 0;
	    border-radius: 10px;
	    background-color: #0000FF;
	    position: fixed;
	    z-index: 0;
	    right: 5px;
	    bottom: 95px;
	    overflow:hidden;
	    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		text-align: center;
	    font-family: IBM Plex Sans Thai;
        font-size: 16px;
        font-weight: bold;
        color: #FFFFFF;
    }


    @keyframes spin {
	    from {
		    transform: rotate(0deg);
	    }
	    5% {
		    transform: rotate(20deg);
	    }
	    10% {
		    transform: rotate(0deg);
	    }
	    15% {
		    transform: rotate(-20deg);
	    }
	    20% {
		    transform: rotate(0deg);
	    }
	    25% {
		    transform: rotate(20deg);
	    }
	    30% {
	    	transform: rotate(0deg);
	    }
	    35% {
		    transform: rotate(-20deg);
	    }
	    40% {
		    transform: rotate(0deg);
	    }
	    45% {
		    transform: rotate(20deg);
	    }
	    50% {
		    transform: rotate(0deg);
	    }
	    55% {
		    transform: rotate(-20deg);
	    }
	    60% {
		    transform: rotate(0deg);
	    }
	    65% {
		    transform: rotate(0deg);
	    }
	    70% {
		    transform: rotate(0deg);
	    }
	    75% {
		    transform: rotate(0deg);
	    }
	    80% {
		    transform: rotate(0deg);
	    }
	    85% {
		    transform: rotate(0deg);
	    }
	    90% {
		    transform: rotate(0deg);
	    }
	    95% {
		    transform: rotate(0deg);
	    }
	    to {
		    transform: rotate(0deg);
	    }
    }
}





























@media screen and (min-width: 480px) {
    .body {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0 0 50px 0;
        background-color: #FFFFFF;
    }

    .divheader {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 10px 0;
        position: absolute;
        background-color: #FFFFFF;
    }

    .divlogo {
        width: 350px;
        height: auto;
        margin: 0 0 0 30px;
    }

    .logo {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }






    .divdesc {
        width: 98%;
        height: auto;
        margin: 100px auto 0 auto;
    }

    .descript {
        width: 100%;
        height: auto;
        padding: 10px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 15px;
        font-weight: bold;
        color: #0271C1;
        background-color: #FFFFFF;
    }






    .divbanner1 {
        width: 98%;
        height: auto;
        margin: 20px auto 0 auto;
        background-color: #0271C1;
    }

    .space2 {
        width: 98%;
        height: 10px;
        margin: 0 auto;
        background-color: #0271C1;
    }

    .divad1 {
        width: 100%;
        height: auto;
    }

    .ad1 {
        width: 80%;
        height: auto;
        margin: 0 0 0 auto;
        padding: 10px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 17px;
        font-weight: bold;
        color: #000000;
        border-right: 1px solid #0271C1;
        background-color: #FFFFFF;
    }

    .divad2 {
        width: 100%;
        height: auto;
    }

    .ad2 {
        width: 60%;
        height: auto;
        margin: 0 0 0 auto;
        padding: 10px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 17px;
        font-weight: bold;
        color: #0271C1;
        border-right: 1px solid #0271C1;
        background-color: #FFFFFF;
    }






    .space3 {
        width: 98%;
        height: 5px;
        margin: 0 auto;
        background-color: #0271C1;
    }

    .divbanner2 {
        width: 98%;
        height: auto;
        margin: 0 auto;
        background-color: #0271C1;
    }

    .divad3 {
        width: 100%;
        height: auto;
    }

    .ad3-1 {
        width: 80%;
        height: auto;
        margin: 0 auto 0 0;
        padding: 15px 0 0 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 17px;
        font-weight: bold;
        color: #00B050;
        border-left: 1px solid #0271C1;
        background-color: #FFFFFF;
    }

    .ad3-2 {
        width: 80%;
        height: auto;
        margin: 0 auto 0 0;
        padding: 15px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #000000;
        border-left: 1px solid #0271C1;
        background-color: #FFFFFF;
    }

    .divad4 {
        width: 100%;
        height: auto;
        border-top: 1px solid #0271C1;
    }

    .ad4-1 {
        width: 55%;
        height: auto;
        margin: 0 0 0 auto;
        padding: 15px 0 0 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 19px;
        font-weight: bold;
        color: #FF0000;
        border-right: 1px solid #0271C1;
        background-color: #FFFFFF;
    }

    .ad4-2 {
        width: 55%;
        height: auto;
        margin: 0 0 0 auto;
        padding: 15px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 17px;
        font-weight: bold;
        color: #000000;
        border-right: 1px solid #0271C1;
        background-color: #FFFFFF;
    }






    .divbanner3 {
        width: 98%;
        height: auto;
        margin: 0 auto;
        background-color: #0271C1;
    }

    .divad5 {
        width: 100%;
        height: auto;
    }

    .ad5 {
        width: 90%;
        height: auto;
        margin: 0 0 0 auto;
        padding: 10px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #000000;
        border-right: 1px solid #0271C1;
        background-color: #FFFFFF;
    }






    .divcontent {
        width: 98%;
        height: auto;
        margin: 20px auto 0 auto;
        padding: 10px 0;
        background-color: #0271C1;
    }

    .divdescon1 {
        width: 90%;
        height: auto;
        margin: 0 auto;
        background-color: #FFFFFF;
    }

    .headtopic {
        width: 100%;
        height: auto;
        padding: 10px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #0271C1;
        background-color: #FFFFFF;
    }

    .topic1 {
        width: 100%;
        height: auto;
        padding: 5px 0;
        font-family: prompt, sans-serif;
        font-size: 17px;
        font-weight: bold;
        color: #000000;
        background-color: #FFFFFF;
    }

    .topdesc1 {
        width: 100%;
        height: auto;
        padding: 5px 0;
        font-family: prompt, sans-serif;
        font-size: 15px;
        color: #000000;
        background-color: #FFFFFF;
    }

    .divdescon2 {
        width: 90%;
        height: auto;
        margin: 0 auto;
        background-color: #FFFFFF;
    }

    .topic2 {
        width: 100%;
        height: auto;
        padding: 15px 0 5px 0;
        font-family: prompt, sans-serif;
        font-size: 17px;
        font-weight: bold;
        color: #000000;
        background-color: #FFFFFF;
    }

    .topdesc2 {
        width: 100%;
        height: auto;
        padding: 5px 0 15px 0;
        font-family: prompt, sans-serif;
        font-size: 15px;
        color: #000000;
        background-color: #FFFFFF;
    }






    .divwork {
        display: block;
        width: 98%;
        height: auto;
        margin: 20px auto 0 auto;
        padding: 10px 0;
        background-color: #0271C1;
    }

    .divpic1 {
        width: 90%;
        height: auto;
        margin: 0 auto;
        border: 10px solid #FFFFFF;
    }

    .pic1 {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }

    .divpic2 {
        width: 90%;
        height: auto;
        margin: 10px auto 0 auto;
        border: 10px solid #FFFFFF;
    }






    .divwork2 {
        display: none;
    }

    .divwork3 {
        display: none;
    }






    .divmaps {
        width: 98%;
        height: auto;
        margin: 20px auto 0 auto;
        padding: 10px 0;
        background-color: #0271C1;
    }

    .maps {
        width: 90%;
        height: 550px;
        margin: 0 auto;
    }

    .divdescmaps1 {
        width: 90%;
        height: auto;
        margin: 10px auto 0 auto;
        background-color: #FFFFFF
    }

    .topdescmaps {
        width: 180px;
        height: auto;
        margin: 0 auto;
        padding: 15px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 20px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #0271C1;
        border-radius: 10px;
    }

    .descmaps {
        width: 100%;
        height: auto;
        padding: 2px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 17px;
        font-weight: bold;
        color: #000000;
        background-color: #FFFFFF;
    }

    .divdescmaps2 {
        width: 90%;
        height: auto;
        margin: 0 auto;
        background-color: #FFFFFF
    }

    .divdescmaps3 {
        width: 90%;
        height: auto;
        margin: 10px auto 0 auto;
        background-color: #FFFFFF
    }






    .call {
        display: none;
    }

    .divctc {
        display: none;
    }
}



















@media screen and (min-width: 768px) {
    .body {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0 0 50px 0;
        background-color: #FFFFFF;
    }

    .divheader {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 10px 0;
        position: absolute;
        background-color: #FFFFFF;
    }

    .divlogo {
        width: 450px;
        height: auto;
        margin: 0 0 0 30px;
    }

    .logo {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }






    .divdesc {
        width: 98%;
        height: auto;
        margin: 120px auto 0 auto;
    }

    .descript {
        width: 100%;
        height: auto;
        padding: 10px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #0271C1;
        background-color: #FFFFFF;
    }






    .divbanner1 {
        width: 98%;
        height: auto;
        margin: 20px auto 0 auto;
        background-color: #0271C1;
    }

    .space2 {
        width: 98%;
        height: 10px;
        margin: 0 auto;
        background-color: #0271C1;
    }

    .divad1 {
        width: 100%;
        height: auto;
    }

    .ad1 {
        width: 70%;
        height: auto;
        margin: 0 0 0 auto;
        padding: 10px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #000000;
        border-right: 1px solid #0271C1;
        background-color: #FFFFFF;
    }

    .divad2 {
        width: 100%;
        height: auto;
    }

    .ad2 {
        width: 50%;
        height: auto;
        margin: 0 0 0 auto;
        padding: 10px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #0271C1;
        border-right: 1px solid #0271C1;
        background-color: #FFFFFF;
    }






    .space3 {
        width: 98%;
        height: 5px;
        margin: 0 auto;
        background-color: #0271C1;
    }

    .divbanner2 {
        width: 98%;
        height: auto;
        margin: 0 auto;
        background-color: #0271C1;
    }

    .divad3 {
        width: 100%;
        height: auto;
    }

    .ad3-1 {
        width: 70%;
        height: auto;
        margin: 0 auto 0 0;
        padding: 15px 0 0 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #00B050;
        border-left: 1px solid #0271C1;
        background-color: #FFFFFF;
    }

    .ad3-2 {
        width: 70%;
        height: auto;
        margin: 0 auto 0 0;
        padding: 15px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #000000;
        border-left: 1px solid #0271C1;
        background-color: #FFFFFF;
    }

    .divad4 {
        width: 100%;
        height: auto;
        border-top: 1px solid #0271C1;
    }

    .ad4-1 {
        width: 50%;
        height: auto;
        margin: 0 0 0 auto;
        padding: 15px 0 0 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 24px;
        font-weight: bold;
        color: #FF0000;
        border-right: 1px solid #0271C1;
        background-color: #FFFFFF;
    }

    .ad4-2 {
        width: 50%;
        height: auto;
        margin: 0 0 0 auto;
        padding: 15px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #000000;
        border-right: 1px solid #0271C1;
        background-color: #FFFFFF;
    }






    .divbanner3 {
        width: 98%;
        height: auto;
        margin: 0 auto;
        background-color: #0271C1;
    }

    .divad5 {
        width: 100%;
        height: auto;
    }

    .ad5 {
        width: 85%;
        height: auto;
        margin: 0 0 0 auto;
        padding: 10px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #000000;
        border-right: 1px solid #0271C1;
        background-color: #FFFFFF;
    }






    .divcontent {
        width: 98%;
        height: auto;
        margin: 20px auto 0 auto;
        padding: 10px 0;
        background-color: #0271C1;
    }

    .divdescon1 {
        width: 90%;
        height: auto;
        margin: 0 auto;
        background-color: #FFFFFF;
    }

    .headtopic {
        width: 100%;
        height: auto;
        padding: 10px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 26px;
        font-weight: bold;
        color: #0271C1;
        background-color: #FFFFFF;
    }

    .topic1 {
        width: 100%;
        height: auto;
        padding: 5px 0;
        font-family: prompt, sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #000000;
        background-color: #FFFFFF;
    }

    .topdesc1 {
        width: 100%;
        height: auto;
        padding: 5px 0;
        font-family: prompt, sans-serif;
        font-size: 20px;
        color: #000000;
        background-color: #FFFFFF;
    }

    .divdescon2 {
        width: 90%;
        height: auto;
        margin: 0 auto;
        background-color: #FFFFFF;
    }

    .topic2 {
        width: 100%;
        height: auto;
        padding: 15px 0 5px 0;
        font-family: prompt, sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #000000;
        background-color: #FFFFFF;
    }

    .topdesc2 {
        width: 100%;
        height: auto;
        padding: 5px 0 15px 0;
        font-family: prompt, sans-serif;
        font-size: 20px;
        color: #000000;
        background-color: #FFFFFF;
    }






    .divwork {
        display: block;
        width: 98%;
        height: auto;
        margin: 20px auto 0 auto;
        padding: 10px 0;
        background-color: #0271C1;
    }

    .divpic1 {
        width: 90%;
        height: auto;
        margin: 0 auto;
        border: 10px solid #FFFFFF;
    }

    .pic1 {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }

    .divpic2 {
        width: 90%;
        height: auto;
        margin: 10px auto 0 auto;
        border: 10px solid #FFFFFF;
    }






    .divwork2 {
        display: none;
    }

    .divwork3 {
        display: none;
    }






    .divmaps {
        width: 98%;
        height: auto;
        margin: 20px auto 0 auto;
        padding: 15px 0;
        background-color: #0271C1;
    }

    .maps {
        width: 90%;
        height: 550px;
        margin: 0 auto;
    }

    .divdescmaps1 {
        width: 90%;
        height: auto;
        margin: 10px auto 0 auto;
        background-color: #FFFFFF
    }

    .topdescmaps {
        width: 200px;
        height: auto;
        margin: 0 auto;
        padding: 10px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #0271C1;
        border-radius: 10px;
    }

    .descmaps {
        width: 100%;
        height: auto;
        padding: 2px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 20px;
        font-weight: bold;
        color: #000000;
        background-color: #FFFFFF;
    }

    .divdescmaps2 {
        width: 90%;
        height: auto;
        margin: 0 auto;
        background-color: #FFFFFF
    }

    .divdescmaps3 {
        width: 90%;
        height: auto;
        margin: 10px auto 0 auto;
        background-color: #FFFFFF
    }






    .call {
        display: none;
    }

    .divctc {
        display: none;
    }
}



















@media screen and (min-width: 992px) {
    .body {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 900px;
        height: auto;
        margin: 0 auto;
        padding: 0 0 50px 0;
        background-color: #FFFFFF;
    }

    .divheader {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 10px 0;
        position: absolute;
        background-color: #FFFFFF;
    }

    .divlogo {
        width: 450px;
        height: auto;
        margin: 0 0 0 30px;
    }

    .logo {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }






    .divdesc {
        width: 98%;
        height: auto;
        margin: 120px auto 0 auto;
    }

    .descript {
        width: 100%;
        height: auto;
        padding: 10px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #0271C1;
        background-color: #FFFFFF;
    }






    .divbanner1 {
        width: 98%;
        height: auto;
        margin: 20px auto 0 auto;
        background-color: #0271C1;
    }

    .space2 {
        width: 98%;
        height: 10px;
        margin: 0 auto;
        background-color: #0271C1;
    }

    .divad1 {
        width: 100%;
        height: auto;
    }

    .ad1 {
        width: 60%;
        height: auto;
        margin: 0 0 0 auto;
        padding: 10px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #000000;
        border-right: 1px solid #0271C1;
        background-color: #FFFFFF;
    }

    .divad2 {
        width: 100%;
        height: auto;
    }

    .ad2 {
        width: 45%;
        height: auto;
        margin: 0 0 0 auto;
        padding: 10px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #0271C1;
        border-right: 1px solid #0271C1;
        background-color: #FFFFFF;
    }






    .space3 {
        width: 98%;
        height: 5px;
        margin: 0 auto;
        background-color: #0271C1;
    }

    .divbanner2 {
        width: 98%;
        height: auto;
        margin: 0 auto;
        background-color: #0271C1;
    }

    .divad3 {
        width: 100%;
        height: auto;
    }

    .ad3-1 {
        width: 60%;
        height: auto;
        margin: 0 auto 0 0;
        padding: 15px 0 0 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #00B050;
        border-left: 1px solid #0271C1;
        background-color: #FFFFFF;
    }

    .ad3-2 {
        width: 60%;
        height: auto;
        margin: 0 auto 0 0;
        padding: 15px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #000000;
        border-left: 1px solid #0271C1;
        background-color: #FFFFFF;
    }

    .divad4 {
        width: 100%;
        height: auto;
        border-top: 1px solid #0271C1;
    }

    .ad4-1 {
        width: 45%;
        height: auto;
        margin: 0 0 0 auto;
        padding: 15px 0 0 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 24px;
        font-weight: bold;
        color: #FF0000;
        border-right: 1px solid #0271C1;
        background-color: #FFFFFF;
    }

    .ad4-2 {
        width: 45%;
        height: auto;
        margin: 0 0 0 auto;
        padding: 15px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #000000;
        border-right: 1px solid #0271C1;
        background-color: #FFFFFF;
    }






    .divbanner3 {
        width: 98%;
        height: auto;
        margin: 0 auto;
        background-color: #0271C1;
    }

    .divad5 {
        width: 100%;
        height: auto;
    }

    .ad5 {
        width: 75%;
        height: auto;
        margin: 0 0 0 auto;
        padding: 10px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #000000;
        border-right: 1px solid #0271C1;
        background-color: #FFFFFF;
    }






    .divcontent {
        width: 98%;
        height: auto;
        margin: 20px auto 0 auto;
        padding: 10px 0;
        background-color: #0271C1;
    }

    .divdescon1 {
        width: 90%;
        height: auto;
        margin: 0 auto;
        background-color: #FFFFFF;
    }

    .headtopic {
        width: 100%;
        height: auto;
        padding: 10px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 28px;
        font-weight: bold;
        color: #0271C1;
        background-color: #FFFFFF;
    }

    .topic1 {
        width: 100%;
        height: auto;
        padding: 10px 0;
        font-family: prompt, sans-serif;
        font-size: 24px;
        font-weight: bold;
        color: #000000;
        background-color: #FFFFFF;
    }

    .topdesc1 {
        width: 100%;
        height: auto;
        padding: 5px 0;
        font-family: prompt, sans-serif;
        font-size: 22px;
        color: #000000;
        background-color: #FFFFFF;
    }

    .divdescon2 {
        width: 90%;
        height: auto;
        margin: 0 auto;
        background-color: #FFFFFF;
    }

    .topic2 {
        width: 100%;
        height: auto;
        padding: 15px 0 10px 0;
        font-family: prompt, sans-serif;
        font-size: 24px;
        font-weight: bold;
        color: #000000;
        background-color: #FFFFFF;
    }

    .topdesc2 {
        width: 100%;
        height: auto;
        padding: 5px 0 15px 0;
        font-family: prompt, sans-serif;
        font-size: 22px;
        color: #000000;
        background-color: #FFFFFF;
    }

    .space4 {
        width: 90%;
        height: 20px;
        margin: 0 auto;
        background-color: #FFFFFF;
    }






    .divwork {
        display: none;
    }






    .divwork2 {
        display: block;
        width: 98%;
        height: 468px;
        margin: 20px auto 0 auto;
        padding: 40px 0;
        background-color: #0271C1;
    }

    .divpic1-1 {
        width: 338px;
        height: auto;
        margin: 0 0 0 20px;
        float: left;
        border: 10px solid #FFFFFF;
    }

    .pic1-1 {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }

    .divpic2-1 {
        width: 446px;
        height: auto;
        margin: 4px 0 0 20px;
        float: left;
        border: 10px solid #FFFFFF;
    }

    .pic2-1 {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }






    .divwork3 {
        display: block;
        width: 98%;
        height: 395px;
        margin: 20px auto 0 auto;
        padding: 40px 0;
        background-color: #0271C1;
    }

    .divpic3-1 {
        width: 500px;
        height: auto;
        margin: 0 0 0 20px;
        float: left;
        border: 10px solid #FFFFFF;
    }

    .pic3-1 {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }

    .divpic4-1 {
        width: 278px;
        height: auto;
        margin: 4px 0 0 20px;
        float: left;
        border: 10px solid #FFFFFF;
    }

    .pic4-1 {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }






    .divmaps {
        width: 98%;
        height: auto;
        margin: 20px auto 0 auto;
        padding: 15px 0;
        background-color: #0271C1;
    }

    .maps {
        width: 90%;
        height: 550px;
        margin: 0 auto;
    }

    .divdescmaps1 {
        width: 90%;
        height: auto;
        margin: 10px auto 0 auto;
        background-color: #FFFFFF
    }

    .topdescmaps {
        width: 200px;
        height: auto;
        margin: 0 auto;
        padding: 10px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #0271C1;
        border-radius: 10px;
    }

    .descmaps {
        width: 100%;
        height: auto;
        padding: 2px 0;
        text-align: center;
        font-family: prompt, sans-serif;
        font-size: 20px;
        font-weight: bold;
        color: #000000;
        background-color: #FFFFFF;
    }

    .divdescmaps2 {
        width: 90%;
        height: auto;
        margin: 0 auto;
        background-color: #FFFFFF
    }

    .divdescmaps3 {
        width: 90%;
        height: auto;
        margin: 10px auto 0 auto;
        background-color: #FFFFFF
    }






        .call {
            display: none;
        }
    
        .divctc {
            display: none;
        }
}



















@media screen and (min-width: 1200px) {
	.body {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 1100px;
		height: auto;
		margin: 0 auto;
		padding: 0 0 50px 0;
		background-color: #FFFFFF;
	}

	.divheader {
 		width: 100%;
 	   	height: auto;
 	  	margin: 0 auto;
		padding: 10px 0;
		position: absolute;
		background-color: #FFFFFF;
	}

	.divlogo {
		width: 500px;
		height: auto;
		margin: 0 0 0 30px;
	}

	.logo {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}






	.divdesc {
		width: 98%;
		height: auto;
		margin: 130px auto 0 auto;
	}

	.descript {
		width: 100%;
		height: auto;
		padding: 10px 0;
		text-align: center;
		font-family: prompt, sans-serif;
		font-size: 26px;
		font-weight: bold;
		color: #0271C1;
		background-color: #FFFFFF;
	}






	.divbanner1 {
		width: 98%;
		height: auto;
		margin: 20px auto 0 auto;
		background-color: #0271C1;
	}

	.space2 {
		width: 98%;
		height: 20px;
		margin: 0 auto;
		background-color: #0271C1;
	}

	.divad1 {
		width: 100%;
		height: auto;
	}

	.ad1 {
		width: 55%;
		height: auto;
		margin: 0 0 0 auto;
		padding: 10px 0;
		text-align: center;
		font-family: prompt, sans-serif;
		font-size: 26px;
		font-weight: bold;
		color: #000000;
		border-right: 1px solid #0271C1;
		background-color: #FFFFFF;
	}

	.divad2 {
		width: 100%;
		height: auto;
	}

	.ad2 {
		width: 38%;
		height: auto;
		margin: 0 0 0 auto;
		padding: 10px 0;
		text-align: center;
		font-family: prompt, sans-serif;
		font-size: 26px;
		font-weight: bold;
		color: #0271C1;
		border-right: 1px solid #0271C1;
		background-color: #FFFFFF;
	}






	.space3 {
		width: 98%;
		height: 5px;
		margin: 0 auto;
		background-color: #0271C1;
	}

	.divbanner2 {
		width: 98%;
		height: auto;
		margin: 0 auto;
		background-color: #0271C1;
	}

	.divad3 {
		width: 100%;
		height: auto;
	}

	.ad3-1 {
		width: 55%;
		height: auto;
		margin: 0 auto 0 0;
		padding: 15px 0 0 0;
		text-align: center;
		font-family: prompt, sans-serif;
		font-size: 26px;
		font-weight: bold;
		color: #00B050;
		border-left: 1px solid #0271C1;
		background-color: #FFFFFF;
	}

	.ad3-2 {
		width: 55%;
		height: auto;
		margin: 0 auto 0 0;
		padding: 15px 0;
		text-align: center;
		font-family: prompt, sans-serif;
		font-size: 18px;
		font-weight: bold;
		color: #000000;
		border-left: 1px solid #0271C1;
		background-color: #FFFFFF;
	}

	.divad4 {
		width: 100%;
		height: auto;
		border-top: 1px solid #0271C1;
	}

	.ad4-1 {
		width: 45%;
		height: auto;
		margin: 0 0 0 auto;
		padding: 15px 0 0 0;
		text-align: center;
		font-family: prompt, sans-serif;
		font-size: 28px;
		font-weight: bold;
		color: #FF0000;
		border-right: 1px solid #0271C1;
		background-color: #FFFFFF;
	}

	.ad4-2 {
		width: 45%;
		height: auto;
		margin: 0 0 0 auto;
		padding: 15px 0;
		text-align: center;
		font-family: prompt, sans-serif;
		font-size: 26px;
		font-weight: bold;
		color: #000000;
		border-right: 1px solid #0271C1;
		background-color: #FFFFFF;
	}






	.divbanner3 {
		width: 98%;
		height: auto;
		margin: 0 auto;
		background-color: #0271C1;
	}

	.divad5 {
		width: 100%;
		height: auto;
	}

	.ad5 {
		width: 70%;
		height: auto;
		margin: 0 0 0 auto;
		padding: 10px 0;
		text-align: center;
		font-family: prompt, sans-serif;
		font-size: 20px;
		font-weight: bold;
		color: #000000;
		border-right: 1px solid #0271C1;
		background-color: #FFFFFF;
	}






	.divcontent {
		width: 98%;
		height: auto;
		margin: 20px auto 0 auto;
		padding: 20px 0;
		background-color: #0271C1;
	}

	.divdescon1 {
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 0 0 20px 0;
		background-color: #FFFFFF;
	}

	.headtopic {
		width: 100%;
		height: auto;
		padding: 40px 0 10px 0;
		text-align: center;
		font-family: prompt, sans-serif;
		font-size: 30px;
		font-weight: bold;
		color: #0271C1;
		background-color: #FFFFFF;
	}

	.topic1 {
		width: 100%;
		height: auto;
		padding: 10px 0;
		font-family: prompt, sans-serif;
		font-size: 26px;
		font-weight: bold;
		color: #000000;
		background-color: #FFFFFF;
	}

	.topdesc1 {
		width: 100%;
		height: auto;
		padding: 5px 0;
		font-family: prompt, sans-serif;
		font-size: 24px;
		color: #000000;
		background-color: #FFFFFF;
	}

	.divdescon2 {
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 0 0 40px 0;
		background-color: #FFFFFF;
	}

	.topic2 {
		width: 100%;
		height: auto;
		padding: 15px 0 10px 0;
		font-family: prompt, sans-serif;
		font-size: 26px;
		font-weight: bold;
		color: #000000;
		background-color: #FFFFFF;
	}

	.topdesc2 {
		width: 100%;
		height: auto;
		padding: 5px 0 15px 0;
		font-family: prompt, sans-serif;
		font-size: 24px;
		color: #000000;
		background-color: #FFFFFF;
	}

	.space4 {
		width: 90%;
		height: 20px;
		margin: 0 auto;
		background-color: #FFFFFF;
	}






	.divwork {
		display: none;
	}






	.divwork2 {
		display: block;
		width: 98%;
		height: 575px;
		margin: 20px auto 0 auto;
		padding: 40px 0;
		background-color: #0271C1;
	}

	.divpic1-1 {
		width: 420px;
		height: auto;
		margin: 0 0 0 20px;
		float: left;
		border: 10px solid #FFFFFF;
	}

	.pic1-1 {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}

	.divpic2-1 {
		width: 559px;
		height: auto;
		margin: 4px 0 0 20px;
		float: left;
		border: 10px solid #FFFFFF;
	}

	.pic2-1 {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}






	.divwork3 {
		display: block;
		width: 98%;
		height: 492px;
		margin: 20px auto 0 auto;
		padding: 40px 0;
		background-color: #0271C1;
	}

	.divpic3-1 {
		width: 630px;
		height: auto;
		margin: 0 0 0 20px;
		float: left;
		border: 10px solid #FFFFFF;
	}

	.pic3-1 {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}

	.divpic4-1 {
		width: 350px;
		height: auto;
		margin: 4px 0 0 20px;
		float: left;
		border: 10px solid #FFFFFF;
	}

	.pic4-1 {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}






	.divmaps {
        	width: 98%;
        	height: auto;
        	margin: 20px auto 0 auto;
        	padding: 15px 0;
        	background-color: #0271C1;
    	}

    	.maps {
        	width: 90%;
        	height: 550px;
        	margin: 0 auto;
    	}

    	.divdescmaps1 {
        	width: 90%;
        	height: auto;
        	margin: 10px auto 0 auto;
        	background-color: #FFFFFF
    	}

    	.topdescmaps {
        	width: 200px;
        	height: auto;
        	margin: 0 auto;
        	padding: 10px 0;
        	text-align: center;
        	font-family: prompt, sans-serif;
        	font-size: 22px;
        	font-weight: bold;
        	color: #FFFFFF;
        	background-color: #0271C1;
        	border-radius: 10px;
    	}

    	.descmaps {
		width: 100%;
        	height: auto;
        	padding: 2px 0;
        	text-align: center;
        	font-family: prompt, sans-serif;
        	font-size: 20px;
        	font-weight: bold;
        	color: #000000;
        	background-color: #FFFFFF;
    	}

    	.divdescmaps2 {
        	width: 90%;
        	height: auto;
        	margin: 0 auto;
        	background-color: #FFFFFF
    	}

    	.divdescmaps3 {
        	width: 90%;
        	height: auto;
        	margin: 10px auto 0 auto;
        	background-color: #FFFFFF
	}






	.call {
		display: none;
	}

	.divctc {
		display: none;
	}
}