/*---------------------------------------------------------------
Module: Global Styles
---------------------------------------------------------------*/
html {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    background: #FAFAFC;
}

a {
    text-decoration: none;
    outline: none;
    color: #1d1da3;
}

a:hover {
    text-decoration: underline;
}
/*---------------------------------------------------------------
End: Global Styles
---------------------------------------------------------------*/



/*---------------------------------------------------------------
Module: .yog-hd
---------------------------------------------------------------*/
.yog-hd {
    width: 100%;
    height: 83px;
    background: #FFFFFF;
}

.yog-hd #yog-uh {
    overflow:hidden;
    width: 100%;
    height: 90px;
    margin: 0;
    padding: 0;
    border: none;
}

.yog-hd-mobile {
    overflow: hidden;
    display: none;
    background: #F2F2F2;
    background: -moz-linear-gradient(top, #EEEEEE 0%, #F2F2F2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEEEEE), color-stop(100%,#F2F2F2));
    background: -webkit-linear-gradient(top,  #EEEEEE 0%,#F2F2F2 100%);
    background: -o-linear-gradient(top,  #EEEEEE 0%,#F2F2F2 100%);
    background: -ms-linear-gradient(top,  #EEEEEE 0%,#F2F2F2 100%);
    background: linear-gradient(to bottom,  #EEEEEE 0%,#F2F2F2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#F2F2F2',GradientType=0);
}

.yog-hd-mobile ul {
    padding: 12px;
}

.yog-hd-mobile li {
    display: inline-block;
    text-indent: -99999px;
}

.yog-hd-mobile li a,
.yog-hd-mobile li img {
    display: block;
}

.yog-hd-mobile li img {
    width: 100%;
}

.yog-hd-mobile li.menu,
.yog-hd-mobile li.search {
    width: 9%;
}

.yog-hd-mobile li.logo {
    width: 82%;
    text-align: center;
    vertical-align: top;
}
.yog-hd-mobile li.menu a {
    float: left;
    max-width: 58px;
}

.yog-hd-mobile li.logo a {
    max-width: 237px;
    margin: 0 auto;
    padding: 0 55px;
}
/*---------------------------------------------------------------
End: .yog-hd
---------------------------------------------------------------*/



/*---------------------------------------------------------------
Module: .yog-wrap, .yog-col, .yog-col-lft, yog-col-cnt, yog-col-rgt
---------------------------------------------------------------*/
.yog-wrap {
    min-width: 1245px;
}

.yog-wrap-content {
    width: 100%;
}

.yog-col {
    position: relative;
    float: left;
}

.yog-col-lft {
    width: 200px;
    padding-left: 10px;
}

.yog-col-cnt {
    max-width: 724px;
    margin-bottom: 20px;
}

.yog-col-cnt .sep {
    padding-top: 30px;
    border-top: 1px solid #EBEBEB;
}

.yog-col-rgt {
    max-width: 320px;
}
/*---------------------------------------------------------------
End: .yog-wrap, .yog-col, .yog-col-lft, yog-col-cnt, yog-col-rgt
---------------------------------------------------------------*/



/*---------------------------------------------------------------
Module: .yog-nav-mobile
---------------------------------------------------------------*/
.yog-nav-mobile {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: none;
    width: 85%;
    -moz-box-shadow: inset -3px -1px 3px 0 #CCCCCC;
    -webkit-box-shadow: inset -3px -1px 3px 0 #CCCCCC;
    box-shadow: inset -3px -1px 3px 0 #CCCCCC;
}

.yog-nav-mobile .bd h4 {
    margin-right: 4px;
    padding: 20px 25px;
    font-size: 116%;
    font-weight: 700;
    line-height: 24px;
    background: #F4F3F7;
}

.yog-nav-mobile .bd ul li {
    margin: 0 20px;
    padding: 20px 0 20px 25px;
    border-bottom: 1px solid #F1EFF4;
    font-size: 138.5%;
}

.yog-nav-mobile .bd ul li a {
    display: inline-block;
    margin-left: 30px; 
    color: #000000;
}

.yog-nav-mobile .bd ul li.item-icon {
    background: url(9f37601c69a35b3c9c2faabf75a0e73dec518785.png)  0 12px no-repeat transparent;
}

.yog-nav-mobile .bd ul li.last {
    border-bottom: none;
}

.yog-nav-mobile .bd ul li.selected {
    margin: 0 4px 0 0;
    border-bottom: none;
    background: url(9f37601c69a35b3c9c2faabf75a0e73dec518785.png)  20px 12px no-repeat #F0E6F7;
}

.yog-nav-mobile .bd ul li.selected a {
    margin-left: 50px;
}

.yog-nav-mobile .bd ul li.y-icon {
    background: url(9f37601c69a35b3c9c2faabf75a0e73dec518785.png)  0 -206px no-repeat transparent;
}

.yog-nav-mobile .bd ul li.mail-icon {
    background: url(9f37601c69a35b3c9c2faabf75a0e73dec518785.png)  0 -308px no-repeat transparent;
}

.yog-nav-mobile .bd ul li.news-icon {
    background: url(9f37601c69a35b3c9c2faabf75a0e73dec518785.png)  0 -420px no-repeat transparent;
}

.yog-nav-mobile .bd ul li.finance-icon {
    background: url(9f37601c69a35b3c9c2faabf75a0e73dec518785.png)  0 -522px no-repeat transparent;
}

.yog-nav-mobile .bd ul li.weather-icon {
    background: url(9f37601c69a35b3c9c2faabf75a0e73dec518785.png)  0 -638px no-repeat transparent;
}

.yog-nav-mobile .bd ul li.answer-icon {
    background: url(9f37601c69a35b3c9c2faabf75a0e73dec518785.png)  0 -740px no-repeat transparent;
}

.yog-nav-mobile .bd ul li.flickr-icon {
    background: url(9f37601c69a35b3c9c2faabf75a0e73dec518785.png)  0 -844px no-repeat transparent;
}

.yog-nav-mobile .bd ul li.other-icon {
    background: url(9f37601c69a35b3c9c2faabf75a0e73dec518785.png)  0 -962px no-repeat transparent;
}

.yog-nav-mobile .ft {
    padding: 20px;
    background: #F2F2F5;
    margin-right: 4px;
    border-bottom: 3px solid #CCCCCC;
}

.yog-nav-mobile .ft .logo {
    display: block;
    margin: 0 auto;
    max-width: 168px;
    padding: 0 50px;
}

.yog-nav-mobile .ft .logo img {
    display: block;
    width: 100%;
}

.yog-nav-mobile .ft .ft-nav {
    margin: 20px 10px;
}
.yog-nav-mobile .ft .ft-nav li {
    text-align: center;
    display: inline-block;
    width: 33%;
}

.yog-nav-mobile .ft .ft-nav li a,
.yog-nav-mobile .ft p {
    color: #818284;
}

.yog-nav-mobile .ft p {
    text-align: center;
}
/*---------------------------------------------------------------
Module: .yog-lft-nav, .sub-lft-nav, nav-more
---------------------------------------------------------------*/



/*---------------------------------------------------------------
Module: .yog-lft-nav, .sub-lft-nav, nav-more
---------------------------------------------------------------*/
.yog-lft-nav .lft-nav {
    margin: 6px 0 40px;
}

.yog-lft-nav .lft-nav li,
.yog-lft-nav .sub-lft-nav li {
    margin-left: 15px;
    font-weight: 400;
    color: #252DB7;
}

.yog-lft-nav .sub-lft-nav li {
    margin-left: 15px;
}

.yog-lft-nav li.selected > a {
    font-weight: 700;
    text-decoration: none;
    color: #000000;
}

.yog-lft-nav li a,
.yog-lft-nav li span {
    display: block;
    margin-bottom: 11px;
    font-size: 116%;
}

.yog-col-cnt .yog-box.yog-box-top-nav {
    padding: 30px 30px 0 30px;
}

.yog-col-cnt .yog-box.yog-box-top-nav h2 {
    margin-bottom: 40px;
}
/*---------------------------------------------------------------
End: .yog-lft-nav, .sub-lft-nav, nav-more
---------------------------------------------------------------*/



/*---------------------------------------------------------------
Module: .yog-hero
---------------------------------------------------------------*/
.yog-col-cnt .yog-hero {
    border: none;
    background: url(c6cddec928093f1fc005b3ac0c715e04f44499dc.jpg)  0 0 no-repeat;
    height: 360px;
}
.yog-col-cnt .yog-heroNew {
    border: none;
    background:none;
    height: 360px;
	padding:0 !important;
}
.ndq-smHeight { height:auto !important; }

.yog-col-cnt .yog-box.yog-hero {
    padding: 90px 42px 0;
}

.yog-col-cnt .yog-hero .title {
    margin: 0;
    font-size: 230%;
    color: #8346AF;
}

.yog-col-cnt .yog-hero a {
    font-size: 116%;
    color: #3F65EC;
}    

.yog-col-cnt .yog-hero .related-links {
    display: inline-block;
    margin-bottom: 25px;
}

.yog-col-cnt .yog-hero .related-links li {
    display: inline-block;
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #B9BCC4;
}

.yog-col-cnt .yog-hero .related-links li.last {
    border-right: none;
}

.yog-col-cnt .yog-hero .more {
    display: block;
    margin-top: 16px;
}
/*---------------------------------------------------------------
End: .yog-hero
---------------------------------------------------------------*/



/*---------------------------------------------------------------
Module: .yog-box
---------------------------------------------------------------*/
.yog-box {
    margin: 0 10px 20px;
    border: 1px solid #E6E6E6;
    background: #FFFFFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.yog-col {
    box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.yog-col-cnt .yog-box {
    max-width: 704px;
    padding: 25px 20px;
}

.yog-col-rgt .yog-box {
    max-width: 300px;
    padding: 20px;
}

.yog-box .title {
    margin-bottom: 18px;
    font-size: 138.5%;
}

.yog-box .hd {
    padding: 30px;
    border-bottom: 1px solid #EBEBEB;
}

.yog-box .bd {
    padding: 30px 30px 0;
}
/*---------------------------------------------------------------
End: .yog-box
---------------------------------------------------------------*/



/*---------------------------------------------------------------
Module: .one-col
---------------------------------------------------------------*/
.yog-col-cnt .one-col h2 {
    margin-bottom: 25px;
    font-size: 230%;
    color: #363636;
}

.yog-col-cnt .one-col h3 {
    margin-bottom: 11px;
    font-size: 138.5%;
    color: #363636;
}

.yog-col-cnt .one-col p {
    font-size: 116%;
    color: #5F5F5F;
}

.yog-col-cnt .one-col a {
    color: #3F65EB;
}
/*---------------------------------------------------------------
End: .one-col
---------------------------------------------------------------*/



/*---------------------------------------------------------------
Module: .two-col
---------------------------------------------------------------*/
.yog-col-cnt .two-col ul .col {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.yog-col-cnt .two-col ul .col-left {
    padding-right: 20px;
    border-right: 1px solid #E7E7E7;
}

.yog-col-cnt .two-col ul .col-right {
    padding-left: 20px;
}

.yog-col-cnt .two-col h2 {
    margin-bottom: 11px;
    font-size: 182%;
    color: #363636;
}

.yog-col-cnt .two-col h3 {
    margin-bottom: 11px;
    font-size: 138.5%;
    color: #363636;
}

.yog-col-cnt .bd .two-col h4 {
    font-size: 116%;
    font-weight: 700;
    color: #363636;
}

.yog-col-cnt .two-col p {
    font-size: 116%;
    color: #5F5F5F;
}

.yog-col-cnt .two-col a {
    color: #324fe1;
}

.yog-col-cnt .two-col .more {
    font-size: 116%;
    display: inline-block;
}

.yog-col-cnt .two-col .col-left .more {
    margin-top: 20px;
}

.yog-col-cnt .two-col .col-right .more {
    margin-top: 15px;
}

.yog-col-cnt .two-col .link-list {
    margin-top: 20px;
}

.yog-col-cnt .two-col .file-list {
    margin-top: 17px;
}

.yog-col-cnt .two-col .link-list li,
.yog-col-cnt .two-col .file-list li {
    overflow: hidden;
    font-size: 116%;
    color: #898989;
}

.yog-col-cnt .two-col .link-list li {
    margin-bottom: 7px;
}

.yog-col-cnt .two-col .file-list li {
    margin-bottom: 15px;
}

.yog-col-cnt .two-col .file-list .doc,
.yog-col-cnt .two-col .file-list .audio {
    display: inline-block;
    width: 29px;
    height: 20px;
    background: url(03b1baf9908143d0c706f6588da1cc3522800fe5.png)  0 0 no-repeat;
}

.yog-col-cnt .two-col .file-list .doc {
    background-position: -72px 0;
}

.yog-col-cnt .two-col .file-list .audio {
    background-position: -108px 5px;
}

.yog-col-cnt .two-col .link-list .feed-date {
    display: block;
    margin-bottom: 7px;
}

.yog-col-cnt .two-col .event-list {
    margin-top: 25px;
    font-size: 116%;
    color: #898989;
}

.yog-col-cnt .two-col .event-list li {
    display: block;
    clear: both;
    overflow: hidden;
    margin-bottom: 17px;
}

.yog-col-cnt .two-col .date {
    float: left;
    width: 60px;
    height: 40px;
    margin-right: 17px;
    padding: 5px 0;
    background: #400090;
}

.yog-col-cnt .two-col .date span {
    display: block;
    margin: 0 10px;
    font-size: 100%;
    text-align: center;
    color: #FFFFFF;
}

.yog-col-cnt .two-col .related-links li {
    display: inline-block;
    margin: 0;
}

.yog-col-cnt .two-col .related-links li span {
    display: inline-block;
    padding: 0 5px;
    font-size: 116%;
    color: #B9BCC3;
}
/*---------------------------------------------------------------
End: .two-col
---------------------------------------------------------------*/



/*---------------------------------------------------------------
Module: .nav-section
---------------------------------------------------------------*/
.yog-box .nav-section li {
    display: inline-block;
    margin-right: 14px;
    padding-bottom: 15px;
}

.yog-box .nav-section li.last {
    margin-right: 0;
}

.yog-box .nav-section li.selected {
    padding-bottom: 10px;
    border-bottom: 5px solid #400090;
}

.yog-box .nav-section li a {
    font-size: 116%;
    color: #363636;
}

.yog-box .nav-section li a.external-link {
    padding-right: 14px;
    background: url(03b1baf9908143d0c706f6588da1cc3522800fe5.png)  right -180px no-repeat;
}
/*---------------------------------------------------------------
End: .nav-section
---------------------------------------------------------------*/



/*---------------------------------------------------------------
Module: .tabs-mobile
---------------------------------------------------------------*/
.tabs-mobile {
    display: none;
    width: 100%;
}
/*---------------------------------------------------------------
End: .tabs-mobile
---------------------------------------------------------------*/



/*---------------------------------------------------------------
Module: .yog-data
---------------------------------------------------------------*/
.yog-data {
    width: 100%;
    margin-top: 31px;
}

.yog-data thead tr {
    border-bottom: 3px solid #8346AE;
}

.yog-data .title {
    font-size: 138.5%;
    color: #363636;
    padding-bottom: 12px;
}

.yog-data tbody tr td {
    height: 34px;
    padding: 10px 0;
    border-bottom: 1px solid #EBEBEB;
    font-size: 116%;
    color: #363636;
}

.yog-data tbody tr.last td {
    border-bottom: none;
}

.yog-data ul {
    margin-left: 2px;
}

.yog-data li {
    display: inline-block;
    margin-right: 6px;
}

.yog-data .down {
    display: inline-block;
    text-indent: -99999px;
    background: url(03b1baf9908143d0c706f6588da1cc3522800fe5.png)  0 0 no-repeat;
}

.yog-data .down-word {
    width: 16px;
    height: 16px;
    background-position: -36px -72px;
}

.yog-data .down-pdf {
    width: 14px;
    height: 16px;
    background-position: 0 -72px;
}

.yog-data .down-html {
    width: 14px;
    height: 16px;
    background-position: -36px -36px;
}

.yog-data .down-more {
    width: 20px;
    height: 20px;
    background-position: 0 -36px;
}
/*---------------------------------------------------------------
End: .yog-data
---------------------------------------------------------------*/



/*---------------------------------------------------------------
Module: .yog-pag
---------------------------------------------------------------*/
.yog-pag {
    font-size: 116%;
    text-align: center;
    color: #363636;
}

.yog-pag  a {
    color: #3F64EB;
}

.yog-pag .yog-pag-info {
    float: left;
}

.yog-pag .yog-pag-items {
    display: inline-block;
}

.yog-pag .yog-pag-items li {
    margin: 0 4px;
    display: inline-block;
}

.yog-pag .yog-pag-next {
    float: right;
}

.yog-more-mobile {
    display: none;
}
/*---------------------------------------------------------------
End: .yog-pag
---------------------------------------------------------------*/



/*---------------------------------------------------------------
Module: investor-page
---------------------------------------------------------------*/
.investor-page .yog-col-cnt .two-col ul .col {
    display: table-cell;
}
/*---------------------------------------------------------------
Module: investor-page
---------------------------------------------------------------*/



/*---------------------------------------------------------------
Module: yog-quartery
---------------------------------------------------------------*/
.yog-quartery.yog-box,
.yog-events.yog-box,
.yog-financial-info.yog-box,
.yog-governance.yog-box,
.yog-tools.yog-box {
    padding: 0;
}

.yog-quartery .bd .col {
    border-right: none;
}

.yog-quartery .bd .line {
    border-bottom: 1px solid #EBEBEB;
}

.yog-quartery .bd .two-col {
    margin-bottom: 30px;
}

.yog-quartery .bd .two-col ul .col-left {
    padding-right: 0;
    border: none;
}

.yog-quartery .bd .two-col ul .col-right {
    padding-left: 0; 
}

.yog-quartery .ft {
    padding: 30px 30px 20px;
    background: #FBFBFB;
}

.yog-quartery .ft p {
    margin-bottom: 20px;
    font-size: 85%;
    color: #868686;
}

.yog-quartery .ft a {
    color: #3F64EC;
}
/*---------------------------------------------------------------
End: .yog-quartery
---------------------------------------------------------------*/



/*---------------------------------------------------------------
Module: yog-events
---------------------------------------------------------------*/
.yog-events .hd,
.yog-financial-info .hd,
.yog-governance .hd,
.yog-tools .hd {
    padding: 30px 26px 0;
}

.yog-events .hd .one-col h2,
.yog-financial-info .hd .one-col h2,
.yog-governance .hd .one-col h2,
.yog-tools .hd .one-col h2 {
    margin-bottom: 38px;
}

.yog-quartery .hd .one-col h2,
.yog-events .hd .one-col h2,
.yog-financial-info .hd .one-col h2,
.yog-governance .hd .one-col h2,
.yog-tools .hd .one-col h2 {
    display: none;
}

.yog-events .bd {
    padding: 20px 22px;
}

.yog-events .bd .yog-content {
    width: 660px;
    height: 600px;
    background: #F0EFF5;
}
/*---------------------------------------------------------------
End: yog-events
---------------------------------------------------------------*/



/*---------------------------------------------------------------
Module: .yog-financial-info
---------------------------------------------------------------*/
.yog-financial-info .bd {
    padding: 23px 27px 11px;
}

.yog-financial-info .filter-form {
    margin-bottom: 30px;
}

.yog-financial-info .filter-form p {
    margin-bottom: 18px;
    color: #252525;
}

.yog-financial-info .filter-form .filter li {
    display: inline-block;
}

.yog-financial-info .filter-form label,
.yog-financial-info .filter-form select {
    color: #363636;
}

.yog-financial-info .filter-form label {
    font-size: 116%;
}

.yog-financial-info .filter-form select,
.tabs-mobile {
    height: 34px;
    min-height: 20px;
    border: 1px solid #EBEBEB;
    border-radius: 5px;
    padding: 6px 9px;
    line-height: 22px;
    background: #FAFAFA;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #FAFAFA 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#FAFAFA));
    background: -webkit-linear-gradient(top,  #FFFFFF 0%,#FAFAFA 100%);
    background: -o-linear-gradient(top,  #FFFFFF 0%,#FAFAFA 100%);
    background: -ms-linear-gradient(top,  #FFFFFF 0%,#FAFAFA 100%);
    background: linear-gradient(to bottom,  #FFFFFF 0%,#FAFAFA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FAFAFA',GradientType=0);
}

.yog-financial-info .filter-form .views-filter {
    width: 187px;
    margin: 0 27px 0 30px;
}

.yog-financial-info .filter-form .year-filter {
    width: 125px;
    margin-left: 31px;
}

.yog-financial-info .yog-data .th1 {
    width: 75px;
}

.yog-financial-info .yog-data .th2 {
    width: 189px;
}

.yog-financial-info .yog-data .th3 {
    width: 133px;
}

.yog-financial-info .yog-data .th4 {
    width: 130px;
}

.yog-financial-info .yog-data .th5 {
    width: 102px;
}

.yog-financial-info .yog-data .th6 {
    width: 20px;
}

.yog-financial-info .ft {
    overflow: hidden;
    padding: 24px 27px;
    border-top: 1px solid #EBEBEB;
}
/*---------------------------------------------------------------
End: .yog-financial-info
---------------------------------------------------------------*/



/*---------------------------------------------------------------
End: .yog-governance
---------------------------------------------------------------*/
.yog-governance .bd {
    padding: 34px 27px 11px;
}

.yog-governance .one-col h3 {
    margin-bottom: 17px;
    font-size: 182%;
}

.yog-governance .one-col p {
    padding-bottom: 9px;
    line-height: 20px;
    color: #363636;
}

.yog-governance .yog-data .th1 {
    width: 395px;
}

.yog-governance .yog-data .th2 {
    width: 130px;
}

.yog-governance .yog-data .th3 {
    width: 105px;
}

.yog-governance .yog-data .th4 {
    width: 20px;
}
/*---------------------------------------------------------------
End: .yog-governance
---------------------------------------------------------------*/



/*---------------------------------------------------------------
Module: .yog-tools
---------------------------------------------------------------*/
.yog-tools .bd {
    padding: 35px 27px 11px;
}

.yog-tools .bd .two-col ul .col {
    border-right: none;
}

.yog-tools .bd .line {
    border-bottom: 1px solid #EBEBEB;
}

.yog-tools .bd .sep {
    padding-top: 35px;
}

.yog-tools .two-col {
    margin-bottom: 36px;
}

.yog-tools .two-col p {
    line-height: 20px;
    color: #363636;
}

.yog-tools .one-col p {
    margin-bottom: 26px;
    color: #363636;
}

.yog-tools .one-col label {
    display: inline-block;
    padding-top: 7px;
    font-size: 116%;
    color: #363636;
}

.yog-tools .one-col form {
    overflow: hidden;
}

.yog-tools .one-col form dt,
.yog-tools .one-col form dd {
    float: left;
}

.yog-tools .one-col form dt {
    clear: both;
    width: 132px;
}

.yog-tools .one-col form dd {
    margin-bottom: 15px;
}

.yog-tools .one-col form dd .input {
    height: 32px;
    width: 364px;
    padding: 0 10px;
    border: 1px solid #E6E6E6;
}

.yog-tools .one-col form dd textarea.input {
    height: 133px;
    resize: none;
}

.yog-tools .one-col form dd .input.catcha {
    width: 165px;
}

.yog-tools .one-col form dd li {
    margin-bottom: 15px;
}

.yog-tools .one-col form dd li p {
    margin-bottom: 18px;
    font-size: 100%;
    color: #363636;
}

.one-col .btn {
    width: 83px;
    height: 33px;
    margin-left: 3px;
    border: 1px solid #334EF1;
    border-radius: 2px;
    cursor: pointer;
    color: #FFFFFF;
    background: #5770FE;
}

.one-col a.btn {
    display: block;
    text-align: center;
    line-height: 31px;
    color: #FFFFFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/*---------------------------------------------------------------
End: .yog-tools
---------------------------------------------------------------*/



/*---------------------------------------------------------------
Module: .yog-stock
---------------------------------------------------------------*/
.yog-stock {
    color: #363636;
}

.yog-stock .stock-data img {
    width: 100%;
}

.yog-stock .stock-name {
    display: block;
    margin-top: 14px;
    font-size: 131%;
}

.yog-stock .stock-val {
    display: inline-block;
    font-size: 197%;
}

.yog-stock .arrow {
    display: inline-block;
    width: 16px;
    height: 17px;
    margin: 0 5px;
    background: url(03b1baf9908143d0c706f6588da1cc3522800fe5.png)  0 0 no-repeat;
}

.yog-stock .arrow.up {
    background-position: 0 0;
}

.yog-stock .arrow.down {
    background-position: -36px 0;
}

.yog-stock .stock-change {
    display: inline-block;
    font-size: 138.5%;
}

.yog-stock .stock-time {
    display: block;
    margin: 10px 0 17px;
    font-size: 108%;
    color: #B9BCC3;
}

.yog-stock ul {
    margin-bottom: 18px;
}

.yog-stock ul li {
    clear: both;
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px solid #EBEBEB;
    font-size: 116%;
}

.yog-stock ul li.last {
    border-bottom: none;
}

.yog-stock ul li .stock-prop-value {
    float: right;
}

.yog-stock a {
    font-size: 116%;
    color: #3F65EC;
}
/*---------------------------------------------------------------
End: .yog-stock
---------------------------------------------------------------*/



/*---------------------------------------------------------------
Module: .yog-shareholder
---------------------------------------------------------------*/
.yog-shareholder ul li {
    display: inline-block;
    width: 50%;
    margin: 3px 0 9px;
}

.yog-shareholder ul li a {
    font-size: 116%;
    color: #3F65EC;
}
/*---------------------------------------------------------------
End: .yog-shareholder
---------------------------------------------------------------*/



/*---------------------------------------------------------------
Module: .yog-social
---------------------------------------------------------------*/
.yog-social ul li {
    display: inline-block;
    margin-right: 6px;
}

.yog-social ul li a img {
    display: block;
    width: 100%;
}
/*---------------------------------------------------------------
End: .yog-social
---------------------------------------------------------------*/



/*---------------------------------------------------------------
Module: .yog-ft
---------------------------------------------------------------*/
.yog-ft {
    clear: both;
    max-width: 704px;
    margin-left: 210px;
    text-align: center;
}

.yog-ft .yog-ft-list,
.yog-ft .yog-ft-list .item a {
    color: #252DB7;
}

.yog-ft .yog-ft-list li {
    display: inline-block;
    margin: 0 10px 14px 10px;
    vertical-align: top;
}

.yog-ft .yog-ft-list li .item li {
    display: block;
    width: 100%;
}

.yog-ft .yog-ft-list .title {
    display: block;
    margin-bottom: 13px;
    font-weight: 400;
    color: #1d1da3;
}

.yog-ft .copyright {
    padding: 0 0 13px 0;
    color: #B9BCC3;
} 
/*---------------------------------------------------------------
End: .yog-ft
---------------------------------------------------------------*/


/*---------------------------------------------------------------
End: Media Query
---------------------------------------------------------------*/
@media only screen and (min-device-width: 1px) and (max-device-width: 640px) {
    
    html {
        -webkit-text-size-adjust: none;
    }

    .yog-wrap {
        position: relative;
        overflow-x: hidden;
        min-width: 100%;
    }

    .yog-wrap-content {
        width: 100%;
        background: #FAFAFC;
        -webkit-transition: margin-left ease-out .6s;
        -moz-transition: margin-left ease-out .6s;
        -o-transition: margin-left ease-out .6s;
        transition: margin-left ease-out .6s;
    }

    .yog-menu-mobile .yog-wrap-content {
        margin-left: 85%;
    }

    .yog-menu-mobile-up .yog-nav-mobile {
        z-index: 2;
    }

    .yog-hd,
    .yog-col-lft,
    .yog-col-cnt .yog-hero a.more,
    .yog-box .nav-section,
    .yog-box-top-nav,
    .yog-financial-info .yog-data thead th:nth-child(2),
    .yog-financial-info .yog-data thead th:nth-child(3),
    .yog-financial-info .yog-data thead th:nth-child(4),
    .yog-financial-info .yog-data thead th:nth-child(5),
    .yog-governance .yog-data thead th:nth-child(2),
    .yog-governance .yog-data thead th:nth-child(3),
    .yog-financial-info .yog-data tbody td:nth-child(3),
    .yog-financial-info .yog-data tbody td:nth-child(4),
    .yog-financial-info .yog-data tbody td:nth-child(5),
    .yog-governance .yog-data tbody td:nth-child(2),
    .yog-governance .yog-data tbody td:nth-child(3),
    .yog-pag {
        display: none;
    }

    .yog-nav-mobile,
    .yog-hd-mobile,
    .tabs-mobile,
    .yog-financial-info .filter-form .filter li,
    .yog-more-mobile,
    .yog-quartery .hd .one-col h2,
    .yog-events .hd .one-col h2,
    .yog-financial-info .hd .one-col h2,
    .yog-governance .hd .one-col h2,
    .yog-tools .hd .one-col h2 {
        display: block;
    }

    .yog-col,
    .yog-tools .one-col form dt,
    .yog-tools .one-col form dd {
        float: none;
    }

    .investor-page .yog-box,
    .yog-col-rgt .yog-box {
        margin: 0 10px 10px;
        padding: 24px 10px;
    }

    .yog-box .hd,
    .yog-box .bd,
    .yog-quartery .ft {
        padding: 20px 10px;
    }

    .yog-tools .bd .sep {
        padding: 20px 0 0;
    }

    .yog-tools .one-col > p,
    .yog-tools .one-col label,
    .yog-financial-info .filter-form label{
        font-weight: 700;
    }

    .yog-quartery .bd {
        padding-bottom: 0;
        border-bottom: 1px solid #EBEBEB;

    }

    .yog-quartery .bd .sep {
        border-top: none;
    }

    .yog-col-cnt .yog-hero {
        height: 320px;
        margin: 0 0 10px;
        background-position: center bottom;
    }

    .yog-col-cnt .yog-box.yog-hero {
        padding: 33px 14px 0;
        
    }

    .yog-col-cnt .yog-hero .title {
        margin: 0 140px 5px 0;
        font-size: 167%;
    }

    .yog-col-cnt .yog-hero .related-links li {
        display: block;
        margin-bottom: 5px;
        border-right: none;
        color: #3F65EC;
    }

    .yog-col-cnt .yog-hero a:after {
        content: " »";
    }

    .yog-col-cnt .two-col h2 {
        margin-bottom: 21px;
    }

    .yog-col-cnt .two-col .event-list a {
        font-size: 85%;
    }

    .yog-col-cnt .sep {
        padding-top: 0;
    }

    .yog-col-cnt .yog-box.two-col {
        padding-bottom: 0;
    }

    .yog-col-cnt .two-col .link-list li,
    .yog-col-cnt .two-col .file-list li,
    .yog-shareholder ul li {
        margin-bottom: 15px;
    }

    .investor-page .yog-col-cnt .two-col ul .col,
    .yog-col-cnt .two-col ul .col {
        display: inline-block;
        width: 100%;
        margin-bottom: 25px;
        padding: 0;
        border: none;
    }

    .yog-col-rgt,
    .yog-col-rgt .yog-box {
        max-width: 100%;
    }

    .yog-ft .yog-ft-list li {
        min-width: 225px;
    }

    .yog-social ul li {
        width: 15%;
        min-width: 39px;
        margin-right: 10px;
    }

    
    .yog-events .bd .yog-content {
        height: auto;
        min-height: 200px;
    }

    .yog-quartery .bd .two-col,
    .yog-tools .two-col {
        margin-bottom: 0;
    }

    .yog-events .hd .one-col h2,
    .yog-financial-info .hd .one-col h2,
    .yog-governance .hd .one-col h2,
    .yog-tools .hd .one-col h2,
    .yog-financial-info .filter-form .filter li {
        margin-bottom: 10px;
    }

    .yog-financial-info .filter-form .views-filter,
    .yog-financial-info .filter-form .year-filter {
        margin: 10px 0;
    }

    .yog-governance .yog-data .th1 {
        width: 90%;
    }

    .yog-financial-info .yog-data tbody td:nth-child(1) {
        width: 25%
    }

    .yog-financial-info .yog-data tbody td:nth-child(2) {
        width: 75%;
    }

    .yog-financial-info .yog-data .th6,
    .yog-governance .yog-data .th3 {
        width: 10%;
    }

    .yog-financial-info .ft {
        padding: 0 10px 20px;
        border-top: none;
    }

    .yog-data thead tr {
        border-color: #E6E6E6;
    }

    .yog-data tbody tr td {
        font-size: 93%;
    }

    .yog-data .down-more {
        float: right;
    }

    .yog-tools .hd {
        border-bottom: none;
    }

    .yog-tools .one-col form dt {
        margin-bottom: 10px;
    }

    .yog-tools .one-col form dd .input {
        width: 100%;
        max-width: 364px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .one-col form .btn {
        margin: 0;
    }

    .yog-events .bd .yog-content,
    .yog-tools .one-col form dd .input.catcha,
    .one-col form .btn,
    .yog-financial-info .filter-form .views-filter,
    .yog-financial-info .filter-form .year-filter {
        width: 100%;
    }

    .yog-ft {
        margin: 0;
        padding: 0 10px 7px;
        text-align: left;
    }

    .yog-ft .copyright {
        padding-bottom: 20px;
    }

    .yog-ft .yog-ft-list li {
        width: 50%;
        margin: 0 0 5px;
        min-width: 50%;
    }
}
/*---------------------------------------------------------------
End: Media Query
---------------------------------------------------------------*/