@charset "utf-8";

@font-face {
    font-family: Roboto;
    src:url('../../js/fonts/Roboto/Roboto-Regular.ttf');
}

@font-face {
    font-family: RobotoLight;
    src:url('../../js/fonts/Roboto/Roboto-Light.ttf');
}

@font-face {
    font-family: RobotoBold;
    src:url('../../js/fonts/Roboto/Roboto-Bold.ttf');
}

/* CSS Document */ 
html, body { font-family: Roboto, 'Microsoft JhengHei', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #333; }
div, span, a, ul, li { font-family: Roboto, 'Microsoft JhengHei', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; }
p { font-family: Roboto, 'Microsoft JhengHei', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #333; font-size:16px; line-height: 30px; margin-bottom: 20px; }
.body { overflow-x: hidden; }
.bold { font-weight: bold; }
.text-right { text-align: right; }
.img-responsive { width: 100%; }
.row:after { content: ""; display: table; clear: both; }
.contentWrapper { position: relative; width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 20px; }
.homeContent .contentWrapper { max-width: 1240px; }
.homeBannerWrapper, .sectionBannerWrapper { margin-top: 80px; }
.mainContent { padding: 50px 0 100px; min-height: 600px; background-color: #E7F3EA; background-image: url(../images/global/content-bg.png); background-size: 100% auto; background-position: center top; background-repeat: no-repeat; }
.divider { border-bottom: 2px solid #ab8769; }

ul.listSquare li { position: relative; padding-left: 30px; margin-bottom: 10px; font-size: 16px; line-height: 20px; }
ul.listSquare > li:before { content: ""; position: absolute; top: 3px; left: 5px; background: #aa8669; width: 7px; height: 7px; }
ul.listDash li { position: relative; padding-left: 20px; margin-bottom: 10px; font-size: 16px; line-height: 20px; }
ul.listDash > li:before { content: "-"; position: absolute; top: 0; left: 5px; }
ul.listRoman { font-size: 16px; counter-reset: romanlist; }
ul.listRoman > li:before { content: "(" counter(romanlist, upper-roman) ") "; counter-increment: romanlist; display: inline-block; width: 45px; position: absolute; left: 0; }
ul.listRoman > li { line-height: 30px; margin-bottom: 10px; position: relative; padding-left: 45px; }
ul.listLetter { font-size: 16px; counter-reset: letterlist; }
ul.listLetter > li:before { content: "(" counter(letterlist, lower-latin) ") "; counter-increment: letterlist; display: inline-block; width: 35px; position: absolute; left: 0; }
ul.listLetter > li { line-height: 30px; margin-bottom: 10px; position: relative; padding-left: 35px; }
ul.listUpperLetter { font-size: 16px; counter-reset: upperletterlist; }
ul.listUpperLetter > li:before { content: "(" counter(upperletterlist, upper-latin) ") "; counter-increment: upperletterlist; display: inline-block; width: 35px; position: absolute; left: 0; }
ul.listUpperLetter > li { line-height: 30px; margin-bottom: 10px; position: relative; padding-left: 35px; }
ul.listNum { font-size: 16px; counter-reset: number; }
ul.listNum > li:before { content: counter(number) ". "; counter-increment: number; display: inline-block; width: 30px; position: absolute; left: 0; }
ul.listNum > li { line-height: 30px; margin-bottom: 10px; position: relative; padding-left: 30px; }
ul.listNum2 { font-size: 16px; counter-reset: number2; }
ul.listNum2 > li:before { content: "(" counter(number2) ") "; counter-increment: number2; display: inline-block; width: 35px; position: absolute; left: 0; }
ul.listNum2 > li { line-height: 30px; margin-bottom: 10px; position: relative; padding-left: 35px; }
ul > li > ul { padding-top: 10px; padding-bottom: 0 !important; }


/* Home Banner */
.homeBanner .slick-dots { position: absolute; list-style: none; padding: 0 20px; width: 100%; bottom: 40px; }
.homeBanner .slick-dots li { position: relative; display: inline-block; margin: 0 8px; padding: 0; width: 45px; height: 6px; }
.homeBanner .slick-dots li button { font-size: 0; line-height: 0; width: 45px; height: 6px; padding: 0; margin: 0; color: transparent; border: 0; cursor: pointer; outline: none; background: #fff; opacity: 0.5; }
.homeBanner .slick-dots li.slick-active button, .homeBanner .slick-dots li button:hover { background: #ab876a; opacity: 1; }
.homeBanner .slick-prev { position: absolute; top: 0; left: 0; display: block; width: 60px; height: 100%; background: url(../images/global/arrow-prev.png) no-repeat center; background-size: auto 8%; cursor: pointer; z-index: 20; }
.homeBanner .slick-next { position: absolute; top: 0; right: 0px; display: block; width: 60px; height: 100%; background: url(../images/global/arrow-next.png) no-repeat center; background-size: auto 8%; cursor: pointer; z-index: 20; }			
.homeBanner { text-align: center; opacity: 0; }
.homeBanner.slick-initialized { opacity: 1; }
.homeBanner .banner { position: relative; height: 380px; background-size: cover; background-position: center; }
.homeBanner .banner.banner1 { background-image: url(../images/home/home-banner1.jpg);  }
.homeBanner .banner.banner2 { background-image: url(../images/home/home-banner2.jpg);  }
.homeBanner .banner.banner3 { background-image: url(../images/home/home-banner3.jpg);  }
.homeBanner .banner .text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -70%); /*width: 100%;*/ max-width: 750px; padding: 0 50px; text-align: left; }
.homeBanner .banner .text div { color: #fff; font-size: 30px; line-height: 40px; font-family: RobotoLight, 'Microsoft JhengHei'; font-weight: 300; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; letter-spacing: 3px; height: 198px; }
.homeBanner .banner .text img { width: 20px; margin-left: auto; margin-right: -28px; margin-top: -20px; }

.mainContent.homeContent { background-color: #efeeee; }
.homeContent .img-content { position: relative; }
.homeContent .img-content img { display: block; }
.homeContent .frameWrapper { padding: 0 20px; position: relative; background: url(../images/home/frame_v.png); background-size: 100%; background-position: bottom; }
.homeContent .frameContent { position: relative; padding: 20px 0px 40px; }
.homeContent .frameContent .title { font-family: RobotoLight, 'Microsoft JhengHei'; font-size: 28px; text-align: center; color: #aa8669; padding: 10px 0; font-weight: 300; }

.homeNews { padding: 80px 0; }
.homeNews .news { padding: 8px 0; }
.homeNews .news .dateWrapper, .homeNews .news .pdfLink { display: table-cell; vertical-align: middle; }
.homeNews .news .dateWrapper .dateContainer { width: 65px; height: 65px; text-align: center; background: #008fa4; border-radius: 50%; }
.homeNews .news .dateWrapper .dateContainer > div { color: #fff; text-align: center; }
.homeNews .news .dateWrapper .month { font-size: 13px; padding-top: 13px; padding-bottom: 2px; }
.homeNews .news .dateWrapper .date { font-size: 28px; }
.homeNews .news .pdfLink { padding-left: 15px; text-align: left; }
.homeNews .news .pdfLink a { font-size: 16px; line-height: 24px; }

.homeStock { padding: 80px 0; }
.homeStock .stockFrame { width: 100%; /*height: 270px; padding: 0 10px;*/ }

.homeResults { padding: 80px 0; }
.homeResults .cover { width: 50%; max-width: 235px; margin: 0 auto; padding-bottom: 20px; }
.homeResults .link { width: 90%; margin: 0 auto; }
.homeResults .link ul li { font-size: 16px; }

.homeNews .frameContent, .homeStock .frameContent, .homeLandBank .frameContent { -webkit-transition: all 1s; transition: all 1s; }
.homeNews .frameWrapper.init .frameContent, .homeStock .frameWrapper.init .frameContent, .homeLandBank .frameWrapper.init .frameContent { top: 60%; opacity: 0; }
.homeResults .frameWrapper.init .cover img { position: relative; left: 60px; }
.homeResults .frameWrapper .cover img { box-shadow: 4px 5px #ccc; position: relative; left: 0; -webkit-transition: all 1s; transition: all 1s; }

.homeLandBank { padding: 80px 0; }
.homeLandBank .left { position: relative; }
.homeLandBank .legend { padding: 0 15px; width: 100%; }
.homeLandBank .legend > div { color: #aa8669; font-size: 16px; position: relative; padding-left: 30px; padding-right: 10px; margin: 15px 0; }
.homeLandBank .legend > div:before { content: ''; display: inline-block; width: 20px; height: 20px; position: absolute; left: 0; top: -3px; }
.homeLandBank .legend .area1:before { background: #188fa5; }
.homeLandBank .legend .area2:before { background: #6fb9dc; }
.homeLandBank .legend .area3:before { background: #c2d45e; }
.homeLandBank .legend .area4:before { background: #aa8669; }
.homeLandBank .legend .area5:before { background: #c0e0e5; }
.homeLandBank .legend .area6:before { background: #659289; }
.homeLandBank .legend .area7:before { background: #455274; }
.homeLandBank .legend .area8:before { background: #d2abc9; }
.homeLandBank .chartWrapper { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); }
.homeLandBank .chartWrapper > div { width: 90%; margin: 0 auto; direction: ltr; }
.homeLandBank  .notes { color: #fff; position: absolute; bottom: 20px; left: 30px; z-index: 5; direction: ltr; }

.sectionBanner .banner { position: relative; height: 300px; background-size: cover; }
.sectionBanner .banner.ir { background-image: url('../images/global/banner-ir.jpg'); background-position: center; }
.sectionBanner .banner.about { background-image: url('../images/global/banner-about.jpg'); background-position: center; }
.sectionBanner .banner.contact { background-image: url('../images/global/banner-contact.jpg'); background-position: center; }
.sectionBanner .banner.project { background-image: url('../images/global/banner-project.jpg'); background-position: center; }
.sectionBanner .banner.media { background-image: url('../images/global/banner-media.jpg'); background-position: center; }

.pageTitle .breadcrumbs { color: #aa8669; font-size: 16px; }
.pageTitle .breadcrumbs span { color: #333; font-size: 18px; }
.pageTitle .title { font-size: 36px; color: #aa8669; margin: 20px 0; }
.pageContent { padding: 15px 0; }

.yearWrapper { padding: 10px 0 30px; }
.yearWrapper .year { font-size: 48px; font-family: RobotoLight, 'Microsoft JhengHei'; font-weight: 300; display: inline-block; }
.yearWrapper .yearSelect { display: inline-block; float: right; position: relative; width: 144px; height: 44px; padding: 10px 55px 10px 15px; margin: 2px auto; background: #fff; border: 2px solid #aa8669; font-weight: bold; font-size: 20px; cursor: pointer; }
.yearWrapper .yearSelect:after { content: '\203A'; display: block; width: 40px; height: 40px; text-align: center; transform: rotate(90deg); position: absolute; top: 0; right: -1px; color: #fff; background: #aa8669; padding-top: 7px; font-size: 20px;}
.yearWrapper .yearSelect .dropdown { position: absolute; top: 100%; left: -2px; width: 144px; border: 2px solid #aa8669; max-height: 205px; overflow: auto; background: #fff; display: none; }
.yearWrapper .yearSelect .dropdown li a { display: block; padding: 10px 15px; background: #fff; width: 100% }
.yearWrapper .yearSelect .dropdown li:hover a { background: #aa8669; color: #fff; }
.yearWrapper .yearSelect.act .dropdown { display: block; }
.yearWrapper .yearSelect .label {/*letter-spacing: 15px;*/ }

.pageWrapper .subtitle { font-size: 24px; line-height: 40px; padding: 15px 0; }

.tableWrapper { padding: 20px 0; }
.tableHeader .tableTitle { color: #008fa4; font-size: 30px; line-height: 40px; display: inline-block; font-weight: bold; padding: 10px 0 5px; }
.tableHeader .date { font-size: 20px; padding: 0 0 20px; display: block; }

.table_findata { margin: 20px 0; }
.table_findata tr td { padding: 6px 10px; text-align: right; vertical-align: bottom; font-size: 14px; line-height: 16px; font-family: Roboto, 'Microsoft JhengHei'; }
.table_findata tr td:first-child { text-align: left; }
.table_findata tr td.tableHighlight { background-color: #ced8c9; font-weight: bold; }
.table_findata thead tr, .table_findata tbody tr.last { border-bottom: 3px solid #008fa4; }
.table_findata thead tr td { font-size: 14px; line-height: 16px; padding: 10px 10px 10px; }
.table_findata thead tr td span { font-size: 12px; }
.table_findata tbody tr.top td { padding-top: 15px; }
.table_findata tbody tr.underline td { padding-bottom: 15px; border-bottom: 1px solid #008fa4; }
.table_findata tbody tr td.indent { padding-left: 20px; }

.tableNav tr td.prev, .tableNav tr td.next { display: none; }

.table_findata#summary_results tbody tr:last-child td { padding: 20px 10px; }

.announcement { padding: 15px 0; }
.announcement .dateWrapper, .announcement .pdfLink { display: table-cell; vertical-align: middle; }
.announcement .dateWrapper .dateContainer { width: 75px; height: 75px; text-align: center; background: #018fa5; border-radius: 50%; }
.announcement .dateWrapper .dateContainer div { color: #fff; }
.announcement .dateWrapper .month { font-size: 14px; padding: 15px 0 2px; }
.announcement .dateWrapper .date { font-size: 32px; }
.announcement .pdfLink { font-size: 16px; padding-left: 15px; line-height: 24px; }

.reports { padding: 30px 0; }
.reports .item { padding-bottom: 50px; text-align: center; }
.reports .item .title { font-size: 26px; padding-bottom: 30px; }
.reports .item .cover img { width: 100%; max-width: 435px; border: 10px solid #fff; box-shadow: 5px 5px 15px 3px #bbb; }

.presentations { padding: 30px 0; }
.presentations .item { padding-bottom: 50px; text-align: center; }
.presentations .item .cover img { width: 100%; max-width: 535px; border: 10px solid #fff; box-shadow: 5px 5px 15px 3px #bbb; }
.presentations .item .details { padding: 40px 0 20px; }
.presentations .item .date { font-size: 17px; color: #008b99; line-height: 22px; }
.presentations .item .title { font-size: 24px; padding: 10px 0; line-height: 30px; }
.presentations .item ul li { font-size: 18px; display: inline-block; margin-right: 20px; padding-left: 20px; }
.presentations .item ul li:before { top: 5px; }

.company .pageContent img { margin: 0 0 20px; }
.company .pageContent p { width: 100%; max-width: 950px; margin-left: auto; text-align: justify; }
.company-img2 { position: relative; opacity: 0; right: -80px; }
.company-img2.init { opacity: 1; right: 0px; -webkit-transition: all 1s; transition: all 1s; }
.company-img1, .company-img3 { position: relative; opacity: 0; left: -80px; }
.company-img1.init, .company-img3.init { opacity: 1; left: 0px; -webkit-transition: all 1s; transition: all 1s; }


.corpinfo .row:not(:first-child) { padding-top: 20px; }
.corpinfo .row .left { font-size: 18px; padding-bottom: 10px; }
.corpinfo .row .right .details { padding-bottom: 10px; font-size: 18px; line-height: 22px; }
.corpinfo .row .right .details .cat { color: #aa8669; margin-bottom: 10px; }
.corpinfo .row .right .details p { font-size: 18px; line-height: 22px; margin-bottom: 10px; }
.corpinfo .row .right .details a { color: #008fa4; }
.corpinfo .row .right .details a:hover { text-decoration: underline; }
.corpinfo .row .right .details ul.listSquare li { font-size: 18px; line-height: 22px; }
.corpinfo .row .right .details ul.listSquare li:before { top: 9px; }

.newsletters { padding: 30px 0; }
.newsletters .item { width: 100%; padding-bottom: 80px; text-align: center; }
.newsletters .item .title { font-size: 24px; padding-bottom: 30px; }
.newsletters .item .cover { padding: 0 20px; }
.newsletters .item .cover img { width: 100%; max-width: 325px; border: 10px solid #fff; box-shadow: 5px 5px 15px 3px #bbb; }

.contact .item { padding-bottom: 10px; }
.contact .item .name { font-size: 24px; line-height: 40px; color: #aa8669; }
.contact .item .title { font-size: 18px; line-height: 30px; color: #aa8669; }
.contact .item .details a { color: #008fa4; }
.contact .item .details a:hover { text-decoration: underline; }
.contact .qrCode { display: inline-block; text-align: center; }

.management .intro p { margin: 20px; text-align: justify; }
.management .director .item { padding: 0 0px 60px; }
.management .director .item .directorImg { margin-bottom: 30px; }
.management .director .item .directorImg img { display: block; width: 100%; }
.management .director .item .nameWrapper a { display: block; border-left: 4px solid #aa8669; padding-left: 20px; font-size: 18px; line-height: 24px; }
.management .director .item .nameWrapper span { display: block; font-size: 20px; line-height: 40px; font-weight: bold; color: #008fa4; }	
.management .director .item .nameWrapper span.inline { display: inline-block; font-size: 18px; line-height: 24px; font-weight: normal; color: #1f1e1f; }	
.management .senior .item { padding: 0 0px 30px; }
.management .senior .item .nameWrapper a { display: block; border-left: 4px solid #aa8669; padding-left: 20px; font-size: 18px; line-height: 24px; }
.management .senior .item .nameWrapper .name { font-size: 22px; line-height: 40px; color: #008fa4; font-weight: bold; }
.management .senior .item .nameWrapper .title { font-size: 18px; line-height: 24px; }

.management .details .row { padding: 20px 0 30px; }
.management .details p { text-align: justify; }
.management .details .directorImg { text-align: center; }
.management .details .directorImg img { margin: 0 0 15px; width: 100%; max-width: 447px; }
.management .details .nameWrapper { font-size: 32px; line-height: 30px; font-weight: bold; color: #008fa4; padding: 15px 0; }
.management .details .nameWrapper .born { font-size: 20px; font-weight: normal; }
.management .details .nameWrapper .born:before { content: '|'; display: inline-block; padding-right: 10px; color: #ab8769; }
.management .details .nameWrapper .title { font-size: 20px; display: block; line-height: 36px; }

.btn-back { display: inline-block; font-size: 16px; line-height: 20px; color: #008fa4; }
.btn-back:before { content: ''; display: inline-block; width: 20px; height: 20px; background: url(../images/global/icon-back.png) 100% no-repeat; vertical-align: top; margin-right: 10px; background-size:100% }
.btn-more { display: inline-block; font-size: 16px; line-height: 20px; color: #008fa4; }
.btn-more:before { content: ''; display: inline-block; width: 20px; height: 20px; background: url(../images/global/icon-back.png) 100% no-repeat; vertical-align: top; margin-right: 10px; -webkit-transform: rotate(180deg); transform: rotate(180deg);  background-size:100% }

.form .form-group { margin-bottom: 15px; }
.form .form-group label { display: block; font-size: 20px; line-height: 22px; margin-bottom: 5px; font-family: Roboto, 'Microsoft JhengHei'; }
.form .form-group input[type=text] { width: 100%; max-width: 500px; border: 1px solid #ddd; padding: 8px 12px; font-size: 16px; font-family: Roboto, 'Microsoft JhengHei'; }
.form .form-group img { display: block; margin-bottom: 40px; }
.form .form-group .error_msg { display: block; margin-bottom: 5px; }
.form .form-group .submitBtn, .form .form-group .resetBtn { font-size: 18px; line-height: 40px; color: #fff; width: 100px; margin-right: 10px; cursor: pointer; font-family: Roboto, 'Microsoft JhengHei'; }
.form .form-group .submitBtn { background-color: #008fa4; }
.form .form-group .resetBtn { background-color: #bbb; }

.table_list tr td { padding: 15px; font-size: 14px; line-height: 16px; font-family: Roboto, 'Microsoft JhengHei'; }
.table_list thead tr td { background: #008fa4; color: #fff; font-weight: bold; }
.table_list tbody tr:nth-child(odd) { background: rgba(255,255,255,1); }
.table_list tbody tr:nth-child(even) { background: rgba(238,238,238,1); }

.ircalendar .tableTitle { padding: 10px 0 15px; }

.tab-links { padding-top: 15px; }
.tab-links li { width: 25%; float: left; text-align: center; }
.tab-links li a { display: block; font-size: 16px; height: 60px; background: rgba(255,255,255,0.5); padding: 10px; }
.tab-links li a span { color: #aa8669; display: block; position: relative; top: 50%; transform: translateY(-50%); }
.tab-links li.act a, .tab-links li a:hover { background: #aa8669; }
.tab-links li.act a span, .tab-links li a:hover span { color: #fff; }
.tab-content .tab { display: none; }
.tab-content .tab.act { display: block; }

.cg .pageContent p, .cg .pageContent ul li { text-align: justify; }
.cg .section { padding: 10px 0 30px; }
.cg .section .sectionTitle { font-size: 24px; color: #008fa4; line-height: 30px; padding: 10px 0 20px; }
.cg .section .subtitle { font-size: 30px; line-height: 30px; padding: 0 0 20px; }
.cg .section a { color: #008fa4; }
.cg .section a:hover { text-decoration: underline; }
.cg .section ul { padding-bottom: 20px; }
.cg .section table { max-width: 900px; }
.cg .section .table_list tr.title { border-bottom: 2px; }
/*.cg .section .table_list tr.title { border-bottom: 2px solid #008fa4; }*/
.cg .section .table_list tr.title_bottom { border-bottom: 2px solid #008fa4; }
.cg .section .table_list tr.title td { font-weight: bold; }

.cg ul.listUpperLetter > li { font-size: 24px; margin: 0; padding-left: 45px; }
.cg ul.listUpperLetter.Cont2 li { counter-reset: upperletterlist+1; }
.cg ul.listUpperLetter.Cont3 li { counter-reset: upperletterlist+2; }
.cg ul.listUpperLetter.Cont4 li { counter-reset: upperletterlist+3; }
.cg ul.listRoman > li:before { content: "(" counter(romanlist, cjk-ideographic) ")"; }

.disclaimer p { text-align: justify; }

.gallery .row .item { padding: 0 15px; margin-bottom: 20px; width: 100%; }
.gallery .row .item img { display: block; max-width: 100%; margin: 0 auto; }
.gallery .row .item .caption { display: block; line-height: 20px; padding-top: 10px; text-align: center; }
.gallery p.remark { font-size: 16px; font-style: italic; }

.sustainability  .pageContent p, .sustainability  .pageContent ul li { text-align: justify; }
.sustainability .structure { margin: 20px 0; }
.sustainability .structure .btn { text-align: center; font-size: 20px; color: #fff; width: 240px; padding: 15px; background: #58c192; border: 2px solid #58c192; border-radius: 8px; position: relative; margin: 0 auto; }
.sustainability .structure .btn.btn2, .sustainability .structure .btn.btn3 { margin-top: 50px; }
.sustainability .structure .btn.btn2:before, .sustainability .structure .btn.btn3:before { content: ''; display: block; position: absolute; width: 1px; height: 50px; background: #000; left: 50%; top: -105%; }
.sustainability .structure .btn.btn2:after, .sustainability .structure .btn.btn3:after { content: ''; display: block; position: absolute; border-width: 10px 10px 0; border-style: solid; border-color: #000 transparent; left: calc(50% - 9px); top: -12px; }
.sustainability .announcement .pdfLink { padding-left: 0; }
.sustainability .announcement .pdfLink a { color: #008fa4; }
.sustainability .announcement .pdfLink a:hover { text-decoration: underline; }

@media (max-width: 767px){
	
	.homeLandBank .legend.desktop { display: none; }
	
	.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; /*border-bottom: none !important;*/ }
	.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; }
	
	.management .details .nameWrapper { font-size: 34px; }
	.management .details .nameWrapper .born { font-size: 18px; display: block; padding: 10px 0; }
	.management .details .nameWrapper .title { font-size: 20px; display: block; }
	
	.tableCollapse, .tableCollapse thead, .tableCollapse tbody, .tableCollapse tr, .tableCollapse td { display: block; }
	.tableCollapse thead tr { position: absolute; top: -9999px; left: -9999px; }
	.tableCollapse tbody tr { border-bottom: 1px solid #008fa4; }
	.tableCollapse tr td { position: relative; padding-left: 50%; padding: 10px; }
	.tableCollapse tr td:before { position: absolute; width: 50%; white-space: nowrap; height: 100%; top: 0; left: 0; padding: 10px; text-align: left; }

	.ircalendar .table_list tr td:nth-of-type(1):before { content: '日期'; }
	.ircalendar .table_list tr td:nth-of-type(2):before { content: '內容'; }
	.ircalendar .table_list tr td:nth-of-type(3):before { content: '主辦單位'; }
	.ircalendar .table_list tr td:nth-of-type(4):before { content: '地點'; }
	.ircalendar .tableCollapse tr td { padding-left: 32%; }
	
	.tab-links { position: relative; }
	.tab-links li { width: 100%; display: none; }
	.tab-links.open li, .tab-links li.act { display: block; }
	.tab-links li.tab-nav-btn { display: block; position: absolute; width: 60px; height: 60px; background: rgba(255,255,255,0.5); right: 0; }
	.tab-links li.tab-nav-btn:before { content: '\203A'; display: block; -webkit-transform: rotate(90deg); transform: rotate(90deg); position: relative; top: 5px; left: 5px; font-size: 50px; color: #aa8669; }
	.tab-links li a { text-align: left; padding: 10px 75px 10px 15px; }

}

@media (min-width: 768px) {	
	.homeBanner .slick-dots li, .homeBanner .slick-dots li button { width: 60px; height: 8px; }			
	.homeBanner .banner { height: 500px; }
	.homeBanner .banner .text div { font-size: 40px; line-height: 52px; height: 258px; }
	.homeBanner .banner .text img { width: 25px; margin-right: -35px; margin-left: auto; margin-top: -30px; }

	.homeContent .rowWrapper { display: table; height: 1px; }
	.homeContent .rowWrapper .left, .homeContent .rowWrapper .right { width: 50%; display: table-cell; vertical-align: middle; position: relative; height: 100%; }
	.homeContent .frameWrapper { width: 100%; height: 88%; background: url(../images/home/frame_1600.png); background-size: auto 100%; background-repeat: no-repeat; background-position: left; padding: 0 20px; border: none; }
	.homeContent .frameContent { position: relative; padding: 20px 0; top: 50%; transform: translateY(-50%); }

	.homeNews .left > div { top: 80px; }
	.homeNews .right > div { top: -80px; }
	.homeNews .frameWrapper { background-position: right; }

	.homeStock .rowWrapper { direction: rtl; }
	.homeStock .rowWrapper .frameContent { direction: ltr; }

	.homeResults .frameWrapper { background-position: right; }
	.homeResults .link ul { width:50%; float:left}
	.homeResults .link ul:first-child { width:35%; margin-left:15%}
	.homeResults .link ul li { width: 100%; padding-left: 25px; margin-bottom: 5px; }

	.homeLandBank .rowWrapper { direction: rtl; }
	.homeLandBank .rowWrapper .frameContent { direction: ltr; }
	.homeLandBank .legend { padding: 10px 15px 15px; display: table; }
	.homeLandBank .legend > div { font-size: 12px; padding-left: 25px; padding-right: 10px; display: table-cell; width: 50%; margin: 0; }
	.homeLandBank .legend > div:before { width: 18px; height: 18px; }
	.homeLandBank .legend.mobile { display: none; }
	
	.homeNews .img-content, .homeResults .img-content { z-index: 2; box-shadow: 10px -5px 6px -5px rgba(200,200,200,0.6); }
	.homeStock .img-content, .homeLandBank .img-content { z-index: 2; box-shadow: -10px 5px 6px -5px rgba(200,200,200,0.6); }
	
	.sectionBanner .banner { position: relative; height: 420px; background-size: cover; }
	
	.yearWrapper .year { /*font-size: 60px;*/ }
	.yearWrapper .yearSelect { margin: 8px auto; }
	
	.announcement .dateWrapper .dateContainer { width: 90px; height: 90px; }
	.announcement .dateWrapper .month { font-size: 16px; padding: 17px 0 3px; }
	.announcement .dateWrapper .date { font-size: 36px; }
	.announcement .pdfLink { font-size: 18px; padding-left: 22px; }
	
	.reports .item { width: 50%; float: left; padding-right: 50px; text-align: left; }
	.reports .item .cover { padding-right: 50px; }
	
	.presentations .item { width: 50%; float: left; padding-right: 50px; text-align: left; }
	.presentations .item .cover { padding-right: 50px; }
	
	.company .pageContent img { margin: 20px 0 40px; }
	
	.corpinfo .row { padding: 20px 0; width: 100%; display: table; }
	.corpinfo .row:not(:first-child) { /*padding-top: 50px*/ }
	.corpinfo .row .left { width: 35%; display: table-cell; vertical-align: top; /*font-size: 28px;*/ /*padding-bottom: 30px;*/ padding-right: 20px; }
	.corpinfo .row .right { width: 65%; display: table-cell; vertical-align: top; }
	.corpinfo .row .right .details { /*padding-bottom: 30px; font-size: 22px; line-height: 30px;*/ }
	.corpinfo .row .right .details p { /*font-size: 22px; line-height: 30px;*/ }
	.corpinfo .row .right .details ul.listSquare li { /*font-size: 22px; line-height: 30px;*/ }
	.corpinfo .row .right .details ul.listSquare li:before { top: 11px; }
	
	.tableHeader .tableTitle { color: #008fa4; font-size: 30px; line-height: 40px; display: inline-block; font-weight: bold; padding: 15px 0; }
	.tableHeader .date { font-size: 20px; padding: 25px 0; float: right; }

	.table_findata tr td { font-size: 16px; line-height: 20px; }
	.table_findata thead tr td { font-size: 16px; line-height: 20px; padding: 10px 10px 5px; min-width: 111px; }
	.table_findata thead tr td span { font-size: 14px; }	
	/*.table_findata tbody tr.underline td:first-child { border-bottom: none; }*/
	
	.newsletters .item { width: 50%; float: left; text-align: left; }
	.newsletters .item .cover { padding: 0 50px 0 0; }
	
	.management .director .row, .management .senior .row { margin-left: -15px; margin-right: -15px; }
	.management .director .row .item, .management .senior .item { width: 50%; float: left; padding: 0 15px 60px; }
	.management .director .item .nameWrapper { height: 65px; }
	
	.table_list tr td { font-size: 16px; line-height: 20px; }
	
	.tab-links li.tab-nav-btn { display: none; }
	
	.gallery .row { width: 100%; margin-left: -15px; margin-right: -15px; }
	.gallery .row .item { width: 50%; float: left; }
	.gallery .row .item .caption { min-height: 55px; }
}

@media (min-width: 1024px) {
	.homeContent .frameWrapper { padding: 0 40px; }
	.homeContent .frameContent .title { font-size: 38px; padding: 0 0 15px; }

	.homeNews .news { padding: 10px 0px; }
	.homeNews .news .dateWrapper .dateContainer { width: 75px; height: 75px; }
	.homeNews .news .dateWrapper .month { font-size: 15px; padding-top: 13px; padding-bottom: 0px; }
	.homeNews .news .dateWrapper .date { font-size: 36px; }
	.homeNews .news .pdfLink { padding-left: 20px; text-align: left; }
	.homeNews .news .pdfLink a { font-size: 18px; }

	.homeResults .link ul li { font-size: 18px; }

	.homeLandBank .legend { padding: 10px 30px 20px; }
	.homeLandBank .legend > div { font-size: 16px; padding-left: 30px; padding-right: 15px; }
	.homeLandBank .legend > div:before { width: 20px; height: 20px; top: -2px; }
	
	.newsletters .item { width: 33.3333%; }
	
	.management .director .row .item, .management .senior .item { width: 33.3333%; float: left; padding: 0 15px 60px; }
	.management .details .row { display: flex; } 
	.management .details .directorImg { float: left; padding: 0 30px 15px 0; width: 100%; max-width: 430px; flex-shrink: 0; }
	.management .details .directorImg img {  }
	
	.gallery .row .item { width: 33.3333%; float: left; }
	.itemHalf{ width:50%; float:left}
	
}

@media (min-width: 1200px) {	
	.homeBannerWrapper, .sectionBannerWrapper { margin-top: 80px; }
	
	.homeBanner .banner { height: 768px; }
	.homeBanner .banner .text { max-width: 1000px; }
	.homeBanner .banner .text div { font-size: 48px; line-height: 72px; height: 306px; }
	.homeBanner .banner .text img { width: 30px; margin-right: -55px; margin-left: auto; margin-top:-55px; }
	
	.homeContent .frameContent .title { /*font-size: 44px;*/ }
					
	.homeNews .news { padding: 10px 40px; }
	.homeNews .news .dateWrapper .dateContainer { width: 90px; height: 90px; }
	.homeNews .news .dateWrapper .month { font-size: 16px; padding-top: 15px; padding-bottom: 5px; }

	.homeResults .link ul { padding-top: 20px; }
	.homeResults .link ul li { font-size: 20px; margin-bottom: 10px; }
	.homeResults .link ul li:before { top: 7px; }
	
	.sectionBanner .banner { position: relative; height: 550px; background-size: cover; }
	
	.reports .item .title { font-size: 30px; }
	
	.presentations .item .title { /*font-size: 30px;*/ padding: 10px 0; /*line-height: 36px;*/ }
	.presentations .item ul li { font-size: 20px; display: inline-block; margin-right: 20px; padding-left: 22px; }
	.presentations .item ul li:before { top: 6px; }
	
	.corpinfo .row .left { width: 30%; /*font-size: 28px;*/ }
	.corpinfo .row .right { width: 70%; }
	.corpinfo .row .right .details .list { width: 100%; display: table; }
	.corpinfo .row .right .details ul.listSquare { display: table-cell; width: 50%; padding-right: 10px; }
	
	.table_findata tr td { padding: 6px 20px; font-size: 18px; line-height: 26px; }
	.table_findata thead tr td { font-size: 18px; line-height: 24px; padding: 15px 20px 10px; }
	.table_findata thead tr td span { font-size: 14px; }
	.table_findata tbody tr.top td { padding-top: 20px; }
	.table_findata tbody tr.underline td { padding-bottom: 20px; }
	.table_findata tbody tr td.indent { padding-left: 40px; }
	.table_findata#summary_results tbody tr:last-child td { padding: 30px 20px; }
	
	.newsletters .item .title { /*font-size: 30px; */}
	
	.table_list tr td { font-size: 16px; }
	.cg .table_findata tr td { font-size: 16px; }
	
	.tab-links li a { font-size: 20px; }
}

@media (min-width: 1400px) {
	p { font-size: 16px; }
	ul.listSquare li, ul.listDash li, ul.listRoman, ul.listLetter, ul.listNum, ul.listNum2 { font-size: 16px; }
	ul.listSquare > li:before { top: 6px; }
	ul.listDash > li:before { content: "-"; position: absolute; top: 0; left: 5px; }
	
	.homeContent .frameContent .title { padding: 0 0 40px; }
					
	.homeLandBank .legend > div { font-size: 16px; padding-left: 35px; padding-right: 20px; }
	.homeLandBank .legend > div:before { width: 25px; height: 25px; }
	
	/*
	.corpinfo .row .left { width: 35%;  }
	.corpinfo .row .right { width: 65%; }
	*/
	
	.management .director .row .item, .management .senior .item { width: 25%; float: left; padding: 0 15px 60px; }
	
	.gallery .row .item { width: 25%; float: left; }
}

@media (min-width: 1660px) {
	/*.homeBannerWrapper, .sectionBannerWrapper { margin-top: 160px; }*/
}

@media (min-width: 768px) and (max-width: 1366px) and (max-height: 768px) {
	.homeNews, .homeStock, .homeResults, .homeLandBank { transform: scale(0.7); padding: 0; }
	
	.homeBanner .slick-dots li, .homeBanner .slick-dots li button { width: 60px; height: 8px; }			
	.homeBanner .banner { height: 500px; }
	.homeBanner .banner .text div { font-size: 40px; line-height: 52px; height: 258px; }
	.homeBanner .banner .text img { width: 25px; margin-right: -35px; margin-left: auto; margin-top: -30px; }
	
	.sectionBanner .banner { position: relative; height: 320px; background-size: cover; }

}


/* Header */
.header { background: #efeeee; height: 80px; z-index: 50; width: 100%; position: fixed; top: 0; left: 0; border-bottom: 1px solid #bbb; }
.header-left { float: left; height: 100%; }
.header-left .header-logo { display: table-cell; vertical-align: middle; height: 80px; }
.header-left .header-logo > div { display: table-cell; vertical-align: middle; }
.header-left .logo img { display: block; padding: 10px 15px; height: 65px; }
.header-left .irLink span { display: inline-block; padding-left: 15px; border-left: 2px solid #afb1b3; }
.header-left .irLink a { font-size: 20px; line-height: 22px; color: #aa8669; font-weight: bold; letter-spacing: 1px; }
.header-right { float: right; }

@media (max-width: 1199px) {
	.header-right .header-nav, .header-right .header-tool, .header-right .greentown { display: none; }

	.header-right .header-nav { position: fixed; top: 80px; right: -280px; z-index: 50; background: rgba(53,58,61,0.9); width: 280px; overflow-y: auto; height: calc(100vh - 80px); display: block; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 10px; }
	.header-right .header-nav.act { right: 0; }
	.header-right .header-nav .nav-btn { overflow: hidden; }
	.header-right .header-nav .nav-btn > a { display: block; padding: 15px 20px 15px 15px; color: #fff; font-size: 14px; position: relative; }
	.header-right .header-nav .nav-btn > a:after { content: '\002B'; display: inline-block; float: right; font-size: 18px; line-height: 14px; }
	.header-right .header-nav .nav-list { display: none; }
	.header-right .header-nav .nav-list ul li > a { padding: 8px 15px 8px 30px; font-size: 14px; line-height: 14px; color: #fff; display: block; }
	.header-right .header-nav .nav-list ul li > a:before { content: '\003E'; display: inline-block; font-size: 16px; line-height: 14px; padding-right: 10px; }
	.header-right .header-nav .nav-btn.act > a:after { content: '\2212'; }
	.header-right .header-nav .nav-btn.act .nav-list { display: block; }

	.header-right .mobile-nav { width: 60px; height: 50px; float: left; margin-top: 15px; margin-right: 5px; cursor: pointer; z-index: 50; }
	.header-right .mobile-nav .mobile-nav-icon { position: relative; padding: 15px; }
	.header-right .mobile-nav .mobile-nav-icon .line { display: block; background: #000; width: 30px; height: 3px; position: relative; left: 0; transition: all 0.3s; -webkit-transition: all 0.3s; }
	.header-right .mobile-nav .mobile-nav-icon .line.line1 { top: 0; }
	.header-right .mobile-nav .mobile-nav-icon .line.line2 { top: 5px; }
	.header-right .mobile-nav .mobile-nav-icon .line.line3 { top: 10px; }
	.header-right .mobile-nav.act .mobile-nav-icon .line1 { -webkit-transform: translateY(7px) translateX(0px) rotate(45deg); transform: translateY(7px) translateX(0px) rotate(45deg); }
	.header-right .mobile-nav.act .mobile-nav-icon .line2 { opacity: 0; }
	.header-right .mobile-nav.act .mobile-nav-icon .line3 { -webkit-transform: translateY(-8px) translateX(0px) rotate(-45deg); transform: translateY(-8px) translateX(0px) rotate(-45deg); }

	.mobile-nav-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 30; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; background: #000; }
	.mobile-nav-overlay.act { visibility: visible; opacity: 0.4; }
	
	.header-right .header-tool { display: block; margin: 10px; border-top: 1px solid #fff; }
	.header-right .header-lang { padding: 20px 0; }
	.header-right .header-lang > a { display: none; }
	.header-right .header-lang-wrapper { color: #fff; text-align: right; }
	.header-right .header-lang-wrapper > a > span { color: #fff; padding: 0 5px; margin: 0 5px; font-size: 14px; }
	.header-right .header-search > a { display: none; }
	.header-right .header-search .header-search-wrapper { position: relative; }
	.header-right .header-search .header-search-wrapper .form-control { padding: 9px 40px 9px 15px; width: 100%; font-size: 0.9em; font-family: Roboto, 'Microsoft JhengHei'; }
	.header-right .header-search .header-search-wrapper .btn-default { background: transparent; border: none; position: absolute; right: 6px; top: 7px; width: 20px; cursor: pointer; padding: 0; z-index: 3; }
	.header-right .header-search .header-search-wrapper .btn-default > img { transform: scale(0.8); }
}

@media (min-width: 1200px) {
	.header { height: 80px; }
	.header-left .header-logo { height: 80px; }
	.header-left .logo img { padding: 10px 15px 10px 20px; height: 70px; }
	.header-left .irLink span { padding-left: 15px; }
	.header-left .irLink a { font-size: 22px; line-height: 26px; }

	.header-right > div { display: inline-block; vertical-align: middle; padding-right: 20px; }
	.header-right .greentown { width: 135px; height: 100px; display: inline-block; text-align: center; position: relative; background: #ab876a; }
	.header-right .greentown a { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
	.header-right .greentown span { display: inline-block; line-height: 21px; font-size: 15px; color: #fff; position: relative; top: calc(50% - 10px); font-weight: bold; letter-spacing: 2px; }
	.header-right .greentown span:before { content: ''; display: inline-block; width: 21px; height: 21px; background: url(../images/global/icon-greentwon.png); vertical-align: middle; margin-right: 7px; }

	.header-right .header-nav .nav-btn { display: inline-block; position: relative; }
	.header-right .header-nav .nav-btn > a { padding: 20px 15px; font-size: 16px; line-height: 80px; }
	.header-right .header-nav .nav-list { display: none; position: absolute; background: rgba(53,58,61,0.9); z-index: 20; padding: 20px; line-height: 32px; box-shadow: 1px -1px 6px -1px rgba(0,0,0,0.4); border-top: 3px solid #aa8669; min-width: 180px; font-size: 14px; top: 85%; }
	.header-right .header-nav .nav-list ul li a { color: #fff; }
	.header-right .header-nav .nav-btn:hover .nav-list { display: block; }
	.header-right .header-nav .nav-btn .nav-list ul li a:hover { color: #ccc; }

	.header-right .header-tool { margin-right: 5px; display: inline-block; }
	.header-right .header-tool > div { display: inline-block; padding: 8px; position: relative; }
	.header-right .header-tool > div > a { display: block; }
	.header-right .header-tool > div > a > img { vertical-align: bottom; }
	.header-right .header-lang .header-lang-wrapper { display: none; position: absolute; background: rgba(53,58,61,0.9); z-index: 20; padding: 10px 20px; line-height: 32px; box-shadow: 1px -1px 6px -1px rgba(0,0,0,0.4); border-top: 3px solid #aa8669; top: 120%; right: -60%; color: #fff; width: 120px; text-align: center; }
	.header-right .header-lang .header-lang-wrapper a span { padding: 0 10px; color: #fff; font-size: 14px; }
	.header-right .header-search .header-search-wrapper { position: absolute; width: 300px; z-index: 20; border: 5px solid rgba(53,58,61,0.9); top: 120%; right: -15px; display: none; }
	.header-right .header-search .header-search-wrapper:before { content: ''; display: block; position: absolute; right: 20px; top: -25px; z-index: 3; width: 20px; height: 20px; border: 10px solid transparent; border-bottom-color: rgba(53,58,61,0.9); }
	.header-right .header-search .header-search-wrapper .form-control { padding: 9px 40px 9px 15px; width: 100%; font-size: 0.9em; font-family: Roboto, 'Microsoft JhengHei'; }
	.header-right .header-search .header-search-wrapper .btn-default { background: transparent; border: none; position: absolute; right: 6px; top: 7px; width: 20px; cursor: pointer; padding: 0; z-index: 3; }
	.header-right .header-lang.act .header-lang-wrapper, .header-right .header-search.act .header-search-wrapper { display: block; }
}

@media (min-width: 1660px) {
	/*.header { height: 160px; }
	.header-left .header-logo { height: 160px; }
	.header-left .logo img { padding: 40px; height: auto; }
	.header-left .irLink span { padding-left: 40px; }
	.header-left .irLink a { font-size: 30px; line-height: 36px; }

	.header-right .greentown { width: 160px; height: 160px; }
	.header-right .greentown span { font-size: 20px; }
	.header-right .greentown span:before { margin-top: -2px; }

	.header-right .header-nav .nav-btn > a { padding: 20px 25px; font-size: 20px; line-height: 72px; }
	.header-right .header-nav .nav-list { font-size: 16px; }

	.header-right .header-tool { margin-right: 15px; }
	.header-right .header-tool > div { padding: 10px; }*/
}


/* Footer */
.footer { background: #565656; padding: 20px 0; }
.footer div, .footer a { color: #fff; }
.footer-bottom { border-top: 1px solid #bbb; }
.footer-bottom .footer-bottom-wrapper { padding: 10px 0 0; }
.footer-bottom .footer-bottom-wrapper > div { line-height: 24px; margin-bottom: 10px; }
.footer-bottom .footer-icon { float: right; }
.footer-bottom .footer-icon img { display: block; margin-right: 10px; }

.footer-sitemap { padding: 0; }
.footer-sitemap .footer-nav .section { padding-bottom: 10px; }
.footer-sitemap .footer-nav .section .title { font-size: 20px; line-height: 36px; /*font-weight: bold;*/ }
.footer-sitemap .footer-nav .section ul { padding: 10px 0; }
.footer-sitemap .footer-nav .section ul li { font-size: 16px; line-height: 24px; padding: 0 10px 5px; }

.scroll-to-top { display: block; position: fixed; width: 50px; bottom: 0; right: 20px; text-align: center; background: #404040; border-radius: 7px 7px 0 0; color: #fff; height: 9px; padding: 13px 10px 35px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; }
.scroll-to-top.visible { opacity: 0.7; }
.icon-top:after { content: '\203A'; display: block; color: #fff; transform: rotate(-90deg); font-size: 30px; position: relative; left: -1px; top: -5px; }

@media (min-width: 768px) {
	.footer-bottom .footer-bottom-wrapper > div { line-height: 40px; display: inline-block; vertical-align: middle; }
	.footer-bottom .footer-bottom-nav { padding: 0 15px; }
	.footer-bottom .footer-bottom-nav:before { content: '|'; position: relative; top: -1px; padding-right: 15px; }
	.footer-sitemap .footer-nav { width: 33.3333%; float: left; }	
}

@media (min-width: 1024px) {
	.footer-sitemap .footer-nav { width: 25% }			
}

/* Home Stock Frame*/ 
@media (min-width: 1100px) {
	/*.homeStock .stockFrame { height: 350px; }*/
}

.mfp-image-holder .mfp-content { max-width: 95%; }