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

}

@font-face {
    font-family: 'krungsri_condensedmedium';
    src: url('../font/krungsri_con_med-webfont-webfont.eot');
    src: url('../font/krungsri_con_med-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/krungsri_con_med-webfont-webfont.woff2') format('woff2'),
         url('../font/krungsri_con_med-webfont.ttf') format('truetype'),
         url('../font/krungsri_con_med-webfont-webfont.svg#krungsri_condensedmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'krungsri_condensedregular';
    src: url('../font/krungsri_con-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'krungsri';
  src: url('../font/krungsri_con-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}
input[type=text], input[type=password], select, textarea {
    
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    resize: vertical;
    font-family: 'krungsri_condensedregular';

  }
  
  label {
    padding: 12px 6px 12px 0;
    display: inline-block;
    font-family: 'krungsri_condensedmedium';
  }
  
  input[type=submit] {
    color: #554242;
    background-color: #ffd400;
    border: solid 0px #e8e8e8 !important;
    border-radius: 5px;
    padding: 5px;
    width:100px;
    font-family: 'krungsri_condensedmedium';
    transition-duration: 0.4s;
    cursor: pointer;
    
  }
  
  input[type=submit]:hover {
    background-color: #ffc800;
    box-shadow: 0 5px 10px 0 rgba(63,63,63,0.24), 0 3px 3px 0 rgba(63, 63, 63, 0.19);
  }

  input[type=button] {
    color: #554242;
    background-color: #ffffff;
    border: solid 1px #e8e8e8 !important;
    border-radius: 5px;
    padding: 2px;
    width:100px;
    font-family: 'krungsri_condensedmedium';
    transition-duration: 0.4s;
    cursor: pointer;
    
  }
  
  input[type=button]:hover {
    background-color: #ffc800;
    box-shadow: 0 5px 10px 0 rgba(63,63,63,0.24), 0 3px 3px 0 rgba(63, 63, 63, 0.19);
  }


  input[type=reset] {
    color: #554242;
    background-color: #bebebe;
    border: solid 0px #e8e8e8 !important;
    border-radius: 5px;
    padding: 5px;
    width:100px;
    font-family: 'krungsri_condensedmedium';
    transition-duration: 0.4s;
    cursor: pointer;

  }
  
  input[type=reset]:hover {
    background-color: #b6b5b3;
    box-shadow: 0 5px 10px 0 rgba(63,63,63,0.24), 0 3px 3px 0 rgba(63,63,63,0.19);
  }
  
#header{width:980px;margin:0 auto;padding-top:2px;position:relative;z-index:3;clear:both;line-height: 16px;}
#header .topnav {float:left;width:200px;}
#header .subtopnav {float:right;width:700px;}
#header h2{float:right;padding-bottom:3px;}
#header .search{display: inline-block; padding-top:10px; width:260px;}
#header .facebookdirect{clear:left;padding-top:5px;width:400px;}
#header .search li{float:left;padding-right:5px;}
#header div.right{float:right;padding:37px 0 7px;clear:right;font-family: 'krungsri_condensedmedium';font-size: 12px;color: #554242;}
#header div.right ul{padding-top:3px;display: inline-block; }
#header div.right ul li{float:left;margin-left:12px;}
#header div.right ul li a {background:url(../images/icon/arrow-gray-s.gif) no-repeat 0 3px;padding-left:8px;display:block;color: #554242;text-decoration: none;}
#header div.right ol{margin-left:12px; display: inline-block; }
#header div.right ol li{float:left;margin-left:2px;}
#header div.right ol li a span{display:none;}
#header div.right ol li a{height:24px;width:28px;float:left;}
#header div.right ol li.th a{background:url(../images/share/th.jpg) no-repeat;}
#header div.right ol li.th a.active{background:url(../images/share/th-active.jpg) no-repeat;}
#header div.right ol li.en a{background:url(../images/share/en.jpg) no-repeat;}
#header div.right ol li.en a.active{background:url(../images/share/en-active.jpg) no-repeat;}
#navigation{position:absolute;top:85px;z-index:2;left:0;border:1px solid #BEBEBE;height:27px;width:980px;background:url(../images/navigation/bg-nav.jpg) repeat-x;line-height: 23px;}
#navigation li{position:relative;float:left; background:url(../images/navigation/nav-bg.jpg) right 5px no-repeat; }
/*#navigation li a{padding:7px 22px 0 10px;float:left;height:20px;background:url(../images/navigation/nav-line-left.png) 0 6px no-repeat;}*/
#navigation li a{padding:4px 26px 0 10px;float:left;height:20px;font-family: 'krungsri_condensedmedium';font-size: 13px;text-decoration: none;}
#navigation li a:hover ,#navigation li a.hover{background:url(../images/navigation/nav-active-home.png) repeat-x right 0;border-left:1px solid #ccc;border-right:1px solid #ccc;padding:4px 25px 0 9px;}
#navigation li.active{background:url(../images/navigation/nav-active.png) repeat-x right 0;}
#navigation li.home.active{background:url(../images/navigation/nav-active-home.png) right 0 no-repeat;border-right:1px solid #ccc;}
#navigation li.home a{padding:6px 10px 0 10px;border:none}
#navigation li.home{background:url(../images/navigation/line.gif) right 6px no-repeat;}
#navigation li.about.active{background:url(../images/navigation/nav-active-home.png) right 0 no-repeat;border-right:1px solid #ccc;}
#navigation li.about a{padding:4px 10px 0 10px;border:none}
#navigation li.about{background:url(../images/navigation/line.gif) right 6px no-repeat;}
/*#navigation li.seminar.active{background:url(../images/navigation/nav-active-home.png) right 0 no-repeat;}
#navigation li.seminar a{padding:7px 10px 0 10px;border:none}
#navigation li.seminar{background:url(../images/navigation/line.gif) right 6px no-repeat;}*/
#navigation li.contact.active{background:url(../images/navigation/nav-active-home.png) right 0 no-repeat;border-right:1px solid #ccc;}
#navigation li.contact a{padding:4px 10px 0 10px;border:none}
#navigation li.contact{background:url(../images/navigation/line.gif) right 6px no-repeat;}
#navigation li a ,#navigation li a{color:#222222;}
#navigation li a:visited ,#navigation li a.visited{color:#222222}
#navigation a{display:block;position:relative;}
#navigation ul{list-style-type:none;padding-top:5px;}
#navigation ul.sub-menu{display:none;position:absolute;top:20px;z-index:90;margin:0;background-color:#565656;opacity:0.9;filter:alpha(opacity=90);}
#navigation ul.sub-menu li{display:block;text-align:left;border-bottom:1px dotted #FFF;color:#FFF;background:none;width:210px;padding:5px 0px 0px 0px;height:27px;}
#navigation ul.sub-menu li.last{border-bottom:1px solid #565656;color:#565656;}
#navigation ul.sub-menu li:hover , ul.sub-menu li.active{background-color:#ffd400;}
#navigation li.products ul.sub-menu li{width:250px;}
#navigation ul.sub-menu li a{color:#FFF; line-height: 16px;}
#navigation ul.sub-menu li a:hover,#navigation ul.sub-menu li a.hover{border:0;color:#554242 !important;background-color: #ffd400 !important;}
#navigation li:hover ul.sub-menu{display:block;border-top:none;position:absolute;z-index:4;top:27px;left:-1px;padding:0px 0px 0px 0px;}
#navigation ul.sub-menu li:hover , ul.sub-menu li.active{color:#C20000;}
#container #navigation li div ul li{background:none;padding:0;margin:0;width:relative;height:30px;float:left;margin-right:10px;}
#container #navigation li div ul li em img{padding-bottom:3px;}
#container #navigation li div ul li p a{padding:0;margin:0;background:0;color:#FFF;}
#container #navigation li div ul li p a:hover{text-decoration:underline;border:0;}
#container .haeder-member #navigation li.active{background:url(../images/navigation/nav-active-home.png) repeat-x right 0;}
#container .haeder-member #navigation li a:hover{padding:7px 10px 0 10px;background:url(../images/navigation/nav-active-home.png) repeat-x right 0;border:none}
.tour_button #dark{background-color:#333;border:1px solid #000;padding:10px;margin-top:20px;}
.tour_button #light{background-color:#FFF;border:1px solid #dedede;padding:10px;margin-top:20px;}
li.tour_button{list-style:none;padding-top:10px;padding-bottom:10px;}
.tour_button .button, .button:visited{background:#222;display:inline-block;padding:5px 10px 6px;color:#fff;text-decoration:none;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.6);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.6);text-shadow:0 -1px 1px rgba(0,0,0,0.25);position:relative;cursor:pointer}
.tour_button .button:hover{background-color:#111;color:#fff;}
.tour_button .button:active{top:1px;}
.tour_button .small.button, .small.button:visited{font-size:11px}
.tour_button .button, .button:visited,
.tour_button .medium.button, .medium.button:visited{font-size:13px;font-weight:bold;line-height:1;text-shadow:0 -1px 1px rgba(0,0,0,0.25);}
.tour_button .large.button, .large.button:visited{font-size:11px;padding:4px 9px 4px;}
.tour_button .super.button, .super.button:visited{font-size:34px;padding:8px 14px 9px;}
.tour_button .green.button:hover{background-color:#749a02;} 
#navigation li.nospan.active{background:url(../images/navigation/nav-active-home.png) right 0 repeat-x;border-right:1px solid #ccc;}
#navigation li.nospan a{padding:7px 13px 0 12px;border:none}
#navigation li.nospan{background:url(../images/navigation/line.gif) right 6px no-repeat;}
 .top_bar {background-color: #ffd400;
  width: 100%;
  height: 6px;
  margin-top: 60px;}
 .note {font-size: 90%;color: #554242;}