@charset "utf-8";
/* ******************************
1. Reset
******************************* */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Helvetica, Arial, sans-serif;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: url(../images/bg-new.jpg) no-repeat fixed #fff;
}
ol, ul {
	list-style: none;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}



@font-face {
    font-family: 'rsubold';
    src: url('../fonts/rsu_bold-webfont.eot');
    src: url('../fonts/rsu_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rsu_bold-webfont.woff2') format('woff2'),
         url('../fonts/rsu_bold-webfont.woff') format('woff'),
         url('../fonts/rsu_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'rsulight';
    src: url('../fonts/rsu_light-webfont.eot');
    src: url('../fonts/rsu_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rsu_light-webfont.woff2') format('woff2'),
         url('../fonts/rsu_light-webfont.woff') format('woff'),
         url('../fonts/rsu_light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'rsuregular';
    src: url('../fonts/rsu_regular-webfont.eot');
    src: url('../fonts/rsu_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rsu_regular-webfont.woff2') format('woff2'),
         url('../fonts/rsu_regular-webfont.woff') format('woff'),
         url('../fonts/rsu_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}



body {width:100%; background:url(../images/main-bg.jpg) no-repeat #004d92 center fixed}
.top {width:100%; height:70px; background:#fff; float:left; border:solid; border-width:0 0 3px 0; border-color:#cb2329; position:fixed; z-index:10}
.in-top {width:1000px; height:35px;  position:relative; margin:0 auto}
.in-top p { font-family: 'rsulight';color:#FFF; font-size:16px; line-height:2.1; float:left }
.in-top p span {font-family: 'rsulight';color:#ccc; font-size:16px; line-height:2.1; position:absolute; right:0}
.main-slide { /*height:450px;*/  position:relative}
nav {width:1000px;  position:relative; margin:2px auto 0 auto; border-radius:0 0 3px 3px; z-index:20}
nav ul { position:relative; float:right; margin-top:25px}
/*nav li {display:inline-block; padding:0 15px; text-transform:uppercase; border:solid; border-width:0 1px 0 0; font-size:14px; font-family: 'Roboto', sans-serif; color:#666}*/
.logo {width:165px;  position:relative; margin:5px 0 0 30px; border-radius:0 0 3px 3px; float:left}
.logo img {width:100%; margin:-36px 0 0 0; padding:0}
.logo a {padding:0}
.main-content {width:100%; height:auto;  position:relative}
.content {width:1000px; height:600px;  margin:0 auto 10px auto; position:relative; font-weight:normal}
.in-content { margin:160px auto 40px auto ; background:rgba(255,255,255,1); padding:15px 30px; border-radius:3px; float:left; border: solid;
    border-width: 1px;
    border-color: #ccc; width:940px}
/*.in-content img { margin-bottom:20px}*/
.in-content h1 {font-family: 'Kanit', sans-serif; font-size:36px; margin:20px 0 0 0; color:#96050a; font-weight:600 }
.in-content h4 {font-family: 'rsubold'; font-size:24px; margin:20px 0 0 0; color:#333; border: solid;
    border-width: 0 0 0 6px;
    border-color: #2EC35B;
        padding: 5px 25px;
    background: #f5f5f5;
    float: initial;
    display:flex; border-radius:0 3px 3px 0}
.in-content h5 {font-family: 'Sriracha', cursive;font-size:20px; margin:5px 0 15px 20px; color:#333; display: inline-block; clear:both; line-height:1.2 }	
.in-content h6 {font-family: 'Sriracha', cursive !important;font-size:24px; margin:5px 0 10px 0; color:#333; display: inline-block; clear:both; font-weight:bold}	
.in-content h3 {font-family: 'rsubold'; font-size:40px; font-style:italic; margin:0; color:#333}
.in-content p {font-family: 'rsulight';  color:#444; font-size:16px; line-height:1.3; padding-top:10px; /*text-indent:30px*/}
.in-content p b {font-weight:bold; font-family: 'rsubold'; font-size:18px; color:#96050a; line-height:1.5; }
    .in-content p a {
        font-family: 'rsuregular';
        font-size: 18px;
        color: #222222;
        line-height: 1.5;
        font-weight: normal;
        text-decoration: none
    }

.in-content2 { margin:10px 0 40px 0; background:rgba(255,255,255,1); padding:15px 30px; border-radius:3px; float:left; border: solid;
    border-width: 1px;
    border-color: #ccc;}
/*.in-content img { margin-bottom:20px}*/
.in-content2 h4 {font-family: 'rsubold'; font-size:20px; margin:20px 0 0 0; color:#333; border: solid;
    border-width: 0 0 0 6px;
    border-color: #2EC35B;
        padding: 5px 15px;
    background: #f5f5f5;
    float: initial;
    display: inline-block; border-radius:0 3px 3px 0}
.in-content2 h5 {font-family: 'rsubold'; font-size:16px; margin:10px 0 0 0; color:#333; display: inline-block; }	
.in-content2 h3 {font-family: 'rsubold'; font-size:50px; font-style:italic; margin:0; color:#333}
.in-content2 p {font-family: 'rsulight';  color:#444; font-size:16px; line-height:1.3; padding-top:10px; /*text-indent:30px*/}
.in-content2 p b {font-weight:bold; font-family: 'rsubold'; font-size:18px; color:#3079d7; line-height:1.5}
.more {text-align:center; font-weight:bold; font-size:16px; margin-top:30px}

.in-content3 { margin:10px 0 40px 0; background:rgba(255,255,255,1); padding:15px 30px; border-radius:3px; float:left; border: solid;
    border-width: 1px;
    border-color: #ccc;}
.in-content3 img { width:24%; border:solid 2px #fff; border-radius:5px}
.in-content3 img:hover {border:solid 2px #2EC35B}
.in-content3 h4 {font-family: 'rsubold'; font-size:20px; margin:20px 0 0 0; color:#333; border: solid;
    border-width: 0 0 0 6px;
    border-color: #2EC35B;
        padding: 5px 15px;
    background: #f5f5f5;
    float: initial;
    display: inline-block; border-radius:0 3px 3px 0}
.in-content3 h5 {font-family: 'rsubold'; font-size:16px; margin:10px 0 0 0; color:#333; display: inline-block; }	
.in-content3 h3 {font-family: 'rsubold'; font-size:50px; font-style:italic; margin:0; color:#333}
.in-content3 p {font-family: 'rsulight';  color:#444; font-size:16px; line-height:1.3; padding-top:10px; /*text-indent:30px*/}
.in-content3 p b {font-weight:bold; font-family: 'rsubold'; font-size:18px; color:#3079d7; line-height:1.5}



.in-content-m {width:100%;  float:left; position:relative; margin:10px 10px 20px 0; border:solid; border-width:0 1px 0 0; border-color:#ccc; padding-right:30px; display:block}
.in-content-m img {width:100%; border-radius:4px}



.in-content-l {width:60%;  float:left; position:relative; margin:10px 10px 20px 0; border:solid; border-width:0 1px 0 0; border-color:#ccc; padding-right:30px; display:block}
.in-content-l img {width:100%; border-radius:4px}
.in-content-r {width:30%;  float:right; position:relative; margin:10px 0px 20px 10px;}
.in-content-r img {width:100% ; border-radius:4px}
.in-content-r ul { float:left; margin-left:0 !important}
.in-content-r li {list-style-image:url(../images/list.png) !important; font-size:18px !important;     font-family: 'Sriracha', cursive !important; margin-bottom:-10px}
.in-content-logo {width:30%;  float:left; position:relative; margin:10px 20px 10px 0; border:solid 1px #CCC; border-radius:5px}
.in-content-logo img {width:100%; border-radius:4px}
.for-h {width:100%;}
.section1 {width:100%; height:auto; margin-bottom:20px}
.section1 ul {position:relative}
.section1 li {display:inline-block; width:11.4%; padding:12px; text-align:center;}
.content h2 { font-family: 'Kanit', sans-serif;font-size:26px; text-transform:uppercase; margin:20px 0 20px 0; padding:8px 10px;  color:#96050a}
.section-l {width:650px; height:auto;  float:left; position:relative; display:inline-block; margin-bottom:30px }
.section-r {width:325px; height:auto;  float:right; position:relative; display:inline-block; }


.photo-l {float:left; position:relative; margin:10px 20px 20px 0px;}
.photo-r {float:right; position:relative; margin:10px 0px 20px 20px;}
.photo-m { position:relative; margin:20px; text-align:center}
.photo-m img {margin-right:20px}

.in-content ul { margin:-25px 0 0 20px}
.in-content li {font-family: 'rsulight';  color:#444; font-size:16px; line-height:1; list-style:none}
.in-review {width:325px; height:470px; background:#e87941; position:relative; float:right; border:solid 4px #fff}
.in-review span {background: #000;color: #fff;font-size: 12px;padding: 5px 8px;position: absolute; right:10px; bottom:10px; border-radius:2px}
.tag-review {position:absolute; background:#FEC224; top:20px; right:0; border-radius:3px 0px 0px 3px; font-family:"Times New Roman", Times, serif; font-style:italic; font-size:22px;  margin-bottom:15px; padding:10px 35px}
.promotion {width:640px; height:260px; border:solid 5px #fec224; position:relative; float:left; border-radius:3px}
.promotion img {width:100%}
.right {float:right}
.left {float:left}
.intro-pro {width:320px; height:180px; position:relative; margin-top:20px}
.intro-pro img {}
.intro-pro h4 {font-family: 'rsuregular';  color:#000; background:url(../images/tag.png) no-repeat; width:320px; height:30px; padding:9px 15px 5px 35px; position:absolute; bottom:-12px}
.intro-pro h4 a {font-family: 'rsuregular';  color:#000; background:url(../images/tag.png) no-repeat; text-decoration:none}
.info-1 {  width:31.6%;  margin: 0 2.2% 30px 0; background:#fff; float:left; border:solid; border-width:1px 1px 4px 1px; border-color:#ccc; position:relative; border-radius:5px }
.info-1 img {width:100%; border-radius:5px 5px 0 0}
.info-1 img:hover { opacity:0.8; }
.info-1 h3 {font-family: 'Days One', sans-serif;font-size:19px; color:#fff; background:#1fa3ca; padding:7px 15px 5px 15px; margin-top:-4px; font-style:normal; font-weight:normal}
.info-1 span {
    color: #fff;
    font-size: 14px;
    padding: 10px 0;
    position:relative;
	margin:0 auto;
    border-radius: 2px;
	display:table}
.info-1 span img {width:100%}	
.info-1 span a { color:#fff; text-decoration:none; }

.info-1 p { font-family: 'rsulight'; font-size:16px; color:#000; padding:15px; line-height:1.3 }
.info-2 {  width:31.8%; height:350px; margin: 0 1.5% 40px 0; float:left;  position:relative; background:#fff; border-radius:5px }
.info-2 h4 {font-family: 'rsuregular';  color:#3079d7; text-transform:uppercase; font-size:20px; margin:15px 20px 0 20px; font-weight:bold }
.info-2 img { width:100%}
.info-2 p {font-family: 'rsulight';  color:#444; font-size:16px; line-height:1.3; padding-top:10px}
.info-3 {  width:31.8%; height:400px; margin: 20px 1.5% 1.5% 0; float:left; position:relative }
.info-3 h4 {font-family: 'rsuregular';  color:#222; text-transform:uppercase; font-size:18px }
.info-3 img { width:75%; border-radius:4px}
.info-3 p {font-family: 'rsubold';  color:#444; font-size:18px; line-height:1.3; padding-top:10px}
.info-4 {  width:100%; height:auto; margin: 20px 0 30px 0; /*background:rgba(254, 194, 35, 0.8);*/ float:left; border:solid; border-width:0 0 4px 0; border-color:#fff; position:relative; border-radius:0 0 8px 10px }
.info-4 img {width:40%; float:left; margin-right:25px; border-radius:0 0 5px 5px; padding-bottom:40px}
.info-4 h3 { font-family: 'rsulight'; font-size:20px; color:#fff; background:#485052; padding:7px 15px 5px 15px; }
.info-4 span {background: #000;color: #fff;font-size: 12px;padding: 5px 8px;position: absolute; right:25px; bottom:15px; border-radius:2px}
.info-4 span a { color:#fff; text-decoration:none; }
.info-4 table { border:1px}
.info-4 table th {font-size:12px; font-weight:bold; text-align:center}
.info-4 table td {font-size:12px; padding-left:20px }

.info-4 p { font-family: 'rsulight'; font-size:15px; color:#222; padding:10px 15px 15px 0; line-height:1.3;  }
.clear {clear:both}
footer {height:121px; background:#000; position:relative; }
.in-footer { width:1000px; margin:0 auto}
.in-footer img {margin:10px 30px 0 0; float:left; width:135px}
.in-footer h3 {font-family: 'rsubold';  color:#ccc; font-size:18px; line-height:1.3; padding-top:10px}
.in-footer p { font-family: 'rsulight'; font-size:15px; color:#ccc; padding:0 15px 15px 0; line-height:1.3;  }
b {font-weight:bold}
.thumb-logo { width:100%;}
.thumb-logo ul {width:100%; float:left; margin:10px 0}
.thumb-logo li {list-style:none; float:left; width:18%; margin:10px 0 0 15px}
.thumb-logo li img { width:100%;height:auto; list-style:none;  border:solid 1px #ccc; border-radius:4px}
.thumb-logo li img:hover {border:solid 1px #666; border-radius:3px; }




/*dropdown-menu*/
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative; font-family: 'rsulight';  text-transform:uppercase; font-size:18px;
}
#cssmenu {
  line-height: 1;
/*  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;*/ 
  
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  color: #ffffff;
  display: block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  padding: 15px 20px;
  text-decoration: none; 
}

#cssmenu ul {
  list-style: none;
}
#cssmenu > ul > li {
  display: inline-block;
  float: left;
  margin: 0; margin-top:20px
}
#cssmenu.align-center {
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  color: #000;
  font-size: 12px;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #db000b;
  margin-left: -10px;
}

#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a {
  color: #000000;
  background:#ccc;
 

}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu.align-right .has-sub ul {
  left: auto;
  right: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a { font-family: 'rsuregular'; 
 background:rgba(49,173,209,0.9); border:dotted; border-width:0 0 1px 0;
  font-size: 14px;
  filter: none;
  display: block;
  line-height: 120%;
  padding: 10px;
  color: #ffffff;
}
#cssmenu .has-sub ul li:hover a {
  background: #1fa3ca;
}
#cssmenu ul ul li:hover > a {
  color: #ffffff; font-family: 'rsuregular'; 
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu.align-right .has-sub .has-sub ul,
#cssmenu.align-right ul ul ul {
  left: auto;
  right: 100%;
}
#cssmenu .has-sub .has-sub ul li a {
  background:rgba(49,173,209,0.9); 
  border-bottom: 1px dotted #fff;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #8f0007;
}
#cssmenu ul ul li.last > a,
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul ul li.last > a,
#cssmenu ul ul ul li:last-child > a,
#cssmenu .has-sub ul li:last-child > a,
#cssmenu .has-sub ul li.last > a {
  border-bottom: 0;
}


/*dropdown-menu เรียนต่อ */
#cssmenu2 ul,
#cssmenu2 li,
#cssmenu2 span,
#cssmenu2 a {
  margin: 0;
  padding: 0;
  position: relative; font-family: 'rsuregular';  text-transform:uppercase; font-size:18px;
 
}
#cssmenu2 {
  line-height: 1;
  margin:25px 0;
/*  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;*/
  
}
#cssmenu2:after,
#cssmenu2 ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu2 a {
  color: #ffffff;
  display: block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  padding: 20px 15px 20px 20px;
  text-decoration: none;  background: url(../images/plus.png) no-repeat left #f3f3f3;
}
#cssmenu2 ul {
  list-style: none;
}
#cssmenu2 > ul > li {
  display: inline-block;
  float: left;
  margin: 0; width:12.4%; text-align:right;
}
#cssmenu2.align-center {
  text-align: center;
}
#cssmenu2.align-center > ul > li {
  float: none;
}
#cssmenu2.align-center ul ul {
  text-align: left;
}

#cssmenu2 > ul > li > a {
  color: #000000;
  font-size: 12px;
}
#cssmenu2 > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #1fa3ca;
  margin-left: -10px;
}

#cssmenu2 > ul > li.active > a,
#cssmenu2 > ul > li:hover > a {
  color: #000000;
  background: url(../images/plus.png) no-repeat left #ccc;
 

}
#cssmenu2 .has-sub {
  z-index: 1; background:rgba(49,173,209,0.9); border:solid; border-width:0 1px 6px 0; border-color:#fff; font-size:12px;
}
#cssmenu2 .has-sub:hover > ul {
  display: block;
}
#cssmenu2 .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  bottom: 100%;
  left: 0;
}
#cssmenu2.align-right .has-sub ul {
  left: auto;
  right: 0;
}
#cssmenu2 .has-sub ul li {
  *margin-bottom: -1px;
  text-align:left; border:none;
}
#cssmenu2 .has-sub ul li a {
  background:rgba(255,255,255,0.5);
  border-bottom: 1px dotted #fff;
  font-size: 10px;  display: block;
  line-height: 1.5;
  padding: 5px 10px;
  color: #333;
}
#cssmenu2 .has-sub ul li a span { font-size:14px}
#cssmenu2 .has-sub ul li:hover a {
  background: #1fa3ca;
}
#cssmenu2 ul ul li:hover > a {
  color: #ffffff;
}
#cssmenu2 .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu2 .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}

/*more-border-bottom*/
.green {border-bottom-color:#2ec35b !important}
.yellow {border-bottom-color:#fdc635 !important}
.blue {border-bottom-color:#3079d7 !important}
.pink {border-bottom-color:#e947ae !important}
.blue2 {border-bottom-color:#79cde7 !important}
.orange {border-bottom-color:#e97840 !important}
.green2 {border-bottom-color:#74c18b !important}
.red2 {border-bottom-color:#FB5D54 !important}



.shadow1 { background:url(../images/shadow1.png) no-repeat !important; height:12px; bottom:35px; position: absolute;
    left: 0;
    right: 0;
    display: block;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;}
.shadow2 { background:url(../images/shadow1.png); height:12px; bottom:-12px; position: absolute;
    left: 0;
    right: 0;
    display: block;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;}
.shadow3 { background:url(../images/shadow2.png) no-repeat !important; height:12px; bottom:0; position: absolute;
    left: 0;
    right: 0;
    display: block;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;}	
.shadow4 { background:url(../images/shadow1.png) no-repeat !important; height:12px; bottom:-26px !important; position: absolute;
    left: 0;
    right: 0;
    display: block;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain; width:320px; display:none}	
.shadow5 { background:url(../images/shadow1.png) no-repeat !important; height:12px; bottom:-13px !important; position: absolute;
    left: 0;
    right: 0;
    display: block;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain; width:320px}	
.more-photo {width:100%; height:auto; position:relative; margin-top:30px}
.more-photo img { float:left; margin:0 20px 20px 0; width:22.8%}



.for-map-sampran {float:left !important;width:50%;color:#111;font-size:11px;}
.for-map-sampran-r {float:right !important;width:47%;color:#111;font-size:11px;}



.contactform-border {border:1px solid #bdbaba; float:left;margin: 7px 0px;}
.contact-info {line-height: normal;
  color: #333;
  margin-bottom: 20px;
  font-size: 13px;  float: none !important;}
.email {
  background: url(../images/email.png) left no-repeat;
  display: inline-block;
  width: 150px;
  height: 14px;
  margin: 0 0 -3px 0;
  float: none !important;
}
.newsletter_submit_button {border:none !important; outline:none !important;}
.newsletter_email_field {height:25px;width: 140px;background: #cecece;border: 0px;}
.contact_gmaps {margin: 0 auto;float: none !important;display: block;}
#commentForm label.error {margin:0 ; color:#f00; font-size:12px; display:block }
.contactform {background:#fff}
.contactform1-field {float: left;}
.contactform1-field input[type='text'] {padding: 0px 4px;}
.contactform1-field p {color: #3b1f04;float: left;padding:8px 10px 0 0;margin-left: 10px;font-size: 13px;margin: 7px 0px;}

.contact {width:35%; margin-right:5%;float:left !important; border:solid; border-width:0 1px 0 0; border-color:#ccc}
.contact-form {float:left !important;width:55%;color:#111;font-size:11px;}
.contact-field {width:100%; margin-top:10px; float:left;}
.contact-field2 {    margin: 10px 0 6px 27px;padding: 0 0 0 38.5%;}
.contact-field label {display:block;float:left;width:40%; line-height:20px; padding-right:17px;  font-size: 16px; font-family: 'rsubold'; }
.contact-field input[type="text"],.contact-field select,.contact-field2 input[type="text"],.contact-field input[type="email"] {height:20px; padding:0 0 0 5px; background:rgba(164, 213, 243, 0.63); width:55%; border:none}
.contact-field2 input[type="text"] {width:90%}
.contact-form-right-online {  padding: 2px 0 5px 0;font-size: 13px;}
.contact-field select {width:55%;}
.contact-field textarea {padding:0 2px; background:rgba(164, 213, 243, 0.63); width:55%;height:75px; border:none}
.contact-field2 input[type="submit"],.contact-field2 input[type="reset"] {display:block; color:#fff; padding:6px 21px 2px 21px; font-weight:bold; background:#222; border:none; cursor:pointer; float:left; margin:0 10px 0 0; text-transform:uppercase; font-size:18px; font-weight:bold;font-family: PT Sans Narrow, serif;}
.contact-field2 input[type="reset"] {background:#666}
.contact-field2 img {margin:0 0 5px 0}
form {margin:0;padding:0;}
.error {color:#FF7A00;margin:0 0 10px 0;}
.accept {color:#339966;margin:0 0 10px 0;}
.address {display:block;float:right; margin:0; width:30%; line-height:20px}
.note {font-style:italic; font-size:11px}

.in-dd {width:100%; margin:0 auto;}
.dd-content {margin:0;position:relative; z-index:5}
ul.dd-content {width:100%}
.in-dd ul {background:none; margin-left:.5%}
.in-dd li {width: 16%;margin: 0;display: inline-block;float: left;font-size: 12px;color: #fff;text-align: center;padding: 1% .2%;font-family: PT Sans Narrow, serif;}.in-dd a {color:#eee; background:none!important; line-height:13px; float:inherit; padding:0; border:none; text-transform:uppercase}
.in-dd li a {background:none; font-size:13px;}
.in-dd a:hover {color:fff!important;}
.in-dd strong {margin-bottom:5px; font-weight:normal; display:block}
.in-dd img {width:100%; margin-bottom:10px; height:auto; float:left}
.in-dd2 {width:100px; margin-left:697px; float:left; height:80px }
.in-dd2 ul {height:auto; background:#2e2d29;width: 120px;}
.in-dd2 li {width:100%;font-size:12px; color:#fff;text-align: left; padding:0;}
.in-dd2 li a {display:block; width:70%; padding:0 15%}
.award {width:80px; position:relative; float:right; height:80px; margin-top:-60px}

.float-content h1 {font-family: 'rsubold', Arial, Helvetica, sans-serif;font-size:24px; text-transform:uppercase; color:#3079D7; margin-bottom:0;  font-weight:bold}
.float-content h2 {font-family:'CenturyGothic',Arial, Helvetica, sans-serif;font-size: 18px;text-transform: uppercase;color: #6B5620;padding: 4px 10px 10px 0px;line-height: 16px;}
.float-content h3 {font-size:14px; font-weight:bold; color:#9A760A; margin-bottom:5px; line-height:14px; }
.float-content p {line-height: normal;color: #333;margin-bottom: 20px;font-size: 16px; text-indent:1px !important}
.aboutus-page-last {margin-bottom: 0px !important;}
.float-content li {line-height:normal; color:#999; float:left}
.float-content a {line-height:normal; color:#999; text-decoration:underline}
.photo-room {width:550px;position:relative; float:left; margin:0 20px 20px 0}
.detail-meeting {width:100%;position:relative; float:left; margin:0 20px 20px 0}

.text-title {width:1000px; height:180px; position:relative; background:url(../images/bg-text.png) no-repeat; margin:-210px auto -100px auto}
.text-title h1 { font-family: 'Kanit', sans-serif; color:#fff;  font-size:42px;  line-height:1.3; padding:30px 0 0 50px; font-weight:400}
.text-title h2 { font-family: 'Kanit', sans-serif; font-weight:200; color:#fff; font-size:20px; line-height:1.3; padding-left:50px}


.vertical-align-middile {display: table-cell;vertical-align: middle;}
.wrap-float-content {width:990px; margin:0 auto; position:relative}
.float-content {width:100%; padding:20px}
.bg-red {background:url(../images/bg-red.png) left top repeat;background-size: 100% 100%;width:450px; height:250px; padding:20px 220px 20px 20px}
.room-detail {background:url(../images/content_bg.png) ;background-size: 100% 100%;width:96%; height:auto; padding:20px; float:left; margin-bottom:30px}
.highschool-logo {width:200px;   margin:20px 20px 0 0; position:relative; float:left}
.highschool-logo img {width:100%}

.for-america {}
.for-america ul { font-family: 'rsubold', Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold;position:relative; padding:20px 0 25px 0; clear:both}
.for-america li { width:29%; float:left; text-align:center; list-style:none; padding:10px 10px 8px 10px; border:solid; border-width:1px; border-color:#ccc; border-radius:3px; margin:10px 10px 5px 0; font-size:16px;  }
.for-america li a {font-family: 'rsuregular', Arial, Helvetica, sans-serif;  color:#000; text-decoration:none;  font-weight:bold; font-size:18px}

.for-america a li{font-family: 'rsuregular', Arial, Helvetica, sans-serif;  color:#000; text-decoration:none; background:#fff}
.for-america li:hover {background:rgba(254, 194, 35, 0.8)}

.for-table { border:1px}
.for-table th {font-size:18px; font-weight:bold; text-align:center; font-family: 'rsulight';}
.for-table td {font-size:12px;  }

.for-link-a {text-align:center}
.for-link-a a {text-decoration:none; color:#222; font-size:14px; font-weight:bold; font-style:italic; }