body { height: 100%; border: none } #wrapper { width: 100%; margin: 0; -webkit-box-shadow: none; box-shadow: none } body.stretched #header.full-header .container { width: 100%; padding: 0 } #logo { display: block; width: 225px; height: 100px; float: none; margin: 0 auto !important; max-width: none; text-align: center; border: 0 !important; padding: 0 !important } #logo a.standard-logo { width: 200px } #header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap, #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo object { height: 80px !important } #header.sticky-header:not(.static-sticky) #side-panel-trigger, #header.sticky-header:not(.static-sticky) #sitemap, #header.sticky-header:not(.static-sticky) #top-cart, #header.sticky-header:not(.static-sticky) #top-search { margin-top: 37px !important; right: 50px; } .sticky-header #logo { top: 10px; height: auto; } .sticky-header #primary-menu #main-menu { position: fixed; width: 100%; top: 80px; left: 0; background: #fff; } .sticky-header #primary-menu #main-menu li { margin: 0 20px !important; border: 0; } #top-social li:nth-last-child(2), #top-social li:nth-last-child(3), #top-social li:nth-last-child(4) { display: none } #x_accessibility { display: block; vertical-align: bottom; text-align: left; margin-top: 10px; margin-left: 20px; background: url(../images/a.svg) no-repeat } #footer .togglet2 i, #footer .togglet.toggleta i.icon-line-minus, #footer .togglet i { display: block !important } #footer .togglet.toggleta i.icon-line-plus, #footer .togglet i.icon-line-minus { display: none !important } #footer .togglet2:after, #footer .togglet:after { border-bottom: 0 } body.top-search-open #header-wrap #logo { opacity: 0 } .slider-parallax .slider-parallax-inner { position: relative } #primary-menu { display: block; float: none; max-height: inherit; overflow: visible } #primary-menu ul li { float: none; margin: 0 !important; text-align: left !important; border-top: 1px solid #EEE } #primary-menu-trigger { opacity: 1; pointer-events: auto; top: 25px; margin-top: 0; left: 0; z-index: 1 } #primary-menu .container #primary-menu-trigger { top: 5px; left: 0 } #primary-menu>div>ul, #primary-menu>ul { display: none; float: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; -webkit-transition: none; transition: none } #primary-menu>div>ul { margin-top: 60px !important } #top-search { margin: 0 !important } #sitemap { position: absolute; top: 0; left: auto; right: 45px; margin: 40px 0; -webkit-transition: margin .4s ease; transition: margin .4s ease } #side-panel-trigger, #top-account, #top-cart, #top-search a { position: absolute; top: 0; left: auto; right: 12vmin; margin: 40px 0; -webkit-transition: margin .4s ease; transition: margin .4s ease } #primary-menu>div>#side-panel-trigger, #primary-menu>div>#top-cart, #primary-menu>div>#top-search a { margin: 20px 0 !important } #primary-menu ul.windows-mobile-menu li.sub-menu { position: relative } #primary-menu ul.windows-mobile-menu li.sub-menu a { background-image: none !important } #primary-menu ul.windows-mobile-menu li.sub-menu a.wn-submenu-trigger { position: absolute; cursor: pointer; width: 32px; top: 0; right: 0; z-index: 1; padding: 0 !important; text-align: center !important } #primary-menu ul.windows-mobile-menu .mega-menu-content a.wn-submenu-trigger { display: none } #primary-menu ul.windows-mobile-menu li.sub-menu a.wn-submenu-trigger i { margin: 0 !important } #header.sticky-style-3 #top-cart .top-cart-content { top: 40px } #header, #header-wrap, #header.sticky-style-2, #header.sticky-style-2 #header-wrap, #header.sticky-style-3, #header.sticky-style-3 #header-wrap { height: auto !important } #top-search a { right: 20px } #top-search form { margin-top: 10px; height: 50px !important; background-color: rgba(255, 255, 255, .7); border: 1px solid #000 } #primary-menu>div>#top-search form { height: 60px !important } #top-search form input { font-size: 24px } body.top-search-open #primary-menu-trigger { opacity: 0 } #top-search .search { right: 14vmin } #top_search_input { width: 60%; min-width: inherit } #side-panel-trigger { right: 71px } #top-account { margin: 33px 0 32px; right: 75px } #top-account a.btn span, .mobilenone, .mobilenone2 { display: none !important } body:not(.sticky-responsive-pagemenu) #page-menu #page-menu-wrap { position: relative !important; top: 0 !important } #page-submenu-trigger { opacity: 1; pointer-events: auto; color: #FFF } #page-menu.pagemenu-active #page-submenu-trigger { background-color: rgba(0, 0, 0, .2) } #page-menu nav { display: none; position: absolute; float: none; width: 200px; top: 43px; left: auto; right: 15px; height: auto; background-color: #009E96; z-index: 11 } #page-menu.pagemenu-active nav { display: block } #page-menu nav ul { height: auto; background-color: rgba(0, 0, 0, .2) } #page-menu nav li { float: none } #page-menu nav li a { height: 40px; line-height: 40px; margin: 0; padding: 0 15px; border-radius: 0 } #page-menu ul ul { position: relative; width: auto; top: 0; background-color: transparent } #page-menu ul ul a { padding-left: 25px } #primary-menu ul li:first-child { border-top: 0 } #primary-menu.style-6>ul>li.current>a:after, #primary-menu.style-6>ul>li>a:after { display: none } #primary-menu.sub-title.style-2>div>ul>li, #primary-menu.sub-title>ul>li { background: none !important; margin-left: 0 } #primary-menu.sub-title>div>ul>li>a, #primary-menu.sub-title>ul>li>a { line-height: 22px; font-size: 1em; border-top: none } #primary-menu.sub-title ul li>a span { display: none !important } #primary-menu.style-3 ul li.current>a, #primary-menu.style-3 ul li:hover>a, #primary-menu.sub-title div ul>li.current>a, #primary-menu.sub-title div ul>li:hover>a, #primary-menu.sub-title ul li.current>a, #primary-menu.sub-title ul li:hover>a { background-color: transparent !important; color: #444; text-shadow: none } #primary-menu ul:not(.windows-mobile-menu) li>a i.icon-angle-down:last-child { display: none } #primary-menu>.container>ul>li.sub-menu>a, #primary-menu>ul>li.sub-menu>a { background-image: url(../images/icons/submenu.png); background-position: right center; background-repeat: no-repeat } #primary-menu ul li.mega-menu { position: relative } #primary-menu ul li .mega-menu-content, #primary-menu ul ul:not(.mega-menu-column) { position: relative; width: auto; max-width: none; background: transparent !important; -webkit-box-shadow: none; box-shadow: none; border: 0; border-top: 1px solid #EEE; z-index: 1; top: 0; padding-left: 15px } #primary-menu ul .menu-twocolum ul:not(.mega-menu-column) { width: 100% !important } #primary-menu ul ul li:nth-child(10) { border-top: 0 } #primary-menu ul ul li:last-child { border-bottom: 1px solid #EEE } #primary-menu ul li .mega-menu-content { padding-left: 0 } #primary-menu ul ul:not(.mega-menu-column) ul { top: 0 !important; left: 0 } #primary-menu ul li .mega-menu-content.menu-pos-invert, #primary-menu ul ul.menu-pos-invert:not(.mega-menu-column) { left: 0; right: 0 } #primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert { right: 0 } #primary-menu ul ul li { float: none; margin: 0; border-top: 1px solid #EEE } #primary-menu ul ul li>a { padding: 11px 5px !important; font-size: 13px; text-transform: none; font-weight: 400 } #primary-menu ul ul li:hover>a { background-color: transparent !important; font-weight: 600; padding-left: 5px; color: #009E96 } #primary-menu ul li .mega-menu-content, #primary-menu ul li.mega-menu-small .mega-menu-content, #primary-menu ul li.mega-menu .mega-menu-content, .floating-header #primary-menu ul li.mega-menu .mega-menu-content, .floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content { width: auto; margin: 0; top: 0 } #header.full-header #primary-menu ul li.mega-menu .mega-menu-content, .container-fullwidth #primary-menu ul li.mega-menu .mega-menu-content { width: auto !important; margin: 0 !important } #primary-menu ul li.mega-menu .mega-menu-content.style-2 { padding: 0 } #primary-menu ul li .mega-menu-content ul { display: block !important; position: relative; opacity: 1 !important; top: 0; left: 0; min-width: inherit } #primary-menu ul li .mega-menu-content ul ul { border-top: 1px solid #EEE } #primary-menu ul li .mega-menu-content ul.mega-menu-column { float: none; width: auto; margin: 0; border-left: 0 !important; padding-left: 15px; border-top: 1px solid #EEE } #primary-menu ul li .mega-menu-content ul.mega-menu-column:first-child { border: 0 } #primary-menu ul li .mega-menu-content ul { width: 100% !important } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column { padding: 0 0 0 15px } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title { margin: 0 } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a { font-size: 13px; font-weight: 600; text-transform: none !important; padding: 11px 5px !important; line-height: 22px !important; color: #444 !important } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title:hover>a { background-color: transparent; color: #009E96 !important } #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a:hover { color: #009E96 !important } #primary-menu ul li .mega-menu-content.style-2 li { border-top: 1px solid #EEE } #primary-menu ul li .mega-menu-content.style-2 li:first-child { border-top: 0 } #primary-menu.style-2>div>ul>li>a, #primary-menu ul>li>a { padding: 14px 5px !important; border: none !important; margin: 0 !important } #primary-menu ul li .mega-menu-content.style-2 ul>li>a:hover { padding-left: 5px } .mega-menu-column .widget { padding: 30px 0; margin: 0 !important } .toggle-border { border-bottom: 0; border-color: rgba(255, 255, 255, .15); border-radius: 4px; min-height: 0 } .toggle-border .togglet, .toggle-border .togglet2, .toggle-border .toggleta { line-height: 44px; padding: 10px 10px 0 30px } .en .toggle-border .togglet, .en .toggle-border .togglet2, .en .toggle-border .toggleta { line-height: 44px; padding: 10px 10px 0 16px } .toggle-border .togglet2 i, .toggle-border .togglet i { right: 5% } #footer .toggle-border .togglet2 i, #footer .toggle-border .togglet i { right: 5%; line-height: 44px } .toggle { margin: 0; padding: 0 } .toggle .icon-line-plus, .toggleta .icon-line-minus { display: block } .toggleta .icon-line-plus { display: none !important } #mainfooter { padding: 0 } .marginbottom { margin-bottom: 2em } #mainfooter a, #mainfooter i { padding-left: .5em; right: 8.5% } .en #mainfooter a, .en #mainfooter i { padding-left: .1em; right: 8.5% } #mainfooter a { color: #fff } #mainfooter .toggle-border { margin-bottom: 0 } #mainfooter .togglet, #mainfooter .togglet2 { padding-left: 15px } .abgne-frame { position: relative; margin: .5em 0 0 } .news_text { margin-left: 20% } .header_contact { left: 1.5% } .othernews .header_contact { left: 0 } .issues { padding: 0 2px 0 0 } .scroltit .updown { float: none; width: 33px; height: 48px } .issues .scroltit .updown { margin-left: 25px } .issues .line:before { left: 40px } .carousel-inner { width: 100% } .carousel-inner div { display: block } .BulletinTite { border-top: 1px solid #fff; border-left: hidden; width: 100% } .BulletinTite a { padding-left: 0 !important } .BulletinSubTite { color: #fff; padding-right: 0; width: 100%; vertical-align: top } .slide a { color: #fff; padding-left: 0 } .center_01, .left, .right { float: none !important; margin: 0 auto !important } #logo { top: auto } #logo img { width: 70%; height: auto } .container { padding-right: 20px; padding-left: 20px } #copyrights .container { padding-left: 20px } .paper_top ul { margin-left: 10% } .news_text { font-size: 100%; margin-left: 30% } .slider-parallax { height: auto !important } .mask { position: absolute; top: 80%; left: 10%; font-size: 80%; color: #fff; font-weight: 700 } .human { top: calc(40% - 10px); bottom: 0; left: 0 !important; margin: auto; right: 0; max-width: 400px; height: 22vh; width: 100%; width: initial; padding: 10px; text-align: center } .human .h1 { font-size: 300%; color: #fff; margin: 0; display: block; padding: 0 } .human h1:after { border-bottom: 0 solid hsl(0, 0%, 83%) } #Write h1 { font-size: 2em; padding: 0 } .send li a img { max-width: 70% } .search_begin li { margin-left: calc(50% - 80px) !important } .send li { margin-left: calc(50% - 90px) !important } .send li a { font-size: 90%; line-height: 140% } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { white-space: inherit !important; line-height: 150% !important; margin: 0 !important } .tab_spec { margin-left: 0 } .clocks, .clocks_line { padding: 0 } .verticalline { left: 45px } .movie2 iframe, .movie iframe { display: block; min-height: 200px; width: 80%; margin: 0 auto } .topbanner .btn-outline-boder { top: 60%; right: 5%; font-size: 200%; padding: .5% 2%; font-weight: bolder } .president_img_main img { width: 50%; float: left; padding-right: 5% } .president_img_main span { text-align: center; float: left; color: #000; font-weight: bolder; padding-top: calc(25% - 10px) !important } .img_usually { width: 100% } .toggle .togglec { background: #fff } #footer .togglet, #footer .togglet2, .togglec ul { color: #fff; font-size: 200% } .togglec ul li a { font-size: 60%; color: #6f6e6e; white-space: inherit } .togglec ul li a:hover { color: #009E96 } #footer .footer-widgets-wrap { padding: 0 } .index_new .panel-group, .othernews, .scrollstyle { max-height: none !important; overflow: visible !important; margin-bottom: 0; overflow-y: visible !important } .mobile .tab_spec { white-space: nowrap; padding-right: 3px } .vistit_menu ul { width: 95% !important } .breadcrumb { background: none; font-size: 100% } .mobilenone { display: none !important } .mobileshow { display: block !important } .country, .know_presidential { padding: 5% 0 } .country li, .know_presidential li { width: 200px; height: 200px } .country li a { font-size: 180% } .country li a p, .know_presidential li a p { min-height: 2em } .know_presidential li a { font-size: 180%; padding-top: 18% } .big_circle li a { line-height: 150%; font-size: 150% } .big_circle_sup li { width: 150px !important; height: 150px !important } .big_circle_sup li a { padding-top: initial; font-size: 120% } .agree, .from_top { width: 100% } .Write_president .content { padding: 0 } .number_y { max-width: 20%; margin-bottom: 5px } .number_m { max-width: 30%; margin-bottom: 5px } .number_d { max-width: 35%; margin-bottom: 5px } .form-horizontal .control-label { max-width: 100% } .golden span { left: 50% } label { margin-bottom: 0 } sub, sup { vertical-align: inherit } .h1_icon ul li a { line-height: inherit } .Write_president { border: 0 } .alluser { margin: inherit } .line:before { left: 48px } .service { padding: 0 2% } .top_bar_main { min-width: inherit } .issues_title { font-size: 200% } .position_left { position: static; position: initial } .position_right { text-align: center } .meeting_tab, .president_tab table { max-width: 100% } .Write_people .content p { height: auto } .top { width: auto } .vistit_menu .toggle .togglet, .vistit_menu .toggle .togglet2, .vistit_menu .toggle .toggleta { color: #fff; font-size: 200%; padding: 5px 20px; width: 100%; display: inline-block } .vistit_menu_2 .toggle .togglet, .vistit_menu_2 .toggle .togglet2, .vistit_menu_2 .toggle .toggleta { font-size: 150%; padding: 5px 20px; width: 100%; display: inline-block } .indexbg .iconall li a { width: 130px; height: 130px; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 200px } .indexbg .en li a { line-height: inherit; font-size: 80%; padding-top: 85px } #footer .en .togglec ul a { font-size: 80% } .org-chart .department span { border-radius: 0 } .seal_style { padding-top: 0 !important } .flag { border-bottom: 0 solid #ccc; margin-bottom: 0 } .whitebg tr { background: inherit !important } .whitebg tr:nth-of-type(2n) { background: #eee !important } .meeting_tab, .president_tab table { max-width: 100% } .flag_img { width: 100% } .mfp-iframe-holder .mfp-content { max-height: none !important } .organization { display: block } .number_e { max-width: 15% } .content-wrap .words>h2:first-child { display: none } .vistit_menu { margin-bottom: 2% } .write-events li a { font-size: 100% } .write-events li a:after { max-width: 40px } .rwd-table>tbody>tr>td:first-child, .rwd-table>tbody>tr>td:last-child { color: #009E96 } .colorinser>tbody>tr>td { color: inherit !important } .mainpeo_tab td { color: inherit !important } .visit_purpose ul { margin-left: 9% } .mainpeo_tab tr td { width: 100%; display: block } .threecut { width: 80%; width: calc(100% - 40px); display: inline-block; float: none; padding-bottom: 0 } #lbAdvSearch { background: #009E96; color: #fff; vertical-align: middle; padding: 5px 20px; border-radius: 10px; width: 120px; text-align: center; display: block; margin: 0 auto } #footer .en .togglec :before, #footer .en .togglet2 :before, #footer .en .togglet :before { margin-left: -5px; margin-top: -5px } address span { display: block; text-align: left; padding: 0 0 0 20px } #copyrights div a { font-size: 110%; display: block; text-align: left; margin: 0 } #copyrights .en a { font-size: 110%; display: inline-block; width: 100%; text-align: left; margin: 0; margin-left: 20px; padding-right: 20px } #copyrights .en a:before { margin-left: -20px } .top_bar_main { float: none } .top_bar { display: block } .top_bar0 { min-width: 90px } .top_bar2 { min-width: 25px } .top_bar1 { width: calc(100% - 130px) } .top_bar0, .top_bar1, .top_bar2 { margin: 5px 0 } .vistit_menu_2 li, .vistit_menu li { display: block } #btnPlaySound { display: none } .bigfont, .font, .smallfont { display: none !important } .overlay span { font-size: 150%; max-width: 70% } #footer .togglec ul a:before { content: "" } .embed-responsive-index { margin: 0 auto; padding-bottom: 56%; width: 100vw } #advsearch .form-inline>select, #advsearch .form-inline input, .inlie { margin-bottom: 10px } #advsearch .form-group .col-sm-2 { text-align: center; padding: 2% 0 } #advsearch .top_bar1 { width: calc(100% - 40px) } #AdvSearchDetail { padding-right: 3% } @media (max-width:330px) { .other .write-events li { width: 100px !important; height: 100px !important } #top-social li a { width: 35px !important } .overlay span { font-size: 150%; max-width: 90% } .en .human .h1 { font-size: 250% } #top_search_input { font-size: 15px !important } #top-search .search { right: 14vmin !important } } .menu-twocolum.sfHover a+ul { display: block !important; height: auto !important; max-height: calc(45px * 9) } #primary-menu ul li.menu-twocolum li { width: calc(100% / 2); float: left; height: 44px; border-top: 0; border-bottom: 1px solid #EEE } #primary-menu ul ul li:last-child { border-bottom: 0 }