@charset "utf-8";

body,h1,h2,h3,h4,h5,h6,ul{
	margin: 0px;
	padding: 0px;
}
body,h1,h2,h3,h4,h5,h6,p,a,ul,li{
	font-family: 'Noto Sans TC', sans-serif;
}

header ul,
.well3 ul,
footer ul,
.a1 ul{
	list-style-type: none;
}
.menutoplist{
/*	border: 1px solid #000000;*/
	float: right;
	width: 950px;
}
.menutoplist li{
	display: block;
	float: right;
}
.menutoplist a:hover{
	background-color: rgba(173,255,0,0.53);
	color: #FFFFFF;
	text-decoration: none;
}
.menuinfo2{
	display: none;
}
.menutop{
	padding-top: 5px;
	padding-right: 30px;
	background-color: #000000;
	height: 30px;
	opacity:5;
}
.menutop_btn{
	background-color: #C0FF00;
	text-decoration: none;
	color: #000000;
	padding: 1px 10px;
	/*圓角*/
	border-radius: 0px;
	font-size:0.85em;
}
.textcolor{
	color: #FFFFFF;
}
.web-menu{
	
/*	background-color: rgba(55,89,167,1);*/
	background-image: url("../images/titleback.jpg");
											height: 100px;
/*
	margin-right: 150px;
	margin-left: 150px;
*/
}
.top-logo{
											margin-top: 15px;
											width: 180px;
											height: 70px;
}
.menuLeft{
	/*	border: 1px solid #000000;*/
    position: absolute;
    top: 30px;
/*
    width: 840px;
    margin-left: 440px;
*/
}
.menuRight{
	/*	border: 1px solid #000000;*/
/*
    position: absolute;
    top: 30px;
    width: 840px;
    margin-left: 440px;
*/
    padding-left: 420px;
}
.web-menu-list,
.web-menu-list .sub-menu,
footer .about-list-1{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-left: 30px;
}

.web-menu-list{
/*	border: 1px solid #000000;*/
	float: right;
	/*一格項目110px*/
/*	width: 840px;*/
    width: 100%;

}
.web-menu-list li a{
											padding-top: 35px;
	
	display: block;
	width: 100px;
											height: 100px;
	float: left;
	color: #FFFFFF;
	margin-right: 14px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
/*	font-weight: bold;*/
}
.web-menu-list li a:hover{
/*	font-size: 18px;*/
	color: #46D17F;
	background-color: rgba(49,49,49,0.53);

}

header .topnav{
/*	background-color: #FFB700;*/
	min-width: 750px;
	height: 80px;
	float: right;
}
header .topnav ul{
	
}
header .topnav li{
	
}
header .topnav li a{
	padding-top: 25px;
	width: 100px;
	height: 75px;
	display: block;
	float: left;
	margin-right: 1px;
	text-align: center;
	background-color: rgba(255,255,255,0.73);
}
.ad,
.wellGH{
	background-image: url("../images/ad.jpg");
	background-repeat: repeat;
	background-attachment: scroll;
}
.floatimg{
	width: 1000px;
/*	height: 600px;*/
}
.well1{
	padding: 55px 0 55px 0;
	background-image: url("../images/well1.jpg");
	background-repeat: repeat;
	background-attachment: scroll;
}
.well1 img{
/*	border: 1px solid #000000;*/
	width: 100%;
	height: auto;
}
.w1mobile{
	display: none;
}

.well4-0{
	padding: 80px 0px 80px 0px;
	background-image: url("../images/well4-0.jpg");
	background-repeat: repeat;
	background-attachment: scroll;
}
/*
h2,h3{
	font-family: 'Noto Sans TC', sans-serif;
}
*/
.btn-contact{
	color: #ffffff;
	background-color: #000000;
}
.btn-contact:hover{
	color: #21FFFF;
	background-color: #8A8586;
}
.well2 p,
.well2 h2,
.well2 h3,
footer p{
	color: #FFF;
}

.well3,
.wellGH{
	padding: 40px 0px 30px 0px;
}
.well4{
	padding: 20px 0px 20px 0px;
}

.well2{
    height: 184px;
    background-image: url(../images/well2_bg.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}
.well2 .box-1{
	padding-top: 65px;
}
.well2 .box-2{
	padding-top: 30px;
}
.well2 .box-1 h2{
	
}

.well5{
    padding: 40px 0px 30px 0px;
    height: 500px;
	background-image: url("../images/carboncalculatorIMG.jpg");
	background-repeat: repeat;
	background-attachment: scroll;
}

.well5 h3{
    color: #fff;
    font-size: 28px;
    font-weight: bolder;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 2px solid #DB3F43;
    width: 70%;
}

.well5 .ju{
    padding-top: 300px;
}

.well3{
/*	background-color: rgba(172,235,255,0.61);*/
	background-image: url("../images/well3.jpg");
	background-repeat: repeat;
	background-attachment: scroll;
}

.well3 h3,
.well4 h3,
.well4-0 h3,
.wellGH h3{
	font-size: 28px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 2px solid #DB3F43;
}
.well3 h4,
.well4 h4
.well4-0 h4{
	font-size: 22px;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
.well3 .item-1,
.well3 .item-2,
.well3 .item-3{
	padding: 25px 0px 20px 80px;
	margin-bottom: 10px;
	min-height: 70px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 15px;
}
.well3 .item-0,
.well3 .item-1,
.well3 .item-2,
.well3 .item-3{
	color: #fff;
}
.well3 [class*="item"] h6{
	font-size: 28px;
/*	color: #294bb5;*/
	font-weight: bold;
}
.well3 h5{
	font-size: 18px;
	line-height: 2;
}
.well3 .item-1{
	background-image: url("../images/w3icon1.png");
}
.well3 .item-2{
	background-image: url("../images/w3icon2.png");
}
.well3 .item-3{
	background-image: url("../images/w3icon3.png");
}
.well4{
	background-image: url("../images/well1.jpg");
	background-repeat: repeat;
	background-attachment: scroll;
}

footer{
/*	padding: 60px 0px 40px 0px;*/
/*
	background-image: url("../images/footer_bg.jpg");
	background-repeat: repeat;
	background-attachment: scroll;
*/
/*	height: 282px;*/
width: 100%;
height: auto;
	background-image: url("../images/footer_bg.jpg");
}
footer .fbg{
	height: 281px;
	padding: 60px 0px 0px 10px;
	margin-bottom: 0px;
	background-color: rgba(0,0,0,0.60);
}
.sub-logo{
	width: 250px;
	height: 100px;
}
footer ul a{
	text-decoration: none;
	width: 100px;
	height: 30px;
	margin-left: 4px;
	display: block;
	color: #FFFFFF;
	text-align: center;
}
footer ul a:hover{
	text-decoration: none;
	color: #BAFF00;
}
footer .ftmenu2{
	display: none;
}
/*-----------------------------------*/

.a1{
	padding: 40px 0px 40px 0px;
}
.a1-demand{
	width: 50%;
}

.btn-demand{
	color: #FF0004;
	background-color: #000000;
}
.btn-demand:hover{
	color: #00FF43;
	background-color: #000000;
}
.demand-title{
	padding: 40px 0px 0px 0px;
}

.box-content {
    display: inline-block;
    width: 200px;
    padding: 10px;
}
.textboxsize1{
/*	border: 1px solid #FF0004 ;*/
	padding-right: 50px;
	width: 150px;
}
.textboxsize2{
	width: 200px;
}
.ju{
	padding-top: 60px;
}
.ju a {
display: block;
width: 200px;
margin-right: auto;
margin-left: auto;
font-size: 30px;
color: #3FC497;
text-decoration: none;
/*border: 3px solid #FFFFFF;*/
background-color: #FFFFFF;
text-align: center;
padding: 10px 0px 10px 0px;
border-radius: 30px; 
font-weight: bold;
}
.ju a:hover {
color: #FFFFFF;
/*border: 0px solid #FFFFFF;*/
background-color: #3FC497;
transition: color 0.5s,background-color 0.5s; 
font-weight: bold;
}

.well4 .link{
	margin-bottom: 20px;
/*	margin: 10px 1px 0 0;*/
/*	border: 1px solid #000000;*/
}
.well4 .link img{
	width: 200px;
	height: 50px;
}


map *:focus{
outline:none;
}
.m-link{
	display: block;
}

header .phone-menu{
display: none;
}

.w4p{
display: none;
}


@media screen and (max-width: 1200px) {
.menuRight{
/*    margin-left: 240px;*/
    padding-left: 223px;
}
    

    
}
@media screen and (max-width: 992px) {
.menuRight {
/*    margin-left: 200px;*/
    padding-left: 184px;
}
.web-menu-list li a{
	width: 70px;
	font-size: 16px;
}
.web-menu-list li a:hover{
	font-size: 16px;
}
    

    
}
@media screen and (max-width: 767px) {
header .web-menu-list{
display: none;
}
header .web-menu{
display: none;
}
header .phone-menu{
display: block;
margin-bottom: 0px;
}
.bg-menu{
background-image: url("../images/titleback.jpg");
}
.top-logo{
width: 80px;
height: auto;
display:block;
/*	margin:auto;*/
margin-left: 20px;
margin-top: 8px;
}
    

    
}
@media screen and (max-width: 680px) {

}
@media screen and (max-width: 480px) {
.menuinfo1{
	display: none;
}
.menuinfo2{
	display: block;
}

.menutop{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	height: 20px;
}
.menutoplist{
	width: 100%;
}
.menutop_btn{
	font-size: 9px;
}
.menutoplist li{
	font-size: 9px;
}
header .web-menu-list{
display: none;
}
header .web-menu{
display: none;
}
header .phone-menu{
display: block;
margin-bottom: 0px;
}
.bg-menu{
background-image: url("../images/titleback.jpg");
}
.top-logo{
width: 80px;
height: auto;
display:block;
/*	margin:auto;*/
margin-left: 20px;
margin-top: 8px;
}

    
.well5{
    padding: 40px 0px 30px 0px;
    height: 470px;
	background-image: url("../images/carboncalculatorIMG2.jpg");
	background-repeat: repeat;
	background-attachment: scroll;
}
.well5 h3{
    width: 100%;
}
    
.well3 h3,
.well4 h3,
.well4-0 h3{
font-size: 20px;
}
.well3 h5{
font-size: 11.5px;
line-height: 1.5;
}
.well2{
height: 80px;
}
.well1{
	padding: 20px 0 20px 0;
}
.w1pc{
	display: none;
}
.w1mobile{
	display: block;
	padding-top: 230px;
	padding-bottom: 20px;
}
.w1mobile .btnstyle{
	position: absolute;
	width: 32%;
}
.w1mobile .w1btn0{
/*	top:10px;*/
	left:147px;
/*	right:10px;*/
	bottom:64px;
	width: 22%;
}
.w1mobile .w1btn1{
/*	top:10px;*/
	left:156px;
/*	right:10px;*/
	bottom:152px;
}
.w1mobile .w1btn2{
/*	top:10px;*/
	left:19px;
/*	right:10px;*/
	bottom:108px;
}
.w1mobile .w1btn3{
/*	top:10px;*/
	left:234px;
/*	right:10px;*/
	bottom:110px;
}
.w1mobile .w1btn4{
/*	top:10px;*/
	left:30px;
/*	right:10px;*/
	bottom:33px;
}
.w1mobile .w1btn5{
/*	top:10px;*/
	left:233px;
/*	right:10px;*/
	bottom:33px;
}
.w1mobile .w1btn6{
/*	top:10px;*/
	left:162px;
/*	right:10px;*/
	bottom:-1px;
}
.m-link{
	display: none;
}
.ju{
	padding-top: 20px;
}
.ju a {
display: block;
width: 100px;
font-size: 15px;
}
.well4-0{
	padding: 0px 0px 50px 0px;
}
.well4-0 h3{
margin-top: 20px;
}

.w4p{
display: block;
}
.w4c{
display: none;
}
.well4{
background-image: url("../images/wellLinkP.jpg");
padding: 10px;
}

.linkP{
	padding: 0px;
/*	background-color: rgba(255,255,255,0.64);*/
	width: 100%;
	height: auto;
}
.well4 .linkP h3{
	padding: 0;
	margin: 0;
}
.well4 .linkP img{
width: 85px;
height: auto;
float: left;
}
.linkP ul li{
	margin: 0px;
	margin-bottom: 5px;
	letter-spacing: 0px;
	line-height: 30px;

	display: block;
}

.linkP li a{
	display: block;
	width: 100%;
	height: auto;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid #BEBEBE;
}
/*
.well2 .box-1{
padding-top: 15px;
}
.well2 .box-2{
padding-top: 15px;
}
*/
footer .fbg{
	height: 480px;
	padding: 40px 0px 40px 40px;

}
footer .sub-logo{
width: 150px;
height: auto;
margin-bottom: 10px;
}
footer .ftmenu1{
	display: none;
}
footer .ftmenu2{
	display: block;
}
}
@media screen and (max-width: 320px) {
}