#at20mc * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

html,
body {
    height: 100%;
}

body {
    /* display: table;
    width: 100%;
    table-layout: fixed; */
}

a {
    color: #46780c;
}

p {
    text-justify: inter-ideograph;
    text-align: justify;
    max-width: 760px;
    font: 12px/1 system-ui, "Microsoft YaHei", "微软雅黑", "arial", "tahoma", "MicrosoftJhengHei", "sans-serif";
}

#corpinfo p,
#dividend p,
#announcements p,
#reports p {
    font: inherit;
}

h2 {
    font-size: 16px;
    margin-bottom: 10px;
}

h3 {
    font-size: 15px;
}

h4 {
    font-size: 14px;
    font-weight: bold;
}

table {
    margin-bottom: 30px;
}

.redText {
    color: #F00;
}

.green {
    color: #46780c;
}

.brown {
    color: #976f53;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.nowrap {
    white-space: nowrap;
}

.listDot {
    margin-left: 18px;
}

.listDot li {
    color: #976f53;
    list-style: disc;
    margin-bottom: 10px;
    font-size: 12px;
}

.listDot li span {
    color: #333333;
    font-size: 14px;
}

.fluidImg {
    margin-bottom: 10px;
}

.fluidImg img {
    width: 100%;
    display: block;
}

.note {
    margin-top: 10px;
    color: #888888;
    font-size: 12px;
}

.circleDate {
    display: block;
    background: #eeeeee;
    color: #46780c;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    padding-top: 5px;
}

.circleDate span {
    display: block;
    text-align: center;
    line-height: 16px;
}

.circleDate .month {
    font-size: 11px;
    text-transform: uppercase;
}

.circleDate .day {
    font-size: 18px;
    font-weight: bold;
}

.accordion {
    width: 100%;
    border-top: 1px solid #addcf8;
}

.accordion li .title {
    width: 100%;
    display: block;
    font-size: 16px;
    padding: 3.125% 3.125% 3.125% 0;
    color: #333333;
    border-bottom: 1px solid #addcf8;
    background-image: url(../img/accordion_close.png);
    background-position: right center;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-size: auto 15px;
}

.accordion li .desc {
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -ms-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
}

.accordion li.opened .title {
    background-image: url(../img/accordion_open.png);
}

.accordion li.opened .desc {
    max-height: 10000px;
}

.accordion .section {
    padding: 15px 0px;
    border-bottom: 1px solid #addcf8;
}

.accordion .section .sectionTitle {
    color: #46780c;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
}

.accordion .section p:last-child {
    margin-bottom: 0px;
}

.selectWrapper {
    width: 160px;
    float: right;
}

.tools {
    position: relative;
    float: right;
    margin-top: 30px;
}

.tools div {
    float: left;
    margin-left: 20px;
    line-height: 15px;
    height: 15px;
}

.tools div.icon {
    width: 15px;
}

.tools div.icon img {
    width: 100%;
}

.tools div a {
    color: #666666;
}

.tools .toolsBox {
    display: none;
    position: absolute;
    width: 166px;
    height: 193px;
    border-top: 5px solid #906447;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.45);
    background: #fff;
    left: -101px;
    top: -20px;
    z-index: 20;
}

.tools .toolsBoxBtn {
    position: absolute;
    right: 15px;
    top: 15px;
}

.tools .toolsList {
    position: absolute;
    left: 15px;
    top: 15px;
}

.tools .toolsList li {
    font-weight: bold;
    margin-bottom: 16px;
    color: #906447;
}

.tools .toolsList li a {
    color: #333333;
    font-weight: normal;
    display: block;
    padding-left: 25px;
    height: 18px;
}

.tools .toolsList li a:hover {
    color: #46780c;
}

.tools .toolsList li.share a {
    background: url(../img/tools_share.png) left center no-repeat;
}

.tools .toolsList li.email a {
    background: url(../img/tools_email.png) left center no-repeat;
}

.tools .toolsList li.bookmark a {
    background: url(../img/tools_bookmark.png) left center no-repeat;
}

.tools .toolsList li.print a {
    background: url(../img/tools_print.png) left center no-repeat;
}

.tools .toolsList li.emailalerts a {
    background: url(../img/tools_emailalerts.png) left center no-repeat;
}

.tools .searchBox {
    display: none;
    position: absolute;
    border: 1px solid #916548;
    width: 250px;
    height: 27px;
    left: -229px;
    top: -6px;
    background: #fff;
}

.tools #search {
    border: none;
    line-height: 25px;
    padding: 0px 10px;
    width: 220px;
    background: none;
}

.tools #submitBtn {
    float: right;
    display: block;
    width: 25px;
    height: 25px;
    background: url(../img/search_submit.png) center center no-repeat;
    border: none;
    cursor: pointer;
}

.mobileMenuWrapper {
    width: 100%;
    position: fixed;
    padding-left: 60px;
    top: 0px;
    left: -100%;
    z-index: 9999999;
    background: #fff;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid #888888;
    /*	-webkit-transition: left 0.5s ease-in-out;
	-moz-transition: left 0.5s ease-in-out;
	-ms-transition: left 0.5s ease-in-out;
	transition: left 0.5s ease-in-out;*/
}

.mobileMenu {
    width: 100%;
}

body.on {
    display: block;
}

body.on .mobileMenuWrapper {
    position: absolute;
    /*	left:-60px;*/
}

body.on .wrapper {
    position: fixed;
    height: auto;
}

body.on .stickyFooter {
    display: none;
}

.mobileMenu a {
    display: block;
    color: #666666;
}

.mobileMenu dt {
    padding: 6px 10px;
    background: #588524;
}

.mobileMenu dd {
    padding-left: 20px;
}

.mobileMenu dd a {
    border-bottom: 1px solid #addcf8;
    padding: 10px;
}

.mobileMenu dd.end a {
    border: none;
}

.mobileMenu .searchRow {
    border-bottom: 1px solid #fff;
}

.mobileMenu .mobileSearchBox {
    display: block;
    border: 1px solid #916548;
    width: 250px;
    height: 27px;
    background: #fff;
}

.mobileMenu #mobileSearch {
    border: none;
    line-height: 25px;
    padding: 0px 10px;
    width: 220px;
    background: none;
}

.mobileMenu #mobileSubmitBtn {
    float: right;
    display: block;
    width: 25px;
    height: 25px;
    background: url(../img/search_submit.png) center center no-repeat;
    border: none;
    cursor: pointer;
}

.mobileMenu .home {
    padding: 0px;
    border-bottom: 1px solid #fff;
}

.mobileMenu .home a {
    padding: 10px;
    background: url(../img/mobile_menu_home.png) no-repeat;
    color: #fff;
    font-size: 17px;
}

.wrapper {
    display: table-row;
    height: 1px;
    height: 100%;
    width: 100%;
}

.bannerWrapper {
    width: 100%;
}

.banner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.banner .textBlock {
    position: relative;
    background: #906548;
}

.banner .textBlock .text {
    position: relative;
    padding: 10px 3.125%;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
}

.mainContent {
    position: relative;
    margin: 0 auto 20px;
    width: 100%;
}

.mainContent .pageTitle {
    font-size: 18px;
    color: #976f53;
    margin-bottom: 15px;
}

.content {
    padding: 3.125%;
}

.leftnavWrapper {
    position: absolute;
    float: left;
    width: 275px;
    height: 577px;
    top: 0px;
    left: 20px;
    padding: 20px;
}

.leftnavWrapper a {
    color: #333333;
}

.leftnavWrapper.business {
    background: linear-gradient(to bottom, rgba(246, 250, 242, 1), rgba(246, 250, 242, 0));
}

.leftnav {}

.leftnav a {
    display: block;
    padding: 5px 10px;
    font-size: 15px;
}

.leftnav a:hover {
    color: #46780c;
    background: #e1ead6;
}

.leftnav li.act a {
    color: #976f53;
}

.breadcrumbs {
    color: #888888;
    font-size: 12px;
    margin-bottom: 10px;
}

.breadcrumbs a {
    color: #888888 !important;
}

.stickyfooter {
    display: table-row;
    height: 1px;
}

/* businessTemplate */
.businessTemplate .fluidImg {
    max-width: 760px;
}

/* announceTemplate */
.announceTemplate a {
    color: #333333;
}

.announceTemplate a:hover {
    color: #46780c;
}

.announceTemplate .headingWrapper {
    margin-bottom: 10px;
}

.announceTemplate .headingWrapper .heading {
    float: left;
    font-size: 21px;
}

.announceTemplate .row {
    width: 100%;
    padding: 10px 0px;
    border-bottom: 1px solid #addcf8;
    display: table;
}

.announceTemplate .row:first-child {
    border-top: 1px solid #addcf8;
}

.announceTemplate .row .date {
    display: table-cell;
    width: 60px;
}

.announceTemplate .row .title {
    display: table-cell;
    vertical-align: middle;
}

/* corpinfo */
#corpinfo {
    display: table;
    width: 100%;
    table-layout: fixed;
}

#corpinfo .break {
    display: block;
}

#corpinfo .title {
    width: 165px;
    float: left;
}

#corpinfo .info {
    margin-left: 165px;
}

#corpinfo .subLabel {
    display: block;
    float: left;
    width: 50px;
}

/* calendar */
#calendar .row {
    padding: 15px 0px;
}

#calendar .date {
    min-width: 150px;
    padding-right: 20px;
}

#calendar .calendarLink {
    display: block;
    padding-left: 30px;
    height: 20px;
    background: url(../images/ir/calendar_icon.png) no-repeat;
    margin-top: 3px;
    width: 170px;
}

/* csr_practice */
#csr_practice .imgBlock {
    width: 100%;
    padding-bottom: 3.125%;
}

#csr_practice .imgBlock a {
    color: #fff;
}

#csr_practice .img img {
    width: 100%;
    display: block;
}

#csr_practice .caption {
    padding: 10px;
    width: 100%;
    color: #fff;
    background: #666666;
}

/* csr_management */
#csr_management .section {
    border-bottom: 1px solid #addcf8;
    margin-bottom: 3.125%;
    padding: 1.5625% 0px;
}

#csr_management .section.noBorder {
    border-bottom: none;
    margin-bottom: 0px;
}

#csr_management .accordion .section {
    padding: 10px;
}

#csr_management .accordion .title {
    font-size: 15px;
    padding: 3.125%;
}

/* csr_climate */
#csr_climate .section {
    border-bottom: 1px solid #addcf8;
    margin-bottom: 3.125%;
    padding: 1.5625% 0px;
}

#csr_climate .section.noBorder {
    border-bottom: none;
    margin-bottom: 0px;
}

#csr_climate .section p {
    margin-bottom: 10px;
    max-width: 100%;
}

/* csr_awards */
#csr_awards .section {
    border-bottom: 1px solid #addcf8;
    margin-bottom: 3.125%;
    padding: 1.5625% 0px;
}

#csr_awards .section.noBorder {
    border-bottom: none;
    margin-bottom: 0px;
}

#csr_awards .award {
    margin-bottom: 20px;
}

#csr_awards img {
    max-height: 100px;
}

/* home */
#home .slideshowWrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
}

#home .pagerWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

#home .pagerBar {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

#home #pager {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 20px;
}

#home #pager span {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-left: 10px;
    text-indent: -9999px;
    cursor: pointer;
    background-size: 100% auto;
}

#home #pager span:nth-child(1) {
    background-image: url(../img/home_slideshow_pager1_off.png);
}

#home #pager span:nth-child(2) {
    background-image: url(../img/home_slideshow_pager2_off.png);
}

#home #pager span:nth-child(3) {
    background-image: url(../img/home_slideshow_pager3_off.png);
}

#home #pager span:nth-child(4) {
    background-image: url(../img/home_slideshow_pager4_off.png);
}

#home #pager span.cycle-pager-active:nth-child(1) {
    background-image: url(../img/home_slideshow_pager1_on.png);
}

#home #pager span.cycle-pager-active:nth-child(2) {
    background-image: url(../img/home_slideshow_pager2_on.png);
}

#home #pager span.cycle-pager-active:nth-child(3) {
    background-image: url(../img/home_slideshow_pager3_on.png);
}

#home #pager span.cycle-pager-active:nth-child(4) {
    background-image: url(../img/home_slideshow_pager4_on.png);
}

#home .slideshow {
    width: 100%;
    height: 100%;
}

#home .slideshow>div {
    width: 100%;
    height: 100%;
}

#home .slideshow>div img.mobile {
    display: block;
    width: 100%;
}

#home .sectionBox {
    padding: 3.125%;
}

#home .sectionBox .row {
    margin-bottom: 3.125%;
}

#home .sectionBox .row:last-child {
    margin-bottom: 0px;
}

#home .box {
    position: relative;
    width: 50%;
    height: 100%;
}

#home .box.left {
    float: left;
    padding-right: 1.5625%;
}

#home .box.right {
    float: right;
    padding-left: 1.5625%;
}

#home .box img {
    display: block;
    width: 100%;
}

#home .video-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #212C72;
    position: relative;
    overflow: hidden;
}

#home .video-wrapper video {
    display: block;
    width: 100%;
    position: absolute;
}

#home .row.video-25th-wrapper {
    position: relative;
}

#home .row.video-25th-wrapper .video-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
}

@media screen and (min-width: 768px) {
    #home .row.video-25th-wrapper .video-wrapper {
        width: calc(100% - 10px);
    }
}

#home #stockquote .info {
    display: block;
    top: 0px;
    left: 0px;
    position: absolute;
    padding-left: 3.125%;
    width: 100%;
    height: 100%;
}

#home #stockquote .info table {
    width: 100%;
}

#home #stockquote .info tr.border td {
    border-bottom: 1px solid #addcf8;
}

#home #stockquote .info td {
    padding: 1.8% 0px;
}

#home #stockquote .info td:last-child {
    text-align: right;
}

#home #stockquote .info td:last-child {
    text-align: right;
}

#home #stockquote .info #sectionName {
    font-size: 19px;
    color: #906548;
    font-weight: 500;
}

#home #stockquote .info #stockCode {
    font-size: 13px;
}

#home #stockquote .info #change {
    font-size: 13px;
}

#home #stockquote .info #change span {
    display: inline-block;
    background-size: auto 35%;
    padding-left: 12px;
    background-position: left center;
    background-repeat: no-repeat;
}

#home #stockquote .info #change span.up {
    background-image: url(../img/up.png);
}

#home #stockquote .info #change span.down {
    background-image: url(../img/down.png);
}

#home #stockquote .info .label {
    font-size: 13px;
}

#home #stockquote .info #price {
    font-size: 30px;
}

#home #stockquote .info .lower {
    color: #666666;
    font-size: 11px;
    line-height: 1.2;
}

#home #stockquote .info .lower a {
    color: #666666;
}

@media only screen and (max-width: 375px) {
    #home #stockquote .info td {
        padding: 1% 0px;
    }

    #home #stockquote .info #sectionName {
        font-size: 12px;
    }

    #home #stockquote .info #stockCode {
        font-size: 11px;
    }

    #home #stockquote .info #change {
        font-size: 9px;
    }

    #home #stockquote .info .label {
        font-size: 9px;
    }

    #home #stockquote .info #price {
        font-size: 14px;
    }

    #home #stockquote .info .lower {
        font-size: 9px;
    }
}


#home .latestWrapper {
    padding: 3.125%;
    position: relative;
}

#home .latest {
    position: relative;
    background: url(../img/home/1/home_latest_bg_mobile.png) center top no-repeat;
    background-size: 100% auto;
    padding: 3.125%;
}

#home .latest .control {
    width: 100%;
    position: absolute;
    left: 0px;
    background: rgba(255, 255, 255, 0.5);
    height: 8%;
}

#home .latest .control.disable {
    display: none;
}

#home .latest .control a {
    width: 100%;
    height: 100%;
    display: block;
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: center center;
}

#home .latest #prev {
    top: 0px;
}

#home .latest #prev a {
    background-image: url(../img/home_latest_prev.png);
}

#home .latest #next {
    bottom: 0px;
}

#home .latest #next a {
    background-image: url(../img/home_latest_next.png);
}

#home .latest .control img {
    width: 100%;
    display: block;
}

#home .latest a {
    color: #333333;
}

#home .latest .heading {
    font-size: 18px;
    color: #906548;
}

#home .latest .latestDetails .slide {
    width: 100%;
}

#home .latest .latestDetails .row {
    font-weight: 300;
    display: table;
    padding: 1.5625% 0px;
    width: 95%;
}

#home .latest .latestDetails .row>div {
    display: table-cell;
}

#home .latest .latestDetails .row .date {
    padding-right: 10px;
    width: 50px;
}

#home .latest .latestDetails .row .title {
    line-height: 16px;
    vertical-align: middle;
    font-size: 12px;
}

#home .relatedWrapper {
    padding: 3.125%;
    position: relative;
}

#home .relatedWrapper .heading {
    color: #333333;
    font-size: 15px;
}

#home .related {
    position: relative;
    margin: 10px 0px;
    width: 100%;
    float: none;
    display: block;
}

#home .related .relatedControl {
    position: absolute;
    width: 8px;
    top: 0px;
    cursor: pointer;
}

#home .related .relatedControl img {
    width: 100%;
}

#home .related .relatedPrev {
    left: 0px;
}

#home .related .relatedNext {
    right: 0px;
}

#home .related .marqueeWrapper {
    width: 100%;
    padding: 0px 20px;
    overflow: hidden;
}

#home .related .marquee {
    width: 100%;
    overflow: hidden;
}

.marqueeSlide {
    width: 100%;
    position: relative;
    text-align: center;
}

.marqueeSlide img {
    height: 20px;
    margin: 0px 5px;
}

#home .relatedWrapper .caringCompany {
    width: 100%;
    float: none;
    text-align: center;
    margin: 15px 0;
    /* display:block; */
    display: inline-flex;
    column-gap: 30px;
    justify-content: center;
    margin-top: 5px;
}

#home .relatedWrapper .caringCompany img {
    height: 20px;
}

/* reports */
.reportsTemplate .reportsContent {
    border-top: 1px solid #addcf8;
}

.reportsTemplate .reportsRow {
    padding: 3.125% 0px;
}

.reportsTemplate .reportsCol {
    position: relative;
    float: left;
    width: 50%;
    text-align: center;
}

.reportsTemplate .reportsCol img.preCover {
    border: 1px solid #d6d6d6;
    /*    height: 144px;
    width: 204px;*/
    width: 80%;
}

.reportsTemplate .reportsCol img {
    width: 80%;
}

.reportsTemplate .reportsCol img.icon {
    width: auto;
}

/* highlights */
#highlights .highlightsTable {
    width: 100%;
    margin-bottom: 20px;
}

#highlights thead {
    border-top: 1px solid #addcf8;
    border-bottom: 1px solid #addcf8;
}

#highlights tbody {
    border-bottom: 1px solid #addcf8;
}

#highlights td {
    font-size: 12px;
    padding: 5px 10px;
    vertical-align: top;
}

#highlights td:nth-child(1) {
    width: 51%;
}

#highlights td:nth-child(2) {
    width: 18%;
    background: #eff8fe;
    text-align: right;
}

#highlights td:nth-child(3) {
    width: 18%;
    text-align: right;
}

#highlights td:nth-child(4) {
    width: 13%;
    text-align: right;
}

#highlights .highlightsChart {
    width: 100%;
}

#highlights .highlightsCol {
    float: left;
    width: 100%;
    margin: 3.125% 0px;
}

#highlights .highlightsCol .heading {
    background: #46780c;
    color: #fff;
    padding: 5px 3.125%;
    text-align: center;
}

#highlights .highlightsCol .chart {
    position: relative;
    width: 100%;
    text-align: center;
    margin: 3.125% 0px;
}

#highlights .highlightsCol .chart img {
    width: 100%;
    display: block;
}

#highlights .highlightsChart .mask {
    position: relative;
}

#highlights .highlightsChart .brick {
    position: absolute;
    height: 0px;
    width: 100%;
    background: #72cfee;
    bottom: 0px;
    -webkit-transition: height 1s ease-in-out;
    -moz-transition: height 1s ease-in-out;
    -ms-transition: height 1s ease-in-out;
    transition: height 1s ease-in-out;
}

#highlights .highlightsChart .brick::before {
    content: '';
    width: 50%;
    height: 100%;
    margin-left: 50%;
    display: block;
    background: #bae8f8;
}

#highlights .highlightsChart .chart.show .brick {
    height: 100%;
}

#highlights .highlightsChart .chart .elm {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    transition-delay: 1s;
    z-index: 100;

}

#highlights .highlightsChart .chart.show .elm {
    opacity: 1;
}

#highlights .highlightsChart .chart .elm img {
    position: absolute;
    top: 0px;
    left: 0px;
}

/* cg */
.cgTemplate .details table {
    max-width: 760px;
}

.subTitle {
    font-size: 21px;
    color: #333333;
}

.subsubTitle {
    color: #46780c;
    margin-bottom: 10px;
}

.smalltext {
    color: #838383;
    font-family: Arial;
    font-size: 12px;
}

.img_with_border {
    border: 1px solid #d6d6d6;
}

/* photo */
#photo .section {
    padding: 3.125% 0px;
}

#photo .row {
    margin-bottom: 3.125%;
}

#photo .row:last-child {
    margin-bottom: 0px;
}

#photo .imgBlock {
    width: 50%;
}

#photo .imgBlock img {
    width: 100%;
}

#photo .imgBlock.fleft {
    padding-right: 1.5625%;
}

#photo .imgBlock.fright {
    padding-left: 1.5625%;
}

/* dividend */
#dividend .section {
    margin-bottom: 50px;
}

#dividend .dividendTable {
    border-top: 1px solid #90cdf5;
    border-bottom: 1px solid #90cdf5;
}

#dividend .dividendTable .indent {
    display: block;
    margin-left: 10px;
}

#dividend .dividendTable thead td {
    border-bottom: 1px solid #90cdf5;
}

#dividend .dividendTable td {
    padding: 1.5625%;
    font-size: 12px;
}

#dividend .dividendTable tr:nth-child(odd) td {
    background: #eff8fe;
}

#dividend .dividendTable tr:nth-child(even) td {
    background: #fff;
}

/* video, anniversary_20th */
#video h3,
#anniversary_20th h3 {
    width: 100%;
    text-align: center;
}

#video .videoBlock,
#anniversary_20th .videoBlock {
    width: 100%;
    margin-bottom: 3.125%;
}

#video .videoImg,
#anniversary_20th .videoImg {
    border: 1px solid #ccc;
    margin: 3.125%;
}

#video .videoLink,
#anniversary_20th .videoLink {
    text-align: center;
    display: block;
    width: 100%;
}

/* contact us */
#contactus .title {
    float: left;
    width: 100px;
}

#contactus .info {
    margin-left: 100px;
}

/* emailalerts */
#emailalerts table {
    width: 100%;
    max-width: 760px;
}

#emailalerts input.formField {
    width: 100%;
}

#emailalerts textarea.formField {
    width: 100%;
}

#emailalerts select.formField {
    width: 100%;
}

/* search */
#search .searchAreaWrapper {
    margin-bottom: 40px;
    position: relative;
}

#search .searchArea {
    border: 1px solid #916548;
    width: 250px;
    height: 27px;
    background: #fff;
}

#search .searchArea #search2 {
    border: none;
    line-height: 25px;
    padding: 0px 10px;
    width: 220px;
    background: none;
}

#search .searchArea #submitBtn2 {
    float: right;
    display: block;
    width: 25px;
    height: 25px;
    background: url(../img/search_submit.png) center center no-repeat;
    border: none;
    cursor: pointer;
}

#search .mainContent a {
    color: #46780c;
}

#search .heading a {
    text-decoration: underline;
    font-size: 16px;
}

#search .pager {
    margin-top: 20px;
}

#search .pager div {
    display: inline;
    cursor: pointer;
    margin-right: 10px;
}

#search .pager div.curr {
    color: #856752
}

ul.director_list {
    float: left;
    min-width: 150px;
}

#profile .brochure {
    float: left;
    padding: 5px 20px 20px 0;
    text-align: center;
}

#profile .brochure img {
    display: block;
    margin-bottom: 10px;
    border: 1px solid #eee;
}

#video .anniversary_25th .videoBlock .video-wrapper {
    width: 100%;
    margin: 20px 0;
}

#video .anniversary_25th .videoBlock .video-wrapper video {
    width: 100%;
}

#video a.btn-play {
    position: relative;
    display: block;
}

#video a.btn-play:before {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    background: url(../images/news/icon-play.png);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.cyList {
    display: none;
}

.cyBar {
    cursor: pointer;
}

#toolsBar {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    height: 20px;
}

.page-bottom--area .bottom-content .ali-area a svg,
.page-bottom--area .bottom-content .ali-area a span {
    vertical-align: middle;
}

#toolsBar a {
    font-size: 100%;
    color: #333;
    cursor: pointer;
}

#mobileToolsBar {
    display: none;
    position: absolute;
    right: 60px;
    top: 8px;
    width: 48px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    z-index: 999999999;
    cursor: pointer;
}

#mobileToolsList {
    display: none;
    position: absolute;
    right: 60px;
    top: 37px;
    width: 48px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #ccc;
    color: #ccc !important;
    background: #fff;
    z-index: 999999999;
}

#mobileToolsList a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
}


@media screen and (max-width: 1113px) {
    #toolsBar {
        display: none;
        padding-right: 10px;
    }

    #mobileToolsBar {
        display: block;
    }

    #mobileToolsList {
        display: none;
    }
}

@media screen and (min-width: 1113px) {
    #toolsBar {
        display: flex;
    }

    #mobileToolsBar {
        display: none;
    }

    #mobileToolsList {
        display: none !important;
    }
}

#corpinfo p.cyBar-style {
    padding-left: 10px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: #eff8fe;
}

#corpinfo ul.cyList-style li {
    max-width: 740px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
}
#corpinfo ul.cyList-style li:nth-child(odd) {
    background: #eff8fe;
}
#corpinfo .link-style a {
    color: blue;
}
#corpinfo .link-style a:hover {
    text-decoration: underline;
}