@charset "utf-8";
@media screen and (min-width: 1024px) {
.content {
	float: left;
	height: auto;
	width: 100%;
	background-color: #FFF;
}
.box-welcome {
	float: left;
	height: auto;
	width: 100%;
}
.title-welcome {
	font-family: thsarabunnew;
	font-size: 2.4rem;
	color: #333;
	line-height: 120%;
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 3%;
	margin-bottom: 1%;
	font-weight: bold;
}
.detail-welcome {
	font-family: thsarabunnew;
	font-size: 1.8rem;
	line-height: 140%;
	color: #666;
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 3%;
}
.more-01 {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #333;
	background-color: #F0D202;
	float: left;
	height: auto;
	width: 10%;
	margin-left: 45%;
	text-align: center;
	margin-top: 1%;
	margin-bottom: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	line-height: 120%;
}

.more-01 a {
	color: #333;
	text-decoration: none;
}
.more-3 {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #333;
	background-color: #F0D202;
	float: right;
	height: auto;
	width: 10%;
	text-align: center;
	line-height: 120%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 1%;
	margin-right: 5%;
	margin-bottom: 4%;
	margin-left: 1%;
}
.more-3 a {
	color: #333;
	text-decoration: none;
}


.box-about-home {
	background-color: #F3F3F3;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-top: 2%;
	padding-bottom: 2%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FDE424;
	border-bottom-color: #FDE424;
}
.box-about-left {
	float: left;
	height: auto;
	width: 90%;
	margin-left: 5%;
}

.title-about-left {
	font-family: thsarabunnew;
	font-size: 1.8rem;
	color: #333;
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 2%;
}
.box-about-left-bg {
	background-color: #0073B2;
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 3%;
	box-shadow:0 0 6px 2px rgba(0,0,0,.25);
}
.box-picture-profile {
	text-align: left;
	float: left;
	height: auto;
	width: 30%;
	border: 3px solid #FFF;
	margin-top: 5%;
	margin-right: 5%;
	margin-bottom: 5%;
	margin-left: 5%;
}
.box-picture-profile img {
	height: auto;
	width: 100%;
}
.text-about-profile {
	font-family: thsarabunnew;
	font-size: 1.6rem;
	line-height: 140%;
	color: #FFF;
	float: left;
	height: auto;
	width: 45%;
	margin-bottom: 2%;
	padding: 5%;
}

.box-about-right {
	float: left;
	height: auto;
	width: 90%;
	margin-left: 5%;
}
.box-sound-home {
	float: left;
	height: auto;
	width: 100%;
	border: 1px solid #666;
}
.box-sound-list {
	float: left;
	height: auto;
	width: 90%;
	padding: 5%;
}
.box-all {
	float: left;
	height: auto;
	width: 100%;
}
.box-all-sound {
	float: left;
	height: auto;
	width: 100%;
	background-color: #012438;
	padding-bottom: 5%;
}

.title-all {
	font-family: thsarabunnew;
	font-size: 1.8rem;
	color: #333;
	float: left;
	height: auto;
	width: 80%;
	margin-left: 10%;
	margin-top: 2%;
	margin-bottom: 2%;
	text-align: center;
	font-weight: bold;
}
.title-all-sound {
	font-family: thsarabunnew;
	font-size: 1.8rem;
	color: #FFF;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 5%;
	margin-bottom: 2%;
	text-align: center;
	font-weight: bold;
}

.box-bg {
	background-color: #F7F7F7;
	float: left;
	height: auto;
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FDE424;
	border-bottom-color: #FDE424;
}
.about-title-big {
	font-family: thsarabunnew;
	font-size: 1.8rem;
	color: #333;
	line-height: 120%;
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 3%;
	margin-bottom: 1%;
	font-weight: bold;
}
.about-title  {
	font-family: thsarabunnew;
	font-size: 1.6rem;
	color: #333;
	line-height: 120%;
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 1%;
	margin-bottom: 1%;
}



.text-aboutus {
	font-family: thsarabunnew;
	font-size: 1.6rem;
	line-height: 120%;
	color: #333;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 3%;
	margin-bottom: 3%;
}
.text-aboutus-i {
	font-family: thsarabunnew;
	font-size: 1.6rem;
	line-height: 120%;
	color: #333;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 3%;
	margin-bottom: 3%;
	font-style: italic;
	text-align: center;
}
.text-aboutus-center {
	font-family: thsarabunnew;
	font-size: 1.6rem;
	line-height: 120%;
	color: #333;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 3%;
	margin-bottom: 3%;
	text-align: center;
}
.about-picture-01 {
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 3%;
	margin-bottom: 3%;
}
.about-picture-01 img {
	height: auto;
	width: 50%;
}
.about-singnature-01 {
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
}
.about-singnature-01 img {
	height: auto;
	width: 30%;
}






.box-guide {
	float: left;
	height: auto;
	width: 100%;
	margin-top: 3%;
}
.title-guide {
	font-family: thsarabunnew;
	font-size: 1.6rem;
	color: #FFF;
	background-color: #F00;
	float: left;
	height: auto;
	width: 25%;
	text-align: center;
	padding: 1%;
}
.text-guide {
	font-family: thsarabunnew;
	font-size: 1.4rem;
	color: #FFF;
	float: left;
	height: auto;
	width: 100%;
	line-height: 120%;
	margin-top: 2%;
	margin-bottom: 2%;
}
.box-title-sound {
	float: left;
	height: auto;
	width: 98%;
	background-color: #FFF;
	padding-top: 2%;
	padding-bottom: 2%;
	border-left-color: #0073B2;
	border-left-width: 10px;
	border-left-style: solid;
	margin-bottom: 2%;
}
.title-sound {
	font-family: thsarabunnew;
	font-size: 1.6rem;
	color: #FFFFFF;
	float: left;
	height: auto;
	width: 20%;
	margin-left: 5%;
	background-color: #0073b2;
	margin-right: auto;
	margin-bottom: 1%;
	text-align: center;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 3%;
	padding-left: 1%;
}
.title-sound a {
	color: #FFF;
	text-decoration: none;
}

.br {
	float: left;
	height: auto;
	width: auto;
}

.text-sound {
	font-family: thsarabunnew;
	font-size: 1.6rem;
	line-height: 120%;
	color: #333;
	float: left;
	height: auto;
	width: 40%;
	border: 1px dashed #CCC;
	text-align: center;
	padding-top: 3%;
	padding-right: 5%;
	padding-bottom: 3%;
	padding-left: 5%;
	margin-left: 2%;
}
.text-sound a {
	color: #333;
	text-decoration: none;
}

.box-num {
	float: right;
	height: auto;
	width: 10%;
	margin-right: 5%;
	background-color: #CCCCCC;
	padding: 1%;
}
.icon-sound {
	float: left;
	height: auto;
	width: 20%;
	margin-right: 2%;
}

.icon-sound img {
	height: auto;
	width: 100%;
}

.num-sound {
	font-family: thsarabunnew;
	font-size: 1.6rem;
	color: #333;
	float: right;
	height: auto;
	width: 70%;
}
.more-2 {
	font-family: serithairegular;
	font-size: 1rem;
	color: #333;
	background-color: #F0D202;
	float: right;
	height: auto;
	width: 10%;
	margin-top: 1%;
	margin-right: 5%;
	text-align: center;
	padding: 1%;
}
.more-2 a {
	color: #333;
	text-decoration: none;
}
.box-show-sound {
	float: left;
	height: auto;
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
}
.box-download {
	float: left;
	height: auto;
	width: 100%;
	padding-top: 5%;
	padding-bottom: 5%;
}

.box-download-list {
	float: left;
	height: auto;
	width: 80%;
	margin-left: 10%;
	padding-bottom: 1%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	margin-top: 1%;
	margin-bottom: 1%;
}
.icon-download {
	padding: 1%;
	float: left;
	height: auto;
	width: 6%;
}
.icon-download img {
	height: auto;
	width: 100%;
}
.text-download {
	font-family: thsarabunnew;
	font-size: 1.6rem;
	color: #333;
	float: left;
	height: auto;
	width: 80%;
	margin-left: 1%;
	margin-top: 2%;
}
.text-download a {
	color: #333;
	text-decoration: none;
}
.box-condition {
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 0%;
	padding: 5%;
	border: 1px dashed #F00;
}
.title-condition {
	font-family: thsarabunnew;
	font-size: 1.8rem;
	line-height: 120%;
	color: #F00;
}
.text-condition {
	font-family: thsarabunnew;
	font-size: 1.6rem;
	line-height: 140%;
	color: #333;
	float: left;
	height: auto;
	width: 100%;
}
.text-sub-condition {
	font-family: thsarabunnew;
	font-size: 1.6rem;
	line-height: 140%;
	color: #333;
	float: left;
	height: auto;
	width: 90%;
	margin-left: 5%;
}




.box-contact {
	float: left;
	height: auto;
	width: 100%;
	padding-top: 5%;
	padding-bottom: 5%;
}
.box-contact-list {
	float: left;
	height: auto;
	width: 40%;
	margin-left: 25%;
	border: 1px dotted #999;
	margin-bottom: 2%;
	padding: 5%;
}
.icon-contact {
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
}
.icon-contact img {
	height: auto;
	width: 20%;
}
.text-contact {
	font-family: serithairegular;
	font-size: 1.2rem;
	color: #333;
	text-align: center;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 2%;
	line-height: 140%;
}
.text-contact a {
	color: #333;
	text-decoration: none;
}

.box-youtube {
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 5%;
	margin-left: 5%;
}
.title-youtube {
	font-family: thsarabunnew;
	font-size: 1.8rem;
	line-height: 120%;
	color: #333;
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 1%;
	padding-bottom: 1%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
.box-youtube-list {
	margin: 2%;
	float: left;
	height: auto;
	width: 15%;
}
.box-youtube-list iframe {
	height: auto;
	width: 100%;
}
}