/* @import 'https://www.tpa.or.th/css/greyscale.css'; */
/* your styles go here */
/* #page1.section div.content * { font-family: sans-serif; } */
#page1.section div.content h1 { font-size: 64px; line-height: 50px; color: #FFF; }
#page1.section div.content h1 small { font-size: 34px; color: #AFF; }
#page1boxzoom { display: block; width: 284px; padding: 10px 20px 10px 0; position: absolute; right: 7em; bottom: 3.5em; font-size: 1.1em; font-weight: bold; text-align: right; background-color: rgba(10,90,125,0.5); }
	#page1boxzoom strong { font-size: 1.4em; }
	#page1boxzoom span:nth-child(1) { width: 189px; float: left;}
	#page1boxzoom span:nth-child(2) { width: 64px; float: right;}
/* h2.heading { font-family: sans-serif; } */
div.row.services ul li { margin-bottom: 1.4em; }
div.row.services ul li .label { font-size: 1.2em; }
div.row.services ul li i { margin-right: 0.9em; color: #BBB; }
div.row.services ul li>address,div.row.services ul li>div { margin: 0.5em 2.2em; padding: 0; }
.portfolio { font-size: 0.8em; }
.portfolio dt:before { font-family: FontAwesome; content: "\f013"; color: #0CC; margin-right: 0.5em; }
.portfolio dd { margin-left: 1.5em; color: #333; }
div.row.contactdetail .fa { color: #999; }
section#page6 { background: #FFF url(../images/home_download_pic.jpg) right bottom no-repeat;  }
.onepage-pagination { background-color: rgba(10,90,125,0.5); }
ol.onepage-pagination { width: 55%; position: relative; margin: 0.3em auto 0.5em auto !important; padding: 0.5em 0.5em 1.7em 0.5em; display: block; list-style-type: none; }
ol.onepage-pagination li { line-height: 1.4em; }
ol.onepage-pagination li a { width: 100%; display: block; color: #CFF; }
ol.onepage-pagination li a::before { display: none; }
.footer { display: block; width: 100%; position: absolute; bottom: 0vh; background: #034ea2; }
.footer p { padding-top: 0.75em; font-size: small; text-align: center; }
.footer p, .footer p a { color: #ffffff; }

.jptitle { font-size: 2.4em !important; }

.btn-default { background-color: #EEE; }

.table-noboder { display: block; }
.table-noboder th, .table-noboder td { padding: 10px; border: 0 none; vertical-align: top; }

@media (max-width: 991px) {
	.section#page1 { background: url('../images/home_pic.jpg') right top no-repeat; }
	.section#page4 { background: #FFF none; }
	section#page6 { background: none;  }
}
@media (max-width: 640px) {
	#page1.section div.content h1 { font-size: 40px !important; line-height: 0.8 !important; }
	#page1.section div.content h1 small { font-size: 24px !important; line-height: 0.8 !important; }
	#page1.section div.content h1.jptitle, #page1.section div.content h1.jptitle small { font-size: 1.5em !important; line-height: 1 !important; }
	#page1boxzoom { position: absolute; right: calc(50% - 140px); bottom: 7em; font-size: 1em; }
	.page1boxzoom-jp { width: 234px !important; position: absolute; right: calc(50% - 120px) !important; }
	.page1boxzoom-jp span:nth-child(1) { width: 134px !important; }
	.page1boxzoom-en { width: 234px !important; position: absolute; right: calc(50% - 120px) !important; }
	.page1boxzoom-en span:nth-child(1) { width: 129px !important; }
}