﻿body {
    margin:0;
    padding:0;
	box-sizing: border-box;
	font-family: Arial, "微軟正黑體", Helvetica, "sans-serif";
}

img {
    border:0;
}

.container {
    position:relative;
    width:100%;
	/*text-align:center;*/
}

.mainCenter {
	width:100%;
    max-width:1000px;
    position:relative;
    text-align:center;
    overflow:hidden;
}

.header {
    background-color:#fff;
    /*min-width:1366px;*/
    height:75px;
    position:fixed;
    width:100%;
    top:0px;
    z-index:99;
}

.header .center {
	width:100%;
    max-width:1000px;
    height:75px;
    position:relative;
    margin:0 auto;
}

.header .center .logo {
    width:171px;
    height:75px;
    margin-left:15px;
    float:left;
    /*left:30px;
    position:absolute;*/
}

.header .center ul {
    padding:0px;
    margin:0px;
    float:right;
    list-style-type:none;
    margin-right:40px;
    /*position:absolute;
    right:81px;*/
}

.header .center ul li {
    float:left;
    margin-top:30px;
}

.header {
    background-color:#fff;
    /*min-width:1366px;*/
    height:75px;
    position:fixed;
    width:100%;
    top:0px;
    z-index:99;
}

.header .center {
    width:100%;
    height:75px;
    position:relative;
    margin:0 auto;
}

.header .center .logo {
    width:171px;
    height:75px;
    margin-left:15px;
    float:left;
    /*left:30px;
    position:absolute;*/
}

.header .center ul {
    padding:0px;
    margin:0px;
    float:right;
    list-style-type:none;
    margin-right:40px;
    /*position:absolute;
    right:81px;*/
}

.header .center ul li {
    float:left;
    margin-top:30px;
}

.header .center ul li.item1 a,.header .center ul li.item2 a,.header .center ul li.item3 a {
    font-size:17px;color:#777;
	/*padding-right:40px;*/
	cursor:pointer;
	text-decoration: none;
}

.header .center ul li.item1 a:hover,.header .center ul li.item1.active a,.header .center ul li.item2 a:hover,.header .center ul li.item2.active a,.header .center ul li.item3 a:hover,.header .center ul li.item3.active a{color:#1bb8e4;font-weight:bold;}

/**--goBtn--**/
.goBtn{width:215px;height:195px;background-image:url(../images/goBtn_bg.png);background-position: right center;background-repeat: no-repeat;position:fixed;right:40px;bottom:40px;z-index:88;}
.goright{position:relative;z-index: 99;width:41px;height:186px;display:inline-block;background:url(../images/go_btn.png) center center no-repeat;margin:0 10px 0 0;}
.goleft{position:relative;z-index: 99;width:40px;height:186px;display:inline-block;background:url(../images/go_btn2.png) center center no-repeat;margin:0;}
.goBtn a:hover{cursor: pointer;-webkit-filter:brightness(80%);}
/**--goBtn--**/
/**--kv--**/
.kv{width:100%;height: 602px;background-color:#fff;background-image: url(../images/kv_bg.png);background-position: center top;background-repeat: no-repeat;margin-top: 75px;}
.kv .center{width:1000px;margin:0 auto;position:relative;}
.kv .center img{position:absolute;margin-left: 164px;margin-top: 80px;}
.actBtn{
	width:364px;
	height:162px;
	display:block;
	background:url(../images/btn.png) no-repeat;
	position:absolute;
	margin-left: 311px;
	margin-top: 240px;
}
.actBtn:hover,.actBtn-bottom:hover{
	filter:brightness(1.2);
	transform: scale(0.9,0.9)
}
.actBtn-bottom{
	width:364px;
	height:162px;
	display:block;
	background:url(../images/btn.png) no-repeat;
	margin:0 auto;
}
.point{text-align: center; margin:65px auto 40px auto;}
/**--context-**/
.stepH1{width:100%;height:57px;line-height:80px;background:#1b1b1b;text-align: center; }
.step ul{margin:0;padding:0;border:0;box-sizing: border-box;}
.step li{width:100%;background-color:#fff;list-style: none;text-align: center;padding:60px 0;}
.step li:nth-child(odd){width:100%;background-color:#fffeee;list-style: none;text-align: center;padding:60px 0;}
.step img:nth-child(even){padding-top:40px;}

/**--footer--**/
.footer {
    background-color:#009043;
    min-width:1000px;
    height:53px;
    position:relative;
    width:100%;
    overflow:hidden;
}

.footer .center {
    width:1000px;
    height:53px;
    position:relative;
    margin:0 auto;
    text-align:center;
}

.footer .center > img {
    position:relative;
    width:84px;
    height:15px;
    margin-top:20px;
}

/*-login end-*/

.hide {
    display:none;
}

.placeholder {
    color: #999;
    opacity: 1;
}

.clear {
    clear:both;
}
/* --手機版型------------------------------------- */

@media screen and (max-width: 1000px) {
	
	*{
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	html,body{
		-webkit-text-size-adjust:none;
	}
	
	.container{
		width:100%;
		min-width: 320px;
		margin:0;
		overflow:auto;
	}

	/**--kv--**/
	.point{width:100%;height:auto;}
	/**--context-**/
	.step li{text-align:left;}
	.step li:nth-child(odd){text-align: left;}
}