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

.context111{
	color: #9c9c9c;
	font-family:"微軟正黑體";
	font-size:15px;
}

.sub-logo {display:none}
.home-promote{width:91.6667%; margin:20px auto 0; font-family:"微軟正黑體", Arial, Helvetica, sans-serif;}
.home-promote-left {margin:0 auto; width:100%;border-radius:0px; border:#CCC 1px solid;display:block;box-shadow:0 0 3px 1px rgba(170,170,170,.5); padding:0px 5px 3px 5px;margin-top:10px;}
.home-promote-left:hover {box-shadow:0 0 5px 2px rgba(170,170,170,.5); cursor:pointer;}
.home-promote-right {margin:45px auto 0; width:100%;position:relative;padding:60px 15px 5px 15px; display:inline-block; background:url(../images/home-case-bg.png) bottom repeat-x;}
.home-promote-ribon {float: left; text-align:center; width:95%; position:absolute; top:-30px;}
.home-promote-ribonl {float: left; text-align:center; width:100%;position:relative;top:-30px; display:inline-block;}

.home-case-key-green {
	background-color:#bbdd98;
	color:#FFF;
	float:right;
	display: inline;
	border-radius:15px; 
	border:#bbdd98 1px solid;
	padding:0px 10px;
	font-size:13px;
	margin-left:10px;
}

.case-key-blue {
	background-color:#acd7dd;
	border:#acd7dd 1px solid;
}

.home-case-title {
	background:url(../images/case_item.png) left top no-repeat;
	margin-top:35px;
	padding:0px 5px 5px 30px;
	color:#225fa9;
	font-size:20px;
	font-weight:bold;
	display:block;
}

.home-case-cr {
	width:98%;
	margin:35px 1% 5px;
	height:140px;
	float:left;
	position:relative;
}

.home-case-save-icon {float: left; text-align:center; top:-28px; position:absolute; width:95%;}
.home-case-save {
	width:31%; 
	margin:0 1%;
	color:#e6a91a;
	font-size:17px;
	text-align:center;
	float:left;
	position:relative;
	padding:30px 5px 10px;
	border:#e6a91a 4px solid;
    border-radius:15px; 
}

.home-case-save-2 {
	color:#3594a2;
	border:#3594a2 4px solid;
}

.home-case-save-3 {
	color:#679d30;
	border:#679d30 4px solid;
}

.home-case-save-number {
	font-size:18px;
	text-align:center;
	position:relative;
	font-family:Georgia;
	padding-top:6px;
}

.home-case-save-s{
	font-size:12px;
	font-family:"微軟正黑體";
	color:#999;
	text-align:center;
}

.case-dl-cr {
	height:140px;
	float:left;
	text-align:center;
	margin:25px auto;
	width:100%;
	display: -webkit-flex;
    display: flex;
}

.case-dl {
	width:150px; 
	color:#e6a91a;
	font-size:17px;
	text-align:center;
	float:left;
	position:relative;
	padding:30px 5px 10px;
	border:#e6a91a 4px solid;
    border-radius:15px;
	margin: auto;
}

.case-dl2 {
	width:150px; 
	font-size:17px;
	text-align:center;
	float:left;
	position:relative;
	padding:30px 5px 10px;
	color:#3594a2;
	border:#3594a2 4px solid;
    border-radius:15px; 
	margin: auto;
}

.case-dl3 {
	width:150px; 
	font-size:17px;
	text-align:center;
	float:left;
	position:relative;
	padding:30px 5px 10px;
	color:#679d30;
	border:#679d30 4px solid;
    border-radius:15px; 
	margin: auto;
}

.home-case-bm {
	width:98%;
	margin:25px 1% 5px;
	border-top:#999 1px dotted;
	height:100px;
	float:left;
	position:relative;
}

.home-case-cost-icon {float: left; text-align:center; top:-18px; position:absolute; width:100%;}
.home-case-cost {
	width:31%; 
	margin:0 1%;
	color:#7c508e;
	font-size:18px;
	text-align:center;
	float:left;
	position:relative;
	padding-top:20px;
}

.home-case-money {
	color:#f03639;
}

.home-case-recycle {
	color:#00aa98;
}


.home-case-data {
	font-size:18px;
	text-align:center;
	position:relative;
	font-family:Georgia;
}

.home-case-data-s {
	font-size:12px;
	font-family:"微軟正黑體";
}




@media (min-width:1200px) {
.sub-logo {
   /*display:inline;*/
   display:block;
   float:left;
   position: absolute;
}

.home-promote{width:1100px; display: -webkit-flex;  display: flex; }
.home-promote-left {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:48.27586%;float:left;margin-right:3.44828%; }
.home-promote-right {float:right;margin-right:0; margin-top:10px;}

}


/* title h2 */
.h2_unit-m1{
	text-align:center;
	font-size:26px;
	font-family:"微軟正黑體";
	font-weight:400;
	background:url(../images/subpage/title1_bg.png) bottom center no-repeat;
	padding-bottom:17px;
	color:#454545;
}

.h2_unit-m2{
	text-align:center;
	font-size:26px;
	font-family:"微軟正黑體";
	font-weight:400;
	background:url(../images/subpage/title2_bg.png) bottom center no-repeat;
	padding-bottom:17px;
	color:#454545;
}

.h2_unit-m3{
	text-align:center;
	font-size:26px;
	font-family:"微軟正黑體";
	font-weight:400;
	background:url(../images/subpage/title3_bg.png) bottom center no-repeat;
	padding-bottom:17px;
	color:#454545;
}

.h2_unit-m4{
	text-align:center;
	font-size:26px;
	font-family:"微軟正黑體";
	font-weight:400;
	background:url(../images/subpage/title4_bg.png) bottom center no-repeat;
	padding-bottom:17px;
	color:#454545;
}

.h2_unit-m5{
	text-align:center;
	font-size:26px;
	font-family:"微軟正黑體";
	font-weight:400;
	background:url(../images/subpage/title5_bg.png) bottom center no-repeat;
	padding-bottom:17px;
	color:#454545;
}

.h2_unit-m6{
	text-align:center;
	font-size:26px;
	font-family:"微軟正黑體";
	font-weight:400;
	background:url(../images/subpage/title6_bg.png) bottom center no-repeat;
	padding-bottom:17px;
	color:#454545;
}

.h2_unit-m7{
	text-align:center;
	font-size:26px;
	font-family:"微軟正黑體";
	font-weight:400;
	background:url(../images/subpage/title7_bg.png) bottom center no-repeat;
	padding-bottom:17px;
	color:#454545;
}

.h2_unit-m8{
	text-align:center;
	font-size:26px;
	font-family:"微軟正黑體";
	font-weight:400;
	background:url(../images/subpage/title8_bg.png) bottom center no-repeat;
	padding-bottom:17px;
	color:#454545;
}

.h2_unit-m9{
	text-align:center;
	font-size:26px;
	font-family:"微軟正黑體";
	font-weight:400;
	background:url(../images/subpage/title9_bg.png) bottom center no-repeat;
	padding-bottom:17px;
	color:#454545;
}

.h2_unit-m10{
	text-align:center;
	font-size:26px;
	font-family:"微軟正黑體";
	font-weight:400;
	background:url(../images/subpage/title10_bg.png) bottom center no-repeat;
	padding-bottom:17px;
	color:#454545;
}

/**/
.h3_unit {
	float:left; 
	color:#005e77; 
	font-size:26px; 
	font-family:'微軟正黑體'; 
	line-height:30px;
	padding-bottom:15px; 
	width:820px;
}

.h3_right_search {
	float:right; 
	padding-right:10px;
}




/* job1 */
.job1_btn{
	border:#c7d92d 1px solid;
	padding:5px 8px;
	background-color:#FFF;
	color:#a4a4a4;
	text-align:center;
	line-height:20px;
}

.job1_btn a{
	color:#a4a4a4;
	text-decoration:none;
}

.job1_btn:hover {
	background-color:#e8f0a7;
	cursor:pointer;
}

.job1_btn_current{
	border:#c7d92d 1px solid;
	padding:5px 8px;
	background-color:#c7d92d;
	color:#fff;
	text-align:center;
	line-height:20px;
	text-decoration:none;
}

.job1_btn_current a{
	color:#fff;
	text-decoration:none;
}

/* job2 */
.job2_btn{
	border:#fdba13 1px solid;
	padding:5px 8px;
	background-color:#FFF;
	color:#a4a4a4;
	text-align:center;
	line-height:20px;
}

.job2_btn a{
	color:#a4a4a4;
	text-decoration:none;
}

.job2_btn:hover {
	background-color:#ffecbe;
	cursor:pointer;
}

.job2_btn_current{
	border:#fdba13 1px solid;
	padding:5px 8px;
	background-color:#fdba13;
	color:#fff;
	text-align:center;
	line-height:20px;
	text-decoration:none;
}

.job2_btn_current a{
	color:#fff;
	text-decoration:none;
}

/* job3 */
.job3_btn{
	border:#92d4d3 1px solid;
	padding:5px 8px;
	background-color:#FFF;
	color:#a4a4a4;
	text-align:center;
	line-height:20px;
}

.job3_btn a{
	color:#a4a4a4;
	text-decoration:none;
}

.job3_btn:hover {
	background-color:#d0f5f4;
	cursor:pointer;
}

.job3_btn_current{
	border:#92d4d3 1px solid;
	padding:5px 8px;
	background-color:#92d4d3;
	color:#fff;
	text-align:center;
	line-height:20px;
	text-decoration:none;
}

.job3_btn_current a{
	color:#fff;
	text-decoration:none;
}
/* job4 */
.job4_btn{
	border:#cb79f1 1px solid;
	padding:5px 8px;
	background-color:#FFF;
	color:#a4a4a4;
	text-align:center;
	line-height:20px;
}

.job4_btn a{
	color:#a4a4a4;
	text-decoration:none;
}

.job4_btn:hover {
	background-color:#f2d7ff;
	cursor:pointer;
}

.job4_btn_current{
	border:#cb79f1 1px solid;
	padding:5px 8px;
	background-color:#cb79f1;
	color:#fff;
	text-align:center;
	line-height:20px;
	text-decoration:none;
}

.job4_btn_current a{
	color:#fff;
	text-decoration:none;
}

/* tech1 */
.btn_tech0 {
	border:#d6d6d6 1px solid;
	padding:5px 8px;
	background:#4fc7f0;
	color:#ffffff;
	text-align:center;
	line-height:20px;
	font-size:16px;
	font-family:"微軟正黑體";
}

.btn_tech1 {
	border:#d6d6d6 1px solid;
	padding:5px 8px;
	background:#d8e9b0;
	color:#5f5f5f;
	text-align:center;
	line-height:20px;
	font-size:13px;
	font-family:"微軟正黑體";	
}

.btn_tech2 {
	border:#d6d6d6 1px solid;
	padding:5px 8px;
	background:#f2f5d9;
	color:#5f5f5f;
	text-align:center;
	line-height:20px;
	font-size:13px;
	font-family:"微軟正黑體";	
}

.btn_tech3 {
	border:#d6d6d6 1px solid;
	padding:5px 8px;
	background:#c3e8db;
	color:#5f5f5f;
	text-align:center;
	line-height:20px;
	font-size:13px;
	font-family:"微軟正黑體";	
}

.btn_tech4 {
	border:#d6d6d6 1px solid;
	padding:5px 8px;
	background:#ffd9d7;
	color:#5f5f5f;
	text-align:center;
	line-height:20px;
	font-size:13px;
	font-family:"微軟正黑體";	
}

.btn_tech5 {
	border:#d6d6d6 1px solid;
	padding:5px 8px;
	background:#d8eff1;
	color:#5f5f5f;
	text-align:center;
	line-height:20px;
	font-size:13px;
	font-family:"微軟正黑體";	
}

.btn_tech6 {
	border:#d6d6d6 1px solid;
	padding:5px 8px;
	background:#a6e0f2;
	color:#5f5f5f;
	text-align:center;
	line-height:20px;
	font-size:13px;
	font-family:"微軟正黑體";	
}

.btn_tech7 {
	border:#d6d6d6 1px solid;
	padding:5px 8px;
	background:#ffe9b1;
	color:#5f5f5f;
	text-align:center;
	line-height:20px;
	font-size:13px;
	font-family:"微軟正黑體";
}

.btn_tech0 a{color:#ffffff;text-decoration:none;}
.btn_tech1 a, .btn_tech2 a, .btn_tech3 a, .btn_tech4 a, .btn_tech5 a, .btn_tech6 a, .btn_tech7 a{color:#5f5f5f;text-decoration:none;}
.btn_tech0:hover {background-color:#106ebe;cursor:pointer;}
.btn_tech1:hover, .btn_tech2:hover, .btn_tech3:hover, .btn_tech4:hover, .btn_tech5:hover, .btn_tech6:hover, .btn_tech7:hover {
    /*background-color:#fff;*/
    cursor: pointer;
}

.btn_case_search {
	margin-top:15px; 
	width:100%; 
	background:#85b919 url(../images/subpage/icon_zoom.png) center no-repeat; 
    height:50px; 
	border:#85b919 1px solid; 
	cursor:pointer;
}

.btn_case_search:hover {
	background:#e9e9e9 url(../images/subpage/icon_zoomv.png) center no-repeat; 
	border:#aeaeae 1px solid; 
}

/* result */
.case_result {
	border:#dedede 1px solid;
	float:left;
	width:100%;
	padding:8px 8px 4px 8px;
	margin-bottom:7px;
	position:relative;
	font-family:"微軟正黑體";
}

.case_result_text{
	padding-left:55px;
	padding-right:120px;
	color:#034ea1;
}

.case_result_text a{
	color:#034ea1;
	text-decoration:none;
	font-family:"微軟正黑體";
}

.case_year {
	color:#999;
	font-size:14px;
	font-family:"微軟正黑體";
}

.case_result_dn {
	right: 0; 
	position:absolute;
}

.casae_result_img {
	float:left; 
	position:relative;
}

.case_result_view {
	float:right; 
	padding-right:50px; 
	position: relative;
	font-size:12px; 
	color:#7e7e7e;
}

.case_result:hover{
	box-shadow:0 0 1px 1px #dedede;
	background:#FFF url(../images/subpage/line_bg.png) bottom repeat-x;	
}

/* hot case */

.case_section {
	color:#666;
	font-size:15px;
	text-decoration:none;
	font-family:"微軟正黑體";
}

.case_section a{
	color:#666;
	text-decoration:none;
}

.case_section a:hover{
	color:#0099c2;
	text-decoration:none;
}

.case_year {
	font-size:12px;
	color:#F90;
}



/* home_bottom */
.home_bm {
	color:#908f8f;
	text-align:center; 
	padding:10px; 
	background-color:#eeeeee;
	font-size:15px;
}

.home_bm a{
	color:#818181;
	text-decoration:none;
}

.home_bm a:hover{
	color:#0CF;
	text-decoration:none;
}

.home_bm_blk_left {
	width:25%; 
	border-right:#999 1px dotted; 
	display:inline;
	padding:0px 5px; 
	text-align:left;
}

.home_bm_blk_right {
	width:25%; 
	display:inline;
	padding:0px 5px;
	text-align:center;
}

.home_bm_title {
	text-align:center; 
	color:#3e3a39; 
	font-size:17px; 
	float:left; 
	width:100%; 
	font-family:'微軟正黑體'; 
	line-height:40px;
}


/* case detail*/
.content-blk{
	width:100%;
	max-width:1100px;
	/*float:left;*/
	padding:30px 30px;
	margin-bottom:20px;
	background:#fff;
	box-shadow:0 0 3px #ccc;
	font-size:16px;
	color:#000;
	font-family:"微軟正黑體";
}

.content-blk h1{
	font-size:22px;
	padding-left:15px;
	background: url(../images/subpage/case_h1_bg.png) left no-repeat;
	color:#01428a;
	line-height:60px;
}

.content-blk p{
	color:#818181;
	line-height:30px;

}

.content-blk ol{
	list-style-type:decimal;
	padding-left:45px;
	color:#818181;
}

.content-blk li{
	padding-bottom:8px;
	padding-left:5px;
	line-height:30px;
}

.content-blk-year {
	background:url(../images/subpage/bg_years.png) left no-repeat;
	color:#FFF;
	font-size:24px;
	font-family:"微軟正黑體";
	line-height:32px;
	padding:10px 5px 10px 30px;
	height:70px;
	width:250px;
	z-index: 1;
	position: relative;
}

.content-blk-view {
	float:right;
	width:750px;
	color:#999;
	font-size:15px;
}

.content-keyword {
	float:right; 
	font-size:16px;
	font-family:"微軟正黑體";
	color:#F00; 
	border:#F00 1px solid; 
	padding:2px 6px;
	margin:6px 0px 0px 5px;
	border-radius:8px;
}

.content-keyword:hover{
	background-color:#ffefef;
}

/* prize detail*/
.content-prize-blk {
	float:left;
	padding:0px 0px 30px 0px;
	margin-bottom:20px;
	background:#fff;
	box-shadow:0 0 3px #ccc;
	font-size:16px;
	color:#000;
	font-family:"微軟正黑體";
	width:100%;
	max-width:1100px;
}

.prize_main {
	margin-bottom:20px;
}

.prize_main img {
	width:100%;
	max-width:1100px;
}


/* sub_nav prize*/
.m_classLink{
	display:none;}
	
.classBox{
	padding:20px 0;}

ul.classLink{
text-align:center;
padding-bottom:20px;}

ul.classLink li{
	display:inline-block;}

ul.classLink li a{
	display:block;
	margin:0 3px;
	font-size:16px;
	font-family:"微軟正黑體";
	padding:10px 20px;
	color: #85b919;
	border: 1px solid #85b919;
	text-decoration:none;
	position:relative;}

ul.classLink li a:hover, 
ul.classLink li a.current{
	background:#85b919;
	color:#FFF;}

ul.classLink li a.current:after{
	content:" ";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 7.5px 0 7.5px;
	border-color: #85b919 transparent transparent transparent;
	position:absolute;
	bottom:-5px;
	left:50%;
	margin-left:-7.5px;
}

/* sub_nav show*/
ul.classLink_show{
text-align:center;
padding-bottom:20px;}

ul.classLink_show li{
	display:inline-block;}

ul.classLink_show li a{
	display:block;
	margin:0 3px;
	font-size:16px;
	font-family:"微軟正黑體";
	padding:10px 20px;
	color: #f89209;
	border: 1px solid #f89209;
	text-decoration:none;
	position:relative;}

ul.classLink_show li a:hover, 
ul.classLink_show li a.current{
	background:#f89209;
	color:#FFF;}

ul.classLink_show li a.current:after{
	content:" ";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 7.5px 0 7.5px;
	border-color: #f89209 transparent transparent transparent;
	position:absolute;
	bottom:-5px;
	left:50%;
	margin-left:-7.5px;
}



/* sub_nav show*/
ul.classLink_show2 {
    text-align: center;
    padding-bottom: 20px;
}

    ul.classLink_show2 li {
        display: inline-block;
    }

        ul.classLink_show2 li a {
            display: block;
            margin: 0 3px;
            font-size: 16px;
            font-family: "微軟正黑體";
            padding: 10px 20px;
            color: #d35ba2;
            border: 1px solid #d35ba2;
            text-decoration: none;
            position: relative;
        }

            ul.classLink_show2 li a:hover,
            ul.classLink_show2 li a.current {
                background: #d35ba2;
                color: #FFF;
            }

                ul.classLink_show2 li a.current:after {
                    content: " ";
                    width: 0px;
                    height: 0px;
                    border-style: solid;
                    border-width: 5px 7.5px 0 7.5px;
                    border-color: #d35ba2 transparent transparent transparent;
                    position: absolute;
                    bottom: -5px;
                    left: 50%;
                    margin-left: -7.5px;
                }

/* sub_nav company*/
ul.classLink_com{
text-align:center;
padding-bottom:5px;}

ul.classLink_com li{
	display:inline-block;}

ul.classLink_com li a{
	display:block;
	width:260px;
	margin:0 3px;
	font-size:16px;
	font-family:"微軟正黑體";
	padding:4px 20px;
	color: #0678c1;
	border: 1px solid #0678c1;
	text-decoration:none;
	position:relative;}

ul.classLink_com li a:hover, 
ul.classLink_com li a.current{
	background:#0678c1;
	color:#FFF;}

ul.classLink_com li a.current:after{
	content:" ";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 7.5px 0 7.5px;
	border-color: #0678c1 transparent transparent transparent;
	position:absolute;
	bottom:-5px;
	left:50%;
	margin-left:-7.5px;
}

/* sub_nav school*/
ul.classLink_school{
text-align:center;
padding-bottom:20px;}

ul.classLink_school li{
	display:inline-block;}

ul.classLink_school li a{
	display:block;
	width:260px;
	margin:0 3px;
	font-size:16px;
	font-family:"微軟正黑體";
	padding:4px 20px;
	color: #ca0093;
	border: 1px solid #ca0093;
	text-decoration:none;
	position:relative;}

ul.classLink_school li a:hover, 
ul.classLink_school li a.current{
	background:#ca0093;
	color:#FFF;}

ul.classLink_school li a.current:after{
	content:" ";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 7.5px 0 7.5px;
	border-color: #ca0093 transparent transparent transparent;
	position:absolute;
	bottom:-5px;
	left:50%;
	margin-left:-7.5px;
}

/* sub_nav media*/
ul.classLink_media{
text-align:center;
padding-bottom:20px;}

ul.classLink_media li{
	display:inline-block;}

ul.classLink_media li a{
	display:block;
	margin:0 3px;
	font-size:16px;
	font-family:"微軟正黑體";
	padding:10px 50px;
	color: #34b5dd;
	border: 1px solid #fed932;
	text-decoration:none;
	position:relative;}

ul.classLink_media li a:hover, 
ul.classLink_media li a.current{
	/*2022.7.18 加上節電服務團後，這個顏色變化覆蓋了USER想要的顏色，故先取消*/
	/*background:#fed932;*/
	color:#001280;}

ul.classLink_media li a.current:after{
	content:" ";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 7.5px 0 7.5px;
	border-color: #fed932 transparent transparent transparent;
	position:absolute;
	bottom:-5px;
	left:50%;
	margin-left:-7.5px;
}

/* sub_nav video*/
ul.classLink_video{
text-align:center;
padding-bottom:20px;}

ul.classLink_video li{
	display:inline-block;}

ul.classLink_video li a{
	display:block;
	margin:0 3px;
	font-size:16px;
	font-family:"微軟正黑體";
	padding:10px 20px;
	color: #a95ea2;
	border: 1px solid #d2aace;
	text-decoration:none;
	position:relative;}

ul.classLink_video li a:hover, 
ul.classLink_video li a.current{
	background:#d2aace;
	color:#000;}

ul.classLink_video li a.current:after{
	content:" ";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 7.5px 0 7.5px;
	border-color: #d2aace transparent transparent transparent;
	position:absolute;
	bottom:-5px;
	left:50%;
	margin-left:-7.5px;
}


/* Observe result */
.obs_result {
	border:#dedede 1px solid;
	float:left;
	width:100%;
	padding:8px 8px 4px 8px;
	margin-bottom:7px;
	position:relative;
}

.obs_result_text{
	padding-left:35px;
	padding-right:20px;
	color:#034ea1;
	font-family:"微軟正黑體";
}

.obs_result_text a{
	color:#034ea1;
	text-decoration:none;
}

.obs_year {
	color:#8a8a8b;
	font-size:15px;
	font-family:"微軟正黑體";
}

.obs_result_img {
	float:left; 
	position:relative;
}

.obs_result_view {
	float:right; 
	padding-right:10px; 
	position: relative;
	font-size:12px; 
	color:#7e7e7e;
}

.obs_result:hover{
	box-shadow:0 0 1px 1px #dedede;
	cursor:pointer;
	background:#FFF url(../images/subpage/line_bg.png) bottom repeat-x;
}


/*新訊列表*/
ul.newsList{}

ul.newsList li{
	font-family: "微軟正黑體";
	border-top: 1px solid #E4E2E2;/*訊息分隔線*/
	padding:25px 0;/*訊息間距*/}


ul.newsList li:first-child{
	border:none;}

.newsDate{/*發布日期*/
	padding:3px 0px;
	font-size:14px;
	color:#d76753;
	letter-spacing:1px;
	text-align:right;
}

.newIcon{/*分類小圖示*/
	padding:3px 30px;
	margin-right:3px;
	display:inline-block;
	font-size:15px;
	font-weight:normal;
	color:#FFF;}

ul.newsList li .Img{/*訊息圖片*/
	float:left;
	margin-right:10px;
	overflow:hidden;}

ul.newsList li .Img img{
	display:block;
	width:100%;}

ul.newsList li .Txt{/*文字區*/
	overflow:hidden;}

ul.newsList li .Txt h3{/*訊息標題*/
	font-size:19px;
	font-weight:normal;
	color:#2f2f2f;
	text-decoration:none;
	margin-bottom:3px;
	margin-top:6px;
}

ul.newsList li .Txt h3 a{/*訊息標題*/
	display:inline-block;
	text-decoration:none;
	vertical-align:middle;
	color:#000;}

ul.newsList li .Txt h3 a:hover{/*訊息標題滑過效果*/
	color:#34b5dd;}

ul.newsList li .Txt p{/*列表說明*/
	margin-top:7px;
	font-size:17px;
	color:#909090;
	line-height:1.8;}
	
/***Hover效果1: 放大淡出***/
.imh_opacity{
	/*2022.7.18 節電服務團 去掉多出來的底線*/
	/*background:#000;*/
}

.imh_opacity img{	
	transition:all 0.3s linear;
	-webkit-backface-visibility: hidden;}

.imh_opacity:hover img{
	opacity:0.8;
	transform:scale(1.05);}
	
/***newIcon***/
.newIcon_pink{
background: #f48daf;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjQ4ZGFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmNDk4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  #f48daf 0%, #ef4984 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f48daf), color-stop(100%,#ef4984));
background: -webkit-linear-gradient(-45deg,  #f48daf 0%,#ef4984 100%);
background: -o-linear-gradient(-45deg,  #f48daf 0%,#ef4984 100%);
background: -ms-linear-gradient(-45deg,  #f48daf 0%,#ef4984 100%);
background: linear-gradient(135deg,  #f48daf 0%,#ef4984 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f48daf', endColorstr='#ef4984',GradientType=1 );
}

.newIcon_green{
background: #abd85d;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYWJkODVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgxYjYyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  #abd85d 0%, #81b625 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#abd85d), color-stop(100%,#81b625));
background: -webkit-linear-gradient(-45deg,  #abd85d 0%,#81b625 100%);
background: -o-linear-gradient(-45deg,  #abd85d 0%,#81b625 100%);
background: -ms-linear-gradient(-45deg,  #abd85d 0%,#81b625 100%);
background: linear-gradient(135deg,  #abd85d 0%,#81b625 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abd85d', endColorstr='#81b625',GradientType=1 );}

/***other links***/
ul.olinks{}

ul.olinks li{
	padding:0px 0px 5px 0px;
	display:inline-block;
	border: 1px solid #d6d6d6;
	margin:10px 1.47% 40px 1.47%;
	box-shadow:0 0 1px 1px #dedede;
}

ul.olinks li .item{
	position:relative;}

ul.olinks li .Img{
	overflow:hidden;}

ul.olinks .Img img{
	display:block;
	width:100%;
	
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;}

ul.olinks .Img:hover img{
	opacity:0.7;
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);}
	
ul.olinks li .Txt{
	padding:0px;
	background:#FFF;
	text-align:center;}

ul.olinks li .Txt h3{
	font-size:16px;
	text-align:center;
	font-weight:normal;
	padding:5px;
}

ul.olinks li .Txt h3 a{
	display:block;
	color:#593b18;
	text-decoration:none;}

ul.olinks li .Txt h3 a:hover{
	text-decoration:none;;
	color: #F09;
}
	
.col-41{
	float:left;
	width:22%;}
	
.col-31{
	float:left;
	width:30.392%;}	
	
.olinks_box{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}	
	


@media (max-width: 767px){

ul.newsList li .Img{display:none;}

/*類別*/
.m_classLink{
	display:none;}
	
.classBox{
	padding:20px 0;}

ul.classLink{
	text-align:center;
    padding-bottom:20px;}

ul.classLink li{
	display: block;}

ul.classLink li a{
	display:block;
	margin:1px 3px;
	font-size:16px;
	font-family:"微軟正黑體";
	padding:8px 20px;
	color: #85b919;
	border: 1px solid #85b919;
	text-decoration:none;
	position:relative;}

ul.classLink li a:hover, 
ul.classLink li a.current{
	background:#85b919;
	color:#FFF;}

ul.classLink li a.current:after{
	content:" ";
	width: 0px;
	height: 0px;
	position:absolute;
	bottom:-5px;
	left:50%;
	margin-left:-7.5px;
	border:none;
}

/* sub_nav show*/
ul.classLink_show{
	text-align:center;
    padding-bottom:20px;}

ul.classLink_show li{
	display: block;}

ul.classLink_show li a{
	display:block;
	margin:1px 3px;
	font-size:16px;
	font-family:"微軟正黑體";
	padding:8px 20px;
	color: #f89209;
	border: 1px solid #f89209;
	text-decoration:none;
	position:relative;}

ul.classLink_show li a:hover, 
ul.classLink_show li a.current{
	background:#f89209;
	color:#FFF;}

ul.classLink_show li a.current:after{
	content:" ";
	width: 0px;
	height: 0px;
	position:absolute;
	bottom:-5px;
	left:50%;
	margin-left:-7.5px;
	border:none;
}


    /* sub_nav show*/
    ul.classLink_show2 {
        text-align: center;
        padding-bottom: 20px;
    }

        ul.classLink_show2 li {
            display: block;
        }

            ul.classLink_show2 li a {
                display: block;
                margin: 1px 3px;
                font-size: 16px;
                font-family: "微軟正黑體";
                padding: 8px 20px;
                color: #d35ba2;
                border: 1px solid #d35ba2;
                text-decoration: none;
                position: relative;
            }

                ul.classLink_show2 li a:hover,
                ul.classLink_show2 li a.current {
                    background: #d35ba2;
                    color: #FFF;
                }

                    ul.classLink_show2 li a.current:after {
                        content: " ";
                        width: 0px;
                        height: 0px;
                        position: absolute;
                        bottom: -5px;
                        left: 50%;
                        margin-left: -7.5px;
                        border: none;
                    }

/* sub_nav company*/
ul.classLink_com{
	text-align:center;
    padding-bottom:5px;}

ul.classLink_com li{
	display: block;}

ul.classLink_com li a{
	display:block;
	margin:1px 3px;
	width:100%;
	font-size:15px;
	font-family:"微軟正黑體";
	padding:4px 20px;
	color: #0678c1;
	border: 1px solid #0678c1;
	text-decoration:none;
	position:relative;}

ul.classLink_com li a:hover, 
ul.classLink_com li a.current{
	background:#0678c1;
	color:#FFF;}

ul.classLink_com li a.current:after{
	content:" ";
	width: 0px;
	height: 0px;
	position:absolute;
	bottom:-5px;
	left:50%;
	margin-left:-7.5px;
	border:none;
}

/* sub_nav school*/
ul.classLink_school{
	text-align:center;
    padding-bottom:15px;}

ul.classLink_school li{
	display: block;}

ul.classLink_school li a{
	display:block;
	margin:1px 3px;
	width:100%;
	font-size:15px;
	font-family:"微軟正黑體";
	padding:4px 20px;
	color: #ca0093;
	border: 1px solid #ca0093;
	text-decoration:none;
	position:relative;}

ul.classLink_school li a:hover, 
ul.classLink_school li a.current{
	background:#ca0093;
	color:#FFF;}

ul.classLink_school li a.current:after{
	content:" ";
	width: 0px;
	height: 0px;
	position:absolute;
	bottom:-5px;
	left:50%;
	margin-left:-7.5px;
	border:none;
}

/* sub_nav media*/
ul.classLink_media{
	text-align:center;
    padding-bottom:20px;}

ul.classLink_media li{
	display: block;}

ul.classLink_media li a{
	display:block;
	margin:1px 3px;
	font-size:16px;
	font-family:"微軟正黑體";
	padding:8px 20px;
	color: #34b5dd;
	border: 1px solid #fed932;
	text-decoration:none;
	position:relative;}

ul.classLink_media li a:hover, 
ul.classLink_media li a.current{
	background:#fed932;
	color:#001280;}

ul.classLink_media li a.current:after{
	content:" ";
	width: 0px;
	height: 0px;
	position:absolute;
	bottom:-5px;
	left:50%;
	margin-left:-7.5px;
	border:none;
}

/* sub_nav video*/
ul.classLink_video{
	text-align:center;
    padding-bottom:20px;}

ul.classLink_video li{
	display: block;}

ul.classLink_video li a{
	display:block;
	margin:1px 3px;
	font-size:16px;
	font-family:"微軟正黑體";
	padding:8px 20px;
	color: #a95ea2;
	border: 1px solid #d2aace;
	text-decoration:none;
	position:relative;}

ul.classLink_video li a:hover, 
ul.classLink_video li a.current{
	background:#d2aace;
	color:#000;}

ul.classLink_video li a.current:after{
	content:" ";
	width: 0px;
	height: 0px;
	position:absolute;
	bottom:-5px;
	left:50%;
	margin-left:-7.5px;
	border:none;
}


/***home bottom title***/
.home_bm_title {
	text-align:center; 
	color:#3e3a39; 
	font-size:19px; 
	float:left; 
	width:100%; 
	font-family:'微軟正黑體'; 
	line-height:65px;
}
}

/***other links***/
@media (min-width:736px) and (max-width:1199px){
.col-41{float:left;width:30.392%;}
.col-31{float:left;width:30.392%;}	
}
@media (min-width:481px) and (max-width:767px){.col-41{width:44%;}.col-31{width:44%;}}
@media (min-width:0) and (max-width:480px) {
li.col-41{width:98%;}
.col-31{width:98%;}	
ul.olinks li .Txt h3{font-size:13px;}
}

/***feedback form***/
.form-style-2{
     max-width: 988px;
     padding: 20px 12px 10px 20px;
	 font-family:"微軟正黑體";
	 font-size:17px;
}
.form-style-2 label{
     display: block;
     margin: 0px 0px 15px 0px;
	 border-bottom: 1px solid #eef0f0;
	 padding:0px 0px 10px 0px;
}
.form-style-2 label > span{
     width: 300px;
     float: left;
     padding-top: 8px;
     padding-right: 5px;
}
.form-style-2 span.required{
     color:red;
}
.form-style-2 .small-field{
     width: 60px;
     text-align: left;
}

.form-style-2 .small120-field{
     width: 120px;
     text-align: left;
}

.input-field.Qmenu {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    padding: 7px;
    outline: none;
    font-size: 17px;
    font-family: "微軟正黑體";
}

.form-style-2 input.input-field{
     width: 68%;
}

.form-style-2 input.input-field, 
.form-style-2 .small-field, 
.form-style-2 .small120-field, 
.form-style-2 .textarea-field, 
.form-style-2 .select-field{
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     border: 1px solid #C2C2C2;
     box-shadow: 1px 1px 4px #EBEBEB;
     -moz-box-shadow: 1px 1px 4px #EBEBEB;
     -webkit-box-shadow: 1px 1px 4px #EBEBEB;

     padding: 7px;
     outline: none;
	 font-size:17px;
	 font-family:"微軟正黑體";
}
.form-style-2 .input-field:focus, 
.form-style-2 .small-field:focus, 
.form-style-2 .small120-field:focus, 
.form-style-2 .textarea-field:focus,  
.form-style-2 .select-field:focus{
     border: 1px solid #f6a98b;
}
.form-style-2 .textarea-field{
     height:100px;
     width: 68%;
}
.form-style-2 input[type=submit],
.form-style-2 input[type=button]{
     border: none;
     padding: 8px 15px 8px 15px;
     background: #FF8500;
     color: #fff;
     box-shadow: 1px 1px 4px #DADADA;
     -moz-box-shadow: 1px 1px 4px #DADADA;
     -webkit-box-shadow: 1px 1px 4px #DADADA;
	 font-family:"微軟正黑體";
	 font-size:17px;
}
.form-style-2 input[type=submit]:hover,
.form-style-2 input[type=button]:hover{
     background: #EA7B00;
     color: #fff;
}

.form-style-2 label label {
	margin-right:20px;
	border-bottom: none;
	padding:0px;}

.form-style-2 input[type=radio].css-checkbox {
position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

.form-style-2 input[type=radio].css-checkbox + label.css-label {
padding-left:26px;
height:21px; 
display:inline-block;
line-height:21px;
background-repeat:no-repeat;
background-position: 0 0;
font-family:"微軟正黑體";
font-size:17px;
cursor:pointer;
}

.form-style-2 input[type=radio].css-checkbox:checked + label.css-label {
background-position: 0 -21px;
}
.form-style-2 label.css-label {
background-image: url(../images/csscheckbox.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}


.form-style-2 input[type=checkbox].css-checkbox2 {
position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

.form-style-2 input[type=checkbox].css-checkbox2 + label.css-label2 {
padding-left:26px;
height:22px; 
display:inline-block;
line-height:22px;
background-repeat:no-repeat;
background-position: 0 0;
font-family:"微軟正黑體";
font-size:17px;
cursor:pointer;
}

.form-style-2 input[type=checkbox].css-checkbox2:checked + label.css-label2 {
background-position: 0 -22px;
}
.form-style-2 label.css-label2 {
background-image:url(../images/csscheckbox_2.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.form-style-2-100 {
width:100%; margin-bottom:15px;	
}
	
/***feedback form2***/
.form-style-1{
     max-width: 988px;
     padding: 20px 12px 10px 20px;
	 font-family:"微軟正黑體";
	 font-size:17px;
}
.form-style-1 label{
     display: block;
     margin: 0px 0px 15px 0px;
	 border-bottom: 1px solid #eef0f0;
	 padding:0px 0px 10px 0px;
}
.form-style-1 label > span{
     width: 500px;
     float: left;
     padding-top: 8px;
     padding-right: 5px;
}
.form-style-1 span.required{
     color:red;
}
.form-style-1 .small-field{
     width: 60px;
     text-align: left;
}

.form-style-1 .small120-field{
     width: 120px;
     text-align: left;
}

.form-style-1 input.input-field{
     width: 30%;
}


.form-style-1 input.input-field, 
.form-style-1 .small-field, 
.form-style-1 .small120-field, 
.form-style-1 .textarea-field, 
.form-style-1 .select-field{
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     border: 1px solid #C2C2C2;
     box-shadow: 1px 1px 4px #EBEBEB;
     -moz-box-shadow: 1px 1px 4px #EBEBEB;
     -webkit-box-shadow: 1px 1px 4px #EBEBEB;

     padding: 7px;
     outline: none;
	 font-size:17px;
	 font-family:"微軟正黑體";
}
.form-style-1 .input-field:focus, 
.form-style-1 .small-field:focus, 
.form-style-1 .small120-field:focus, 
.form-style-1 .textarea-field:focus,  
.form-style-1 .select-field:focus{
     border: 1px solid #f6a98b;
}
.form-style-1 .textarea-field{
     height:100px;
     width: 70%;
}
.form-style-1 input[type=submit],
.form-style-1 input[type=button]{
     border: none;
     padding: 8px 15px 8px 15px;
     background: #FF8500;
     color: #fff;
     box-shadow: 1px 1px 4px #DADADA;
     -moz-box-shadow: 1px 1px 4px #DADADA;
     -webkit-box-shadow: 1px 1px 4px #DADADA;
	 font-family:"微軟正黑體";
	 font-size:17px;
}
.form-style-1 input[type=submit]:hover,
.form-style-1 input[type=button]:hover{
     background: #EA7B00;
     color: #fff;
}

.form-style-1 label label {
	margin-right:20px;
	border-bottom: none;
	padding:0px;}

.form-style-1 input[type=radio].css-checkbox {
position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

.form-style-1 input[type=radio].css-checkbox + label.css-label {
padding-left:26px;
height:21px; 
display:inline-block;
line-height:21px;
background-repeat:no-repeat;
background-position: 0 0;
font-family:"微軟正黑體";
font-size:17px;
cursor:pointer;
}

.form-style-1 input[type=radio].css-checkbox:checked + label.css-label {
background-position: 0 -21px;
}
.form-style-1 label.css-label {
background-image: url(../images/csscheckbox.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}


.form-style-1 input[type=checkbox].css-checkbox2 {
position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

.form-style-1 input[type=checkbox].css-checkbox2 + label.css-label2 {
padding-left:26px;
height:22px; 
display:inline-block;
line-height:22px;
background-repeat:no-repeat;
background-position: 0 0;
font-family:"微軟正黑體";
font-size:17px;
cursor:pointer;
}


.form-style-1 input[type=checkbox].css-checkbox2:checked + label.css-label2 {
background-position: 0 -22px;
}
.form-style-1 label.css-label2 {
background-image:url(../images/csscheckbox_2.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.form-style-1-100 {
width:100%; float:left; padding-bottom:20px; padding-top:5px;
}

.form-style-3-100 {
width:100%; float:left; padding-bottom:15px; padding-top:5px; border-bottom: 1px solid #eef0f0;
}

/***feedback button***/
.fbButton {
	-moz-box-shadow: 0px 10px 14px -7px #ffffff;
	-webkit-box-shadow: 0px 10px 14px -7px #ffffff;
	box-shadow: 0px 10px 14px -7px #ffffff;
	background-color:#d71314;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
    font-family:"微軟正黑體";
	font-size:20px;
	padding:13px 42px;
	text-decoration:none;
	margin:10px;
}
.fbButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f06b6c), color-stop(1, #d71314));
	background:-moz-linear-gradient(top, #f06b6c 5%, #d71314 100%);
	background:-webkit-linear-gradient(top, #f06b6c 5%, #d71314 100%);
	background:-o-linear-gradient(top, #f06b6c 5%, #d71314 100%);
	background:-ms-linear-gradient(top, #f06b6c 5%, #d71314 100%);
	background:linear-gradient(to bottom, #f06b6c 5%, #d71314 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd2a47', endColorstr='#a84167',GradientType=0);
	background-color:#f06b6c;
}
.fbButton:active {
	position:relative;
	top:1px;
}

.fbButton_de {
	background-color:#db6768;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	color:#ffffff;
    font-family:"微軟正黑體";
	font-size:20px;
	padding:13px 42px;
	text-decoration:none;
	margin:10px;
}

.fbButton_de:hover {
	background-color:#d71314;
}


/***company prize***/
@media (min-width:1200px){
.cprize{font-family:"微軟正黑體"; color:#ff00ba;display:block;margin-bottom:5px;font-size:16px;line-height:1.37143em}
}


@media (min-width:0) and (max-width:767px){
.cprize{font-family:"微軟正黑體"; color:#ff00ba;position:absolute;bottom:3px; right:10px;font-size:14px;}
}

@media (min-width:768px) and (max-width:1199px){
.cprize{font-family:"微軟正黑體"; color:#ff00ba;display:block;margin-bottom:5px;font-size:14px;line-height:1.37143em}
}


/***feedback steps***/
.stepsButton {
	display:inline-block;
	cursor:pointer;
	color:#db6768;
    font-family:"微軟正黑體";
	font-size:20px;
	text-decoration:none;
	background:url(../images/step_bg_a.png) no-repeat;
	height:44px;
	width:240px;
	line-height:44px;
	text-align:center;
}
.stepsButton:hover {
	background:url(../images/step_bg_hover.png) no-repeat;
}
.stepsButton:active {
	position:relative;
	top:1px;
}

.stepsButton_current {
	background:url(../images/step_bg_active.png) no-repeat;
	color:#FFF;
	display:inline-block;
    font-family:"微軟正黑體";
	font-size:20px;
	text-decoration:none;
	height:44px;
	width:240px;
	line-height:44px;
	text-align:center;	
}

/***detail title***/
.detail_title {
	float:left; 
	color:#005e77; 
	font-size:22px; 
	font-family:'微軟正黑體'; 
	line-height:30px;
	padding-bottom:15px; 
	width:100%;
	max-width:1020px;
}


.content-detail_img{
	width:100%;
	max-width:1100px;
	float:left;
	padding:0;
	margin-bottom:20px;
	background:#fff;
	box-shadow:0 0 3px #ccc;
}

.content-detail_img img{
	width:100%;
	display:block;
	height:auto;
}

.detail_img100 img{
	width:100%;
	display:block;
	height:auto;
}

.deatail_items {
	padding:20px; 
	color:#333;
	font-size:18px; 
	font-family:'微軟正黑體'; 
}

/***compant detail***/
.detail_com_prize {
    font-size: 16px;
    font-family: '微軟正黑體';
    line-height: 40px;
    padding: 2px 60px 2px 25px;
    /*float: left;*/
    display: inline-block;
    color: #FFF;
    background: url(../images/subpage/bg_award.png) right center no-repeat;
    border-left: #b8004e 6px solid;
}

.detail_com_title {
    text-align:center; 
	font-size:24px;
	font-family:'微軟正黑體';
	margin:15px;
	width:100%; 
	float:left; 
	font-weight:bold;
}


@media (min-width:768px) and (max-width:1199px){
/* sub_nav company*/
ul.classLink_com{
	text-align:center;
    padding-bottom:5px;}

ul.classLink_com li{
	display: block;}

ul.classLink_com li a{
	display:block;
	margin:1px 3px;
	width:100%;
	font-size:15px;
	font-family:"微軟正黑體";
	padding:4px 20px;
	color: #0678c1;
	border: 1px solid #0678c1;
	text-decoration:none;
	position:relative;}

ul.classLink_com li a:hover, 
ul.classLink_com li a.current{
	background:#0678c1;
	color:#FFF;}

ul.classLink_com li a.current:after{
	content:" ";
	width: 0px;
	height: 0px;
	position:absolute;
	bottom:-5px;
	left:50%;
	margin-left:-7.5px;
	border:none;
}

/* sub_nav school*/
ul.classLink_school{
	text-align:center;
    padding-bottom:15px;}

ul.classLink_school li{
	display: block;}

ul.classLink_school li a{
	display:block;
	margin:1px 3px;
	width:100%;
	font-size:15px;
	font-family:"微軟正黑體";
	padding:4px 20px;
	color: #ca0093;
	border: 1px solid #ca0093;
	text-decoration:none;
	position:relative;}

ul.classLink_school li a:hover, 
ul.classLink_school li a.current{
	background:#ca0093;
	color:#FFF;}

ul.classLink_school li a.current:after{
	content:" ";
	width: 0px;
	height: 0px;
	position:absolute;
	bottom:-5px;
	left:50%;
	margin-left:-7.5px;
	border:none;
}
}

/*table with text-center*/
.table.center.border {
    width: 100%;
    text-align: center;
    /*border:1px solid gray;*/
}
.table.center td {
    text-align: center;
    border: 1px solid gray;
}

/*修正快速查詢-節能效益tblKpiPerformanceSearchRst的版型問題字體換行壓字*/
#tblKpiPerformanceSearchRst td {
    line-height:initial;
}
.side-nav-title-list .collapsible {
    line-height: initial;    
}
.side-nav-title-list .collapsible.active {
    line-height: initial;
    height:initial;
}

/*首頁新增banner link to 標竿案例，但是只有行動版才顯示*/
@media (min-width:0) and (max-width:1199px) {
    .home-linkForCase {
        display: normal;
        padding: 0px 10px;
    }
    .home-promote-linkForCase {
        margin-top: 0;
        /*padding: 2.12766vw 0 20px 0;  index-event-news-blk */
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 15px;
    }
    #imgHomeLinkForCase:active {
        box-shadow: 10px 10px 8px #888888;
        transition: 0.1s;
    }
}
@media (min-width:1200px){
    .home-linkForCase {
        display: none;
    }
}