@charset "utf-8";
/* CSS Document */

@media (min-width: 420px), print{
	.contentPage .banner{height:170px;}
	
	#home .stock .homeStockFrame {width:420px; height:180px;}
	#home .stock .homeStockArea{ max-width:420px; margin:0 auto}
	#home .kpi .kpiArea{ max-width:400px; margin:0 auto;}
	#home .report .imgWrapper img{width:100%;}

	
	#business_overview .img_default, #hrdev .img_default, #cg_overview .img_default, #strategies .img_default, #statement .img_default {width:auto; max-width:100%;}
	
	.reportDetails li > a{ max-width:600px;}

}

@media (min-width: 768px), print{
	p{ font-size:18px; line-height:32px; padding-bottom:30px;}
	.plainText{ padding:0 40px;}
	
	.tools .toolsBtn, .briefcaseDelete, .briefcaseCheckbox{width:28px;height:28px;margin-left:30px;}
	.icon{height:46px;line-height:46px;padding-left:46px;font-size:18px;background-size:36px auto;}
	h1{ color:#df6400; font-size:21px;}
	h2{ font-size:19px;}
	.backToTop{ width:48px; height:48px; right:10px; bottom:20px; background-size:48px 48px;}

	/* header */
	/*
	.headerWrapper{width:100%;position:fixed;top:0px;z-index:100;}
	.headerWrapper .header{max-width:1600px;width:100%;margin:0 auto;padding:0px 40px;}
	.headerWrapper .logo{float:left;margin:17px 0px;}
	.headerWrapper .logo img{width:auto;}
	.headerWrapper .toolsBtn{float:right;margin-top:30px;}
	.headerWrapper .toolsBtn.tablet{display:block;}
	.headerWrapper .toolsBtn.mobile{display:none;}
	.headerWrapper .toolsBtn img{width:auto;}
	.headerWrapper .toolsBtn a{float:left;margin-left:23px;}
	*/
	
	/* menu */
	/*
	.mobileMenuPanel{display:none;}
	.menuPanel{display:block;position:fixed;top:0px;width:100%;height:100%;background:#fff;max-height:0%;overflow:hidden;transition:max-height 0.5s;-webkit-transition:max-height 0.5s;z-index:1000;}
	.menuPanel.act{max-height:100%;}
	.menuPanel .menuHeaderWrapper{height:90px;width:100%;position:absolute;top:0px;background:#fff;}
	.menuPanel .menuHeaderWrapper .menuHeader{max-width:1600px;width:100%;margin:0 auto;padding:0px 40px;height:100%;}
	.menuPanel .menuHeaderWrapper .logo{float:left;margin-top:17px;}
	.menuPanel .menuHeaderWrapper .logo img{width:auto;}
	.menuPanel .menuHeaderWrapper .tools{float:right;}
	.menuPanel .menuHeaderWrapper .tools .langWrapper{float:left;margin-top:35px;}
	.menuPanel .menuHeaderWrapper .tools .langWrapper .lang{float:left;font-size:17px;margin-left:15px;}
	.menuPanel .menuHeaderWrapper .tools .langWrapper .lang a{color:#114aac;}
	.menuPanel .menuHeaderWrapper .tools .langWrapper .lang.tc a{font-family:'Microsoft JhengHei',"Heiti TC",'LiHei Pro Medium','PMingLiU', sans-serif;}
	.menuPanel .menuHeaderWrapper .tools .langWrapper .lang.sc a{font-family:'Microsoft YaHei',"Heiti SC",'STHeiti Light','PMingLiU', sans-serif;}
	
	.menuPanel .menuHeaderWrapper .tools .searchArea{float:left;margin:30px 0px 0px 25px;height:29px;border:1px solid #114aac;vertical-align:middle;}
	.menuPanel .menuHeaderWrapper .tools .searchArea #search{border:none;height:100%;width:192px;float:left;}
	.menuPanel .menuHeaderWrapper .tools .searchArea #searchSubmit{display:block;border:none;width:28px;height:27px;background:url(../images/global/search_btn_bg.png) no-repeat;float:left;cursor:pointer;}
	.menuPanel .menuHeaderWrapper .tools .menuBtn{float:left;margin:30px 0px 0px 35px;}
	
	.menuPanel .menuContentWrapper{max-width:1600px;width:100%;margin:0 auto 0px;padding:90px 40px 70px;height:100%;}
	.menuPanel .menuContentWrapper .menuWrapper{position:relative;height:100%;overflow-y:auto;}
	.menuPanel .menuContentWrapper .menuWrapper .menu{float:left;width:calc(100% - 230px);position:relative;}
	.menuPanel .menuContentWrapper .menuWrapper .menu li{line-height:20px;font-size:16px;margin-bottom:10px;}
	.menuPanel .menuContentWrapper .menuWrapper .menu li a{color:#114aac;}
	.menuPanel .menuContentWrapper .menuWrapper .menu .col{width:25%;float:left;}
	.menuPanel .menuContentWrapper .menuWrapper .menu .section{margin-bottom:20px;padding-right:20px;}
	.menuPanel .menuContentWrapper .menuWrapper .menu .sectionTitle{font-size:20px;color:#ffa424;line-height:24px;margin-bottom:10px;}
	.menuPanel .menuContentWrapper .menuWrapper .menu .sectionTitle a{color:#ffa424;}
	.menuPanel .menuContentWrapper .menuWrapper .menu .lv2menu{margin:7px 0px 0px 20px;list-style:disc;display:none;}
	.menuPanel .menuContentWrapper .menuWrapper .menu .lv2menu li{color:#114aac;}
	
	.menuPanel .menuContentWrapper .menuWrapper .functionWrapper{width:230px;float:left;}
	.menuPanel .menuContentWrapper .menuWrapper .function li a{display:block;height:53px;font-size:14px;line-height:53px;width:100%;color:#114aac;padding-left:63px;white-space:nowrap;}
	.menuPanel .menuContentWrapper .menuWrapper .function li#printBtn a{background:url(../images/global/function_print_btn.png) no-repeat;}
	.menuPanel .menuContentWrapper .menuWrapper .function li#emailBtn a{background:url(../images/global/function_email_btn.png) no-repeat;}
	.menuPanel .menuContentWrapper .menuWrapper .function li#emailalertBtn a{background:url(../images/global/function_emailalert_btn.png) no-repeat;}
	.menuPanel .menuContentWrapper .menuWrapper .function li#bookmarkBtn a{background:url(../images/global/function_bookmark_btn.png) no-repeat;}
	.menuPanel .menuContentWrapper .menuWrapper .function li#briefcaseBtn a{background:url(../images/global/function_briefcase_btn.png) no-repeat;}
	.menuPanel .menuContentWrapper .menuWrapper .function li#shareBtn a{background:url(../images/global/function_share_btn.png) no-repeat;}
	.menuPanel .menuContentWrapper .menuWrapper .function li#surveyBtn a{background:url(../images/global/function_survey_btn.png) no-repeat;}
	.menuPanel .menuContentWrapper .menuWrapper .function li#rssBtn a{background:url(../images/global/function_rss_btn.png) no-repeat;}
	
	.menuPanel .menuFooterWrapper{height:70px;width:100%;position:absolute;background:#114aac;bottom:0px;}
	.menuPanel .menuFooterWrapper .menuFooter{max-width:1600px;width:100%;margin:0 auto;padding:0px 30px;height:100%;}
	.menuPanel .menuFooterWrapper .social{float:left;margin-top:23px;}
	.menuPanel .menuFooterWrapper .social img{width:auto;}
	.menuPanel .menuFooterWrapper .copyright{float:right;font-size:14px;color:#fff;text-align:right;line-height:70px;}
	
	.menuPanel .menuContentWrapper .menuWrapper .menu{width:80%;}
	.menuPanel .menuContentWrapper .menuWrapper .functionWrapper{width:20%;}
	*/
	
	/* content page */
	.mainContent{ padding:0;}
	.contentPage .header{padding:0px 32px;}
	.contentPage .banner{height:250px; background-size:auto 100%; background-position:center; background-repeat:no-repeat}
	.contentPage .banner.img1{background-image:url(../images/banner/banner1.jpg);}
	.contentPage .banner.img2{background-image:url(../images/banner/banner2.jpg);}
	.contentPage .banner.img3{background-image:url(../images/banner/banner3.jpg);}
	.contentPage .banner.img4{background-image:url(../images/banner/banner4.jpg);}
	.contentPage .banner.img5{background-image:url(../images/banner/banner5.jpg);}
	.contentPage .contentWrapper{padding:70px 32px;}
	.contentPage .contentWrapper .pageTitle{font-size:48px;padding-bottom:20px;}
	.contentPage .contentWrapper .breadcrumbs{padding:15px 40px;margin-bottom:50px;font-size:16px;}
	

	/* slide bar */
	.slideBarWrapper{padding:0px 25px;margin-bottom:50px;}
	.slideBarWrapper a{font-size:30px;line-height:60px;}
	.slideBarWrapper .control{width:14px;height:28px;top:15px;}

	/* home */
	#home .panelCtrlWrapper{display:block;}
	#home .panelCtrlWrapper .panelCtrlArea{max-width:730px; position:relative; margin:0 auto }
	#home .panelCtrl{margin:0 auto;padding:0px 20px;}
	#home .panelCtrl .slick-prev{left:0px;}
	#home .panelCtrl .slick-next{right:0px;}
	#home .panelCtrl .panelBtn{font-size:21px;}
	#home .panelCtrl .panelBtn:before{width:75px; height:75px;}
	#home .panelCtrl .panelBtn:hover, #home .panelCtrl .panelBtn.act{background:url(../images/global/home_panel_btn_hover.png) center top no-repeat;opacity:1;}
	
	#home .subPanel .heading{margin-top:40px;margin-bottom:40px;height:40px; background-size: auto 100%; background-repeat:no-repeat; background-position:top center}
	#home .update .updateSlideshowWrapper .slide{ margin:0 20px;}
	#home .update .updateSlideshowWrapper .updateWrapper{height:336px;}
	
	#home .update .updateSlideshowWrapper .updateWrapper .date{ font-size:32px;height:106px;line-height:106px;text-indent:40px;}
	#home .update .updateSlideshowWrapper .updateWrapper .title{font-size:22px;padding:0 40px}
	#home .update .updateSlideshowWrapper .updateWrapper .more{ padding:0 40px;}
	#home .update .updateSlideshowWrapper .updateWrapper .more a{ padding-left:55px;line-height:45px; font-size:24px; }
	#home .update .updateSlideshowWrapper .control{width:32px;height:83px;}

	#home .kpi .kpiData{ float:left; width:40%}
	#home .kpi .kpiChartArea{ float:left; width:60%}
	#home .kpi .kpiArea{ max-width:1200px;}
	
	#home .results .resultsSlideshowWrapper .control{width:32px;height:83px;}
	
	#home .csr .panelContentWrapper{max-width:100%}
	#home .csr .imgWrapper { display:block; float:left; width:40%}
	#home .csr .textWrapper { float:left; width:60%}
	
	#home .report .panelContentWrapper{width:100%;height:100%;max-width:1200px;margin:0 auto}
	#home .report .imgWrapper{width:50%;float:left;}
	#home .report .textWrapper{float:left;width:50%; text-align:left;}
	
	/* announcement template */
	.announceTemplate .row{padding:0px 40px;}
	.announceTemplate .row .date{width:80px;height:80px;}
	.announceTemplate .row .date .month{display:block;text-align:center;font-size:21px;color:#fff;margin-top:5px;}
	.announceTemplate .row .date .day{display:block;text-align:center;font-size:50px;color:#fff;}
	.announceTemplate .row .date .cmonth{display:block;text-align:center;font-size:36px;color:#fff;}
	.announceTemplate .row .date .cyear{display:block;text-align:center;font-size:24px;color:#fff;}
	.announceTemplate .row .title{font-size:18px;width:calc(100% - 196px);max-width:700px;}
	.announceTemplate .row .title a, .announceTemplate .row .title > span{padding:20px 30px;}
	.announceTemplate .row .tools{margin-top:20px;}
	.announceTemplate .row .event{ float:left; width:calc(100% - 88px) !important; padding:20px 30px;}
	.announceTemplate .row:nth-child(odd) .calendarBtn{ background:url(../images/ir/calendar_orange.jpg) no-repeat; width:125px; height:250px;}
	.announceTemplate .row:nth-child(even) .calendarBtn{background:url(../images/ir/calendar_blue.jpg) no-repeat; width:125px; height:250px;}
	.calendarBtn{ position:absolute; right:0; height:200px; top:110px;}
	.calendarSet{ display: -ms-flexbox; display:flex; flex-wrap:wrap;  display: -webkit-flex; -webkit-flex-wrap:wrap;}
	.calendarSet .row{ width:100%;}
	
	/* Quick solve for IE 10 2017/3/3 */
		.calendarSet{ display: block!important; width:100%}
		.calendarSet .row{ float:left!important;}
	
	
	.calendarDiv .subtitle{ font-size:18px; line-height:22px;}
	.calendarDiv .iconSet{ min-height:300px;}
	.resultDiv .iconSet{ min-height: inherit !important;}
	.calendarBtn span{ display:none;}
	.announceTemplate .row .event .iconSet .type{ float:left; width:380px; margin:0 0 30px 0;}


	/* finhighLandingTemplate template (stock, finhigh landing) */
	.finhighLandingTemplate .row .fleft{width:139px;}
	.finhighLandingTemplate .row .sectionsWrapper{float:left;width:calc(100% - 139px);}
	.finhighLandingTemplate .row .sectionsWrapper .type{padding:40px 30px;white-space:nowrap;}
	.finhighLandingTemplate .row .sectionIcon{height: 100px;margin-bottom: 20px;width: 100px;float:left;}
	.finhighLandingTemplate .row .sectionIcon .sectionName{font-size:32px;line-height:100px;}
	.finhighLandingTemplate .icon{height:46px;padding-left:56px;}
	.finhighLegend{}
	
	/* stock page */
	#historicalquoteWrapper{ height:1800px;}

	/* Report */
	.reportsTemplate .row{padding:0px 40px;margin-bottom:50px;}
	.reportsTemplate .row .flag{padding:20px 30px;font-size:32px;margin-bottom:20px;}
	.reportsTemplate .row .date{width:80px;height:80px;margin-bottom:20px;}
	.reportsTemplate .row .date .month{display:block;text-align:center;font-size:21px;color:#fff;margin-top:5px;}
	.reportsTemplate .row .date .day{display:block;text-align:center;font-size:50px;color:#fff;}
	.reportsTemplate .row .cover{width:275px;padding-left:55px;}
	.reportsTemplate .row .coverDetails{width:275px;padding-right:55px;}
	.reportsTemplate .row .typeWrapper{width:calc(100% - 275px);}
	.reportsTemplate .row .typeWrapper .desc{padding:35px 30px;}
	.reportsTemplate .row .type{padding:20px 15px;}
	.reportsTemplate .row .type .typeName{font-size:16px;}
	.reportsTemplate .row .type .tools{margin-top:10px;}
	.reportsTemplate .row .type{padding:40px 30px;}
	.reportsTemplate .row .type .typeName{font-size:18px;}
	.reportsTemplate .row .viewAll{padding:30px;font-size:18px;}
	
	.reportsTemplate .title { line-height:75px; font-size:32px; padding:5px 0 0 35px;}
	/*.reportDetails li{ padding-left:10px; list-style-type:disc; color:#df6400; margin-bottom:30px; line-height:28px; font-size:inherit; position:relative;}*/
	.reportDetails ul{ margin:0 0 50px 20px;}
	.reportDetails li{line-height:28px; font-size:18px;}
	.reportDetails li:before{font-size:28px; line-height:28px; padding-top:2px; margin-left:-20px}


	/* corporate news */
	.pressTemplate .wrapper{margin:0 auto;width:600px;}
	.pressTemplate .header{border-bottom:1px solid #dbdbda;height:143px;padding-top:50px;}
	.pressTemplate .logo{height:53px; width:157px; }
	.pressTemplate .globalLang a{margin:0 10px}
	.pressTemplate h4 {font-size:22px;}
	.pressTemplate .contentPhoto img { display:inline; margin:0px; width:140%; height:auto; max-width:400px; margin:0px 0px 15px 0px;}
	.pressTemplate .content{padding:42px 50px;}

	/* kpi */
	div#kpi_schedule_ann p{padding:30px;}
	#kpi_quarterly p, #kpi_fullyear p, #dividend_history p, #kpi p{ padding:0 25px 25px 25px; }
	.slideTable th{padding:20px 25px}
	.slideTable td{ padding:20px 15px;}
	.slideTable h1{ color:#df6400; font-size:21px;}

	#rss img {max-width:25%;}
	/*#rss .rssTable td {font-size:18px;}*/
	
	/* iconTab */
	.iconTab{ margin-bottom:30px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify;  display: -webkit-flex;  -webkit-justify-content:space-between; }
	.iconTab .iconBox33{ width:32%;  text-align:center; background:#1249ae; border:6px solid #1249ae; }
	.iconTab .caption{ color:#ffffff; padding:0 0 25px 0; font-size:24px;}
	
	.iconMonthly{ width:120px; height:115px; margin:25px auto; background-size: auto;}
	.iconQuarterly{width:120px; height:115px; margin:25px auto; background-size: auto;}
	.iconYearly, .iconFY, .iconHY, .icon1H{width:120px; height:115px; margin:25px auto; background-size: auto;}
	.iconVip{width:107px; height:105px; margin:25px auto; background-size: auto;}
	.iconCommercial{width:111px; height:105px; margin:25px auto; background-size: auto;}
	.iconResidential{width:108px; height:104px; margin:25px auto; background-size: auto;}
	.iconServices{width:117px; height:117px; margin:25px auto; background-size: auto;}
	.iconMajor{ width:103px; height:117px; margin:25px auto; background-size: auto;}
	.iconCorporate{ width:120px; height:115px; margin:25px auto; background-size: auto;}
	.iconConference{ width:120px; height:115px; margin:25px auto; background-size: auto;}



	
	.iconBox33:hover .iconMonthly, .iconBox33.act .iconMonthly{ background:url(../images/ir/icon_monthly_on.png) no-repeat;}
	.iconBox33:hover .iconQuarterly, .iconBox33.act .iconQuarterly{ background:url(../images/ir/icon_quarterly_on.png) no-repeat;}
	.iconBox33:hover .iconYearly, .iconBox33.act .iconYearly{ background:url(../images/ir/icon_yearly_on.png) no-repeat;}
	.iconBox33:hover .iconYearly, .iconBox33.act .iconFY{ background:url(../images/ir/icon_fy_on.png) no-repeat;}
	.iconBox33:hover .iconYearly, .iconBox33.act .iconHY .icon1H{ background:url(../images/ir/icon_hy_on.png) no-repeat;}
	.iconBox50:hover .iconCorporate, .iconBox50.act .iconCorporate{ background:url(../images/ir/iconCorporate_on.png) no-repeat; }
	.iconBox50:hover .iconConference, .iconBox50.act .iconConference{ background:url(../images/ir/iconConference_on.png) no-repeat;}
	
	.responsiveTable tr, .responsiveTable th, .responsiveTable td{font-size:16px;}
	
	/* director */
	.directSet{ display: -ms-flexbox; display:flex;  display: -webkit-flex; -ms-flex-pack: justify; justify-content:space-between; -webkit-justify-content:space-between; -ms-flex-wrap: wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; margin-bottom:50px;}
	.directBox33{ width:32%; text-align:center;}
	.directBox33 .caption{ background:#eeeeee; text-align:left; padding:25px 20px;}
	.directBox33  a .name{ height:50px}
	#nomination .directBox33  a .name{ height:70px} /* Special for nomination.php */
	.directBox33  a .orange .name{  font-size:21px;}
	.directBox33  a .orange .title{ font-size:16px; }
	.directBox33  a .blue .name{ font-size:21px;}
	.directBox33  a .blue .title{ font-size:16px;}
	
	.bioBg, .chairmanBg{ height:480px;/*height:264px;*/}
	.bioBg .pic, .chairmanBg .pic{ width:62%; -ms-align-self: flex-end; align-self: flex-end; -webkit-align-self: flex-end; margin-left:auto;}
	.bioBg .pic img, .chairmanBg .pic img{ height:450px;/*height:260px;*/width:auto; text-align:right;}
	.bioBg .info, .chairmanBg .info{ width:38%; text-align:left; -ms-align-self:center; align-self:center; -webkit-align-self:center;}
	.bioBg .info .name{ font-size:30px; color:#df6400; padding:0 0 10px 0;}
	.bioBg .info .title, .chairmanBg .info .title{ font-size:20px; padding:0; line-height:24px;}
	.chairmanBg .info .name{ font-size:32px; padding:0 0 10px 0;}
	.chairmanIntro { padding:15px 40px; }
	.chairmanIntro p {font-size:22px;}

	/* tableStyle3 */
	.tableStyle3 thead td{font-size:16px}
	.tableStyle3 tbody td{font-size:16px}
	
	/* chartDiv */
	.chartDiv .title{ width:80%; font-size:16px; padding:20px 45px;}
	
	/* milestone */
	.overviewGroup{padding:0 40px; }
	
	.overviewDiv, .overviewVideo{ padding:35px;}

	.milestoneWrapper{ background:url(../images/global/milesBg.jpg) repeat-y; background-position: center;}
	.milestoneWrapper .row:nth-child(odd) .monthHolder{ float:right; margin-right:40px; margin-bottom:30px;}
	.milestoneWrapper .row:nth-child(even) .monthHolder{ float:left;  margin-left:40px; margin-bottom:30px;}
	.milestoneWrapper .row:nth-child(odd) .monthHolder .month{ width:80px; height:80px; }
	.milestoneWrapper .row:nth-child(even) .monthHolder .month{ width:80px; height:80px;}
	.monthHolder{  width:50%;  min-height:50px;}
	.monthHolder .month{ color:#ffffff; line-height:80px; text-align:center; text-transform:uppercase; font-size:32px;}
	.monthHolder .text{ font-size:18px; line-height:20px; padding:30px;}
	.milestoneWrapper .row:nth-child(odd) .monthHolder .month, 
	.milestoneWrapper .row:nth-child(odd) .monthHolder .textGroup
	{ float:left; }
	.milestoneWrapper .row:nth-child(even) .monthHolder .month,
	.milestoneWrapper .row:nth-child(even) .monthHolder .textGroup
	{ float:right; }
	.milestoneWrapper .monthHolder .textGroup{ width:calc(100% - 80px);}
	
	/* Key Financial Data */
	.finhigh_chart{float:left;width:50%; padding:40px; height:480px;}
	
	/* Share Information */
	#chart_shareinfo{width:300px; height:300px; }
	
	/* csr overview */
	#csr_overview .ellipsis { width:590px; max-height:100px;}
	#csr_overview .qRow{padding:20px 0 20px 30px; margin-bottom:20px; position:relative;}
	#csr_overview .ellipsis .mask{ background:url(../images/global/mask.png) no-repeat; position:absolute; width:100px; height:25px; right:0; bottom:5px;}
	.overviewVideo .icon{ position:absolute; right:20px; top:35px;}
	.overviewVideo .videoContainer{  bottom:20px; left:0; text-align:center; display: -ms-flexbox; display:flex; justify-content:center; display: -webkit-flex; -webkit-justify-content:center; height:70%; width:80%; align-items:center; margin:0 auto;}
	#csr_overview .ellipsis .tableStyle3 thead td, #csr_overview .ellipsis .tableStyle3 tbody td { font-size: 16px; }
	#csr_overview .ellipsis .tableStyle3 tbody td ul.dots li { padding-left: 15px; line-height: 18px; }
	#csr_overview p.remark { font-size: 15px; }

	
	#key_products .logo_img{ width:150%; height:150%; max-width:150px;}	
	
	/* videoLibrary */
	#video .row{ margin:0 0 50px 0;}
	#video .title{ font-size:32px; padding:30px 0 0 35px; width:500px; float:left; margin:0;}
	#video .title span{ font-size:18px; }
	#video .sectionIcon{ width:100px;}
	#video .videoContainer{ float:right; width:400px; padding:20px 0 0 0;}
	
	/*conference*/
	#conference .date{padding-top:10px;}
	
	/* Awards */
	#awards .viewAll{text-align:right; padding:30px 40px; font-size:18px;}
	#awards .qRow .qGroup .a ul>li{ font-size:18px; line-height:32px; }
	
	/* FAQ */
	#faq .viewAll{float:right; padding:30px 40px; font-size:18px;}
	
	.size768_show{ display:block}
	.size768_hidden{ display:none}
}

@media (min-width: 980px), print{	
	
	.contentPage .banner{height:350px;}
	.contentPage .footerWrapper .copyright{line-height:20px;font-size:16px;margin-top:8px;}
	
	/* Home */
	#home .stock .homeStockArea{ max-width:720px; margin:0 auto}
	#home .subPanel.stock { background-image:url(../images/global/home_stock_area.png); background-position:right top; background-repeat:no-repeat}
	
	#home .kpi .kpiData{ width:50%; position:relative}
	#home .kpi .kpiChartArea{ width:50%}
	
	#home .kpi .kpiData .kpiData1, #home .kpi .kpiData .kpiData2{ float:left; padding-right:45px; width:50%}
	#home .kpi .kpiData .kpiData2{ padding-top:32px}
	#home .kpi .itemNum { margin-bottom:35px}
	#home .kpi .kpiChartArea{ padding-bottom:0;}
	#home .kpi .more{ position:absolute; height:30px; bottom:3px }
	
	#home .kpi h2{ font-size:32px; }
	#home .kpi .itemName{ font-size:20px; }
	#home .kpi .itemNum{ font-size: 50px;}
	#home .kpi .kpiUnit{ font-size:18px;}
	#home .kpi .more{ bottom:14px }
	#home .kpi .more a {padding-left:48px;line-height:40px; font-size:20px; }

	#home .report .textWrapper .link a{width:85px;height:85px;font-size:18px;line-height:21px;}
	#home .report .textWrapper .title{font-size:32px;margin-bottom:14px;}
	
	#home .report .textWrapper .link{margin-bottom:24px;}
	#home .report .textWrapper .more a{ padding:8px 0 8px 55px;line-height:30px;font-size:21px;}
	
	#home .results .more a{ padding:8px 0 8px 55px;line-height:30px;font-size:24px;}
	
	
	#home .slideshow .slick-dots span{padding:18px 0 18px 40px; font-size:20px; transition:all linear; transition-duration:0.2s;}
	#home .slideshow .slick-dots span:hover{font-size:28px; color:#F17B1D; transition:all linear; transition-duration:0.2s;}
	#home .slideshow .slick-dots .slick-active span{font-size:28px; background-size:auto 100%;}
	

	
	/*
	#home .kpi h2{ font-size:32px; }
	#home .kpi .itemName{ font-size:24px; }
  #home .kpi .itemNum{ font-size: 44px;}
	*/

	.finhighLegend{font-size:18px; line-height:22px;}
	
	/* Report */
	.reportsTemplate .row .cover{width:375px;padding-left:55px;}
	.reportsTemplate .row .coverDetails{width:375px;padding-right:55px;}
	.reportsTemplate .row .typeWrapper{width:calc(100% - 375px);}
	
	/* Share Information */
	#chart_shareinfo{width:400px; height:400px; }
	
	/* corporate news */
	.pressTemplate .wrapper{margin:0 auto;width:1000px;}
	.pressTemplate .header{border-bottom:1px solid #dbdbda;height:143px;padding-top:50px;}
	.pressTemplate .contentPhoto img { display:inline; width:140%; height:auto; max-width:400px; margin:0px 0px 15px 15px;}
	.pressTemplate p { font-size:18px;}
	.pressTemplate td { font-size:18px;}
	.pressTemplate .surveyImage {width:80%;}
	.pressTemplate p textarea.suggestion {width:700px;}
	.pressTemplate p.remarks{ font-size: 15px;}

	
	/* tableStyle1 */
	.tableStyle1, .tableStyle2, { margin-bottom:30px;}
	.tableStyle1 thead th, .tableStyle2 thead th{font-size:19px;}
	.tableStyle1 thead td, .tableStyle2 thead td{ font-size:19px; padding:20px 15px;}
	.tableStyle1 tbody td, .tableStyle2 tbody td{text-align:center; padding:15px; font-size:19px;}
	.break{ display: inline-block;}
	
	/* tableStyle4 */
	.tableStyle4, .tableStyle2 { margin-bottom:30px;}
	.tableStyle4 thead th, .tableStyle2 thead th{font-size:19px;}
	.tableStyle4 thead td, .tableStyle2 thead td{ font-size:19px; padding:20px 15px;}
	.tableStyle4 tbody td, .tableStyle2 tbody td{text-align:;left; padding:15px; font-size:19px;}
	.break{ display: inline-block;}

	/* responsiveTable */
	.responsiveTable {display:table}
	.responsiveTable thead{display:table-row-group}
	.responsiveTable tbody{display:table-row-group;}
	.responsiveTable tr{display:table-row; padding:0; border-bottom:0px solid #ddd}
	.responsiveTable th, .responsiveTable td{padding: 20px 15px; display:table-cell; text-align:left; width:auto; font-size:18px}
	.responsiveTable td[data-title]:before { display:none}
	.responsiveTable th{ background-color:#FFA424; color:#fff; font-size:24px;}
	
	.responsiveTable tbody tr:nth-child(even) td{ background-color:#eee;}
	
	#csr_overview .ellipsis { width:800px; max-height:100px;}
	
	#video .title{ font-size:32px; padding:30px 0 0 35px; width:380px;}
	#video .title span{ font-size:18px; display:block;}
	#video .videoContainer{ float:right; width:400px; padding:20px 0 0 0;}
	
}

@media (min-width: 1025px){
	.contentPage .footerWrapper .footer{padding:23px 32px;}
	.contentPage .footerWrapper .social{float:left;width:auto;margin-bottom:0px;}
	.contentPage .footerWrapper .copyright{width:auto;margin-top:8px;}	
	
	/* header */	
	.headerWrapper{width:100%;position:fixed;top:0px;z-index:100;}
	.headerWrapper .header{max-width:1600px;width:100%;margin:0 auto;padding:0px 40px;}
	.headerWrapper .logo{float:left;margin:17px 0px;}
	.headerWrapper .logo img{width:auto;}
	.headerWrapper .toolsBtn{float:right;margin-top:30px;}
	.headerWrapper .toolsBtn.tablet{display:block;}
	.headerWrapper .toolsBtn.mobile{display:none;}
	.headerWrapper .toolsBtn img{width:auto;}
	.headerWrapper .toolsBtn a{float:left;margin-left:23px;}
	
	/* menu */
	
	.mobileMenuPanel{display:none;}
	.menuPanel{display:block;position:fixed;top:0px;width:100%;height:100%;background:#fff;max-height:0%;overflow:hidden;transition:max-height 0.5s;-webkit-transition:max-height 0.5s;z-index:1000;}
	.menuPanel.act{max-height:100%;}
	.menuPanel .menuHeaderWrapper{height:90px;width:100%;position:absolute;top:0px;background:#fff;}
	.menuPanel .menuHeaderWrapper .menuHeader{max-width:1600px;width:100%;margin:0 auto;padding:0px 40px;height:100%;}
	.menuPanel .menuHeaderWrapper .logo{float:left;margin-top:17px;}
	.menuPanel .menuHeaderWrapper .logo img{width:auto;}
	.menuPanel .menuHeaderWrapper .tools{float:right;}
	.menuPanel .menuHeaderWrapper .tools .langWrapper{float:left;margin-top:35px;}
	.menuPanel .menuHeaderWrapper .tools .langWrapper .lang{float:left;font-size:17px;margin-left:15px;}
	.menuPanel .menuHeaderWrapper .tools .langWrapper .lang a{color:#114aac;}
	.menuPanel .menuHeaderWrapper .tools .langWrapper .lang.tc a{font-family:'Microsoft JhengHei',"Heiti TC",'LiHei Pro Medium','PMingLiU', sans-serif;}
	.menuPanel .menuHeaderWrapper .tools .langWrapper .lang.sc a{font-family:'Microsoft YaHei',"Heiti SC",'STHeiti Light','PMingLiU', sans-serif;}
	
	.menuPanel .menuHeaderWrapper .tools .searchArea{float:left;margin:30px 0px 0px 25px;height:29px;border:1px solid #114aac;vertical-align:middle;}
	.menuPanel .menuHeaderWrapper .tools .searchArea #search{border:none;height:25px;width:192px;float:left;}
	.menuPanel .menuHeaderWrapper .tools .searchArea #searchSubmit{display:block;border:none;width:28px;height:27px;background:url(../images/global/search_btn_bg.png) no-repeat;float:left;cursor:pointer;}
	.menuPanel .menuHeaderWrapper .tools .menuBtn{float:left;margin:30px 0px 0px 35px;}
	
	.menuPanel .menuContentWrapper{max-width:1600px;width:100%;margin:0 auto 0px;padding:90px 40px 70px;height:100%;}
	.menuPanel .menuContentWrapper .menuWrapper{position:relative;height:100%;overflow-y:auto;}
	.menuPanel .menuContentWrapper .menuWrapper .menu{float:left;width:calc(100% - 230px);position:relative;}
	.menuPanel .menuContentWrapper .menuWrapper .menu li{line-height:20px;font-size:16px;margin-bottom:10px;}
	.menuPanel .menuContentWrapper .menuWrapper .menu li a{color:#114aac; font-size: 18px; /*font-weight: 400;*/}
	.menuPanel .menuContentWrapper .menuWrapper .menu .col{width:25%;float:left;}
	.menuPanel .menuContentWrapper .menuWrapper .menu .section{margin-bottom:20px;padding-right:20px;}
	.menuPanel .menuContentWrapper .menuWrapper .menu .sectionTitle{font-size:20px;color:#ffa424;line-height:24px;margin-bottom:10px; }
	.menuPanel .menuContentWrapper .menuWrapper .menu .sectionTitle a{color:#ffa424; }
	.menuPanel .menuContentWrapper .menuWrapper .menu .lv2menu{margin:7px 0px 0px 20px;list-style:disc;display:none;}
	.menuPanel .menuContentWrapper .menuWrapper .menu .lv2menu li{color:#114aac;}
	
	.menuPanel .menuContentWrapper .menuWrapper .functionWrapper{width:230px;float:left;}
	.menuPanel .menuContentWrapper .menuWrapper .function li a{display:block;height:53px;font-size:14px;line-height:53px;width:100%;color:#114aac;padding-left:63px;white-space:nowrap;}
	.menuPanel .menuContentWrapper .menuWrapper .function li#printBtn a{background:url(../images/global/function_print_btn.png) no-repeat;}
	.menuPanel .menuContentWrapper .menuWrapper .function li#emailBtn a{background:url(../images/global/function_email_btn.png) no-repeat;}
	.menuPanel .menuContentWrapper .menuWrapper .function li#emailalertBtn a{background:url(../images/global/function_emailalert_btn.png) no-repeat;}
	.menuPanel .menuContentWrapper .menuWrapper .function li#bookmarkBtn a{background:url(../images/global/function_bookmark_btn.png) no-repeat;}
	.menuPanel .menuContentWrapper .menuWrapper .function li#briefcaseBtn a{background:url(../images/global/function_briefcase_btn.png) no-repeat;}
	.menuPanel .menuContentWrapper .menuWrapper .function li#shareBtn a{background:url(../images/global/function_share_btn.png) no-repeat;}
	.menuPanel .menuContentWrapper .menuWrapper .function li#surveyBtn a{background:url(../images/global/function_survey_btn.png) no-repeat;}
	.menuPanel .menuContentWrapper .menuWrapper .function li#rssBtn a{background:url(../images/global/function_rss_btn.png) no-repeat;}
	
	.menuPanel .menuFooterWrapper{height:70px;width:100%;position:absolute;background:#114aac;bottom:0px;}
	.menuPanel .menuFooterWrapper .menuFooter{max-width:1600px;width:100%;margin:0 auto;padding:0px 30px;height:100%;}
	.menuPanel .menuFooterWrapper .social{float:left;margin-top:23px;}
	.menuPanel .menuFooterWrapper .social img{width:auto;}
	.menuPanel .menuFooterWrapper .copyright{float:right;font-size:14px;color:#fff;text-align:right;line-height:70px;}
	
	.menuPanel .menuContentWrapper .menuWrapper .menu{width:80%;}
	.menuPanel .menuContentWrapper .menuWrapper .functionWrapper{width:20%;}
	
	/* Home */
	#home .subPanel.act{height:calc(100% - 100px);}
	
	#home .slideshowArea .control{display:block!important;}
	
	#home .report .textWrapper .link a{width:100px;height:100px;font-size:21px;line-height:24px;}
	#home .report .textWrapper .title{font-size:38px;margin-bottom:20px;}
	
	#home .report .textWrapper .link{margin-bottom:30px;}
	#home .report .textWrapper .more a{ padding:8px 0 8px 55px;line-height:30px;font-size:24px;}
	
	#home .csr .panelContentWrapper{ padding:0 40px}
	
	#home .csr .textWrapper .title{font-size:34px;}
	#home .csr .textWrapper p{font-size:23px; line-height:35px}
	#home .csr .textWrapper #csr_title_img { width:100px;}
	#home .csr .textWrapper .more a{ padding:8px 0 8px 55px;line-height:30px;font-size:24px;}

}

@media (min-width: 1200px){
	
	.contentPage .banner{height:450px;}
	
	/* Home */
	#home .kpi h2{ font-size:38px; }
	#home .kpi .itemName{ font-size:26px; }
	#home .kpi .itemNum{ font-size: 58px;}
	#home .kpi #kpiChart{ height:440px;}
	#home .kpi .kpiUnit{ font-size:24px;}
	#home .kpi .more{ bottom:14px }
	#home .kpi .more a {padding-left:55px;line-height:45px; font-size:24px; }
	
	#home .subPanel.update .panelContent, #home .subPanel.results .panelContent{padding:90px 25px 0}
	
	#home .csr .imgWrapper { width:50%}
	#home .csr .textWrapper { width:50%}
	
	.plainText{ padding:0 66px;}	
	.chairmanIntro { padding:15px 66px; }

}