/* Default Template Styles */ /* Typography */ body { background: #fff; } /*@page { margin:.25in; padding:0; }*/ @media print { html, body { width:1090px; height:auto; margin:auto; padding:0; } .page-break { page-break-before: always; } } @font-face { font-family:'rsu'; src: url('../font/rsu.eot'); src:url('../font/rsu.woff') format('woff'), url('../font/rsu.ttf') format('truetype'), url('../font/rsu.svg') format('svg'); } @font-face { font-family:'thaisanslite'; src:url('../font/thaisanslite.eot'); src:url('../font/thaisanslite.woff') format('woff'), url('../font/thaisanslite.ttf') format('truetype'), url('../font/thaisanslite.svg') format('svg'); } @font-face { font-family:'tcmc'; src: url('../font/tcmc.eot'); src:url('../font/tcmc.woff') format('woff'), url('../font/tcmc.ttf') format('truetype'), url('../font/tcmc.svg') format('svg'); font-style:normal; } @font-face { font-family:'superspace'; src: url('../font/superspace.eot'); src:url('../font/superspace.woff') format('woff'), url('../font/superspace.ttf') format('truetype'), url('../font/superspace.svg') format('svg'); } @font-face { font-family:'bangna'; src: url('../font/bangna.eot'); src:url('../font/bangna.woff') format('woff'), url('../font/bangna.ttf') format('truetype'), url('../font/bangna.svg') format('svg'); } .font_thaisanslite { font-family:'thaisanslite'; } /* p { color: #777; font-size: 0.85rem; line-height: 1.6rem; margin-bottom:20px; } */ p.size_1rem { /*color: #777;*/ font-size: 1rem; line-height: 1.6rem; margin-bottom:20px; } /* a, a:link, a:visited, a:hover, a:active { color: #777; } */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 15px; margin-top: 0; } h1.headline, .h1.headline { font-size: 3.8rem; letter-spacing: -2.5px; } h2.headline, .h2.headline { font-size: 3rem; letter-spacing: -2px; } h3.headline, .h3.headline { font-size: 2.6rem; letter-spacing: -2px; } h4.headline, .h4.headline { font-size: 2.4rem; letter-spacing: -1.5px; } h5.headline, .h5.headline { font-size: 2.2rem; letter-spacing: -1.4px; } h6.headline, .h6.headline { font-size: 2rem; letter-spacing: -1.3px; } .size12px { font-size:12px !important;} .size13px { font-size:13px !important;} .size14px { font-size:14px !important;} .size16px { font-size:16px !important;} .size18px { font-size:18px !important;} .size20px { font-size:20px !important;} .size22px { font-size:22px !important;} .size24px { font-size:24px !important;} .size26px { font-size:26px !important;} .size30px { font-size:30px !important;} .text-size-12, .text-l-size-12 { font-size: 12px !important; line-height: 1.4; } .text-size-14, .text-l-size-14 { font-size: 14px !important; line-height: 1.4; } .text-size-16, .text-l-size-16 { font-size: 16px !important; line-height: 1.4; } .text-size-20, .text-l-size-20 { font-size: 20px !important; line-height: 1.4; } .text-size-23, .text-l-size-20 { font-size: 23px !important; line-height: 1.4; } .text-size-25, .text-l-size-25 { font-size: 25px !important; line-height: 1.4; } .text-size-30, .text-l-size-30 { font-size: 30px !important; line-height: 1.4; } .text-size-32, .text-l-size-32 { font-size: 32px !important; line-height: 1.4; } .text-size-34, .text-l-size-34 { font-size: 34px !important; line-height: 1.2; } .text-size-36, .text-l-size-36 { font-size: 36px !important; line-height: 1.4; } .text-size-38, .text-l-size-38 { font-size: 38px !important; line-height: 1.4; } .text-size-40, .text-l-size-40 { font-size: 40px !important; line-height: 1.4; } .text-size-44, .text-l-size-40 { font-size: 44px !important; line-height: 1.4; } .text-size-50, .text-l-size-50 { font-size: 50px !important; line-height: 1.4; } .text-size-60, .text-l-size-60 { font-size: 60px !important; line-height: 1.4; } .text-size-70, .text-l-size-70 { font-size: 70px !important; line-height: 1.4; } .text-size-28 { font-size:28px !important; } .text-center { text-align: center; } .text-right { text-align: right; } .text-thin { font-weight: 300; } b, strong, .text-strong { font-weight: 700; } .text-extra-strong { font-weight: 800; } blockquote::before { color: #e0e0e0; content: ""; display: block; float: left; font-family: georgia; font-size: 80px; height: 30px; left: -40px; position: relative; top: -20px; width: 0; } blockquote { border: 0; font-size: 1rem; padding: 0 0 0 40px; } a.text-tag:link { border: 1px solid #e5e5e5; display: inline-block; float: left; font-size: 0.75rem; margin: 1px 2px 1px 0; padding: 6px 9px; } a.text-tag:link:hover { background: #002633 none repeat scroll 0 0; border: 1px solid #002633; color: #fff; transition: all 0.20s linear 0s; -o-transition: all 0.20s linear 0s; -ms-transition: all 0.20s linear 0s; -moz-transition: all 0.20s linear 0s; -webkit-transition: all 0.20s linear 0s; } ul.text-list, ol.text-list { font-size: 0.85rem; line-height: 1.8rem; padding: 0 16px; } ul.text-list ul, ol.text-list ol { padding: 0 14px; } iframe { display: block; margin: 0; } /* Drop Cap */ .text-drop-cap { float: left; font-size: 65px; line-height: 45px; padding-right: 10px; padding-top: 5px; } .partnership_area { text-align: center; margin:0; padding:0; } .border_table_line_gray { width:100%; height:1px !important; background-color:#E9E9E9; } .border_t_gray { border-top:1px solid #e5e5e5; } .border_rb_gray { width:100%; height:100%; margin:0; padding:0; border:1px solid #f1f4f5; transition:all 0.20s linear 0s; -o-transition:all 0.20s linear 0s; -ms-transition:all 0.20s linear 0s; -moz-transition:all 0.20s linear 0s; -webkit-transition:all 0.20s linear 0s; } .border_form { border:1px solid #e0e0e0; padding:20px; display:inline-block; } .partnership_block { width:32.5%; margin:0 !important; padding:0; background: #fff; display: inline-block; overflow:hidden; /* inline-block hack */ } .partnership_block img { width:100%; margin:auto; transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); transition:all 0.20s linear 0s; -o-transition:all 0.20s linear 0s; -ms-transition:all 0.20s linear 0s; -moz-transition:all 0.20s linear 0s; -webkit-transition:all 0.20s linear 0s; } .partnership_block:hover img { transform:scale(1.116); -moz-transform:scale(1.116); -webkit-transform:scale(1.116); transition:all 0.20s linear 0s; -o-transition:all 0.20s linear 0s; -ms-transition:all 0.20s linear 0s; -moz-transition:all 0.20s linear 0s; -webkit-transition:all 0.20s linear 0s; } /* Tables table { background:none repeat scroll 0 0 #fff; border:0; font-size: 0.85rem; l ine-height: 1.6rem; } table tr td, table tr th {padding:10px;} table tfoot, table thead { background:none repeat scroll 0 0 #f5f5f5; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; } table tr:nth-of-type(2n) { background:none repeat scroll 0 0 #f5f5f5; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; } th {border-right:1px solid #fff;} td {border-right:1px solid #fff;}*/ /* Backgrounds */ .background-white-hightlight .top-nav .active-item > a, .background-white-hightlight .top-nav li a:hover, .background-white-hightlight .aside-nav li a:hover, .background-white-hightlight .aside-nav > ul > li.active-item > a:link, .background-white-hightlight .aside-nav > ul > li.active-item > a:visited, .primary-color-white .background-primary-hightlight .top-nav .active-item > a, .primary-color-white .background-primary-hightlight .top-nav li a:hover, .primary-color-white .background-primary-hightlight .aside-nav li a:hover, .primary-color-white .background-primary-hightlight .aside-nav > ul > li.active-item > a:link, .primary-color-white .background-primary-hightlight .aside-nav > ul > li.active-item > a:visited { background: #fff none repeat scroll 0 0; color: #002633; } .background-primary-hightlight .top-nav .active-item > a, .background-primary-hightlight .top-nav li a:hover, .background-primary-hightlight .aside-nav li a:hover, .background-primary-hightlight .aside-nav > ul > li.active-item > a:link, .background-primary-hightlight .aside-nav > ul > li.active-item > a:visited, .primary-color-primary .background-primary-hightlight .top-nav .active-item > a, .primary-color-primary .background-primary-hightlight .top-nav li a:hover, .primary-color-primary .background-primary-hightlight .aside-nav li a:hover, .primary-color-primary .background-primary-hightlight .aside-nav > ul > li.active-item > a:link, .primary-color-primary .background-primary-hightlight .aside-nav > ul > li.active-item > a:visited { background: #49BF4C none repeat scroll 0 0; color: #fff; } .background-dark-hightlight .top-nav .active-item > a, .background-dark-hightlight .top-nav li a:hover, .background-dark-hightlight .aside-nav li a:hover, .background-dark-hightlight .aside-nav > ul > li.active-item > a:link, .background-dark-hightlight .aside-nav > ul > li.active-item > a:visited, .primary-color-dark .background-primary-hightlight .top-nav .active-item > a, .primary-color-dark .background-primary-hightlight .top-nav li a:hover, .primary-color-dark .background-primary-hightlight .aside-nav li a:hover, .primary-color-dark .background-primary-hightlight .aside-nav > ul > li.active-item > a:link, .primary-color-dark .background-primary-hightlight .aside-nav > ul > li.active-item > a:visited { background: #002633 none repeat scroll 0 0; color: #fff; } .background-none { background: rgba(0, 0, 0, 0) none repeat scroll 0 0!important; border: 0; } .background-vdo { background-color:rgba(0,0,0,0.25); padding: 6rem 1.25rem;} /* Breaks */ .clear_t0 { padding-top:0; margin-top:0;} hr.break { border: 0; border-top: 1px solid #e5e5e5; display: block; margin: 40px 0; } hr.break:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden; } hr.break.break-dashed { border-top: 1px dashed #e5e5e5; } hr.break.break-dotted { border-top: 1px dotted #e5e5e5; } hr.break.break-double { border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; height: 8px; } hr.break.break-dashed-double { border-bottom: 1px dashed #e5e5e5; border-top: 1px dashed #e5e5e5; height: 8px; } hr.break.break-dotted-double { border-bottom: 1px dotted #e5e5e5; border-top: 1px dotted #e5e5e5; height: 8px; } /* Small Breaks */ hr.break-small { background: #e5e5e5; border: 0; display: block; height: 2px; margin: 20px 0 35px; width: 60px; } hr.break-small.break-center { margin: 20px auto 35px; } hr.break-small.break-double { height: 0; margin-bottom: 39px; } hr.break-small.break-double:before { background: #e5e5e5; border: 0 none; content: ""; display: block; height: 2px; margin: 5px 0 0; width: 60px; } hr.break.break-small.break-double:after { background: #e5e5e5; border: 0 none; content: ""; display: block; height: 2px; margin: 4px 0 35px; width: 60px; } hr.break-small.break-center.break-double:before { margin: 5px auto 0; } hr.break.break-small.break-center.break-double:after { margin: 4px auto 35px; } hr.break-small.break-double.background-white:before, hr.break-small.break-double.background-white:after, .primary-color-white hr.break-small.break-double.background-primary:before, .primary-color-white hr.break-small.break-double.background-primary:after { background: #fff; } hr.break-small.break-double.background-primary:before, hr.break-small.break-double.background-primary:after, .primary-color-primary hr.break-small.break-double.background-primary:before, .primary-color-primary hr.break-small.break-double.background-primary:after { background: #49BF4C; } video { display: block; } .logo { position:relative; top:0; background-color:green !important; } .logo img { margin: 0 auto; } .logo_center { position:relative; top:0; } .logo_center img { margin: 0 auto; max-width:250px; width: 100%; } .top-nav li:hover { background-color:#49bf4c; } nav { border-bottom: 4px solid rgba(0, 0, 0, 0.05); border-top: 1px solid rgba(0, 0, 0, 0.05); padding: 1.7rem 0; position: relative; z-index: 2; } .top-nav ul ul { background: #64c820 none repeat scroll 0 0; } .top-nav li ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .top-nav li ul li:last-child { border-bottom: 0; } .top-nav li ul li a, .background-white .top-nav li ul li a, .top-nav .active-item li a { background: #64c820 none repeat scroll 0 0; /*border-bottom:1px solid rgba(255, 255, 255, 0.2);*/ color: rgba(255,255,255, 0.75); } ul.chevron .submenu > a::after, ul.chevron .sub-submenu > a::after, ul.chevron .aside-submenu > a::after, ul.chevron .aside-sub-submenu > a::after { margin: 0 0 0 0.625rem; } .top-nav ul ul a { color: #eee; } .sticky { transition: all 0.20s linear 0s; -o-transition: all 0.20s linear 0s; -ms-transition: all 0.20s linear 0s; -moz-transition: all 0.20s linear 0s; -webkit-transition: all 0.20s linear 0s; } .fixed { left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 10; } nav.fixed, .fixed nav { padding: 1rem 0; } /* Aside Nav */ aside { border-left: 1px solid #e5e5e5; padding-left: 1.25rem; } .aside-nav ul { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; margin-left: -1.25rem; } .aside-nav ul ul { margin: 0; } .aside-nav li a, .aside-nav li a:link, .aside-nav li a:visited { border-bottom: medium none; font-size: 0.85rem; padding: 15px; border-left: 5px solid rgba(0,0,0,0); } .aside-nav > ul > li > a:hover, .aside-nav > ul > li.active-item > a:link, .aside-nav > ul > li.active-item > a:visited { border-style: solid; border-width: 0 0 0 5px; border-color: #e5e5e5; background: none; color: #333; } .aside-nav li ul ul { background: #e9e9e9 none repeat scroll 0 0; } aside.aside-left { border-left: 0; border-right: 1px solid #e5e5e5; padding-right: 1.25rem; } .aside-left .aside-nav ul { margin-right: -1.25rem; } .aside-left .aside-nav li a { border-left: 0; border-right: 5px solid rgba(0,0,0,0); } .aside-left .aside-nav > ul > li > a:hover, .aside-left .aside-nav > ul > li.active-item > a:link, .aside-left .aside-nav > ul > li.active-item > a:visited { border-style: solid; border-width: 0 5px 0 0; border-color: #e5e5e5; } .aside-nav.background-white-hightlight > ul > li > a:hover, .aside-nav.background-white-hightlight > ul > li.active-item > a:link, .aside-nav.background-white-hightlight > ul > li.active-item > a:visited, .primary-color-white .aside-nav.background-primary-hightlight > ul > li > a:hover, .primary-color-white .aside-nav.background-primary-hightlight > ul > li.active-item > a:link, .primary-color-white .aside-nav.background-primary-hightlight > ul > li.active-item > a:visited { border-color: #fff; } .aside-nav.background-primary-hightlight > ul > li > a:hover, .aside-nav.background-primary-hightlight > ul > li.active-item > a:link, .aside-nav.background-primary-hightlight > ul > li.active-item > a:visited, .primary-color-primary .aside-nav.background-primary-hightlight > ul > li > a:hover, .primary-color-primary .aside-nav.background-primary-hightlight > ul > li.active-item > a:link, .primary-color-primary .aside-nav.background-primary-hightlight > ul > li.active-item > a:visited { border-color: #49BF4C; } .aside-nav.background-dark-hightlight > ul > li > a:hover, .aside-nav.background-dark-hightlight > ul > li.active-item > a:link, .aside-nav.background-dark-hightlight > ul > li.active-item > a:visited, .primary-color-dark .aside-nav.background-primary-hightlight > ul > li > a:hover, .primary-color-dark .aside-nav.background-primary-hightlight > ul > li.active-item > a:link, .primary-color-dark .aside-nav.background-primary-hightlight > ul > li.active-item > a:visited { border-color: #002633; } /* Font colors */ .background-white, .background-white p, a.background-white, .background-white a, .background-white a:link, .background-white a:visited, .background-white a:hover, .background-white a:active { color: #1c1c1c; } .background-dark, .background-dark p, a.background-dark, a.background-dark:visited, a.background-dark:link, .background-dark a, .background-dark a:link, .background-dark a:visited, .background-dark a:hover, .background-dark a:active, .primary-color-dark .background-primary, .primary-color-dark .background-primary p, .primary-color-dark a.background-primary, .primary-color-dark a.background-primary:visited, .primary-color-dark a.background-primary:link, .primary-color-dark a.background-primary:visited, .primary-color-dark .background-primary a, .primary-color-dark .background-primary a:link, .primary-color-dark .background-primary a:visited, .primary-color-dark .background-primary a:hover, .primary-color-dark .background-primary a:active { color: #92bcca; } .background-white h1, .background-white h2, .background-white h3, .background-white h4, .background-white h5, .background-white h6, .background-white .h1, .background-white .h2, .background-white .h3, .background-white .h4, .background-white .h5, .background-white .h6, .primary-color-white .background-primary h1, .primary-color-white .background-primary h2, .primary-color-white .background-primary h3, .primary-color-white .background-primary h4, .primary-color-white .background-primary h5, .primary-color-white .background-primary h6, .primary-color-white .background-primary .h1, .primary-color-white .background-primary .h2, .primary-color-white .background-primary .h3, .primary-color-white .background-primary .h4, .primary-color-white .background-primary .h5, .primary-color-white .background-primary .h6 { color: #001218; } .image-hover-overlay-content *, .background-primary, .background-primary p, a.background-primary, a.background-primary:visited, a.background-primary:link, .background-primary a, .background-primary a:link, .background-primary a:visited, .background-primary a:hover, .background-primary a:active, .primary-color-primary .background-primary, .primary-color-primary .background-primary p, .primary-color-primary a.background-primary, .primary-color-primary a.background-primary:visited, .primary-color-primary a.background-primary:link, .primary-color-primary .background-primary a, .primary-color-primary .background-primary a:link, .primary-color-primary .background-primary a:visited, .primary-color-primary .background-primary a:hover, .primary-color-primary .background-primary a:active { color: rgba(255,255,255, 0.75); } .background-dark h1, .background-dark h2, .background-dark h3, .background-dark h4, .background-dark h5, .background-dark h6, .background-dark .h1, .background-dark .h2, .background-dark .h3, .background-dark .h4, .background-dark .h5, .background-dark .h6, .primary-color-dark .background-primary h1, .primary-color-dark .background-primary h2, .primary-color-dark .background-primary h3, .primary-color-dark .background-primary h4, .primary-color-dark .background-primary h5, .primary-color-dark .background-primary h6, .primary-color-dark .background-primary .h1, .primary-color-dark .background-primary .h2, .primary-color-dark .background-primary .h3, .primary-color-dark .background-primary .h4, .primary-color-dark .background-primary .h5, .primary-color-dark .background-primary .h6, .background-primary h1, .background-primary h2, .background-primary h3, .background-primary h4, .background-primary h5, .background-primary h6, .background-primary .h1, .background-primary .h2, .background-primary .h3, .background-primary .h4, .background-primary .h5, .background-primary .h6, .primary-color-primary .background-primary h1, .primary-color-primary .background-primary h2, .primary-color-primary .background-primary h3, .primary-color-primary .background-primary h4, .primary-color-primary .background-primary h5, .primary-color-primary .background-primary h6, .primary-color-primary .background-primary .h1, .primary-color-primary .background-primary .h2, .primary-color-primary .background-primary .h3, .primary-color-primary .background-primary .h4, .primary-color-primary .background-primary .h5, .primary-color-primary .background-primary .h6 { color: #fff; } .text-white, .text-white *, .primary-color-white .text-primary, .primary-color-white .text-primary * { color: #fff !important; } .text-primary, .text-primary *, .primary-color-primary .text-primary, .primary-color-primary .text-primary * { color: #49BF4C !important; } .text-dark, .text-dark *, .primary-color-dark .text-primary, .primary-color-dark .text-primary * { color: #002633 !important; } .text-white-hover, .text-primary-hover, .text-dark-hover { transition: color 0.20s linear 0s; -o-transition: color 0.20s linear 0s; -ms-transition: color 0.20s linear 0s; -moz-transition: color 0.20s linear 0s; -webkit-transition: color 0.20s linear 0s; } .text-white-hover:hover, .primary-color-white .text-primary-hover:hover { color: #fff !important; } .text-primary-hover:hover, .primary-color-primary .text-primary-hover:hover { color: #49BF4C !important; } .text-dark-hover:hover, .primary-color-dark .text-primary-hover:hover { color: #002633 !important; } /* Background Colors */ .background-white, .primary-color-white .background-primary { background-color: #fff !important; } .background-primary, .primary-color-primary .background-primary { background-color: #49BF4C !important; } .background-dark, .primary-color-dark .background-primary { background-color: #002633 !important; } /* Background Opacity */ .background-white.background-transparent, .primary-color-white .background-primary.background-transparent { background-color: rgba(255, 255, 255, 0.85) !important; } .background-primary.background-transparent, .primary-color-primary .background-primary.background-transparent { background-color: rgba(200, 16, 16, 0.85) !important; } .background-dark.background-transparent, .primary-color-dark .background-primary.background-transparent { background-color: rgba(0, 38, 51, 0.85) !important; } /* Hover Overlay */ .image-hover-overlay { bottom: 0; color: rgba(255,255,255, 0.75)!important; left: 0; opacity: 0; padding: 1.25rem; position: absolute; right: 0; top: 0; z-index: 1; transition: all 0.20s linear 0s; -o-transition: all 0.20s linear 0s; -ms-transition: all 0.20s linear 0s; -moz-transition: all 0.20s linear 0s; -webkit-transition: all 0.20s linear 0s; transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } .image-border-radius .image-hover-overlay { border-radius: 3px; } .image-hover-overlay:hover { opacity: 1; } .image-hover-overlay-content { position: absolute; left: 0; right: 0; top: 60%; transition: all 0.20s linear 0s; -o-transition: all 0.20s linear 0s; -ms-transition: all 0.20s linear 0s; -moz-transition: all 0.20s linear 0s; -webkit-transition: all 0.20s linear 0s; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .image-hover-overlay:hover > .image-hover-overlay-content { top: 50%; } /* Image blocks */ .image-with-hover-overlay { display: block; position: relative; } .image-border-radius img { border-radius: 3px; } .image-hover-zoom { display: block; overflow: hidden; } .image-hover-zoom img { transition: all 0.20s linear 0s; -o-transition: all 0.20s linear 0s; -ms-transition: all 0.20s linear 0s; -moz-transition: all 0.20s linear 0s; -webkit-transition: all 0.20s linear 0s; } .image-with-hover-overlay img { width: 100%; } .image-hover-zoom:hover img { transform: scale(1.1); } /* Buttons */ .button, a.button, a.button:link, a.button:visited { border-color: rgba(255, 255, 255, 0.4) rgba(255, 255, 255, 0) rgba(0, 0, 0, 0.3); border-style: solid; border-width: 1px; color: white; display: inline-block; padding: 0.625rem 1.25rem; text-align: center; transition: all 0.20s linear 0s !important; -o-transition: all 0.20s linear 0s !important; -ms-transition: all 0.20s linear 0s !important; -moz-transition: all 0.20s linear 0s !important; -webkit-transition: all 0.20s linear 0s !important; } .button_arrow_blue:hover, a.button_arrow_blue:hover, a.button_arrow_blue:link:hover, a.button_arrow_blue:visited:hover { cursor:default; } .button_arrow_blue, a.button_arrow_blue, a.button_arrow_blue:link, a.button_arrow_blue:visited { border-color: rgba(255, 255, 255, 0.4) rgba(255, 255, 255, 0) rgba(0, 0, 0, 0.3); border-style: solid; border-width: 1px; color: white; display: inline-block; padding: 0.625rem 1.25rem; text-align: center; transition: all 0.20s linear 0s !important; -o-transition: all 0.20s linear 0s !important; -ms-transition: all 0.20s linear 0s !important; -moz-transition: all 0.20s linear 0s !important; -webkit-transition: all 0.20s linear 0s !important; } .button:hover, a.button:hover, a.button:link:hover, a.button:visited:hover { box-shadow: 0 0 100px 100px rgba(255, 255, 255, 0.25) inset; } /* Stroke Buttons */ .button.button-white-stroke, a.button.button-white-stroke, a.button.button-white-stroke:link, a.button.button-white-stroke:visited, .primary-color-white .button.button-primary-stroke, .primary-color-white a.button.button-primary-stroke, .primary-color-white a.button.button-primary-stroke:link, .primary-color-white a.button.button-primary-stroke:visited { background: none; border: 1px solid #fff; box-shadow: none; } .button.button-white-stroke:hover, a.button.button-white-stroke:hover, .primary-color-white .button.button-primary-stroke:hover, .primary-color-white a.button.button-primary-stroke:hover { background: #fff none repeat scroll 0 0; color: #002633; } .button.button-primary-stroke, a.button.button-primary-stroke, a.button.button-primary-stroke:link, a.button.button-primary-stroke:visited, .primary-color-primary .button.button-primary-stroke, .primary-color-primary a.button.button-primary-stroke, .primary-color-primary a.button.button-primary-stroke:link, .primary-color-primary a.button.button-primary-stroke:visited { background: none; border: 1px solid #49BF4C; box-shadow: none; color: #49BF4C; } .button.button-primary-stroke:hover, a.button.button-primary-stroke:hover, .primary-color-primary .button.button-primary-stroke:hover, .primary-color-primary a.button.button-primary-stroke:hover { background: #49BF4C none repeat scroll 0 0; color: #fff; } .button.button-dark-stroke, a.button.button-dark-stroke, a.button.button-dark-stroke:link, a.button.button-dark-stroke:visited, .primary-color-dark .button.button-primary-stroke, .primary-color-dark a.button.button-primary-stroke, .primary-color-dark a.button.button-primary-stroke:link, .primary-color-dark a.button.button-primary-stroke:visited { background: none; border: 1px solid #002633; box-shadow: none; color: #002633; } .button.button-dark-stroke:hover, a.button.button-dark-stroke:hover, .primary-color-dark .button.button-primary-stroke:hover, .primary-color-dark a.button.button-primary-stroke:hover { background: #002633 none repeat scroll 0 0; color: #fff; } /* Containers */ .section { padding: 6rem 1.25rem; } .section_slideshow { padding: 0; } .section-small-padding { padding: 2.5rem 1.25rem; } .section-top-padding { padding-top: 6rem; } .section-top-small-padding { padding-top: 2.5rem; } .float-left { float: left; } .block-bordered { border: 1px solid rgba(0, 0, 0, 0.1); } .padding { padding: 1.25rem!important; } .padding-2x { padding: 2.5rem!important; } .padding-2x_t0 { padding:0 2.5rem 0 2.5rem!important; } .full-width:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden; } .full-width > .line { padding: 0 1.875rem; } .position-fixed { position: fixed; top: 0; width: 100%; } .center { display: block!important; } .border-radius { border-radius: 3px; } .content-center-vertical { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform:translateY(-50%); } .content-bottom { bottom: 0; position: absolute; } .grayscale { filter: url('data:image/svg+xml;utf8,#g'); -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1); } .image-grayscale { filter: url('data:image/svg+xml;utf8,#g'); -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1); position: relative; } *:hover > .image-grayscale { filter: none; -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=0); } /* Margins */ .margin-top { margin-top: 1.25rem !important; } .margin-left { margin-left: 1.25rem !important; } .margin-right { margin-right: 1.25rem !important; } .margin-top-bottom { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; } .margin-left-right { margin-left: 1.25rem !important; margin-right: 1.25rem !important; } .margin-top-0 { margin-top: 0 !important; display: block; } .margin-top-10 { margin-top: 10px !important; display: block; } .margin-top-15 { margin-top: 15px !important; display: block; } .margin-top-20 { margin-top: 20px !important; display: block; } .margin-top-30 { margin-top: 30px !important; display: block; } .margin-top-40 { margin-top: 40px !important; display: block; } .margin-top-50 { margin-top: 50px !important; display: block; } .margin-top-60 { margin-top: 60px !important; display: block; } .margin-top-70 { margin-top: 70px !important; display: block; } .margin-top-80 { margin-top: 80px !important; display: block; } .margin-bottom-0 { margin-bottom: 0 !important; display: block; } .margin-bottom-10 { margin-bottom: 10px !important; display: block; } .margin-bottom-15 { margin-bottom: 15px !important; display: block; } .margin-bottom-20 { margin-bottom: 20px !important; display: block; } .margin-bottom-30 { margin-bottom: 30px !important; display: block; } .margin-bottom-35 { margin-bottom: 35px !important; display: block; } .margin-bottom-40 { margin-bottom: 40px !important; display: block; } .margin-bottom-50 { margin-bottom: 50px !important; display: block; } .margin-bottom-60 { margin-bottom: 60px !important; display: block; } .margin-bottom-70 { margin-bottom: 70px !important; display: block; } .margin-bottom-80 { margin-bottom: 80px !important; display: block; } .margin-bottom-300 { margin-bottom: 300px !important; display: block; } .margin-bottom-600 { margin-bottom: 600px !important; display: block; } .margin-top-bottom-0 { margin-top: 0 !important; margin-bottom: 0 !important; display: block; } .margin-top-bottom-10 { margin-top: 10px !important; margin-bottom: 10px !important; display: block; } .margin-top-bottom-15 { margin-top: 15px !important; margin-bottom: 15px !important; display: block; } .margin-top-bottom-20 { margin-top: 20px !important; margin-bottom: 20px !important; display: block; } .margin-top-bottom-30 { margin-top: 30px !important; margin-bottom: 30px !important; display: block; } .margin-top-bottom-40 { margin-top: 40px !important; margin-bottom: 40px !important; display: block; } .margin-top-bottom-50 { margin-top: 50px !important; margin-bottom: 50px !important; display: block; } .margin-top-bottom-60 { margin-top: 60px !important; margin-bottom: 60px !important; display: block; } .margin-top-bottom-70 { margin-top: 70px !important; margin-bottom: 70px !important; display: block; } .margin-top-bottom-80 { margin-top: 80px !important; margin-bottom: 80px !important; display: block; } .margin-left-0 { margin-left: 0 !important; } .margin-left-10 { margin-left: 10px !important; } .margin-left-15 { margin-left: 15px !important; } .margin-left-20 { margin-left: 20px !important; } .margin-left-30 { margin-left: 30px !important; } .margin-left-40 { margin-left: 40px !important; } .margin-left-50 { margin-left: 50px !important; } .margin-left-60 { margin-left: 60px !important; } .margin-left-70 { margin-left: 70px !important; } .margin-left-80 { margin-left: 80px !important; } .margin-right-0 { margin-right: 0 !important; } .margin-right-10 { margin-right: 10px !important; } .margin-right-15 { margin-right: 15px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-right-30 { margin-right: 30px !important; } .margin-right-40 { margin-right: 40px !important; } .margin-right-50 { margin-right: 50px !important; } .margin-right-60 { margin-right: 60px !important; } .margin-right-70 { margin-right: 70px !important; } .margin-right-80 { margin-right: 80px !important; } .margin-left-right-0 { margin-left: 0 !important; margin-right: 0 !important; } .margin-left-right-10 { margin-left: 10px !important; margin-right: 10px !important; } .margin-left-right-15 { margin-left: 15px !important; margin-right: 15px !important; } .margin-left-right-20 { margin-left: 20px !important; margin-right: 20px !important; } .margin-left-right-30 { margin-left: 30px !important; margin-right: 30px !important; } .margin-left-right-40 { margin-left: 40px !important; margin-right: 40px !important; } .margin-left-right-50 { margin-left: 50px !important; margin-right: 50px !important; } .margin-left-right-60 { margin-left: 60px !important; margin-right: 60px !important; } .margin-left-right-70 { margin-left: 70px !important; margin-right: 70px !important; } .margin-left-right-80 { margin-left: 80px !important; margin-right: 80px !important; } /* More info button */ a.text-more-info { display: block; margin-top: 0.625rem; } a.text-more-info:after { content: "\f006"; font-family: mfg; margin-left: 0.625rem; transition: all 0.20s linear 0s; -o-transition: all 0.20s linear 0s; -ms-transition: all 0.20s linear 0s; -moz-transition: all 0.20s linear 0s; -webkit-transition: all 0.20s linear 0s; } a.text-more-info:hover:after { margin-left: 0.825rem; } /* Top bar */ .top-bar-contact p { height: 35px; line-height: 35px; } .top-bar-social li { border-left: 1px solid rgba(0,0,0, 0.05); float: left; height: 49px; line-height: 49px; list-style: outside none none; text-align: center; width: 35px; } .top-bar-social li.active_nav { background-color: #002633 !important; color:#fff !important; } .top-bar-social li.active_nav a{color:#fff !important; font-weight:bold; } .top-bar-social li.text_nav { width: auto !important; } .top-bar-social li.text_nav a { padding: 0 20px !important; font-weight:500 !important; } .top-bar-social li.text_nav a:hover { color: #49bf4c !important; } .top-bar-social li.img_nav { width: auto !important; } .top-bar-social li.img_nav:hover { background:none !important; } .top-bar-social li.img_nav a { width:100%; height:100%; display:inline-block; } .top-bar-social li.img_nav a:hover { background-color:#f2f2f2 !important; } .top-bar-social li.img_nav a img { padding: 16px 10px 0 !important; } .top-bar-social li:last-child { border-right: 1px solid rgba(0,0,0, 0.05); } .top-bar-social i { color: rgba(170, 170, 170, 0.20); font-size: 18px; } /* Icon blocks */ i.icon-circle { border-radius: 100px; display: block; height: 100px; line-height: 100px; margin-bottom: 0.625rem; text-align: center; width: 100px; } i.icon-circle-small { border-radius: 60px; display: block; font-size: 1.1rem; height: 60px; line-height: 60px; margin-bottom: 0.625rem; text-align: center; width: 60px; } /* Carousel */ .owl-carousel .item { width:100%; text-align:center; display:inline-block; } .owl-carousel .item img { display:inline-block; margin:0 auto;} .owl-theme .owl-controls { margin-top: 0; } .owl-theme .owl-controls .owl-page span { background: #7697a2 none repeat scroll 0 0; border-radius: 0; height: 1px; margin: 0 1px; width: 30px; } .owl-theme .owl-controls .owl-buttons div { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #7697a2; border: 1px solid #7697a2; border-radius: 0; font-family: mfg; height: 40px; line-height: 40px; margin-top: -20px; padding: 0; position: absolute; text-align: center; top: 50%; width: 40px; } .carousel-bottom-arrows.owl-theme .owl-controls .owl-buttons div { bottom:0 ; top: auto; } .owl-theme .owl-controls .owl-buttons .owl-prev { left: 0; } .owl-theme .owl-controls .owl-buttons .owl-next { right: 0; } .carousel-wide-arrows.owl-theme .owl-controls .owl-buttons .owl-prev { left: -60px; } .carousel-wide-arrows.owl-theme .owl-controls .owl-buttons .owl-next { right: -60px; } .carousel-nav-white.owl-theme .owl-controls .owl-page span { background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; } .carousel-nav-white.owl-theme .owl-controls .owl-buttons div { color: rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.3); } .carousel-main .carousel-content { bottom: 0; position: absolute; top: 0; width: 100%; z-index: 1; transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } .owl-pagination { margin-top: 0.625rem; } .carousel-blocks { padding: 0 3rem; } .carousel-blocks .owl-item { padding: 0 0.625rem; } .carousel-hide-arrows .owl-buttons, .carousel-hide-pagination .owl-pagination { display:none; } .carousel-3-blocks { padding: 0 3rem; } .carousel-3-blocks .owl-item { padding: 0 0.625rem; } /* Portfolio Tabs */ .tab-nav.line { display: table; padding-bottom: 1.25rem; } .tab-item { padding: 0; } a.tab-label, a.tab-label:link, a.tab-label:visited, .background-white a.tab-label, .background-white a.tab-label:link, .background-white a.tab-label:visited, .background-white a.tab-label:hover { background: #002633 none repeat scroll 0 0; color: rgba(255,255,255, 0.75); } a.tab-label, a.tab-label:link, a.tab-label:visited, a.tab-label:hover, .background-white a.tab-label, .background-white a.tab-label:link, .background-white a.tab-label:visited, .background-white a.tab-label:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #002633; } .background-white-hightlight a.tab-label.active-btn, .background-white-hightlight a.tab-label:hover, .primary-color-white .background-primary-hightlight a.tab-label.active-btn, .primary-color-white .background-primary-hightlight a.tab-label:hover { background: #fff none repeat scroll 0 0; color: #002633; } .background-primary-hightlight a.tab-label.active-btn, .background-primary-hightlight a.tab-label:hover, .primary-color-primary .background-primary-hightlight a.tab-label.active-btn, .primary-color-primary .background-primary-hightlight a.tab-label:hover { background: #49BF4C none repeat scroll 0 0; color: #fff; } .background-dark-hightlight a.tab-label.active-btn, .background-dark-hightlight a.tab-label:hover, .primary-color-dark .background-primary-hightlight a.tab-label.active-btn, .primary-color-dark .background-primary-hightlight a.tab-label:hover { background: #002633 none repeat scroll 0 0; color: #fff; } /* Forms */ form.customform input, form.customform textarea, form.customform select { background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0; border: 1px solid rgba(255, 255, 255, 0.3) ; color:#fff !important; font-size:inherit; padding: 0.625rem; width: 100% ; } form.customform input:hover, form.customform textarea:hover, form.customform select:hover, form.customform input:focus, form.customform textarea:focus, form.customform select:focus { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } form.customform_black input, form.customform_black textarea, form.customform_black select { background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0 ; border: 1px solid rgba(0, 0, 0, 0.3); color:#000; font-size: 12px; padding: 0.625rem; width: 30%; float:left; } form.customform_black input:hover, form.customform_black textarea:hover, form.customform_black select:hover, form.customform_black input:focus, form.customform_black textarea:focus, form.customform_black select:focus { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } form.customform_green input, form.customform_green textarea, form.customform_green select { background: rgba(100, 200, 32, 0.2) none repeat scroll 0 0; border: 1px solid rgba(100, 200, 32, 0.3); color:#000 !important; font-size: 12px; padding: 0.625rem; width: 30%; float:left; } form.customform_green input:hover, form.customform_green textarea:hover, form.customform_green select:hover, form.customform_green input:focus, form.customform_green textarea:focus, form.customform_green select:focus { background: rgba(100, 200, 32, 0) none repeat scroll 0 0; } p.form-error { background-color: #DD442C; color: #fff; display: none; font-size: 0.8rem; margin: -10px 0 15px 0; padding: 7px; text-align: center; } p.form-success { background-color: #9bdd42; color: #fff; display: none; font-size: 0.85rem; padding: 10px; text-align: center; } .required { border-left: 1px solid #dd442c !important; } #thematic_photo { display:none !important; visibility:hidden !important;} #thematic_vdo { display:block !important; visibility:visible !important;} /* Typography */ .text-uppercase { text-transform: uppercase; line-height: 1; } .text-line-height-1 { line-height: 1; } /* Containers */ .text-padding { display: inline-block !important; padding: 15px 20px; } .text-padding-small { display: inline-block !important; padding: 7px 10px; } /* ------------------WEB RANGE------------------ */ .range_fullwidth { width:100%; margin:0; padding:0; overflow: hidden; position:relative; top:0; left:auto; } .range_1000px { width:1000px; margin:0 auto; padding:0; overflow:hidden; position:relative; top:0; left:auto; } .range_1140px { width:1120px; margin:0 auto; padding:0; overflow:hidden; position:relative; top:0; left:auto; } .range_1090px { width:1090px; margin:0 auto; padding:0; overflow:hidden; position:relative; top:0; left:auto; } .range_950px { width:950px; margin:0 auto; padding:0; overflow:hidden; position:relative; top:0; left:auto; } .range_625px { width:625px; margin:0; padding:0; overflow:hidden; position:relative; display:block; float:left; } .range_625px_pl_325px { width:625px; padding:0 0 25px 325px; overflow:hidden; position:relative; display:inline-block; float:left; } .range_625px_pr_325px { width:625px; padding:0 325px 25px 0; overflow:hidden; position:relative; display:inline-block; float:left; } .range_325px { width:325px; margin:0; padding:0; overflow:hidden; position:relative; display:block; float:left; } .range_300px { width:300px; padding-right:25px; margin:0; overflow:hidden; position:relative; display:block; float:left; } .range_450px_left { width:450px; padding:0; margin:0; overflow:hidden; position:relative; display:block; float:left; } .range_450px_right { width:450px; padding:0; margin:0; overflow:hidden; position:relative; display:block; float:right; } .align_right { float:right !important; text-align:right !important; } /* ------------------OTHER------------------ */ .p_a20px_clear_768 { padding:20px; } .show_1024px { display:none; visibility:hidden; } footer { overflow:hidden; } .word_break { overflow-wrap: break-word;} .show_430px { display:none; visibility:hidden; } .show_527px { display:none; visibility:hidden; } .show_433px { display:none; visibility:hidden; } .show_404px { display:none; visibility:hidden; } .show_380px { display:none; visibility:hidden; } .magazine_photo { display:inline-block; text-align:center; width:100%; } .magazine_photo .shadow_magazine { position:relative; display:inline-block; text-align:center; background-image:url(../img/training/shadow001.jpg); background-repeat:no-repeat; background-position:bottom center; background-size:contain; } .magazine_photo .shadow_magazine img { display:inline-block; padding-bottom:36px; margin:0 auto;} ul.info_list { list-style:none; padding:0; margin:0; } ul.info_list li { background-color:#fff; color:inherit; } ul.info_list li .p_a20px_masonry { width:100%; height:100%; padding:20px; padding-top:0; padding-bottom:40px; display:inline-block } ul.info_list li .p_a20px_masonry .bg_info_list { background-color:#fff; color:inherit; width:100%; height:100%; padding:20px; display:inline-block; border:solid 1px #e5e5e5; transition: all 0.20s linear 0s; -o-transition: all 0.20s linear 0s; -ms-transition: all 0.20s linear 0s; -moz-transition: all 0.20s linear 0s; -webkit-transition: all 0.20s linear 0s; } ul.info_list li .p_a20px_masonry .bg_info_list:hover { background-color:#f3f3f3; color:inherit; transition: all 0.20s linear 0s; -o-transition: all 0.20s linear 0s; -ms-transition: all 0.20s linear 0s; -moz-transition: all 0.20s linear 0s; -webkit-transition: all 0.20s linear 0s; } ul.info_list li h4 { margin-top:7px; font-size:32px; line-height:36px; overflow:hidden; display:inline-block;} ul.vdo_list { list-style:none; padding:0; margin:0; } ul.vdo_list li { background-color:#fff; color:inherit; transition: all 0.20s linear 0s; -o-transition: all 0.20s linear 0s; -ms-transition: all 0.20s linear 0s; -moz-transition: all 0.20s linear 0s; -webkit-transition: all 0.20s linear 0s; } ul.vdo_list li .border_vdo_list { /*border:solid #fff 1px; display:inline-block; transition: all 0.20s linear 0s; -o-transition: all 0.20s linear 0s; -ms-transition: all 0.20s linear 0s; -moz-transition: all 0.20s linear 0s; -webkit-transition: all 0.20s linear 0s;*/ } ul.vdo_list li:hover .border_vdo_list { /*border:solid #e5e5e5 1px; */} ul.vdo_list li .p_a20px_masonry { padding:20px; border:none; transition: all 0.20s linear 0s; -o-transition: all 0.20s linear 0s; -ms-transition: all 0.20s linear 0s; -moz-transition: all 0.20s linear 0s; -webkit-transition: all 0.20s linear 0s; } ul.vdo_list li h4 { margin-top:7px; font-size:32px; line-height:36px; overflow:hidden; display:inline-block;} ul.vdo_list li .p_a20px_masonry .bg_vdo_list { display:inline-block; position:relative; } ul.vdo_list li .p_a20px_masonry .bg_vdo_list a.button_vdo { width:100%; height:100%; position:absolute; top:0; background-image:none; transition: background-image 0.50s linear 0s; -o-transition: background-image 0.50s linear 0s; -ms-transition: background-image 0.50s linear 0s; -moz-transition: background-image 0.50s linear 0s; -webkit-transition: background-image 0.50s linear 0s; } ul.vdo_list li .p_a20px_masonry .bg_vdo_list a.button_vdo:hover { background-image:url(../img/icon_youtube001.png); background-position:center; background-repeat:no-repeat; transition: background-image 0.50s linear 0s; -o-transition: background-image 0.50s linear 0s; -ms-transition: background-image 0.50s linear 0s; -moz-transition: background-image 0.50s linear 0s; -webkit-transition: background-image 0.50s linear 0s; } .icon_pdf { background-image:url(../img/icon_pdf001.png); background-repeat:no-repeat; background-position:top left; display:inline-block; width:100%; padding-left:70px; min-height:55px; } .icon_word { background-image:url(../img/icon_word001.png); background-repeat:no-repeat; background-position:top left; display:inline-block; width:100%; padding-left:70px; min-height:55px; } .border_b_none { border-bottom:none !important; } .border_hidel_show768px { border-left:none !important; } .border_hider_show768px { border-right:none !important; } .download_file { display:inline-block; width:100%; margin:7px 0 10px; } .download_file li { } .button_status_green { width:auto; height:auto; margin:0; padding:0 15px 3px; float:left; display:block; color:#fff; font-size:22px; font-family:'thaisanslite'; text-align:center; background-color:#73a665 ; line-height:30px; border-radius:6px 6px 6px 6px; /* IE9 */ -moz-border-radius:6px 6px 6px 6px; /* firefox */ -webkit-border-radius:6px 6px 6px 6px; /* Safari/Chrome */ -o-border-radius:6px 6px 6px 6px; /* Opera */ } .button_status_green02 { width:auto; height:auto; margin:0; padding:0 15px 3px; float:left; display:block; color:#fff; font-size:22px; font-family:'thaisanslite'; text-align:center; background-color:#73c22c ; line-height:30px; border-radius:6px 6px 6px 6px; /* IE9 */ -moz-border-radius:6px 6px 6px 6px; /* firefox */ -webkit-border-radius:6px 6px 6px 6px; /* Safari/Chrome */ -o-border-radius:6px 6px 6px 6px; /* Opera */ } .button_status_red { width:auto; height:auto; margin:0; padding:0 15px 3px; float:left; display:block; color:#fff; font-size:22px; font-family:'thaisanslite'; text-align:center; background-color:#d13a3a ; line-height:30px; border-radius:6px 6px 6px 6px; /* IE9 */ -moz-border-radius:6px 6px 6px 6px; /* firefox */ -webkit-border-radius:6px 6px 6px 6px; /* Safari/Chrome */ -o-border-radius:6px 6px 6px 6px; /* Opera */ } .button_status_blue { width:auto; height:auto; margin:0; padding:0 15px 3px; float:left; display:block; color:#fff; font-size:22px; font-family:'thaisanslite'; text-align:center; background-color:#379ad4 ; line-height:30px; border-radius:6px 6px 6px 6px; /* IE9 */ -moz-border-radius:6px 6px 6px 6px; /* firefox */ -webkit-border-radius:6px 6px 6px 6px; /* Safari/Chrome */ -o-border-radius:6px 6px 6px 6px; /* Opera */ } table.magazine_topic { width:100%; margin:0; float:left; overflow:hidden; } table.magazine_topic tr td { height:50px; padding:0 0 0 20px; color:#000; font-weight:lighter;} .border_all { border:1px solid #d5d4d4 !important;} .border_all_bnone { border:1px solid #d5d4d4; border-bottom:none;} .border_all_thick { border:10px solid #d5d4d4 !important;} .border_right { border-right:1px solid #d5d4d4 !important;} .border_bottom { border-bottom:1px solid #d5d4d4 !important;} .border-radius3px { border-radius: 3px; } .form_res {width:100% !important; } .form_res input {width:100% !important; } .form_res textarea {width:100% !important; } .form_res select {width:100% !important; } .form_notres {width:inherit !important; } .form_notres input {width:inherit !important; } .form_notres textarea {width:inherit !important; } .form_notres select {width:inherit !important; } .object_notres {width:inherit !important; } .funds_cyan_box { border-radius:15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; background-color:#54c0dc; margin:0 auto; padding:30px; width:auto; text-align:center; color:#fff; } .pr20px_clear768 { padding-right:20px; } .pr30px_clear768 { padding-right:30px; } .pr50px_clear768 { padding-right:50px; } .pr20px_clear480 { padding-right:20px; } .body_detail_event { color:#000 !important; overflow:hidden; } .body_detail_event a { color:#64c820 !important; } .body_detail_event a:hover { color:#000 !important; } .border_event_block { border:solid 1px #e0e0e0; margin:15px; overflow:hidden; } .dot_event_block { border:dotted 1px #e0e0e0; margin:15px; } ul.masonry { list-style:none; padding:0 !important; margin:0 !important; } ul.masonry li { padding:0 !important; margin:0 !important; width:25%; overflow:hidden !important; } ul.masonry_col2 { list-style:none; padding:0 !important; margin:0 !important; } ul.masonry_col2 li { padding:0 !important; margin:0 !important; width:49%; overflow:hidden; } .pl20px_clear768 { padding-left:20px; } .pl30px_clear768 { padding-left:30px; } .pl50px_clear768 { padding-left:50px; } .pl100px_clear768 { padding-left:100px; } .pl170px_clear768 { padding-left:170px; } .pl200px_clear768 { padding-left:200px; } .pl30px_clear480 { padding-left:30px; } .pr30px_clear480 { padding-right:30px; } .padding_vdo { padding-left:0; padding-right:0; } .p_r_40px { padding-right:40px !important} .footer_col1_p_r_40px { padding-right:40px} .footer_col2_p_r_40px { padding-right:40px} .showl_hide768px_show480px { display:inherit; visibility:visible; } .show_large { display:inherit; visibility:visible; } .course_column_left { padding-right:60px; font-size:20px; text-align:right; } .course_column_right { padding-left:60px; font-size:20px; text-align:left; } .show_all { display:inline-block; padding-left:40px; background-image:url(../img/ic_plus01.gif); background-repeat:no-repeat; background-position: left top; transition: background-image 0.20s linear 0s; -o-transition: background-image 0.20s linear 0s; -ms-transition: background-image 0.20s linear 0s; -moz-transition: background-image 0.20s linear 0s; -webkit-transition: background-image 0.20s linear 0s; } .show_all:hover { background-image:url(../img/ic_plus01_hover.gif); transition: background-image 0.20s linear 0s; -o-transition: background-image 0.20s linear 0s; -ms-transition: background-image 0.20s linear 0s; -moz-transition: background-image 0.20s linear 0s; -webkit-transition: background-image 0.20s linear 0s; } .show_all_34 { display:inline-block; padding-left:40px; background-image:url(../img/ic_plus02.gif); background-repeat:no-repeat; background-position: left top; transition: background-image 0.20s linear 0s; -o-transition: background-image 0.20s linear 0s; -ms-transition: background-image 0.20s linear 0s; -moz-transition: background-image 0.20s linear 0s; -webkit-transition: background-image 0.20s linear 0s; } .show_all_34:hover { background-image:url(../img/ic_plus02_hover.gif); transition: background-image 0.20s linear 0s; -o-transition: background-image 0.20s linear 0s; -ms-transition: background-image 0.20s linear 0s; -moz-transition: background-image 0.20s linear 0s; -webkit-transition: background-image 0.20s linear 0s; } ul.infographic { width:100%; list-style:none; display:inline-block; padding:0; margin:0; } ul.infographic li { width:100%; display:block; font-size:23px; } ul.infographic li:after { content:""; height:1px !important; width:100%; display:block; margin:15px 0; background-color:rgba(0,0,0,0.1); } ul.infographic li:last-child:after { display:none; visibility:hidden; } .h_1px { height:1px !important; } .p_v_0px { padding-top:0 !important; padding-bottom:0 !important; } .nav_top_padding_v { padding-top:20px !important; padding-bottom:20px !important; min-height:123px !important; } .h_200px { height:200px; } .align_allr_480pxl { float:right; } .course_bottom_space { display:inline-block; height:100px; } .course_width_date { min-width:120px; } .course_width_place { min-width:110px; } .course_width_detail { min-width:200px; } .course_buuton { min-width:110px; } table.course_table tr th { font-weight:normal !important; font-size:22px; } table.course_table tr td { font-family:'tahoma'; font-size:14px; } .space_before_body_100px { margin-top:100px;} .space_photo_webpage { margin-top:172px; } .space_h_230px { height:230px; } .space_photo_webpage02 { margin-top:0; height:990px !important; padding-top:288px !important; } .footer_b_space { display:inline-block; z-index:99; position:relative; width:100%; } .m_h0 { margin-left:0 !important; margin-right:0 !important; } .p_h0 { padding-left:0 !important; padding-right:0 !important; } .mb_pb_0 { margin-bottom:0 !important; padding-bottom:0 !important;} .pb_15px { padding-bottom:10px !important;} .p_b_20px { padding-bottom:20px !important;} .p_b_10px { padding-bottom:10px !important;} .pl_20px { padding-left:20px !important;} .pa_6px { padding:6px !important; } .pa_10px { padding:10px !important;} .pa_20px { padding:20px !important;} .pa_30px { padding:30px !important;} .p_t_50px { padding-top:50px !important;} .p_t_30px { padding-top:30px !important;} .p_t_7px { padding-top:7px !important;} .p_t_10px { padding-top:10px !important;} .p_t_13px { padding-top:13px !important;} .p_t_15px { padding-top:15px !important;} .p_t_20px { padding-top:20px !important;} .p_t_5px { padding-top:5px !important;} .p_l_20px { padding-left:20px !important; } .p_l_7px { padding-left:7px !important; } .p_l_60px { padding-left:60px !important; } .p_l_70px { padding-left:70px !important; } .p_t_0px { padding-top:0 !important;} .p_r_60px { padding-right:60px !important;} .p_r_70px { padding-right:70px !important;} .p_r_10px { padding-right:10px !important;} .p_h_30px { padding-left:30px !important; padding-right:30px !important; } .p_body_detail { padding-left:30px; padding-right:30px; } .p_body_detail a { color:#64c820 !important; } .p_body_detail a:hover { color:#43a600 !important; } .w_25_percent { width:25% !important;} .w_50_percent { width:50% !important;} .w_75_percent { width:75% !important;} .w_80_percent { width:80% !important;} .w_200px { width:200px !important;} .w_30px { width:30px !important;} .w_425px { width:425px !important;} .w_100per { width:100% !important; max-width:100% !important; display:inline-block !important; } .m_t_42px { margin-top:54px !important; padding-top:0 !important;} .m_t_20px { margin-top:20px !important; padding-top:0 !important;} .m_t_25px { margin-top:25px !important; } .m_t_10px { margin-top:10px !important; } .m_t_0px { margin-top:0px !important; padding-top:0 !important;} .m_t_5px {margin-top:5px !important; } .m_r_5px { margin-right:5px !important;} .m_l_5px { margin-left:5px !important;} .m_h_auto { margin:0 auto !important;} .h_54px { height:54px !important} .h_15px { height:15px !important} .h_20px { height:20px !important} .h_6px { height:6px !important} .h_100px { height:100px !important;} .h_280px { height:280px !important;} .h_500px { height:500px !important;} .h_40px { height:40px !important;} .h_80px { height:80px !important;} .h_120px { height:120px !important;} .space_202px { height:202px !important; } .space_173px { height:173px !important; } .space_80px { height:80px !important; } .space_40px { height:40px !important; } .space_16px { height:16px !important; } .mw_110px { min-width:112px !important;} .mw_90px { min-width:90px !important;} .line_h_20px { line-height:20px !important;} .line_h_22px { line-height:22px !important;} .line_h_26px { line-height:26px !important;} .line_h_32px { line-height:32px !important;} .line_h_40px { line-height:40px !important;} .line_h_52px { line-height:52px !important;} .line_height_normal { line-height:normal !important; } .line_gear { border: 0; width:100%; height:50px; background-image:url(../img/line_gray01.gif); background-repeat:repeat-x; display:inline-block; margin: 40px 0; } .text_white { color:#fff !important;} .text_white_a08 { color:rgba(255,255,255,0.8) !important; } .text_black { color:#000 !important;} .text_green01 { color:#49bf4c !important;} .text_green02 { color:#dfffc9 !important;} .text_green03 { color:#3c7e22 !important;} .text_green04 { color:#486f14 !important;} .text_green05 { color:#1f6058 !important;} .text_green06 { color:#423c0e !important;} .text_green07 { color:#4c580c !important;} .text_green08 { color:#83a852 !important;} .text_green09 { color:#57811f !important;} .text_green10 { color:#88a938 !important;} .text_green11 { color:#607a20 !important;} .text_orange01 { color:#c99c6c !important;} .text_orange01 { color:#a7550c !important;} .text_orange02 { color:#be6313 !important;} .text_orange03 { color:#c47834 !important;} .text_orange04 { color:#ffaf25 !important;} .text_gray01 { color:#4b472e !important;} .text_gray02 { color:#b3b3b3 !important;} .text_gray03 { color:#6b6763 !important;} .text_blue01 { color:#298c9b !important;} .text_blue02 { color:#1ca6b6 !important;} .text_blue03 { color:#177c88 !important;} .text_brown01 { color:#ac9787 !important;} .text_brown02 { color:#6f5847 !important;} .text_darkgreen01 { color:#8d9266 !important;} .text_darkgreen02 { color:#646846 !important;} .text_cyan01 { color:#6ea8a0 !important;} .text_cyan02 { color:#277167 !important;} .text_red01 { color:#862323 !important;} .text_red02 { color:#993b3b !important;} .text_red03 { color:#c96464 !important;} .text_yellow01 { color:#af800e !important;} .text_yellow02 { color:#c18e11 !important;} .text_yellow03 { color:#d0a233 !important;} .text_black01 { color:#272727 !important;} .text_black02 { color:#404040 !important;} .text_black03 { color:#707070 !important;} .size_28px { font-size:28px !important; } .size_16px { font-size:16px !important; } .size_24px { font-size:28px !important; } .font_weight_normal { font-weight:lighter !important;} .align_left { float:left !important;} .bg_white { background-color:#f3f3f3 !important;} .bg_green01 { background-color:#64c820 !important;} .bg_green02 { background-color:#102906 !important;} .bg_green03 { background-color:#90b73e !important;} .bg_green05 { background-color:#49bf4c !important;} .bg_green04 { background-image:none !important; } .bg_green06 { background-color:#e8f7e7 !important;} .bg_green04 { background-image:url(../img/bg_nav_top01.gif); background-position:top center; background-repeat:no-repeat; } .bg_grray01 { background-color:#f3f3f3 !important;} .bg_grray02 { background-color:#efefef !important;} .bg_gray03 { background-color:#c7d1d5 !important;} .bg_gray04 { background-color:#b6c2c6 !important;} .bg_gray05 { background-color:#b5b5b5 !important;} .bg_gray06 { background-color:rgba(0,0,0,0.1) !important;} .bg_brown01 { background-color:#6c5e50 !important;} .bg_orange01 { background-color:#f0a332 !important;} .bg_blue01 { background-color:#b6ede8 !important;} .bg_blue02 { background-color:#93d3d7 !important;} .bg_blue03 { background-color:#72bcc1 !important;} .bg_blue04 { background-color:#e6eaec !important;} .bg_blue05 { background-color:#edf1f3 !important;} .bg_blue06 { background-color:#2c90be !important;} .bg_red01 { background-color:#cd3d3a !important;} .bg_cyan01 { background-color:#54c0dc !important;} .bg_none { background:none !important; } .background-about { background: #64c820; display:block !important;} .bg_fill_form01 { width:100%; height:350px; background-image:url(../img/home/bg_fill_form01.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_send_message01 { width:100%; height:350px; background-image:url(../img/home/bg_send_message01.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_forest01 { background-image:url(../img/bg_forest01.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_about01 { width:100%; height:350px; background-image:url(../img/about/bg_about01.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_about02 { width:100%; height:350px; background-image:url(../img/about/bg_about02.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_about03 { width:100%; height:350px; background-image:url(../img/about/bg_about03.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_about04 { width:100%; height:350px; background-image:url(../img/about/bg_about04.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_about05 { width:100%; height:350px; background-image:url(../img/about/bg_about05.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_about06 { width:100%; height:350px; background-image:url(../img/about/bg_about06.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_about07 { width:100%; height:350px; background-image:url(../img/about/bg_about07.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_about09 { width:100%; height:350px; background-image:url(../img/about/bg_about09.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_about10 { width:100%; height:350px; background-image:url(../img/about/bg_about10.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_contact01 { width:100%; height:auto; background-image:url(../img/contact/bg_contact01.jpg); background-position:center top; background-attachment:scroll; background-repeat:no-repeat; } .bg_contact02 { width:100%; height:auto; background-image:url(../img/contact/bg_contact01.jpg); background-position:left bottom; background-attachment:fixed; background-repeat:no-repeat; } .bg_greenoffice02 { width:100%; height:350px; background-image:url(../img/greenoffice/bg_greenoffice01.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_involved01 { width:100%; height:350px; background-image:url(../img/involved/bg_jobs01.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_involved02 { width:100%; height:350px; background-image:url(../img/involved/bg_jobs02.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_involved03 { width:100%; height:350px; background-image:url(../img/involved/bg_jobs03.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_involved04 { width:100%; height:350px; background-image:url(../img/involved/bg_jobs04.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_involved05 { width:100%; height:350px; background-image:url(../img/involved/bg_jobs06.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_donate01 { width:100%; height:350px; background-image:url(../img/donate/bg_donate01.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat;} .bg_enterprises01 { width:100%; height:350px; background-image:url(../img/enterprises/bg_enterprises01.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_enterprises02 { width:100%; height:350px; background-image:url(../img/enterprises/bg_enterprises02.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_events01 { width:100%; height:350px; background-image:url(../img/events/bg_events01.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_events02 { width:100%; height:350px; background-image:url(../img/events/bg_events02.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_events03 { width:100%; height:350px; background-image:url(../img/events/bg_events03.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_events04 { width:100%; height:350px; background-image:url(../img/events/bg_events04.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_clip_vdo01 { width:100%; height:350px; background-image:url(../img/clipvdo/bg_clip_vdo01.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_infographic01 { width:100%; height:350px; background-image:url(../img/infographic/bg_infographic01.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_publications01 { width:100%; height:350px; background-image:url(../img/publications/bg_publications01.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_publications02 { width:100%; height:350px; background-image:url(../img/publications/bg_publications02.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_publications03 { width:100%; height:350px; background-image:url(../img/publications/bg_publications03.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_publications04 { width:100%; height:350px; background-image:url(../img/publications/bg_publications04.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_training01 { width:100%; height:350px; background-image:url(../img/training/bg_training01.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_funds01 { width:100%; height:350px; background-image:url(../img/funds/bg_funds01.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_funds02 { width:100%; height:350px; background-image:url(../img/funds/bg_funds02.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_funds03 { width:100%; height:350px; background-image:url(../img/funds/bg_funds03.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_search01 { width:100%; height:350px; background-image:url(../img/home/bg_search01.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; } .bg_vdo01 { background-image:url(../img/home/bg_leaf001.gif); } .bg_grass { background-image:url(../img/bg_grass01.png); background-position: top center; background-repeat:repeat-x; } .bg_sky { background-image:url(../img/bg_sky01.jpg); background-position: top center; background-repeat:repeat-x; } .bg_water { background-image:url(../img/bg_water01.jpg); background-position: top center; background-repeat:repeat-x; } .bg_line_v_1 { background-image:url(../img/bg_line01.gif); background-position: center center; background-repeat:repeat-y; } .dot_hor { border-bottom:1px dotted #e5e5e5; width:100%; height:1px; padding:0; margin:35px 0 35px; clear:both;} .border_gray { border:1px solid #e5e5e5;} .border_green { border:1px solid #c6e2b3;} .border_lr_green01 { border:1px solid #c6e9ae;} .border_round_15px { border-radius:15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; } .border_none { border:none !important;} .hr_green { width:100%; height:2; border-bottom:1px solid #c6e9ae; margin:7px 0;} .show_1024px { display:none; visibility:hidden;} .show_414px { display:none; visibility:hidden;} .show_480px { display:none !important; visibility:hidden !important;} .show_768px { display:none; visibility:hidden; } .show_320px { display:none; visibility:hidden; } .hide_all { display:none; visibility:hidden; } /*.hide_768px { display:inherit; visibility:visible; } .hide_480px { display:inherit !important; visibility:visible !important; } .hide_320px { display:inherit; visibility:visible; }*/ #random_bg { background-position: top center; background-repeat:repeat-x; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .font_oswald_n { font-family: 'Oswald', sans-serif; font-weight:normal;} .font_oswald_b { font-family: 'Oswald', sans-serif; font-weight:bolder;} .font_oswald_l { font-family: 'Oswald', sans-serif; font-weight:lighter;} .font_tcmc { font-family:'tcmc'; font-weight:lighter !important;} .font_thaisanslite { font-family: 'thaisanslite', sans-serif; font-weight:lighter;} .font_rsu { font-family: 'rsu', sans-serif; font-weight:lighter;} .font_superspace { font-family: 'superspace', sans-serif; font-weight:lighter;} .font_bangna { font-family: 'bangna', sans-serif; font-weight:100; } .font_tahoma { font-family:Tahoma, Geneva, sans-serif } .font_size_20px { font-size:40px !important; } .font_size_22px { font-size:22px !important; } ul.dot_h { list-style:none; margin:0; padding:0; } ul.dot_h li { border-bottom:dotted #e5e5e5 1px; padding-bottom:25px; margin-bottom:25px; } ul.dot_h li:last-child { border-bottom:none;} ul.nav_bottom { margin-bottom:30px; } ul.nav_bottom li.border { margin:0 0 10px 0; padding:5px 15px; border:1px solid rgba(255, 255, 255, .15); background-color:transparent; transition: all 0.20s linear 0s; -o-transition: all 0.20s linear 0s; -ms-transition: all 0.20s linear 0s; -moz-transition: all 0.20s linear 0s; -webkit-transition: all 0.20s linear 0s; } ul.nav_bottom li.border:hover{ background-color:rgba(255, 255, 255, .15); transition: all 0.20s linear 0s; -o-transition: all 0.20s linear 0s; -ms-transition: all 0.20s linear 0s; -moz-transition: all 0.20s linear 0s; -webkit-transition: all 0.20s linear 0s; } ul.col_25_m0 { list-style:none; margin:0; padding:0; } ul.col_25_m0 li {width:530px; margin:15px; float:left; border:dashed 1px #BCBCBC;} ul.col_50_m0 { list-style:none; margin:0; padding:0; background:url(../img/dot_v_gray01.gif) top center repeat-y;} ul.col_50_m0 li { border:none; padding: 30px 30px 30px 0; overflow:hidden; } ul.col_50_m0 li.r_line_0 { border:none; padding: 30px 0 30px 30px;} ul.col_50_m0 li.b_line_1{ border-bottom:1px dotted #e5e5e5; height:1px; padding:0; margin:0; clear:both;} ul.col_50_m0 li a:hover { color:#49bf51;} ul.col_50_m0 li img { margin-bottom:30px;} ul.col_100_m0 { width:100%; list-style:none; margin:0; padding:0; background:none;} ul.col_100_m0 li { width:100%; border:none; padding: 25px 0 10px 0; } ul.col_100_m0 li.r_line_0 { border:none; padding: 30px 0 30px 30px;} ul.col_100_m0 li.b_line_1{ border-bottom:1px dotted #e5e5e5; height:1px; padding:0; margin:0; clear:both;} ul.col_100_m0 li a:hover { color:#49bf51;} ul.col_100_m0 li img { margin-bottom:30px;} .clear_lr { clear:both !important; } .sub_nav_sitemap { margin:10px 0 !important; padding:0 !important; font-size:15px; } .list_none { list-style:none !important; } .position_fixed { height:172px; position:fixed; top:0; z-index:999999 !important; } .area_position_fixed { height:auto; position:fixed; top:0; z-index:999999 !important; } .position_fixed header { min-height:172px; } .w_search { width:310px !important; padding-top:7px !important; padding-left:20px !important; padding-right:20px !important; } .content_search { width:100%; height:30px; display:inline-block; margin:0; padding:0 !important; position:relative; text-align:left; } .box_search { width:240px; height:30px; margin:0; padding:0; background-color:#f3f3f3; border:1px solid #d2d2d2; position:absolute; left:0; top:0;} .text_search { width:100%; height:28px; margin:0; padding:0 10px !important; border:none; background:none; color:#58b01c !important; font-weight:lighter; display:block;} .img_search { width:30px; height:30px; margin:0; padding:0; position:absolute; right:1px; top:0;} .facebook_logo { width:34px !important; height:34px !important; margin:20px 2px !important; background-image:url(../img/logo_facebook01.png); background-position:center; background-repeat:no-repeat; display:inline-block;} .twitter_logo { width:34px !important; height:34px !important; margin:20px 2px !important; background-image:url(../img/logo_twitter01.png); background-position:center; background-repeat:no-repeat; display:inline-block;} .line_logo { width:38px !important; height:37px !important; margin:20px 2px !important; background-image:url(../img/logo_line01.png); background-position:center; background-repeat:no-repeat; display:inline-block;} .nav02 { border-bottom: 4px solid rgba(0, 0, 0, 0.05); border-top: 1px solid rgba(0, 0, 0, 0.05); padding: 1.7rem 0; position: relative; z-index: 2; } ul.about_nav_detail { list-style:none; width:100%; margin:0 auto; padding:0; left:auto; position:relative; top:0; } ul.about_nav_detail li { float:left; padding:0; margin:0; height:54px !important; position:relative; top:0;} ul.about_nav_detail li a { color:#fff; font-size:24px; background:#64c820; padding:0 17px; height:54px; line-height:54px; display:inline-block; } ul.about_nav_detail li a.active_menu_about { color:#64c820; font-size:24px; background:#fff; padding:0 17px; } ul.about_nav_detail li a:hover { color:#000;} ul#size-l { max-width:1130px !important; display:inline-block; visibility:visible; } ul#size-m { max-width:940px !important; display:none; visibility:hidden; } ul#size-m li a { padding:25px !important; } .bg_board {background-image:url(../img/about/bg_board01.jpg); background-position:bottom left; background-repeat:no-repeat; min-height:195px; min-width:179px; padding:0 0 31px 45px; width:100%; max-width:224px; } .bg_board02 {background-image:url(../img/about/bg_board02.jpg); background-position:top left; background-repeat:no-repeat; min-height:226px;} .border_board { border:solid 1px #b9c6c9; padding:10px; width:100%; max-width:201px; } .detail_name h3 { text-align:left; } .detail_name p { text-align:left; } .bullet_green { list-style:none;} .bullet_green li { padding-left: 0px; text-indent: -20px; font-size:16px; } .bullet_green li:before { content: "• "; color: #64c820; /* or whatever color you prefer */ font-size:20px; font-weight:bold; padding-right:7px; } .arrow { cursor:default !important; } .document_link { width:100%; height:50px; margin-bottom:25px; text-align:left; display:block; float:left; } .document_link a { height:50px; font-family: 'Oswald', sans-serif; font-weight:normal;; font-size:18px; line-height:25px; display:inline-block; } .document_link img { margin-right:20px; display:block; float:left; } .document_link a.link_green:link { color:#64c820; } .document_link a.link_green:visited { color:#64c820; } .document_link a.link_green:active { color:#64c820; } .document_link a.link_green:hover { color:#000; } .document_link .file_name { font-family:Tahoma, Geneva, sans-serif; font-size:16px;} div.job_detail { list-style:none; width:100%; display:inline-block; font-size:23px;} div.job_detail div { float:left; } div.job_detail_en { list-style:none; width:100%; display:inline-block; font-size:16px;} div.job_detail_en div { float:left; } .rate_member tr td,th { color:#FFF !important;} ul.newsletter { list-style:none; padding:0; margin:0;} ul.newsletter li { background-color:#efefef; width:48%; margin-bottom:1px; margin-right:1px; float:left; } ul.newsletter li a { width:100%; padding:10px 15px; display:inline-block; -webkit-transition: all .3s, background-color .5s; -moz-transition: all .3s, background-color .5s; -o-transition: all .3s, background-color .5s; -ms-transition: all .3s, background-color .5s; transition: all .3s, background-color .5s; } ul.newsletter li a:hover { background-color:#d4fbba; color:#000; letter-spacing:2px; -webkit-transition: all .3s, background-color .5s; -moz-transition: all .3s, background-color .5s; -o-transition: all .3s, background-color .5s; -ms-transition: all .3s, background-color .5s; transition: all .3s, background-color .5s; } .page_order_green { float:left; width:100%;} .page_order_green ul.page_order_list li.icon { width:60px; height:60px; background-color:#a7fc7e; margin-right:1px; display:block; float:left; } .page_order_green ul.page_order_list li.icon a { width:60px; height:60px; padding:0 15px; color:#449315; font-family:'tcmc'; font-size:53px; line-height:60px; font-weight:bolder; text-align:center; vertical-align:middle; display:block; } .page_order_green ul.page_order_list li.icon a:hover { width:60px; height:60px; color:#000; display:block; } .page_order_green ul.page_order_list { margin:0; padding:0; width:100%; list-style:none; display:inline-block; float:left; } .page_order_green ul.page_order_list li { height:60px; margin:0 1px 1px 0; background-color:#96ed6c; display:block; float:left; } .page_order_green ul.page_order_list li a { padding:0 25px; color:#fff; font-family:'tcmc'; font-size:40px; line-height:60px; font-weight:bolder; text-align:center; vertical-align:middle; display:block; } .page_order_green ul.page_order_list li a.active { color:#76b857;} .page_order_green ul.page_order_list li a:hover { color:#000; } .frame_shadow {width: 190px; padding:5px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-align: center;} .name_bloger {top:0; position:relative; padding:7px; font-size:23px; text-align:center} .name_bloger_en {top:0; position:relative; padding:7px; font-size:16px; text-align:center} .detail_bloger {top:20px; position:relative; font-size:22px; text-align:center} .detail_bloger_en {top:20px; position:relative; font-size:14px; text-align:center} ul.green_location { list-style:none; width:100%; display:inline-block; padding:0; } ul.green_location li { width:100%; padding:0 20px 20px 75px; margin-top:20px; background-image:url(../img/ic_location01.gif); background-repeat:no-repeat; background-position:top left; border-bottom:dotted 1px #e5e5e5; display:inline-block;} ul.green_location li a.hover_green { color:#002633 !important;} ul.green_location li a.hover_green:hover { color:#64c820 !important;} ul.green_location02 { list-style:none; width:100%; display:inline-block; padding:0; } ul.green_location02 li { width:100%; padding:0 20px 20px 75px; margin-top:20px; background-image:url(../img/ic_location02.gif); background-repeat:no-repeat; background-position:top left; border-bottom:dotted 1px #e5e5e5; display:inline-block;} ul.green_location02 li a.hover_green { color:#002633 !important;} ul.green_location02 li a.hover_green:hover { color:#64c820 !important;} /* course training */ /* ------------------HEADER AREA------------------ */ .course_menu { width:100%; height:auto; position:relative; top:20px; } ul.course_nav { list-style:none; width:100%; height:auto; padding:0; margin:0; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background-color:#fff;} ul.course_nav li { width:100%; padding:0; margin:0; border-top:1px solid #e5e5e5; } ul.course_nav li a { width:100%; padding:5px 15px; margin:0; display:inline-block; font-size:22px; color:#000; -webkit-transition: all .3s, background-color .5s; -moz-transition: all .3s, background-color .5s; -o-transition: all .3s, background-color .5s; -ms-transition: all .3s, background-color .5s; transition: all .3s, background-color .5s; } ul.course_nav li a:hover { color:#fff; background-color:#65c822; -webkit-transition: all .3s, background-color .5s; -moz-transition: all .3s, background-color .5s; -o-transition: all .3s, background-color .5s; -ms-transition: all .3s, background-color .5s; transition: all .3s, background-color .5s; } ul.course_nav li a:focus { color:#65c822; -webkit-transition: all .3s, background-color .5s; -moz-transition: all .3s, background-color .5s; -o-transition: all .3s, background-color .5s; -ms-transition: all .3s, background-color .5s; transition: all .3s, background-color .5s; } ul.course_nav li a:focus:hover { color:#fff; background-color:#65c822; -webkit-transition: all .3s, background-color .5s; -moz-transition: all .3s, background-color .5s; -o-transition: all .3s, background-color .5s; -ms-transition: all .3s, background-color .5s; transition: all .3s, background-color .5s; } .photo_train01 { min-height:66px; padding-left:80px; background-image:url(../img/ic_training01.gif); background-repeat:no-repeat; background-position:left center;} .photo_train01_en { min-height:66px; padding-left:80px; background-image:url(../img/ic_training01.gif); background-repeat:no-repeat; background-position:left center;} .photo_print01 { min-height:66px; padding-left:80px; background-image:url(../img/ic_printing01.gif); background-repeat:no-repeat; background-position:left center;} div.course_training { list-style:none; width:100%; padding:0; margin:0;} div.course_training div { width:100%; padding:0; margin:0;} div.course_training div.course_detail table tr th { font-size:23px;} div.course_training div.course_detail table tr td { font-size:23px;} div.course_training div.photo_head img { width:100%; padding:0; margin:0; padding-top:172px;} div.course_training div h3 { padding:7px 0 0 0; margin-bottom:0; } div.course_training div table.border_1px { border:1px solid #e5e5e5; border-collapse: collapse;} div.course_training div table.border_1px th { background-color:#999} div.course_training div table.border_1px td { border:1px solid#e5e5e5} .font_thaisanslite { font-family:'thaisanslite' ; } .size_50px { font-size:40px !important; } .photo_lamp { position:relative; top:-40px;} ul.search_list li { border-left:1px solid #e5e5e5; margin-top:30px; margin-bottom:0; } ul.search_list li.dotted_gray { height:30px; border-left:none; border-bottom:1px dotted #e5e5e5; margin:0 !important; } ul.search_list li h3 { padding-left:20px; } ul.search_list li h4 { padding-left:20px; } ul.object_funds { padding:35px !important; margin:0; margin-bottom:30px; } ul.object_funds li { margin:5px;} table.border_1px_bluegray { border:1px solid #e5e5e5; border-collapse: collapse;} table.border_1px_bluegray th { background-color:#839095} table.border_1px_bluegray td { border:1px solid#e5e5e5} .bg_funds04 { width:730px; height:430px; margin:0 auto; padding:95px 0 0 50px; background-image:url(../img/funds/bg_funds05.jpg); background-repeat:no-repeat; background-position:top left; color:#fff;} .line_white_50_percent { width:100%; height:1px; display:inline-block; clear:both; padding:0; margin:10px 0 5px; background: rgba(255, 255, 255, 0.5)} /* Center */ .head_center { width:100%; height:auto; position:relative; top:0; background: rgba(255, 255, 255, 1.0) } .header_left_en { font-family:'Oswald'; font-size:35px; line-height:100px; float:left; border-left:2px solid rgba(0,0,0,.2); margin-left:30px; padding-left:30px; padding-right:30px; vertical-align:middle; } .header_left { font-family:'thaisanslite'; font-size:50px; line-height:100px; float:left; border-left:2px solid rgba(0,0,0,.2); margin-left:30px; padding-left:30px; padding-right:30px; vertical-align:middle; } .text_v_center {display: inline-block; vertical-align: middle; line-height: normal; font-weight:bold } .header_left .text_v_center { font-weight:bold; } ul.text_line_h_25px li { line-height:25px; margin-bottom:14px;} ul.text_size_28px li { font-size:28px; line-height:auto; margin-bottom:14px; font-family: 'Open Sans Condensed', sans-serif;} ul.sdgs_logo{ list-style:none; } ul.sdgs_logo li { width:100px; height:100px; padding:0; margin:10px; float:left;} .nav_center01 { width:100%; height:auto; position:relative; top:0; padding:0; margin:0; text-align:right; color:#fff; } .nav_center02 { width:100%; height:auto; position:absolute; top:174px; text-align:right; color:#fff; background-color:rgba(101, 154, 33, 0.9);} .nav_center03 { width:100%; height:auto; position:absolute; top:174px; text-align:right; color:#fff; background-color:rgba(59, 135, 125, 0.9);} .nav_center04 { width:100%; height:auto; position:absolute; top:174px; text-align:right; color:#fff; background-color:rgba(108, 89, 75, 0.9);} .nav_center05 { width:100%; height:auto; position:absolute; top:174px; text-align:right; color:#fff; background-color:rgba(112, 118, 62, 0.9);} .nav_center06 { width:100%; height:auto; position:absolute; top:174px; text-align:right; color:#fff; background-color:rgba(110, 137, 44, 0.9);} .nav_center07 { width:100%; height:auto; position:absolute; top:174px; text-align:right; color:#fff; background-color:rgba(208, 67, 67, 0.9);} .nav_center08 { width:100%; height:auto; position:absolute; top:174px; text-align:right; color:#fff; background-color:rgba(213, 156, 18, 0.9);} .nav_center09 { width:100%; height:auto; position:absolute; top:174px; text-align:right; color:#fff; background-color:rgba(214, 110, 9, 0.9);} .nav_center10 { width:100%; height:auto; position:absolute; top:174px; text-align:right; color:#fff; background-color:rgba(0, 0, 0, 0.5);} .sample_text { width:100%;height:auto; position:absolute; top:420px; z-index:9} .sample_text h1 { max-width:1000px; margin:0 auto; color:#fff; font-size:46px; font-weight:lighter !important; text-align:center;} .sample_text h2 { max-width:800px; margin:0 auto; color:#fff; font-size:30px; font-weight:lighter; text-align:center;} .sample_text h3 { max-width:200px; margin:0 auto; margin-top:50px; color:#fff; font-size:24px; font-weight:lighter; text-align:center; border:1px solid #fff; } .sample_text h3 a { padding:10px 20px; display:block; color:#fff; } #library_form .green01 input, select { height:35px; margin:0; padding:0 2px 0 10px; background:#e7f3e2; font-size:13px; border:none; } #library_form .green01 select { height:35px; margin:0; padding:0 2px 0 10px; background:#e7f3e2; font-size:13px; border:none; } #library_form .green01 select option { height:35px; margin:0; padding:0 2px 0 10px; background:#e7f3e2; color:#6d845a; font-size:13px; border:none; } #library_form .green01 textarea { margin:0; padding:0 2px 0 10px; background:#e7f3e2; font-size:13px; border:none; } #library_form .green01 td { color:#6d845a; } .line_height_30px { line-height:30px !important;} .padding_v_10px { padding-top:8px !important; padding-bottom:8px !important;} ul.two_columns { list-style:none; padding:0 !important; margin:0 !important; } ul.two_columns li { width:500px; margin:0 15px 30px; float:left; position:relative; } ul.three_columns { list-style:none; padding:0 !important; margin:0 !important; } ul.three_columns li { width:335px; margin:0 15px 30px; float:left; position:relative; border:solid 1px #E0E0E0; } ul.three_columns_fix { list-style:none; padding:0 !important; margin:0 !important; } ul.three_columns_fix li { width:335px; margin:0 15px 30px; float:left; position:relative; border:solid 1px #E0E0E0; } ul.four_columns { list-style:none; padding:0 !important; margin:0 !important; } ul.four_columns li { width:250px; margin:0 15px 30px; float:left; position:relative; border:solid 1px #E0E0E0; } ul.list_gray { margin-top:40px; } ul.list_gray li { color:#777777; margin-top:15px;} .line_b_gray { border-bottom:1px solid #e1e1e1; } .line_t_gray { border-top:1px solid #e1e1e1; } .m_b5px { margin-bottom:5px !important;} .m_b7px { margin-bottom:7px !important;} .m_b10px { margin-bottom:10px !important;} .m_b15px { margin-bottom:15px !important;} .m_a_15px { margin:15px !important; } .m_a_20px { margin:20px !important; } .m_a_0px { margin:0px !important; } .m_b_0px { margin-bottom:0px !important; } .m_b_30px { margin-bottom:30px !important; } .m_t_30px { margin-top:30px !important; } .m_l_10px { margin-left:10px !important; } .m_l_30px { margin-left:30px !important; } .m_l_5px { margin-left:5px !important; } .m_l_35px { margin-left:35px !important; } .m_l_40px { margin-left:40px !important; } .m_l_500px { margin-left:880px !important; } .p_vh_10px_15px { padding:10px 15px !important; } .p_vh_15px_30px { padding:15px 30px !important; } .p_h_15px { padding-left:15px !important; padding-right:15px !important;} .p_v_7px { padding-top:7px !important; padding-bottom:7px !important;} .p_a_15px { padding:15px !important; } .p_a_20px { padding:20px !important; } .p_a_0px { padding:0px !important; } .p_b_50px { padding-bottom:50px !important; } .p_vh_7px_20px { padding:15px 20px 0 !important; } .p_l_50px { padding-left:50px !important; } .black_hover:link { background:#039 !important;} .black_hover:hover { color:000 !important; } .fix_2line {line-height:25px; max-height:50px; overflow:hidden;} .link_white:link { color: rgba(255, 255, 255, .8) !important; } .link_white:visited { color:rgba(255, 255, 255, .8) !important; } .link_white:active { color:rgba(255, 255, 255, .8) !important; } .link_white:hover { color:rgba(255, 255, 255, 1) !important; } .link_black:link { color: rgba(0, 0, 0, .7) !important; } .link_black:visited { color:rgba(0, 0, 0, .7) !important; } .link_black:active { color:rgba(0, 0, 0, .7) !important; } .link_black:hover { color:rgba(0, 0, 0, 1) !important; } .link_hover_green:link { color:#3c5861 !important; } .link_hover_green:visited { color:#3c5861 !important; } .link_hover_green:active { color:#3c5861 !important; } .link_hover_green:hover { color:#64c820 !important; } .link_gray_hover_white:link { color:#494949 !important; } .link_gray_hover_white:visited { color:#494949 !important; } .link_gray_hover_white:active { color:#494949 !important; } .link_gray_hover_white:hover { color:#fff !important; } .link_gray_hover_green:link { color:#494949 !important; } .link_gray_hover_green:visited { color:#494949 !important; } .link_gray_hover_green:active { color:#494949 !important; } .link_gray_hover_green:hover { color:#64c820 !important; } .link_black_hover_green:link { color:#000 !important; } .link_black_hover_green:visited { color:#000 !important; } .link_black_hover_green:active { color:#000 !important; } .link_black_hover_green:hover { color:#64c820 !important; } .link_black_hover_white:link { color:#000 !important; } .link_black_hover_white:visited { color:#000 !important; } .link_black_hover_white:active { color:#000 !important; } .link_black_hover_white:hover { color:#fff !important; } .link_white_hover_gray:link { color:#fff !important; } .link_white_hover_gray:visited { color:#fff !important; } .link_white_hover_gray:active { color:#fff !important; } .link_white_hover_gray:hover { color:#494949 !important; } .link_green_hover_gray:link { color:#64c820 !important; } .link_green_hover_gray:visited { color:#64c820 !important; } .link_green_hover_gray:active { color:#64c820 !important; } .link_green_hover_gray:hover { color:#494949 !important; } .text_60px { font-size:60px; letter-spacing:15px;} .text_36px { font-size:36px; } table.project_list td { padding:10px 15px; color:#000;} .photo_pdf { width:80px; height:80px; padding:15px; float:left;} .text_pdf { width:448px; padding:15px 15px 15px 0; float:left;} .border_b1px_gray { border-bottom:1px solid #E0E0E0 !important;} .border_b1px_white { border-bottom:1px solid #fff !important;} #hidden_box { margin-top:20px; visibility:hidden; } #show_box_bottom { display:inline-block; position:absolute; bottom:0; margin:0 !important; } table.print_form { margin:0 0 15px; width:100%; font-size:15px;} table.print_form tr td { padding:4px 10px 4px 15px; vertical-align:text-top;} .detail_print_form { text-decoration:underline; color:#000; } .detail_print_form02 { border-bottom:1px solid #666; padding:0 20px 0 7px; color:#000; } .topic_print_form { margin-right:3px !important;} .session_print_form { width:100%; float:left; margin-bottom:15px;} .register_button_th { width:250px; height:250px; display:inline-block; float:right;} .register_button_th:link { background-image:url(../img/ic_register001.png) !important; -webkit-transition: all .5s, background-image .5s; -moz-transition: all .5s, background-image .5s; -o-transition: all .5s, background-image .5s; -ms-transition: all .5s, background-image .5s; transition: all .5s, background-image .5s; } .register_button_th:visited { background-image:url(../img/ic_register001.png) !important; -webkit-transition: all .5s, background-image .5s; -moz-transition: all .5s, background-image .5s; -o-transition: all .5s, background-image .5s; -ms-transition: all .5s, background-image .5s; transition: all .5s, background-image .5s; } .register_button_th:active { background-image:url(../img/ic_register001.png) !important; -webkit-transition: all .5s, background-image .5s; -moz-transition: all .5s, background-image .5s; -o-transition: all .5s, background-image .5s; -ms-transition: all .5s, background-image .5s; transition: all .5s, background-image .5s; } .register_button_th:hover { background-image:url(../img/ic_register002.png) !important; -webkit-transition: all .5s, background-image .5s; -moz-transition: all .5s, background-image .5s; -o-transition: all .5s, background-image .5s; -ms-transition: all .5s, background-image .5s; transition: all .5s, background-image .5s; } .register_button_en { width:250px; height:250px; display:inline-block; float:right;} .register_button_en:link { background-image:url(../img/ic_register003.png) !important; -webkit-transition: all .5s, background-image .5s; -moz-transition: all .5s, background-image .5s; -o-transition: all .5s, background-image .5s; -ms-transition: all .5s, background-image .5s; transition: all .5s, background-image .5s; } .register_button_en:visited { background-image:url(../img/ic_register0013.png) !important; -webkit-transition: all .5s, background-image .5s; -moz-transition: all .5s, background-image .5s; -o-transition: all .5s, background-image .5s; -ms-transition: all .5s, background-image .5s; transition: all .5s, background-image .5s; } .register_button_en:active { background-image:url(../img/ic_register003.png) !important; -webkit-transition: all .5s, background-image .5s; -moz-transition: all .5s, background-image .5s; -o-transition: all .5s, background-image .5s; -ms-transition: all .5s, background-image .5s; transition: all .5s, background-image .5s; } .register_button_en:hover { background-image:url(../img/ic_register004.png) !important; -webkit-transition: all .5s, background-image .5s; -moz-transition: all .5s, background-image .5s; -o-transition: all .5s, background-image .5s; -ms-transition: all .5s, background-image .5s; transition: all .5s, background-image .5s; } ul.line_b_record li { padding-bottom:7px; margin-top:7px; border-bottom:1px solid #e5e5e5;} ul.line_b_record li.last_record { padding-bottom:20px; margin-top:7px; border-bottom:none;} .circle_green { width:100px; height:100px; float:left; display:table-cell; overflow:hidden; background-color:#5fbf4c; color:#fff; text-align:center; vertical-align:middle; font-size:68px; border-radius: 50%; } .order_list { list-style:none;} .order_list { counter-reset: my-badass-counter; } .order_list li:before { content: "( " counter(my-badass-counter, lower-alpha) " )"; counter-increment: my-badass-counter; margin-right: 5px; font-weight: bold; } .order_list li { margin-bottom:10px; padding-left:0px; font-weight:bold; } .order_list li span { font-weight:normal; padding:0 0 0 5px; margin:0; } .social_bar { width:100% !important; height:20px !important; display:inline-block !important; position:relative; } .social_bar .social_list { width:auto !important; height:20px !important; margin-right:10px; float:left; display:inline-block !important; position:relative; } .social_bar .social_list .position_fb { height:20px !important; position:relative !important; display:inline-block !important; top:0 !important; margin-top:0 !important; padding-top:0 !important; border-top:0 !important; min-height:0 !important; max-width:none !important; } .social_bar .social_list span { vertical-align:text-top !important;} .social_icon { height:20px !important; margin:0 !important; padding:0 !important; display:inline-block !important; float:left; position:absolute !important; top:0; } .lineman { width:42px !important; left:0 !important; } .facebook { width:64px !important; left:49px !important; top:-11px !important; } .facebook_en { width:64px !important; left:49px !important; top:-2px !important; } .twitter { width:61px !important; left:120px !important; } .g-plus { width:53px !important; left:188px !important; } ul.link_document li { margin-bottom:10px; padding-bottom:10px; border-bottom: #e5e5e5 solid 1px; } ul.link_document li a:link { color:#64c820 !important; } ul.link_document li a:visited { color:#64c820 !important; } ul.link_document li a:active { color:#64c820 !important; } ul.link_document li a:hover { color:#000 !important; } #course_remark a {height:50px; font-family: 'Oswald', sans-serif; font-weight:normal;; font-size:18px; line-height:25px; } #course_remark a:link { color:#64c820; } #course_remark a:visited { color:#64c820; } #course_remark a:active { color:#64c820; } #course_remark a:hover { color:#000; } .line { padding-left:0 !important; padding-right:0 !important; } .line .padding { padding-left:0px !important; padding-right:0px !important; } /* -1280px version */ @media screen and (max-width:1280px) { .hide_1280px { display: none; visibility:hidden; } .owl-buttons { display: none; visibility:hidden; } } /* -1179px version */ @media screen and (max-width:1179px) { ul.masonry li { width:33%; } } /* -1140px version */ @media screen and (max-width:1140px) { .partnership_block { width:32%; } } /* -1120px version */ @media screen and (max-width:1120px) { .size-1140 .line.content-center-vertical { padding: 0 2rem; } } /* -1029px version */ @media screen and (max-width:1029px) { ul.masonry li { width:32.8%; } } /* -1024px version */ @media screen and (max-width:1024px) { .show_1024px { display:inherit; visibility:visible; } .pl30px_show1024_hide768 { padding-left:30px !important; padding-right:30px !important; } ul.masonry_col2 li { width:49%; } .section_slideshow { padding:0 !important; min-width:0 !important; } .section_slideshow .line { padding:0 !important; min-width:0 !important; } .section_slideshow .line .slideshow { width:100% !important; max-width:none !important; min-width:0 !important; } .section_slideshow .line .slideshow .item { width:100% !important; max-width:none !important; min-width:0 !important; } img#photo_slideshow { width:100% !important; max-width:none !important; min-width:0 !important; height:auto !important;} .logo img { -moz-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); } .space_photo_webpage02 { margin-top:0; height:990px !important; } .show_1024px { display:inherit; visibility:visible; } .hide_1024px { display:none !important; visibility:hidden !important;} ul#size-l { display:none !important; visibility:hidden !important; } ul#size-m { display:inline-block !important; visibility:visible !important; } ul.col_25_m0 li {width:430px !important; margin:15px; float:left; border:dashed 1px #BCBCBC;} .text_pdf { width:348px !important; padding:15px 15px 15px 0; float:left;} ul.three_columns li { width:430px !important; margin:0 15px 30px; float:left; position:relative; border:solid 1px #E0E0E0; } ul.three_columns_fix li { width:275px !important; margin:0 15px 30px; float:left; position:relative; border:solid 1px #E0E0E0; } .grid li { display: inline-block; overflow: hidden; width: 250px !important; margin: 20px; padding:0; text-align: left; vertical-align: top; } ul.four_columns li { width:430px !important; margin:0 15px 30px; float:left; position:relative; border:solid 1px #E0E0E0; } #thematic_photo { display:block !important; visibility:visible !important;} #thematic_vdo { display:none !important; visibility:hidden !important;} } /* -991px version */ @media (max-width:991px){ .hide_991px { display:none; visibility:hidden;} } /* -960px version */ @media screen and (max-width:960px) { .partnership_block { width:49%; } } /* -870px version */ @media screen and (max-width:870px) { } /* -812px version */ @media screen and (max-width:812px) { } /* -800px version */ @media (max-height:800px){ .hide_h800px { display:none; visibility:hidden;} ul.course_nav li a { font-size:21px; } } /* -768px version */ @media screen and (max-width:768px) { .p_a20px_clear_768 { padding:0; padding-top:20px; } .space_res_under_slideshow { padding-top:46px; } .space_res_under_slideshow_en { padding-top:49px; } .social_bar .social_list .position_fb { top:-7px; } .show_1024px { display:none; visibility:hidden; } ul.info_list li .p_a20px_masonry { padding:0; padding-bottom:25px; } ul.col_100_m0 li.r_line_0 { padding: 30px 0 30px 0;} .pl30px_show1024_hide768 { padding-left:30px !important; padding-right:30px !important; } .header_left_en { line-height:normal; height:auto; float:none; border-top:1px solid rgba(0,0,0,.1); border-left:none; margin-left:0; margin-top:20px; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:0; margin-bottom:0; text-align:center; } .header_left { line-height:normal; height:auto; float:none; border-top:1px solid rgba(0,0,0,.1); border-left:none; margin-left:0; margin-top:20px; padding-left:30px;padding-right:30px; padding-top:10px; padding-bottom:0; margin-bottom:0; text-align:center; } #jobs_form { padding:0 !important; border:none !important; } .border_hidel_show768px { border-left:1px dotted #dadada !important; } .border_hider_show768px { border-right:1px dotted #dadada !important; } .pr20px_clear768 { padding-right:0; } .pr30px_clear768 { padding-right:0; } .pr50px_clear768 { padding-right:0; } ul.masonry li { width:49.5%; } .button_768_center_mt30px { text-align:center; margin-top:30px; } .register_button_th { float:none; } .register_button_en { float:none; } .pl20px_clear768 { padding-left:0; } .pl30px_clear768 { padding-left:0; } .pl50px_clear768 { padding-left:0; } .pl100px_clear768 { padding-left:0; } .pl170px_clear768 { padding-left:0; } .pl200px_clear768 { padding-left:0; } .frame_shadow {width: 250px; } .frame_shadow img {width: 100%; } .name_bloger { font-size:24px; } .detail_bloger { font-size:23px; } .bg_contact01 { background-image:url(../img/contact/bg_contact02.jpg); } .padding_vdo { padding-left:27px; padding-right:27px; } .footer_col1_p_r_40px { padding-right:30px; } .showl_hide768px_show480px { display:none; visibility:hidden; } .course_menu { top:0; } div.course_training div.photo_head img { width:100%; padding:0; margin:0; padding-top:0;} .course_column_left { padding-right:0; text-align:left; margin-bottom:30px; } .course_column_right { padding-left:0; } .bg_line_v_1 { background-image:none;} .space_photo_webpage { margin-top:0 !important; height:568px !important; } .background-vdo { background-color:transparent; padding:0 !important; } .bg_vdo01 { background-image:none; } .section_slideshow .line { padding:0 !important; padding-top:58px !important; min-width:0 !important; } .nav_top_padding_v { padding-top:15px !important; padding-bottom:0px !important; } .course_bottom_space { height:200px; } .text_center_768px { text-align:center;} .logo { margin: 0 auto; position:relative; top:0; } .logo img { margin:auto; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .detail_name h3 { text-align:center; padding-top:10px; padding-bottom:0; margin-bottom:0; } .detail_name p { text-align:center; padding-top:0; margin-top:0; } .line .padding { padding-left:10px !important; padding-right:10px !important; } .p_body_detail { padding-left:0 !important; padding-right:0 !important; } .position_fixed { position:relative !important; } .area_position_fixed { position:relative !important; height:auto !important; } .show_768px { display:inherit !important; visibility:visible !important; } .hide_768px { display:none !important; visibility:hidden !important; } .w_search { border-left:none !important; } ul.col_50_m0 { list-style:none; margin:0; padding:0; background:none !important;} ul.col_50_m0 li { border:none !important; border-bottom:1px dotted #e5e5e5 !important; padding: 30px 0 !important;} ul.col_50_m0 li.r_line_0 { border:none !important; border-bottom:1px dotted #e5e5e5 !important; padding: 30px 0 !important;} ul.col_50_m0 li.b_line_1{ visibility:hidden; display:none;} ul.col_50_m0 li a:hover { color:#49bf51 !important;} ul.col_50_m0 li img { margin-bottom:30px;} ul.col_50_m0 li .clear_padding { padding:0 !important;} .top-nav .right { float: none; } .nav-text { color: #fff; display: block; font-size: 1.2rem; line-height: 3rem; margin-right: 0.625rem; max-width: 100%; text-align: center; vertical-align: middle; } .nav-text::after { color: #002633; display: inline-block; font-size: 3rem; margin-left: 0; margin-top: 20px; } #area_top-nav .nav-text { color: #fff; display: block; font-size: 1.2rem; line-height: 3rem; margin-right: 0.625rem; max-width: 100%; text-align: center; vertical-align: middle; } #area_top-nav .nav-text::after { color: #fff; display: inline-block; font-size: 2.4rem; margin-left: 0; margin-top: 20px; } .top-nav li a, .background-white .top-nav li a { background: #002633 none repeat scroll 0 0; color: #fff; font-size: 24px; padding: 20px !important; text-align: center; line-height:26px !important; } .top-nav ul li ul.submenu li a { padding: 12px !important; line-height:26px !important; } aside { border: none; padding: 0; } aside.aside-left { border-right: 0; padding-right: 0; } .owl-buttons { display: none; } .carousel-main .owl-item img, .carousel-main .owl-item video { max-width: 100%; margin-top:0 !important; width:auto; } .margin-m-top { margin-top: 1.25rem !important; display: block; } .margin-m-bottom { margin-bottom: 1.25rem !important; display: block; } .margin-m-left { margin-left: 1.25rem !important; } .margin-m-right { margin-right: 1.25rem !important; } .margin-m-top-bottom { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; display: block; } .margin-m-left-right { margin-left: 1.25rem !important; margin-right: 1.25rem !important; } .margin-m-top-0 { margin-top: 0 !important; display: block; } .margin-m-top-10 { margin-top: 10px !important; display: block; } .margin-m-top-15 { margin-top: 15px !important; display: block; } .margin-m-top-20 { margin-top: 20px !important; display: block; } .margin-m-top-30 { margin-top: 30px !important; display: block; } .margin-m-top-40 { margin-top: 40px !important; display: block; } .margin-m-top-50 { margin-top: 50px !important; display: block; } .margin-m-top-60 { margin-top: 60px !important; display: block; } .margin-m-top-70 { margin-top: 70px !important; display: block; } .margin-m-top-80 { margin-top: 80px !important; display: block; } .margin-m-bottom-0 { margin-bottom: 0 !important; display: block; } .margin-m-bottom-10 { margin-bottom: 10px !important; display: block; } .margin-m-bottom-15 { margin-bottom: 15px !important; display: block; } .margin-m-bottom-20 { margin-bottom: 20px !important; display: block; } .margin-m-bottom-30 { margin-bottom: 30px !important; display: block; } .margin-m-bottom-40 { margin-bottom: 40px !important; display: block; } .margin-m-bottom-50 { margin-bottom: 50px !important; display: block; } .margin-m-bottom-60 { margin-bottom: 60px !important; display: block; } .margin-m-bottom-70 { margin-bottom: 70px !important; display: block; } .margin-m-bottom-80 { margin-bottom: 80px !important; display: block; } .margin-m-top-bottom-0 { margin-top: 0 !important; margin-bottom: 0 !important; display: block; } .margin-m-top-bottom-10 { margin-top: 10px !important; margin-bottom: 10px !important; display: block; } .margin-m-top-bottom-15 { margin-top: 15px !important; margin-bottom: 15px !important; display: block; } .margin-m-top-bottom-20 { margin-top: 20px !important; margin-bottom: 20px !important; display: block; } .margin-m-top-bottom-30 { margin-top: 30px !important; margin-bottom: 30px !important; display: block; } .margin-m-top-bottom-40 { margin-top: 40px !important; margin-bottom: 40px !important; display: block; } .margin-m-top-bottom-50 { margin-top: 50px !important; margin-bottom: 50px !important; display: block; } .margin-m-top-bottom-60 { margin-top: 60px !important; margin-bottom: 60px !important; display: block; } .margin-m-top-bottom-70 { margin-top: 70px !important; margin-bottom: 70px !important; display: block; } .margin-m-top-bottom-80 { margin-top: 80px !important; margin-bottom: 80px !important; display: block; } .margin-m-left-0 { margin-left: 0 !important; } .margin-m-left-10 { margin-left: 10px !important; } .margin-m-left-15 { margin-left: 15px !important; } .margin-m-left-20 { margin-left: 20px !important; } .margin-m-left-30 { margin-left: 30px !important; } .margin-m-left-40 { margin-left: 40px !important; } .margin-m-left-50 { margin-left: 50px !important; } .margin-m-left-60 { margin-left: 60px !important; } .margin-m-left-70 { margin-left: 70px !important; } .margin-m-left-80 { margin-left: 80px !important; } .margin-m-right-0 { margin-right: 0 !important; } .margin-m-right-10 { margin-right: 10px !important; } .margin-m-right-15 { margin-right: 15px !important; } .margin-m-right-20 { margin-right: 20px !important; } .margin-m-right-30 { margin-right: 30px !important; } .margin-m-right-40 { margin-right: 40px !important; } .margin-m-right-50 { margin-right: 50px !important; } .margin-m-right-60 { margin-right: 60px !important; } .margin-m-right-70 { margin-right: 70px !important; } .margin-m-right-80 { margin-right: 80px !important; } .margin-m-left-right-0 { margin-left: 0 !important; margin-right: 0 !important; } .margin-m-left-right-10 { margin-left: 10px !important; margin-right: 10px !important; } .margin-m-left-right-15 { margin-left: 15px !important; margin-right: 15px !important; } .margin-m-left-right-20 { margin-left: 20px !important; margin-right: 20px !important; } .margin-m-left-right-30 { margin-left: 30px !important; margin-right: 30px !important; } .margin-m-left-right-40 { margin-left: 40px !important; margin-right: 40px !important; } .margin-m-left-right-50 { margin-left: 50px !important; margin-right: 50px !important; } .margin-m-left-right-60 { margin-left: 60px !important; margin-right: 60px !important; } .margin-m-left-right-70 { margin-left: 70px !important; margin-right: 70px !important; } .margin-m-left-right-80 { margin-left: 80px !important; margin-right: 80px !important; } .text-m-size-12 { font-size: 12px !important; line-height: 1.4; } .text-m-size-16 { font-size: 16px !important; line-height: 1.4; } .text-m-size-20 { font-size: 20px !important; line-height: 1.4; } .text-m-size-25 { font-size: 25px !important; line-height: 1.4; } .text-m-size-30 { font-size: 30px !important; line-height: 1.4; } .text-m-size-40 { font-size: 40px !important; line-height: 1.4; } .text-m-size-50 { font-size: 50px !important; line-height: 1.4; } .text-m-size-60 { font-size: 60px !important; line-height: 1.4; } .text-m-size-70 { font-size: 70px !important; line-height: 1.4; } } /* -569px version */ @media screen and (max-width:569px) { ul.masonry li { width:49%; } } /* -568px version */ @media screen and (max-width:568px) { .hide_568px { display:none; visibility:hidden;} div.job_detail { font-size:22px;} div.job_detail_en { font-size:14px;} } /* -527px version */ @media (max-width:527px){ .hide_527px { display:none; visibility:hidden; } .show_527px { display:inherit; visibility:visible; } } /* -480px version */ @media screen and (max-width:480px) { .body_detail_event img { width:100% !important; max-width:none; height:auto !important; display:inline-block; clear:both; } .bg_search01 { background-image:url(../img/home/bg_search01-2.jpg); } .bg_involved02 { background-image:url(../img/involved/bg_jobs02-2.jpg); } .bg_involved01 { background-image:url(../img/involved/bg_jobs01-2.jpg); } .bg_publications04 { background-image:url(../img/publications/bg_publications04-2.jpg); } .bg_publications03 { background-image:url(../img/publications/bg_publications03-2.jpg); } .bg_publications01 { background-image:url(../img/publications/bg_publications01-2.jpg); } .bg_funds02 { background-image:url(../img/funds/bg_funds02-2.jpg); } .bg_clip_vdo01 { background-image:url(../img/clipvdo/bg_clip_vdo01-2.jpg); } .bg_infographic01 { background-image:url(../img/infographic/bg_infographic01-2.jpg); } .bg_events01 { background-image:url(../img/events/bg_events01-2.jpg); } .bg_events03 { background-image:url(../img/events/bg_events03-2.jpg); } .bg_send_message01 { background-image:url(../img/home/bg_send_message01-2.jpg); } .bg_about04 { background-image:url(../img/about/bg_about04-2.jpg); } .bg_about03 { background-image:url(../img/about/bg_about03-2.jpg); } .bg_about02 { background-image:url(../img/about/bg_about02-2.jpg); } .bg_fill_form01 { background-image:url(../img/home/bg_fill_form01-2.jpg); } .bg_about06 { background-image:url(../img/about/bg_about06-2.jpg); } .bg_about01 { background-image:url(../img/about/bg_about01-2.jpg); } .bg_about10 { background-image:url(../img/about/bg_about10-2.jpg); } ul.vdo_list li .p_a20px_masonry { padding-left:0; padding-right:0; } ul.vdo_list li .border_vdo_list { border:none !important; } ul.vdo_list li:hover .border_vdo_list { border:none !important; } .header_left_en { padding-left:27px; padding-right:27px; } .header_left { padding-left:27px;padding-right:27px; } .header_left .text_v_center { line-height: 60px; } .pl30px_show1024_hide768 { padding-left:27px !important; padding-right:27px !important; } #jobs_form .green01 { padding:0 !important;} .topic_center_480px { text-align:center; } .pl30px_clear480 { padding-left:0; } .pr30px_clear480 { padding-right:0; } .form_res tr { width:100% !important; display:inline-block !important; } .form_res th { width:100% !important; display:inline-block !important; } .form_res td { width:100% !important; display:inline-block !important; } .form_notres tr {width:inherit !important; display:table-row !important; } .form_notres th {width:inherit !important; display:table-caption !important; } .form_notres td {width:inherit !important; display:table-cell !important; } .object_notres {width:inherit !important; display:table-cell !important; } #jobs_form { border:none !important; } #jobs_form .blue01 { padding:0 !important;} #jobs_form { border:none !important; } #jobs_form .green01 { padding:0 !important;} .pr20px_clear480 { padding-right:0; } .m_lr_masonry { margin-left:7px; margin-right:7px; } ul.masonry li { width:100%; } ul.masonry_col2 li { width:100%; } .border_event_block { margin-left:0; margin-right:0; } .dot_event_block { margin-left:0; margin-right:0; } .padding_vdo { padding-left:25px; padding-right:25px; } .footer_col1_p_r_40px { padding-right:0; } .footer_col2_p_r_40px { padding-right:0;} .showl_hide768px_show480px { display:inherit; visibility:visible; } .photo_train01 { padding-left:0; padding-top:80px; text-align:center; background-position:top center; } .photo_train01_en { padding-left:0; padding-top:80px; text-align:center; background-position:top center; } .align_allr_480pxl { float:left; } .course_width_date { min-width:inherit; } .course_width_detail { min-width:130px; } .course_buuton { min-width:inherit; } .hide_480px { display:none !important; visibility:hidden !important; } #hide_480px { display:none !important; visibility:hidden !important; } .show_480px { display:inline-block !important; visibility:visible !important; } .line .padding { padding-left:7px !important; padding-right:7px !important; } .partnership_block { width:100%; } .top-bar .right { float: none; } .top-bar-contact p { height: auto; line-height: 1.3rem; padding: 10px 0; text-align: center; } .top-bar-social.right { display: table; float: none; margin: 0 auto; padding: 0; text-align: center; } .margin-s-top { margin-top: 1.25rem !important; display: block; } .margin-s-bottom { margin-bottom: 1.25rem !important; display: block; } .margin-s-left { margin-left: 1.25rem !important; } .margin-s-right { margin-right: 1.25rem !important; } .margin-s-top-bottom { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; display: block; } .margin-s-left-right { margin-left: 1.25rem !important; margin-right: 1.25rem !important; } .margin-s-top-0 { margin-top: 0 !important; display: block; } .margin-s-top-10 { margin-top: 10px !important; display: block; } .margin-s-top-15 { margin-top: 15px !important; display: block; } .margin-s-top-20 { margin-top: 20px !important; display: block; } .margin-s-top-30 { margin-top: 30px !important; display: block; } .margin-s-top-40 { margin-top: 40px !important; display: block; } .margin-s-top-50 { margin-top: 50px !important; display: block; } .margin-s-top-60 { margin-top: 60px !important; display: block; } .margin-s-top-70 { margin-top: 70px !important; display: block; } .margin-s-top-80 { margin-top: 80px !important; display: block; } .margin-s-bottom-0 { margin-bottom: 0 !important; display: block; } .margin-s-bottom-10 { margin-bottom: 10px !important; display: block; } .margin-s-bottom-15 { margin-bottom: 15px !important; display: block; } .margin-s-bottom-20 { margin-bottom: 20px !important; display: block; } .margin-s-bottom-30 { margin-bottom: 30px !important; display: block; } .margin-s-bottom-40 { margin-bottom: 40px !important; display: block; } .margin-s-bottom-50 { margin-bottom: 50px !important; display: block; } .margin-s-bottom-60 { margin-bottom: 60px !important; display: block; } .margin-s-bottom-70 { margin-bottom: 70px !important; display: block; } .margin-s-bottom-80 { margin-bottom: 80px !important; display: block; } .margin-s-top-bottom-0 { margin-top: 0 !important; margin-bottom: 0 !important; display: block; } .margin-s-top-bottom-10 { margin-top: 10px !important; margin-bottom: 10px !important; display: block; } .margin-s-top-bottom-15 { margin-top: 15px !important; margin-bottom: 15px !important; display: block; } .margin-s-top-bottom-20 { margin-top: 20px !important; margin-bottom: 20px !important; display: block; } .margin-s-top-bottom-30 { margin-top: 30px !important; margin-bottom: 30px !important; display: block; } .margin-s-top-bottom-40 { margin-top: 40px !important; margin-bottom: 40px !important; display: block; } .margin-s-top-bottom-50 { margin-top: 50px !important; margin-bottom: 50px !important; display: block; } .margin-s-top-bottom-60 { margin-top: 60px !important; margin-bottom: 60px !important; display: block; } .margin-s-top-bottom-70 { margin-top: 70px !important; margin-bottom: 70px !important; display: block; } .margin-s-top-bottom-80 { margin-top: 80px !important; margin-bottom: 80px !important; display: block; } .margin-s-left-0 { margin-left: 0 !important; } .margin-s-left-10 { margin-left: 10px !important; } .margin-s-left-15 { margin-left: 15px !important; } .margin-s-left-20 { margin-left: 20px !important; } .margin-s-left-30 { margin-left: 30px !important; } .margin-s-left-40 { margin-left: 40px !important; } .margin-s-left-50 { margin-left: 50px !important; } .margin-s-left-60 { margin-left: 60px !important; } .margin-s-left-70 { margin-left: 70px !important; } .margin-s--80 { margin-left: 80px !important; } .margin-s-right-0 { margin-right: 0 !important; } .margin-s-right-10 { margin-right: 10px !important; } .margin-s-right-15 { margin-right: 15px !important; } .margin-s-right-20 { margin-right: 20px !important; } .margin-s-right-30 { margin-right: 30px !important; } .margin-s-right-40 { margin-right: 40px !important; } .margin-s-right-50 { margin-right: 50px !important; } .margin-s-right-60 { margin-right: 60px !important; } .margin-s-right-70 { margin-right: 70px !important; } .margin-s-right-80 { margin-right: 80px !important; } .margin-s-left-right-0 { margin-left: 0 !important; margin-right: 0 !important; } .margin-s-left-right-10 { margin-left: 10px !important; margin-right: 10px !important; } .margin-s-left-right-15 { margin-left: 15px !important; margin-right: 15px !important; } .margin-s-left-right-20 { margin-left: 20px !important; margin-right: 20px !important; } .margin-s-left-right-30 { margin-left: 30px !important; margin-right: 30px !important; } .margin-s-left-right-40 { margin-left: 40px !important; margin-right: 40px !important; } .margin-s-left-right-50 { margin-left: 50px !important; margin-right: 50px !important; } .margin-s-left-right-60 { margin-left: 60px !important; margin-right: 60px !important; } .margin-s-left-right-70 { margin-left: 70px !important; margin-right: 70px !important; } .margin-s-left-right-80 { margin-left: 80px !important; margin-right: 80px !important; } .text-s-size-12 { font-size: 12px !important; line-height: 1.4; } .text-s-size-16 { font-size: 16px !important; line-height: 1.4; } .text-s-size-20 { font-size: 20px !important; line-height: 1.4; } .text-s-size-25 { font-size: 25px !important; line-height: 1.4; } .text-s-size-30 { font-size: 30px !important; line-height: 1.4; } .text-s-size-40 { font-size: 40px !important; line-height: 1.4; } .text-s-size-50 { font-size: 50px !important; line-height: 1.4; } .text-s-size-60 { font-size: 60px !important; line-height: 1.4; } .text-s-size-70 { font-size: 70px !important; line-height: 1.4; } } /* -414px version */ @media (max-width:414px){ .show_414px { display:inherit; visibility:visible; } .header_left_en { padding-left:25px; padding-right:25px; } .header_left { padding-left:25px;padding-right:25px; } .pl30px_show1024_hide768 { padding-left:25px !important; padding-right:25px !important; } .m_lr_masonry { margin-left:5px; margin-right:5px; } .space_h_230px { height:205px; } .course_menu { top:-30px; } .course_menu h4 { text-align:center; } .hide_414px { display:none; visibility:hidden;} .section_slideshow .line { padding:0 !important; padding-top:35px !important; min-width:0 !important; } .course_width_detail { min-width:100px; } .line .padding { padding-left:5px !important; padding-right:5px !important; } .w_search { width:240px !important;} .box_search { width:170px; } .logo img { transform:scale(0.8); -moz-transform:scale(0.8); -webkit-transform:scale(0.8); } .nav_top_padding_v { padding-top:5px !important; padding-bottom:0px !important; } .nav-text::after { font-size: 2.5rem; margin-top: 10px; } .area_nav-text::after { font-size: 2.5rem; margin-top: 10px; } } /* -433px version */ @media (max-width:433px){ .hide_433px { display:none; visibility:hidden; } .show_433px { display:inherit; visibility:visible; } } /* -430px version */ @media (max-width:430px){ .hide_430px { display:none; visibility:hidden; } .show_430px { display:inherit; visibility:visible; } } /* -404px version */ @media (max-width:404px){ .hide_404px { display:none; visibility:hidden; } .show_404px { display:inherit; visibility:visible; } } /* -380px version */ @media (max-width:380px){ .hide_380px { display:none; visibility:hidden; } .show_380px { display:inherit; visibility:visible; } } /* -375px version */ @media (max-width:375px){ .header_left_en { padding-left:23px; padding-right:23px; } .header_left { padding-left:23px;padding-right:23px; } .pl30px_show1024_hide768 { padding-left:23px !important; padding-right:23px !important; } .m_lr_masonry { margin-left:3px; margin-right:3px; } .line .padding { padding-left:3px !important; padding-right:3px !important; } } /* -320px version */ @media (max-width:320px){ .header_left_en { padding-left:20px; padding-right:20px; } .header_left { padding-left:20px;padding-right:20px; } .pl30px_show1024_hide768 { padding-left:20px !important; padding-right:20px !important; } .size_s320px { font-size:20px !important; } .hide_320px { display:none !important; visibility:hidden !important; } .show_320px { display:inherit !important; visibility:visible !important; } .m_lr_masonry { margin-left:0px; margin-right:0px; } .w_search { width:220px !important;} .box_search { width:150px; } .line .padding { padding-left:0px !important; padding-right:0px !important; } .footer_b_space { padding-bottom:245px !important;} .logo img { transform:scale(0.7); -moz-transform:scale(0.7); -webkit-transform:scale(0.7); } }