body{
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 30px;
	color: #333333;
	overflow-x: hidden;
}
a{
	color: #333333;
	text-decoration: none;
}
img{
	max-width: 100%;
}
p{
	margin: 10px 0;
}
.idx_topBg{
	width: 100%;
	float: left;
	height: 542px;
background: #bcfce2; /* Old browsers */

	min-width: 1200px;
	position: relative;
}
.wave_position{
	width: 100%;
	float: left;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}
.idx_img{
	width: 100%;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	z-index: 1;
}
.idx_title{
	width: 100%;
	float: left;
	margin: 30px 0;
}
.idx_oper .idx_title{
	margin: 0 0 30px 0;
}
.idx_title .more{
	float: right;
	padding: 5px;
}
.idx_top{
	width: 1200px;
	margin: 0 auto;
	min-height: 250px;
	position: relative;
	z-index: 10;
}
.idx_top .logo{
	float: left;
}
.idx_top .menu{
	float: right;
}
.idx_operBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	background: url(../images/csr_idx_operBg.jpg) center bottom repeat-x;
	border-bottom: 1px solid #1fb5c7;
	padding: 30px 0;
}
.idx_oper1{
	width: 70%;
	float: left;
}
.idx_oper2{
	width: 30%;
	float: left;
}
.idx_oper2 .text2{
	width: 100%;

}
.idx_oper2 .text2 li{
	float: left;
	width: 95%;
	border: 1px solid #D3D3D3;
	list-style: none;
	padding: 2% 2%;
	margin: 2% 1%;
	font-size: 20px;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius:10px;

}
.idx_oper2 .text2 li span{
	font-size: 12px;
	color: #727272;
	padding: 0 2% 0 0;
}
.idx_oper2 .text2 li:hover{
	border: 1px solid #b2e3e1;
	background-color: #b2e3e1;
}

.idx_oper{
	width: 1200px;
	margin: 0 auto;
}
.idx_oper .img{
	width: 40%;
	float: left;
}
.idx_oper .text{
	width: 57%;
	padding: 0 0 0 3%;
	float: left;
}
.idx_oper .text p{
	margin: 10px;
}
.idx_sscsBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	border-bottom: 1px solid #ccc;
}
.idx_sscs{
	width: 1200px;
	margin: 0 auto;
}
.idx_ss{
	width: 44%;
	float: left;
	padding: 0 0 0 3%;
}
.idx_cs{
	width: 100%;
	/* padding: 0 0 0 3%; */
	float: left;
	position: relative;
}
.idx_cg{
	width: 50%;
	padding: 0 3% 30px 0;
	float: left;
	position: relative;
	background: url(../images/csr_idx_bg1.png) right bottom no-repeat;
}
.idx_cs ul.list{
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 15px auto;
}
.idx_cs ul.list li{
	color: #fff;
	width: 176px;
	height: 136px;
	float: left;
	text-align: center;
	font-size: 20px;
	padding-top: 40px;
	font-weight: 600;
}

.idx_cs ul.list li:hover{
	color: #000;
	text-decoration: underline;
}
ul.list li.bg1{
	background: url(../images/csr_idxBtn_cs_bg1.png) center top no-repeat;
}
ul.list li.bg2{
	background: url(../images/csr_idxBtn_cs_bg2.png) center top no-repeat;
	margin: 25px 0 0 -20px;
}
ul.list li.bg3{
	background: url(../images/csr_idxBtn_cs_bg3.png) center top no-repeat;
	margin: 0 0 0 -20px;
}
ul.list li.bg4{
	background: url(../images/csr_idxBtn_cs_bg4.png) center top no-repeat;
	margin: 25px 0 0 -20px;
}
ul.list li.bg5{
	background: url(../images/csr_idxBtn_cs_bg5.png) center top no-repeat;
	margin: 0 0 0 -20px;
}
.idx_ensoBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	max-height: 620px;
	position: relative;
}
.idx_enso{
	width: 1200px;
	margin: 0 auto;
}
.idx_env{
	width: 48%;
	float: left;
	padding: 0 3% 30px 0;
	background: url(../images/csr_idx_bg3.jpg) right bottom no-repeat;
}
ul.envBtn{
	width: 100%;
	float: left;
}
ul.envBtn li{
	width: 246px;
	height: 160px;
	float: left;
}
.idx_soc{
	width: 42%;
	min-height: 360px;
	float: left;
	padding: 0 0 0 3%;
	background: url(../images/csr_idx_bg2.png) left top no-repeat;
	position: relative;
}
.socImg{
	position: absolute;
	left: 45%;
    transform: scale(0.8) translateY(-51px);
	pointer-events: none;
}
.idx_suemBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	padding: 30px 0 0px;
	background: url(../images/csr_idx_bg4.gif) center bottom 8px repeat-x;
    padding-bottom: 4rem;
}
.idx_suem{
	width: 1200px;
	margin: 0 auto;
}
.idx_sup{
	width: 46%;
	float: left;
	height: 600px;
	padding: 0 3% 0 0;
	background: url(../images/csr_idxBtn_supBg.png) right bottom no-repeat;
}
ul.supList{
	width: 60%;
	float: left;
}
ul.supList li{
	width: 100%;
	padding: 8px 15px;
	font-size: 18px;
	float: left;
	background: rgba(255,255,255,0.7);
}
ul.supList li.bg{
	background: rgba(211,171,197,0.7);
	border-top: 1px solid #b77e9c;
}
ul.supList li:hover, ul.supList li.bg:hover{
	background: rgba(135,82,109,0.85);
	color: #fff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-0-transition: 0.5s;
	transition: 0.5s;
}
ul.supList li img{
	margin: 0 5px 0 0;
	vertical-align: middle;
}


ul.socList{
	width: 40%;
	float: left;
	margin-top: 1.5rem;
}
ul.socList li{
	width: 100%;
	padding: 8px 15px;
	font-size: 18px;
	float: left;
	background: rgba(255,255,255,0.7);
}
ul.socList li.bg{
	background: rgba(182, 132, 57, 0.7);
	border-top: 1px solid rgba(182, 132, 57, 0.7);
}
ul.socList li:hover, ul.socList li.bg:hover{
	background: rgba(182, 132, 57, 0.85);
	color: #fff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-0-transition: 0.5s;
	transition: 0.5s;
}
ul.socList li img{
	margin: 0 5px 0 0;
	vertical-align: middle;
}






.idx_emp{
	width: 50%;
	float: left;
	padding: 0 0 0 0;
}
ul.empList{
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 15px auto;
}
ul.empList li{
	float: left;
	height: 78px;
	padding: 35px 0 0 120px;
	font-size: 18px;
}
ul.empList li.bg1{
	width: 125px;
	background: url(../images/csr_idxBtn_em_bg1.png) right bottom no-repeat;
}
ul.empList li.bg2{
	width: 144px;
	background: url(../images/csr_idxBtn_em_bg2.png) right bottom no-repeat;
}
ul.empList li.bg3{
	width: 125px;
	background: url(../images/csr_idxBtn_em_bg3.png) right bottom no-repeat;
	margin-right: 250px;
}
ul.empList li.bg4{
	width: 144px;
	background: url(../images/csr_idxBtn_em_bg4.png) right bottom no-repeat;
}
ul.empList li.bg5{
	width: 125px;
	background: url(../images/csr_idxBtn_em_bg5.png) right bottom no-repeat;
}
ul.empList li img{
	margin: 0 0 0 5px;
	vertical-align: middle;
}
.ann_txt{
	width: 100%;
    font-size: 14px;
    line-height: 24px;
    margin: 10px 0;
}
tr td{
	vertical-align:middle;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.idx_topBg, .idx_operBg, .idx_sscsBg, .idx_ensoBg, .idx_suemBg{
	min-width: 100vw;
	max-height: unset;
}
.idx_suemBg {
	padding-bottom: 4rem;
}
.idx_top, .idx_oper, .idx_sscs, .idx_enso, .idx_suem{
	width: 100%;
	padding: 0 15px;
}
.idx_oper .img img{
	width: 100%;
	height: auto;
}
.idx_ss{
	min-height: 498px;
}
ul.list li.bg1, ul.list li.bg2, ul.list li.bg3, ul.list li.bg4{
	margin: 10px;
}
.idx_suemBg{
	background: url(../images/csr_idx_bg4.gif) center top repeat-x, url(../images/csr_idx_bg4_bg.gif) -26px 1px repeat;
}
/* .idx_top .logo{
	width: 130px;
} */
.idx_top .logo img{

}
.idx_sup{
	width: 37%;
}
.idx_emp{
	width: 60%;
}
ul.socList {
    width: 40%;
    float: left;
    margin-top: 3rem;
}
.socImg {
    left: 43%;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.idx_topBg, .idx_operBg, .idx_sscsBg, .idx_ensoBg, .idx_suemBg{
	min-width: 320px;
}
.idx_suemBg {
	padding-bottom: 0;
}
ul.socList {
    width: 90%;
    margin-top: 0rem;
}

.idx_top, .idx_oper, .idx_sscs, .idx_enso, .idx_suem{
	width: 100%;
	padding: 0 5%;
}
.idx_topBg{

}
.idx_top{
	min-height: inherit;
}
/* .idx_top .logo{
	width: 100%;
	text-align: center;
} */
.idx_oper .idx_title{
	margin: 30px 0;
}
.idx_oper .img, .idx_oper .text, .idx_ss, .idx_cs, .idx_env, .idx_soc, .idx_sup, .idx_emp,.idx_cg{
	width: 100%;
	padding: 15px 0;
}
.idx_oper .img img{
	width: 100%;
	height: auto;
}
.idx_ss{
	background: none;
	border-bottom: 1px solid #ccc;
}
.idx_soc{
	background: none;
	border-top: 1px solid #ccc;
}
ul.envBtn li{
	margin: 0 auto;
	float: none;
}
.idx_ensoBg{
	max-height: none;
}
.socImg{
	width: 100%;
	position: inherit;
	transform: scale(1) translateY(10px);
}
.socImg img{
	width: 100%;
	height: auto;
}
.idx_suemBg{
	background: url(../images/csr_idx_bg4.gif) center top repeat-x, url(../images/csr_idx_bg4_bg.gif) -26px 1px repeat;
}

}
@media screen and (max-width: 320px) {
	.idx_top{
		padding: 0;
	}
}