@charset "utf-8";
/* CSS Document */
html, body { background:#fff; font-family: Arial, NotoSansRegular, "Helvetica Neue", Helvetica, "sans-serif"; color: #333; }
p { font-family: Arial, NotoSansRegular, "Helvetica Neue", Helvetica, "sans-serif"; color: #333; font-size: 14px; line-height: 28px; margin-bottom: 20px; }
div, span, a, h1, h2, h3, h4, ul, li, table, tr, td { font-family: Arial, NotoSansRegular, "Helvetica Neue", Helvetica, "sans-serif"; font-size: 14px; }
h1 { font-size: 30px; line-height: 40px; margin-bottom: 30px; }
h2 { font-size: 24px; line-height: 30px; margin-bottom: 20px; }
h3 { font-size: 20px; line-height: 28px; margin-bottom: 20px; }
h4 { font-size: 16px; line-height: 28px; margin-bottom: 20px; }
a:hover { color: #ff0000; }
.bold { font-weight: bold; }
.text-center { text-align: center; }
.hidden { display: none; }
.body { overflow: hidden;}
.contentWrapper { position: relative; width: 100%; max-width: 1640px; margin: 0 auto;}
.row:after, .contentWrapper:after, .clearfix:after { content: ""; display: table; clear: both; }
/* List */
ul.listDot { margin-bottom: 20px; }
ul.listDot li { position: relative; padding-left: 14px; font-size: 14px; line-height: 28px; }
ul.listDot li:before { content: '\2022'; font-size: 1.1em; position: absolute; top: 0; left: 0; }
/* Year Select */
.yearWrapper { padding: 0 0 20px }
.yearWrapper .year { display: inline-block; color: #122747; font-size: 24px; font-weight: bold; line-height: 44px; }
.yearWrapper .yearSelect { display: inline-block; float: right; position: relative; width: 144px; height: 44px; padding: 10px 55px 10px 15px; background: #fff; line-height: 20px; border: 1px solid #ddd; font-weight: bold; cursor: pointer; }
.yearWrapper .yearSelect:after { content: '\203A'; display: block; width: 40px; height: 40px; text-align: center; position: absolute; top: 1px; right: 6px; transform: rotate(90deg); font-size: 26px; color: #ff0000; }
.yearWrapper .yearSelect .dropdown { position: absolute; top: 100%; left: -1px; width: 144px; border: 1px solid #ddd; max-height: 205px; overflow-y: auto; background: #fff; display: none;z-index: 1}
.yearWrapper .yearSelect .dropdown li {margin-left: 0}
.yearWrapper .yearSelect .dropdown li a { display: block; padding: 10px 15px; background: #fff; width: 100%;color: #000;font-weight: bold}
.yearWrapper .yearSelect .dropdown li:hover a { color: #ff0000; }
.yearWrapper .yearSelect.act .dropdown { display: block; }
.yearWrapper.divider { border-bottom: 2px solid #c5c5c5; }
.yulan-box{width: 180px;height:100%;display: table-cell;padding: 15px 20px; vertical-align: middle; background: #f6f6f6;}
.yulan-box ul li{display: inline-block;margin-left: 0;text-align: center;margin-bottom: 0}
.yulan-box ul li a{color: #666}
.yulan-box ul li a:hover{color: #1296db}

@media screen and (max-width: 1199px) {
	.homeStock .left { width: 37%; }
	.homeStock .right { width: 63%; }

	.homeDoc .left, .homeDoc .right { width: 100%; float: none; }
	.homeDoc .left { margin-bottom: 70px; }
	.homeDoc .calendar-wrapper .tab-content { height: auto; }
	.homeDoc .calendar-wrapper .dncalendar-body tbody td .entry { line-height: 32px !important; }

	.homeContact .contact-block .social { position: relative; width: 100%; height: auto; background: #ff6464; }
	.homeContact .contact-block .social .social-wrapper { display: block; }
	.homeContact .contact-block .social .social-wrapper .item { width: 50%; max-width: 450px; float: left; text-align: center; margin-right: 0 !important; }
}

@media screen and (max-width: 1023px) {
	.homeStock .left, .homeStock .right { float: none; width: 100%; }

	.homeReport .blockWrapper > div { display: block; }
	.homeReport .left { width: 100%; margin-bottom: 50px; }
	.homeReport .report-wrapper .report-item { margin-bottom: 20px; }
	.homeReport .right { width: 100%; padding-left: 0; }
}

@media screen and (max-width: 767px) {
	.homeStock .stockquote-wrapper { padding-bottom: 80px; }
	.homeStock .btn-learn-more { top: auto; margin-top: 20px; }

	.homeData .btn-learn-more { top: auto; margin-top: -20px; }
	.homeData .chart-wrapper > div { width: 100%; float: none; margin-bottom: 50px; }
	.homeData .chart-wrapper > div.shareholder { margin-left: 0; }
	.homeData .chart-wrapper .chart-title { font-size: 0.8em; }
	.homeData .chart-wrapper .chart-label .unit, .homeData .chart-wrapper .chart-label .legend > div { font-size: 0.8rem; }
	.homeStockQuote .btn-learn-more { position: absolute; right:0px; top: 65px; }
	.homeReport .left { margin-bottom: 70px; }
	.homeReport .left .btn-learn-more { top: auto; }
	.homeReport .report-wrapper .report-item { width: 50%; text-align: center; }
	.homeReport .report-wrapper .report-item:not(:first-child) { margin-left: 0; }
	.homeReport .report-wrapper .report-item img { width: 95%; margin: 0 auto; }
	.homeReport .report-wrapper .report-item .title-wrapper { width: 95%; left: 2.5%; }
	.homeReport .sdreport-wrapper .report-list ul li { padding: 12px 12px; }

	.homeNews .blockWrapper > .btn-learn-more { top: auto; bottom: 50px; }

	.homeDoc .doc-wrapper { padding: 20px; }
	.homeDoc .doc-wrapper .doc-pdf, .homeDoc .doc-wrapper .doc-video { width: 100%; padding: 0; }
	.homeDoc .right { margin-bottom: 30px; }
	.homeDoc .right .btn-learn-more { top: 105%; }

	.homeContact .contact-block .contact-detail { padding-left: 5%; padding-right: 5%; }
	.homeContact .contact-block .social { padding-left: 5%; padding-right: 5%; }

	.homeStockQuote .btn-learn-more { top: auto; margin-top: -20px; }
	.stockFrame iframe{height:175px;}
	.irhome-sq{height:290px;}
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 1024px) {
	.homeReport .report-wrapper .report-item { width: 23.5%; }
	.homeReport .report-wrapper .report-item:not(:first-child) { margin-left: 2%; }
	.homeReport .right { padding-left: 2%; }
	.homeReport .sdreport-wrapper { padding: 20px; }
	.homeReport .sdreport-wrapper .report-list ul li { padding: 8px 12px; }
	.homeReport .sdreport-wrapper .btn-learn-more { right: 20px; bottom: 20px; }

	.homeNews .news-wrapper { margin-left: 0; margin-right: 0; display: table; width: 100%; }
	.homeNews .news-wrapper .item { display: table-cell; width: 32%; padding: 0; vertical-align: top; margin-bottom: 20px; background: #fff; position: relative; }
	.homeNews .news-wrapper .item .news-block { position: unset; }
	.homeNews .news-wrapper .news-divider { display: table-cell; width: 2%; }
}

@media screen and (min-width: 1200px) {
	.homeReport .report-wrapper .report-item { width: 22%; }
	.homeReport .report-wrapper .report-item:not(:first-child) { margin-left: 4%; }
	.homeReport .right { padding-left: 3.75%; }
	.homeReport .sdreport-wrapper { padding: 25px; }
	.homeReport .sdreport-wrapper .report-list ul li { padding: 10px 12px; }
	.homeReport .sdreport-wrapper .btn-learn-more { right: 25px; bottom: 25px; }

	.homeContact .contact-block .contact-detail { padding-left: 3%; }
	.homeContact .contact-block .contact-detail:nth-child(1) { max-width: 38%; }
	.homeContact .contact-block .contact-detail:nth-child(2) { max-width: 32%; }
	.homeContact .contact-block .social { width: 30%; padding-left: 3%; padding-right: 3%; }
}

@media screen and (min-width: 1366px) {
	.homeReport .sdreport-wrapper .report-list ul li { padding: 15px 12px; }

	.homeContact .contact-block .contact-detail { padding-left: 70px; }
	.homeContact .contact-block .social { width: 450px; padding-left: 70px; padding-right: 70px; }
}



/* Content */
.sectionBanner .banner { position: relative; height: 400px; background-image: url("../images_ir/global/banner_ir.jpg"); background-position: center; background-size: cover; }
.mainContent { padding: 1rem 0;min-height: 500px;width: 100rem;margin: 0 auto}
.mainContent .row { width: 100%; }
.mainContent .content { width:100%; float: left;}
.mainContent .pageTitle { font-size: 50px; line-height: 60px; color: #ff0000; }
.mainContent .pageContent { padding: 40px 0; }
.mainContent .sideNav { width: 340px; float: left; position: relative; z-index: 10; margin-top: -120px; }
.sideNav .nav-wrapper { width: 100%; background: #f6f6f7; padding-bottom: 5px; }
.sideNav .nav-top { font-size: 24px; line-height: 40px; color: #000; padding: 20px 50px; }
.sideNav .nav-list li a { display: block; font-size: 16px; line-height: 20px; padding: 10px 30px 10px 50px; position: relative; }
.sideNav .nav-list li a.act, .sideNav .nav-list li a:hover { color: #ff0000; background: #fff; }
.sideNav .nav-list li a.act:before, .sideNav .nav-list li a:hover:before { content: ''; display: block; position: absolute; width: 3px; height: 100%; background: #ff0000; top: 0; left: 0; }
.sideNav .nav-list li.sub-nav a { padding-left: 100px; }
.sideNav .nav-list li.sub-nav a:after { content: ''; display: block; position: absolute; width: 4px; height: 4px; background: #333; left: 85px; top: 50%; transform: translateY(-50%); }
.sideNav .nav-list li.sub-nav a.act:after, .sideNav .nav-list li.sub-nav a:hover:after { background: #ff0000; }
.sideNav .nav-list li.sub-nav { display: none; }
.sideNav .nav-list li.sub-nav.act { display: block; }
.sideNav .nav-list li a span.nav_icon { display: inline-block; position: relative; width: 30px; height: 20px; vertical-align: top; }
.sideNav .nav-list li a span.nav_icon:before { content: ''; display: block; width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; }
.sideNav .nav-list li a span.nav_icon.stockinfo:before { background-image: url("../images_ir/home/home_stock_icon.png"); }
.sideNav .nav-list li a span.nav_icon.finhigh:before { background-image: url("../images_ir/home/home_data_icon.png"); }
.sideNav .nav-list li a span.nav_icon.report:before { background-image: url("../images_ir/home/home_report_icon_c.png"); }
.sideNav .nav-list li a span.nav_icon.ann:before { background-image: url("../images_ir/home/home_news_icon.png"); }
.sideNav .nav-list li a span.nav_icon.csr:before { background-image: url("../images_ir/home/home_sdreport_icon_c.png"); }
.sideNav .nav-list li a span.nav_icon.cg:before { background-image: url("../images_ir/home/home_cg_icon.png"); }
.sideNav .nav-list li a span.nav_icon.pre:before { background-image: url("../images_ir/home/home_recommend_icon_c.png"); }
.sideNav .nav-list li a span.nav_icon.ircalendar:before { background-image: url("../images_ir/home/home_calendar_icon_c.png"); }
.sideNav .nav-list li a span.nav_icon.faq:before { background-image: url("../images_ir/home/home_faq_icon.png"); }
.sideNav .nav-list li a span.nav_icon.ircontact:before { background-image: url("../images_ir/home/home_contact_icon.png"); }

/* IR calendar */
.ircalendar .calendarArea > div { float: left; width: 50%; }
.ircalendar .calendarArea .calendar-wrapper { padding: 20px 30px; border: 1px solid rgba(0,0,0,0.1); }
.ircalendar .dncalendar-header { border-bottom: none; }
.ircalendar .dncalendar-header h2 { font-size: 22px; padding: 13px; }
.ircalendar .dncalendar-body { padding: 0; }
.ircalendar .dncalendar-body thead td { display: table-cell; background: #ff6464; padding: 13px 7px; color: #fff; font-size: 18px; }
.ircalendar .dncalendar-body tbody td .entry { line-height: 34px !important; font-size: 18px; cursor: pointer; }
.ircalendar #ircalendar-plan { max-width: 500px; margin: 0 auto; }
.ircalendar .dncalendar-body table td.calendarClick.note:before { background: #dcdddd; }
.ircalendar .dncalendar-body table td.calendarClick.default-date:before { display: block; background: #ff0000; }
.ircalendar .dncalendar-body table td.calendarClick.default-date .entry { color: #fff; }
.ircalendar .calendarArea .events-detail { padding: 30px 30px 0 50px; }
.ircalendar .events-detail .isToday { font-size: 20px; font-weight: bold; color: #122747; line-height: 30px; margin-bottom: 10px; }
.ircalendar .events-detail .date { font-size: 24px; line-height: 44px; margin-bottom: 20px; font-weight: bold; }
.ircalendar .events-detail .title { font-size: 18px; line-height: 22px; margin-bottom: 10px; }

/* Announcement */
.announcement-wrapper { padding-top: 25px; }
.announcement { padding: 15px 0; width: 100%; display: table; }
.announcement .dateWrapper, .announcement .pdfLink { display: table-cell; vertical-align: middle; background: #f6f6f6; }
.announcement .dateWrapper { width: 100px; }
.announcement .dateWrapper .dateContainer { width: 100px; height: 100px; text-align: center; background: #f6f6f6; border-right: 1px solid #c5c5c5; }
.announcement .dateWrapper .date { font-size: 44px; padding-top: 32px; }
.announcement .dateWrapper .month { color: #999; line-height: 24px}
.announcement .pdfLink { width: calc(100% - 100px); padding: 15px 20px; }
.announcement .pdfLink a { line-height: 22px; color: #333; }
.announcement .pdfLink a:hover { color: #ff0000; }

/* IR contact */
.ircontact .contact-block { margin-bottom: 40px; }
.ircontact .contact-block .city { font-size: 16px; margin-bottom: 20px; line-height: 22px; }
.ircontact .contact-block .contact-detail > div { position: relative; margin-bottom: 20px; line-height: 22px; padding-left: 50px; }
.ircontact .contact-block .contact-detail > div > span { line-height: 22px; position: absolute; left: 0; }

/* Financial Highlight */
.table_findata tr td { padding: 15px; font-size: 16px; text-align: right; }
.table_findata tr td:first-child { text-align: left; font-weight: bold; }
.table_findata tr td.tableHighlight { font-weight: bold; background-color: rgba(255,100,100,0.5); }
.table_findata thead tr td { border-bottom: 2px solid #ff0000; }
.tableNav tr td.prev, .tableNav tr td.next { display: none; }
.finhigh .chart-wrapper { margin-bottom: 20px; }
.finhigh .chart-wrapper > div { width: 48%; float: left; font-size: 24px; margin-bottom: 30px; }
.finhigh .chart-wrapper > div.gross { margin-left: 4%; }
.finhigh .chart-wrapper .chart-title { font-size: 1em; margin-bottom: 15px; color: #000; }
.finhigh .chart-wrapper .chart-label { margin-bottom: 30px; color: #666; line-height: 20px; }
.finhigh .tab-nav-wrapper { margin-bottom: 40px; }
.finhigh .tab-links li a { border: 1px solid #bbb; padding: 15px 30px; margin-right: 20px; }
.finhigh .tab-links li a span { color: #bbb; font-weight: bold; }
.finhigh .tab-links li.act a { border-color: #ff0000; }
.finhigh .tab-links li.act a span { color: #ff0000; }

/* Reports */
.reports .reports-wrapper { padding: 40px 0 0; }
.reports .item { width: 50%; float: left; text-align: center; margin-bottom: 40px; }
.reports .item a img { width: 100%; max-width: 280px; border: 1px solid #f6f6f6; }
.reports .item .title { font-size: 20px; margin-top: 20px; }
.reports .item a:hover .title { color: #ff0000; }

/* Presentations */
.presentations .presentation-wrapper { padding: 40px 0 0; }
.presentations .item { width: 50%; float: left; text-align: center; margin-bottom: 40px; }
.presentations .item a img { width: 100%; max-width: 330px; border: 1px solid #f6f6f6; }
.presentations .item .title { font-size: 20px; margin-top: 20px; }
.presentations .item a:hover .title { color: #ff0000; }

/* FAQ */
.faq .faqRow { margin-bottom: 5px; }
.faq .faqRow .q { padding: 15px 20px; background: #f6f6f6; }
.faq .faqRow .q a { display: block; position: relative; color: #333; font-weight: bold; line-height: 28px; padding-right: 25px; padding-left: 22px; }
.faq .faqRow .q a:after { content: ''; display: inline-block; width: 13px; height: 8px; background: url(../images_ir/global/icon_expand.png) no-repeat; background-size: 100% auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(180deg); }
.faq .faqRow .q a span { display: inline-block; width: 22px; position: absolute; left: 0px; }
.faq .faqRow .q a:hover, .faq .faqRow .q a:hover span { color: #ff0000; }
.faq .faqRow .q a:hover:after { background: url("../images_ir/global/icon_expand_red.png") no-repeat; background-size: 100% auto; }
.faq .faqRow .a { padding: 15px 20px; display: none; }
.faq .faqRow.act .q a:after { transform: translateY(-50%) rotate(0deg); }

/* Video */
.video .content .left { float: left; width: 37%; padding-right: 20px; }
.video .content .video-wrapper { position: relative; }
.video .content .video-wrapper .video-img { display: block; width: 100%; }
.video .content .video-wrapper .cover-overlay { position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.4; z-index: 3; }
.video .content .video-wrapper .video-icon { position: absolute; width: 100%; text-align: center; top: 50%; transform: translate(0, -50%); z-index: 5; }
.video .content .video-wrapper .video-icon a { display: inline-block; transition: all 0.6s ease; }
.video .content .video-wrapper .video-icon a:hover { opacity: 0.8; transform: scale(0.95); }
.video .content .video-wrapper .video-icon span { display: block; font-size: 1.2em; color: #fff; }
.video .content .right { float: right; width: 63%; }
.video .content .right img { float: left; }
.video .content .right span { margin-left: 10px; color: #ff0000; padding-bottom: 4px; border-bottom: 2px solid #ff0000; }

/* Directors */
.directors .name { color: #122747; }
.directors .name .title { display: inline-block; position: relative; padding-left: 10px; margin-left: 10px; border-left: 1px solid #333; line-height: 14px; }

@media screen and (min-width: 1200px) and (max-width: 1365px) {
	.video .content .left { width: 45%; }
	.video .content .right { width: 55%; }
}

@media screen and (max-width: 1199px) {
	.mainContent .content { width: 100%; float: none; padding-right: 0; }
	.mainContent .sideNav { display: none; }
}

@media screen and (max-width: 1023px) {
	.video .content .left { width: 100%; padding-right: 0; }
	.video .content .video-cover-wrapper { width: 100%; height: 210px; background-image: url("../images_ir/video/video_cover.jpg"); background-size: cover; background-position: center; }
	.video .content .video-cover-wrapper .video-img { display: none; }
	.video .content .right { width: 100%; margin-top: 15px; }
}

@media screen and (max-width: 767px) {
	.home .blockWrapper { padding: 35px 0 45px; }

	.tableNav tr td { width: auto; }
	.tableNav tr td:not(:first-child) { display: none; }
	.tableNav tr td.show, .tableNav tr td.prev, .tableNav tr td.next { display: table-cell; }
	.tableNav tr td.prev, .tableNav tr td.next { font-size: 18px; text-align: center; vertical-align: middle; width: 30px; }
	.tableNav tr td.prev span, .tableNav tr td.next span { cursor: pointer; visibility: hidden; }
	.tableNav tr td.prev span { visibility: visible; }
	.tableNav tr td.show { width: 25%; min-width: 100px; }
	.finhigh .chart-wrapper > div { width: 100%; float: none; margin-left: 0 !important; }

	.ircalendar .calendarArea > div { float: none; width: 100%; }
	.ircalendar .calendarArea .calendar-wrapper { padding: 20px; }
	.ircalendar .calendarArea .events-detail { padding: 30px 20px; }

	.reports .item { width: 100%; float: none; }
	.presentations .item { width: 100%; float: none; }

	.video .item { width: 100%; }
	.video .item .video-wrapper { max-width: 450px; margin: 0 auto; }

	.directors .name .title { display: block; padding-left: 0; margin-left: 0; border-left: none; line-height: 28px;}
}

@media screen and (min-width: 768px) {
	.ircalendar .events-detail .isToday.hidden { display: block; visibility: hidden; }
}