@import url(https://fonts.googleapis.com/css?family=Lato:700,400,400italic);
@import 'https://fonts.googleapis.com/css?family=Oswald';

body{ font-family:'Lato', sans-serif;font-size:15px;color:#333333; }

.container{ position:relative;width:1070px;margin:0 auto;padding:0 20px; }
.container2{ position:relative;width:1140px;margin:0 auto;padding:0 20px; }

.banner{ position:relative; }
.banner-description{ position:absolute;top:0;right:0;width:380px;background-color:#f5f5f5;height:310px; }
.banner-small-img{ width:338px; }

.line-red{ background-color:#c51e3a;height:4px; }
.line-red2{ background-color:#e52b50;height:4px; }
.line-red3{ background-color:#c51e3a;height:1px; }
.line-red4{ background-color:#df002c;height:4px; }
.line-gray{ background-color:#cccccc;height:1px; }
.line-gray2{ background-color:#eeeeee;height:1px; }
.line-gray3{ background-color:#aaaaaa;height:2px; }
.line-gray4{ background-color:#e9e9e9;height:1px; }
.line-right{ background-image:url('../img/bg-line.jpg');background-repeat:repeat-y;background-position:top right; }
.line-left{ background-image:url('../img/bg-line.jpg');background-repeat:repeat-y;background-position:top left; }
.line-seperate{ background-image:url('../img/bg-line.jpg');background-repeat:repeat-y;background-position:180px 0; }
.line-seperate2{ background-image:url('../img/bg-line.jpg');background-repeat:repeat-y;background-position:785px 0; }

.line-dot{ background-image:url('../img/bg-line-dot.jpg');background-repeat:repeat-x;height:1px; }

.bg-gray{ background-color:#dddddd;border-bottom:1px solid #cccccc; }
.bg-gray2{ background-color:#eeeeee; }
.bg-gray3{ background-color:#666666; }
.bg-gray4{ background-color:#777777; }
.bg-gray5{ background-color:#fcfcfc; }
.bg-gray6{ background-color:#f5f5f5; }
.bg-gray7{ background-color:#ffffff; }
.bg-gray8{ background-color:#888888; }

.bg-red{ background-color:#c51e3a; }
.bg-red2{ background-color:#dc143b; }
.bg-orange{ background-color:#ff9000; }
.bg-black{ background-color:#333333; }
.bg-purple{ background-color:#810081; }
.bg-green{ background-color:#006600; }
/*.bg-world{ background-image:url('../img/sample-9.png');background-repeat:no-repeat;background-position:top right; }*/

.bg-footer{ background-image:url('../img/navy_blue.png'); }

.text-georgia{ font:14px/18px Georgia; }
.text-georgia2{ font:30px/34px Georgia; }
.text-small13{ font-size:13px; }
.text-small11-italic{ font-size:11px;font-style:italic; }
.text-small11-bold{ font-size:11px;font-weight:bold; }
.text-small12{ font-size:12px;}
.text-small12-bold{ font-size:12px;font-weight:bold; }
.text-small13-bold{ font-size:13px;font-weight:bold; }
.text14{ font-size:14px; }
.text16{ font-size:16px; }
.text20{ font-size:20px; }
.text-red{ color:#c51e3a; }
.text-content{ margin:20px; }
.text-white{ color:white; }
.text-right{ text-align:right; }
.text-gray{ color:#999999; }
.text-watermark{ position:absolute;margin:6px 0 0 10px;color:#999999;font-style:italic; }
.text-bold{ font-weight:bold; }
.text-center{ text-align:center; }
.text-italic{ font-style:italic; }
.text-alt,.text-alt2{ color:#999999;font-style:italic;text-align:center;font-size:14px; }
.text-staff{ color:#999999; }
.text-underline{ text-decoration:underline; }
.text-underline2{ border-bottom:1px dotted; }
.text-pink{ color:#ff00ff; }
.text-green{ color:#097f00; }
.text-orange{ color:#ca5600; }
.text-blue{ color:#02b7d2; }
.text-blue2{ color:#3c7fad; }

.text-newsdate{ position:absolute;bottom:10px;right:0; }
.text-conference{ position:absolute;bottom:10px; }

.text-lato{ font-family:'Lato', sans-serif; }

.block2{ height:2px; }
.block4{ height:4px; }
.block7{ height:7px; }
.block10{ height:10px; }
.block14{ height:14px; }
.block21{ height:21px; }
.block28{ height:28px; }
.block35{ height:35px; }
.block42{ height:42px; }
.block64{ height:64px; }
.block210{ height:210px; }
.block420{ height:420px; }

.block-content1{ position:relative;float:left;width:225px; }
.block-content2{ position:relative;float:left;width:200px; }
.block-content3{ position:relative;float:left;width:380px; }
.block-content4{ position:relative;float:left;width:470px; }
.block-content5{ position:relative;float:left;width:180px; }
.block-content6{ position:relative;float:left;width:80px; }
.block-content7{ position:relative;float:left;width:1070px; }
.block-content8{ position:relative;float:left;width:670px; }
.block-content9{ position:relative;float:left;width:260px; }
.block-content10{ position:relative;float:left;width:805px; }

.block-content11{ position:relative;float:left;width:520px; }
.block-content12{ position:relative;float:left;width:336px; }
.block-news{ /*font-family:Lora;*/font-size:16px; }
.block-conference{ height:315px; }

/* new design 20160517 */
.block-content19{ position:relative;float:left;width:1140px;  }
/* 2 blocks */
.block-content20{ position:relative;float:left;width:570px; }
/* 3 blocks */
.block-content13{ position:relative;float:left;width:380px;  }
.block-content14{ position:relative;float:left;width:760px; }
/* 4 blocks */
.block-content15{ position:relative;float:left;width:285px; }
.block-content18{ position:relative;float:left;width:427.5px; }
.block-content16{ position:relative;float:left;width:570px; }
.block-content17{ position:relative;float:left;width:855px; }
/* 5 blocks */
.block-content21{ position:relative;float:left;width:228px; }
.block-content22{position:relative;float:left;width:456px; }
.block-content23{position:relative;float:left;width:684px; }
.block-content24{position:relative;float:left;width:912px; }

.block-inhouse1, .block-inter1, .block-local1{ position:relative;float:left;width:120px;margin-right:20px; }
.block-inhouse2{ position:relative;float:left;width:160px;margin-right:20px; }
.block-inhouse3{ position:relative;float:left;width:540px; }
.block-inhouse4{ position:relative;float:left;width:280px;text-align:right; }

.block-inter2{ position:relative;float:left;width:700px; }
.block-inter3{ position:relative;float:left;width:300px;text-align:right;; }

.block-local2{ position:relative;float:left;width:600px; }
.block-local3{ position:relative;float:left;width:400px;text-align:right;; }

.pad-right20{ padding-right:20px; }
.pad-left20{ padding-left:20px; }
.pad-round{ padding:14px 28px; }
.pad-bottom20{ padding-bottom:20px; }

.inner-block{ padding:10px 14px; }
.inner-block2{ padding:7px 10px 4px 10px; }
.inner-block3{ padding:10px 40px; }
.inner-block4{ padding:28px 20px 10px 20px; }
.inner-block5{ padding:0 0 0 30px; }
.inner-block6{ padding:10px 21px; }

.search-box{ background-color:white;border:1px solid #dddddd;width:330px;padding:4px 7px; }
.search-box2{ background-color:white;border:1px solid #dddddd;width:135px;padding:4px 7px; }

.btn-search{ position:absolute;margin:6px 0 0 0;right:24px; }
.btn-search2{ position:absolute;margin:6px 0 0 0;right:20px; }

select#cboPbct,select#cboStdy{ width:100%;padding:7px 7px;font-size:14px;font-style:italic; }

img.loading{ display:none; }
img.anr{ border:1px solid #cccccc; }

.date-box{ float:left;width:100px;margin:0 10px 0 0; }
.desc-box{ float:left;width:240px; }

.right20{ margin-right:20px; }
.right5{ margin-right:5px; }
.right10{ margin-right:10px; }
.right40{ margin-right:40px; }
.right30{ margin-right:30px; }
.left50{ margin-left:50px; }
.left40{ margin-left:40px; }
.left20{ margin-left:20px; }
.left10{ margin-left:10px; }
.left30{ margin-left:30px; }

.left140{ margin-left:140px; } //For news content have 2 picture and past align center

.header-red{ font-size:16px;font-weight:bold;color:#c51e3a;margin:0 0 14px 0; }
.header-red2{ font-size:14px;font-weight:bold;color:#c51e3a;margin:0 0 7px 0; }
.header-red3{ font-family:Lora;font-size:16px;font-weight:bold;color:#c51e3a; }
.header-red4{ font-size:22px;color:#c51e3a;margin:0 0 7px 0;font-family:Lora; }
.header-black{ font-size:18px;font-weight:bold;color:#444444;margin:0 0 14px 0; }
.header-black2{ font-size:16px;font-weight:bold;color:#444444;margin:0 0 14px 0; }
.header-black3{ font-size:14px;font-weight:bold;color:#444444;margin:0 0 7px 0; }
.header-black4{ font-size:30px;font-weight:bold;color:#444444;margin:0 0 14px 0; }
.header-white{ font-size:16px;color:#ffffff;margin:0 0 7px 0; }
.header-thai{ font-family:thaisansneue-regular;font-size:22px;color:#444444; }

.header-news{ font-family:'Oswald', sans-serif;font-size:32px;  }
.header-link{ font-size:16px;color:#c51e3a; }
.header-logo{ font-family:'Oswald', sans-serif;font-size:20px; }

/* new design 20160517 */
.header{ font-family:'Lato', sans-serif;font-size:19px; }

.remove-bottom{ margin-bottom:0px; }
.remove-right{ margin-right:0px; }
.remove-left{ margin-left:0px; }

.header-content-left{ float:left;width:380px; }
.header-content-right{ float:right;width:610px; }

.left-content{ float:left; }
.right-content{ float:right; }

ul.studies,ul.publication,ul.news,ul.event,ul.reference2,ul.pbct,ul.anr,ul.edu2,ul.news2,ul.bkksym,ul#img-slide,ul.an2{ list-style-type:none; }
ul.studies>li,ul.publication>li{ margin:7px 0 0 0;padding-bottom:7px;border-bottom:1px dotted #999999; }
ul.reference2>li{ float:left;width:190px;margin:0 30px 20px 0;text-align:center; }
ul.event>li{ margin:7px 0 0 0;font-size:12px;padding-bottom:7px;border-bottom:1px solid #ffffff; }
ul.event>li:last-child{ border-bottom:0px;padding-bottom:0px; }
ul.reference,ul.training li,ul.history{ margin:0 0 0 21px; }
ul.edu,ol.edu{ margin:0 0 0 28px; }
ul.edu li,ol.edu li{ margin:0 0 10px 0; }
ul.history li{ margin:0 0 4px 0; }
ul.history li:last-child{ margin:0 0 0 0; }
ul.reference>li{ font-size:12px;margin-bottom:7px; }
ul.reference>li>a{ border-bottom:1px dotted #444444;font-style:italic; }
ul.reference>li>a:hover{ border-bottom:0px;color:#c51e3a; }

ul.pbct>li{ padding:20px 0;border-bottom:1px solid #eeeeee; }
ul.pbct>li:last-child{ border-bottom:1px solid #cccccc;; }
ul.anr>li,ul.edu2>li{ display:block;position:relative;float:left;width:1px;margin:0 20px 20px 0;border:1px solid #eeeeee;width:185px; }
ul.edu2>li:last-child{ margin-right:0px; }
ul.anr>li.anr-active, ul.anr>li.anr-active:hover{ border:1px solid #cccccc;background-color:#eeeeee; }
ul.anr>li:hover{ border:1px solid #cccccc; }
ul.news>li{ display:block;position:relative;float:left;width:270px;margin:0px 20px 10px 0;height:225px; }
ul.news2>li{ display:block;position:relative;float:left;width:270px;margin:0px 20px 20px 0;border-bottom:1px solid #cccccc;height:225px; }
ul.bkksym>li{ display:block;position:relative;float:left;width:245px;margin:0 30px 20px 0;border-bottom:1px solid #cccccc;height:170px; }
ul#img-slide{ height:313px; }
ul#img-slide>li{ position:absolute;display:none; }
ul.an2{ float:right;margin:0 0 0 20px; }
ul.an2>li{ border-bottom:1px solid #666666; }

ul.default{ margin-left:28px; }

.social-icon{ float:left;width:26px;text-align:center;vertical-align:bottom; }

a{ color:inherit;text-decoration:none; }
a:active,a:link,a:visited{ color:inherit; }
a.text-red:hover{ color:#c51e3a;text-decoration:none; }
a.style1, a.style1:active,a.style1:link,a.style1:visited{ color:#3c7fad; }
a.style1:hover{ border-bottom:1px dotted;  }
a.style2{ font-size:12px;font-weight:bold; }
a.style2:active,a.style2:link,a.style2:visited{ color:inherit; }
a.style2:hover{ color:#c51e3a; }
a.style3{ font-family:Lora;font-weight:bold;font-size:12px; }
a.style3:active,a.style3:link,a.style3:visited{ color:inherit; }
a.style3:hover{ color:#c51e3a; }

a{ color:inherit;text-decoration:none;color:#000000; }
a:active,a:link,a:visited{ color:inherit; }

a.news-style{ font-family:'Oswald', sans-serif;font-size:32px;color:#3c7fad;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; }
a.news-style:hover{ color:#4797ce !important; }
a.news-style:active,a.news-style:link,a.news-style:visited{ color:#3c7fad; }
a.btn-read{ position:absolute;bottom:14px;right:21px;padding:7px 28px;background-color:#3c7fad;color:white;border-radius:4px;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; }
a.btn-read:hover{ background-color:#4797ce; }
a.btn-read:active,a.btn-read:link,a.btn-read:visited{ color:white; }

a.btn-style1{ padding:10px 49px;background-color:#eeeeee;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;border:1px solid #dddddd; }
a.btn-style1:hover{ color:white;background-color:#c51e3a; }

.clearboth{ clear:both;/**height:2px;*/ }

/* Menu 1 */
ul.nav-menu{ font-family:'Lato', sans-serif;font-size:15px;position:relative;list-style:none;float:right;display:inline-block; }
ul.nav-menu>li{ float:left;display:inline-block;position:relative }
ul.nav-menu>li a{ display:block;position:relative;padding:30px 15px 16px 15px;text-decoration:none;color:inherit;*color:#444444; }
/*ul.nav-menu>li:last-child{ border-right:1px solid white; }*/
/*ul.nav-menu>li:hover{ color:#c51e3a; }*/
ul.nav-menu>li a:link,a:visited,a:active{ color:inherit; }
/*ul.nav-menu>li a.active{ color:white;background-color:#c51e3a; }*/

ul.nav-menu>li a.menu-home{ background-image:url('../img/home.png');background-repeat:no-repeat;background-position:center 13px;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; }
ul.nav-menu>li a.menu-aboutus{ background-image:url('../img/info.png');background-repeat:no-repeat;background-position:center 13px;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; }
ul.nav-menu>li a.menu-contact{ background-image:url('../img/phone.png');background-repeat:no-repeat;background-position:center 14px;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; }
ul.nav-menu>li a.menu-intranet{ background-image:url('../img/group.png');background-repeat:no-repeat;background-position:center 13px;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; }
ul.nav-menu>li a.menu-mail{ background-image:url('../img/mail.png');background-repeat:no-repeat;background-position:center 14px;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; }
ul.nav-menu>li a.menu-home:hover{ background-image:url('../img/home-hover.png');color:#c51e3a; }
ul.nav-menu>li a.menu-aboutus:hover{ background-image:url('../img/info-hover.png');color:#c51e3a; }
ul.nav-menu>li a.menu-contact:hover{ background-image:url('../img/phone-hover.png');color:#c51e3a; }
ul.nav-menu>li a.menu-intranet:hover{ background-image:url('../img/group-hover.png');color:#c51e3a; }
ul.nav-menu>li a.menu-mail:hover{ background-image:url('../img/mail-hover.png');color:#c51e3a; }

/* Sub menu 1 */
ul.nav-menu>li:hover ul{ display:block;opacity:1;visibility:visible;color:#333333;border:1px solid #aaaaaa; }
ul.nav-menu>li ul{ list-style:none;width:200px;position:absolute;z-index:100;background-color:white;display:none;opacity:0;visibility:hidden;-webkit-transiton:opacity 0.2s;-moz-transition:opacity 0.2s;-ms-transition:opacity 0.2s;-o-transition:opacity 0.2s;-transition:opacity 0.2s; }
ul.nav-menu>li ul>li{ -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;border-bottom:1px dotted #aaaaaa; }
ul.nav-menu>li ul>li:last-child{ border-bottom:0px dotted #aaaaaa; }
ul.nav-menu>li ul>li a{ display:block;position:relative;padding:7px 14px;text-decoration:none;color:inherit; }
ul.nav-menu>li ul>li:hover{ color:#c51e3a;/*background-color:#f5d5db;*/ }

ul.nav-menu>li.dropdown{ background-image:url('../img/dropdown.png');background-repeat:no-repeat;background-position:center bottom;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; }
ul.nav-menu>li.dropdown:hover{ background-image:url('../img/dropdown2.png');background-repeat:no-repeat;background-position:center bottom; }
/*ul.nav-menu>li.active-dropdown{ background-color:#c51e3a;color:white;background-image:url('../img/dropdown2.png');background-repeat:no-repeat;background-position:center bottom; }
ul.nav-menu>li.active-dropdown ul{ background-color:#c51e3a; }
ul.nav-menu>li.active-dropdown ul li:hover{ background-color:#dc7889; }
ul.nav-menu>li.active-dropdown:hover{ background-image:none; }*/

/* Menu 2 */
ul.nav-menu2{ font-family:'Lato', sans-serif;font-size:15px;position:relative;list-style:none;/*display:inline-block;*/ }
ul.nav-menu2>li{ float:left;display:inline-block;position:relative;border-left:1px solid #cccccc; }
ul.nav-menu2>li a{ display:block;position:relative;padding:7px 25px;text-decoration:none;color:inherit;*color:#444444;/*border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;*/-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; }
ul.nav-menu2>li:last-child a{ /*border-right:1px solid #cccccc;*/ }
ul.nav-menu2>li:first-child{ border-left:0; }
ul.nav-menu2>li a:hover{ color:#c51e3a; }
ul.nav-menu2>li ul{ list-style:none;width:250px;position:absolute;z-index:100;color:white;display:none;opacity:0;visibility:hidden; }
/* Sub menu 2 */
ul.nav-menu2>li:hover ul{ display:block;opacity:1;visibility:visible;color:#333333; }
ul.nav-menu2>li ul{ list-style:none;width:250px;position:absolute;z-index:100;opacity:0;visibility:hidden;background-image:url('../img/dropdown3.png');background-repeat:no-repeat;background-position:top; }
ul.nav-menu2>li ul>li{ border-right:1px solid #c51e3a;border-left:1px solid #c51e3a;border-bottom:1px dotted #c51e3a;background-color:white; }
ul.nav-menu2>li ul>li:first-child{ margin-top:11px; }
ul.nav-menu2>li ul>li:last-child{ border-bottom:1px solid #c51e3a; }

/* Menu 3 (Mobile) */
ul.nav-menu3{ font-family:'Lato', sans-serif;font-size:15px;position:relative;list-style:none;/*display:inline-block;*/color:white; }

ul.nav-menu4{ font-size:15px;position:relative;list-style:none;display:block; }
ul.nav-menu4>li{ float:left;display:inline-block;position:relative;border-left:1px solid #dbdbdb; }
ul.nav-menu4>li a{ display:block;padding:11px 19px 7px 19px; }
ul.nav-menu4>li:last-child{ border-right:1px solid #dbdbdb; }

/* Menu Footer */
ul.footer-menu{ list-style:none;font-family:'Lato'; }
ul.footer-menu>li{ margin:0 0 2px 0; }
ul.footer-menu>li a{ -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;color:white; }
ul.footer-menu>li a:hover{ color:#c51e3a; }
ul.footer-menu>li:last-child{ margin-bottom:0; }
ul.footer-menu>li>ul>li{ margin:2px 0 0 21px; }

/*ul.left-menu{ font:18px/20px Georgia;font-size:14px;position:relative;list-style:none;float:left;text-align:left;width:180px; }
ul.left-menu>li{ display:block;position:relative;border-bottom:1px solid #eeeeee;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; }
ul.left-menu>li:first-child{ border-top:1px solid #eeeeee; }
ul.left-menu>li>a{ display:block;position:relative;padding:7px 7px 7px 14px;text-decoration:none;color:inherit; }
ul.left-menu>li a:link,a:visited,a:active{ color:inherit; }
ul.left-menu>li:hover{ color:#c51e3a;border-bottom:1px solid #cccccc;background-color:#eeeeee;/*background-image:url('../img/arrow-right.png');background-repeat:no-repeat;background-position:center left;*/ /*}
ul.left-menu>li a.active{ color:white;background-color:#c51e3a; }*/

ul.link-download{ position:relative;list-style:none; }
ul.link-download>li{ display:inline-block;position:relative;padding:10px 21px; }

ol.career-detail, ul.career-detail{ margin:10px 0 0 28px; }
ol.career-detail>li, ul.career-detail>li{ margin:0 0 10px 0; }
ol.style1,ul.style1{ margin:0 0 0 42px; }
ol.style1>li,ul.style1>li{ margin:0 0 7px 0; }
ol.style2,ul.style2{ margin:0 0 0 21px; }
ol.style2>li,ul.style2>li{ margin:0 0 7px 0; }

table.career{ width:100%; }
table.career th{ background-color:#444444;color:white; }
table.career th, table.career td{ padding:10px 21px; }
table.career td{ border-bottom:1px solid #eeeeee;vertical-align:top; }
table.career-detail td{ padding:0 14px 7px 0;vertical-align:top; }
table.career-detail td:first-child{ width:180px; }
table.studies td.column-1{ width:85px; }
table.studies2{ width:100%; }
table.studies2 td{ padding:4px 0; }
table.studies2 td.left40{ padding-left:40px; }
table.studies2 td.column-2{ width:130px; }
table.conference-program{ width:100%; }
table.conference-program td.column-1{ width:120px; }
table.conference-program td{ padding:4px 0;vertical-align:top; }

.box-red{ border:1px solid #c51e3a;padding:14px; }

#map-canvas{ width:100%;height:600px; }
.map-contact{ width:100%;height:600px; }

pbct{ font:14px/18px Georgia;font-style:italic;border-bottom:1px dotted #999999; }

.arrow-more{ position:absolute;right:5px; }

.border-style1{ border:1px solid #999999;padding:10px; }

img.news-header, img.conference-header{ width:100%; }

.fix-height{ height:213px;overflow:hidden; }

.link-item{ height:120px; }

.img-footer{ width:427.5px; }
.img-content{ width:380px; }
.img-community{ width:228px; }

.menu-mobile{ display:none;width:100%;position:fixed;top:0;background-color:white;z-index:100;border-bottom:1px solid #dbdbdb;background-color:#f3f3f3; }

.short-logo{ display:none; }

@media only screen and (min-width:960px) and (max-width:1180px) {
    .container2{ width:920px; }
    
    .block-content19{ width:920px;  }
    /* 2 blocks */
    .block-content20{ width:460px; }
    /* 3 blocks */
    .block-content13{ width:306.67px; }
    .block-content14{ width:613.34px; }
    /* 4 blocks */
    .block-content15{ width:230px; }
    .block-content18{ width:345px; }
    .block-content16{ width:460px; }
    .block-content17{ width:690px; }
    /* 5 blocks */
    .block-content21{ width:184px; }
    .block-content22{ width:368px; }
    .block-content23{ width:552px; }
    .block-content24{ width:736px; }
    
    .block-news img{ max-width:960px; }
    .block-news>.block-content13 img{ max-width:320px; }
    
    .block-conference{ height:300px; }
    
    .img-content{ width:306.67px; }
    .img-footer{ width:345px; }
    .img-community{ width:192px; }
    
    .header{ font-size:18px; }
    
    iframe.video-suggest{ width:306.67px; }
    
    ul.nav-menu{ font-size:14px;position:absolute;z-index:10;right:20px;top:0;float:none; }
    ul.nav-menu>li a{ padding:30px 10px 16px 10px; }
    
    ul.nav-menu2{ font-size:14px; }
    ul.nav-menu2>li a{ padding:7px 15px; }
    
    ul.news>li, ul.news2>li{ width:215px;height:210px; }
    ul.news>li img, ul.news2>li img{ width:215px; }
    
    .banner-small-img{ width:264.67px; }
    
    .link-item{ height:140px; }
    
    .text-conference{ width:278px; }
    
    .block-inhouse3{ width:440px; }
    .block-inter2{ width:520px; }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .container2{ width:728px; }
    
    .block-content19{ width:728px;  }
    /* 2 blocks */
    .block-content20{ width:364px; }
    /* 3 blocks */
    .block-content13, .block-content21{ width:242.66px; }
    .block-content14{ width:485.33px; }
    /* 4 blocks */
    .block-content15{ width:182px; }
    .block-content18{ width:273px; }
    .block-content16{ width:364px; }
    .block-content17{ width:546px; }
    /* 5 blocks */
    .block-content24{ width:485px; }
    
    ul.nav-menu, ul.nav-menu2{ display:none; }
    
    .img-footer{ width:360px; }
    
    iframe.video-suggest{ width:242.66px; }
    
    .banner-small-img{ width:200px; }
    .banner img{ width:728px; }
    .banner-description{ position:relative;width:728px;height:200px; }
    
    .img-footer{ width:273px; }

    .logo-coorperation{ height:60px; }
    
    ul.news>li, ul.news2>li{ width:167px; }
    ul.news>li img, ul.news2>li img{ width:167px; }
    
    .img-content{ width:242.66px; }
    .img-structure{ width:728px; }
    .img-community{ width:242.66px; }
    .img-footer-banner{ width:165px; }
    
    #map-canvas{ height:400px; }
    
    .block-news img{ max-width:728px; }
    .block-news iframe{ max-width:100%; }
    .block-news>.block-content13 img{ max-width:242.66px; }
    
    .block-conference{ height:280px; }
    
    .menu-mobile{ display:block; }
    
    .text-conference{ width:198.77px; }
    
    .mobile-hidden{ display:none; }
    .mobile-block{ height:42px; }
    
    .block-inhouse1, .block-inhouse2, .block-inter1, .block-inter2{ width:100%;margin-right:0px; }
    .block-inhouse3, .block-inhouse4, .block-inter3{ width:100%;text-align:left; }
}

@media only screen and (max-width: 767px) {
    body{ font-size:14px; }
    
    .container2{ width:300px;overflow:hidden;padding:0 10px; }
    
    .banner img{ width:100%; }
    .banner-description{ position:relative;width:100%;height:230px; }
    
    a.news-style, .header-news{ font-size:20px; }
    
    ul.news>li{ margin-right:0;height:auto;width:100%;border-bottom:1px solid #eeeeee;  }
    ul.news2>li{ margin-right:0;height:auto;width:100%;  }
    ul.news>li>.text-center, ul.news2>li>.text-center{ text-align:left; }
    ul.news>li:last-child{ border-bottom:0; }
    ul.news>li img, ul.news2>li img{ width:100%; }
    ul.footer-menu{ display:none; }
    
    .header{ font-size:16px; }
    
    .banner-small-img{ width:100%; }
    
    .block-conference{ height:auto; }
    
    .text-newsdate{ position:relative;bottom:0;text-align:right;margin-top:7px;margin-bottom:7px; }
    .text-conference{ position:relative;bottom:0;margin-top:14px; }
     
    .block-content5{ width:auto; }
    .block-content13, .block-content14, .block-content15, .block-content16, .block-content17, .block-content18, .block-content19, .block-content20, .block-content21, .block-content24{ width:100%; }

    ul.nav-menu, ul.nav-menu2{ display:none; }
    ul.link-download>li{ border-bottom:1px solid #eeeeee;width:100%; }
    ul.link-download>li:last-child{ border-bottom:0; }
     
    .menu-mobile{ display:block; }
     
    .mobile-hidden{ display:none; }
    .mobile-block{ height:42px; }
    .mobile-remove-pad{ padding:0; }
    .mobile-remove-float{ float:none; }
    .mobile-remove-mar{ margin:0 !important; }
    .mobile-line-gray{ height:1px;background-color:#cccccc; }
    .mobile-block14{ clear:both;height:14px; }
    .mobile-block28{ clear:both;height:28px; }
    .mobile-center{ text-align:center; }
    .mobile-text-center{ text-align:center; }
    
    iframe.video-suggest{ width:100%; }
    
    .img-content, .img-structure, .img-community{ width:100%; }
    .img-footer{ display:none; }
    
    .block-news img, .block-news iframe{ max-width:100%; }
    
    #map-canvas{ height:300px; }
    
    .link-item{ height:auto; }
    
    .block-news .pad-right20{ padding:0; }
    
    .short-logo{ display:block; }
    .full-logo{ display:none; }
    
    .logo-coorperation{ float:none;display:inline-block;margin-right:1px; }
    
    .block-inhouse1, .block-inhouse2, .block-inter1, .block-inter2{ width:100%;margin-right:0px; }
    .block-inhouse3, .block-inhouse4, .block-inter3{ width:100%;text-align:left; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container2{ width:460px; }
    
    .text-newsdate{ position:absolute;bottom:0; }
    
    ul.news>li, ul.news2>li{ width:48%;border-bottom:0;height:190px; }
    ul.news2>li{ margin-bottom:20px;border-bottom:1px solid #cccccc; }
    
    .news-odd{ margin-right:2% !important; }
    .news-even{ margin-left:2% !important; }
    
    .block-content21{ width:50%; }
    
    .link-item{ height:120px; }
    
    .block-news img, .block-news>.block-content13 img{ width:100%; }
    
    .banner-description{ height:200px; }
    
    .logo-coorperation{ margin-right:20px; }
}

/* Grayscale */

/* use jquery PaintbrushJS to chaged color source folder main_js */
/**/


/* Grayscale */