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

body{ margin:0; padding:0; font-family:"微軟正黑體";}
a{ text-decoration:blink;}
*{ margin:0; padding:0; }

.top_nav{display:none;}

.header{    position: fixed;z-index: 9999999999;width: 100%; background: #fcfcfc;}
.nav{ overflow:hidden; width: 68%;margin-right: 2%;float: left;margin-left: 1%; }
.nav a{display: block;font-size: 1.2em;     width: 11%;float: left; color: #222;line-height:4em; text-align:center; }
.headertopright{}
.headertopright a{display: block;    color: #999;float: left; margin:0.5%; margin-top: 2%;    font-size: 0.9em;}
.logo{ width:22%; float:left; padding-top:0.5%;}
.logo img{ width:100%;}

.bannerlogo{top:16%;position: absolute;margin: 0 auto; z-index: 1; width: 50%;margin-left: 25%;opacity: 0.5;}
.bannerlogo img{ width: 100%;}



.banner{ width:100%; height:100%; overflow:hidden; position:absolute; }
.b-img{ height:100%;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:100%; float:left;}
.b-list{ height:50px; padding-top:42.5%; position:relative;margin: auto; z-index:1;}
.b-list span{ display:block;cursor:pointer; background-color:#fff; width:7px; height:7px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #333; background:#333; }
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}




.inproall{ padding-top:50%;}
.indexproduct{width:100%; overflow:hidden; background-position: center;background-repeat: no-repeat;background-size: cover; padding-top:5%; padding-bottom:6%;}
.indexproduct h1{font-weight: normal; text-align:center; color: #000;opacity: 0.8; font-size:2.6em; }
.indexproduct h2{ text-align:center; }
.indexproduct h3{line-height: 2em; margin: 0 auto;background-color: #A0A0A0;width: 12%;font-size: 1em;font-weight: normal; text-align: center;}
.indexproduct h3 a {color: #fff; }





.indexabout{width:100%; overflow:hidden;  padding-top:5%; padding-bottom:5%;}
.idnexaboutM{ width:94%; margin:0 auto; background-color:rgba(255, 255, 255, 0.70);  padding-top:1%; padding-bottom:3%;   }
.idnexaboutM h1{margin-left: 0.5%;font-weight: normal;color: #333; text-transform: uppercase; width: 86%;margin: 0 auto; line-height: 3em;}
.idnexaboutM h1 span{color:#900;opacity: 0.9; font-size:0.7em;}
.idnexaboutM h2{ color: #222; font-size: 1.1em;font-weight: normal;width: 86%;margin: 0 auto; line-height:2em; margin-bottom: 2%;}
.idnexaboutM h3{ font-weight: normal; width: 86%;margin: 0 auto; font-size: 1em; line-height: 3em;}











.indexnews{width:100%; overflow:hidden;  padding-top:5%; padding-bottom:5%;}
.indexnews h1{ margin-left: 0.5%;font-weight: normal;color: #999; text-transform: uppercase;}
.indexnews h1 span{ color:#000; opacity: 0.7;}
.indexnews h2{ text-align: center;line-height: 2em;margin-left: 0.5%; background-color: #A0A0A0;width: 10%;font-size: 1em;font-weight: normal;}
.indexnews h2 a{ color:#fff; }
.indexnewsM{padding-top:0%; }




.index-yy{ width:100%; padding:3em 0; background:url(../images/yybg.jpg);background-size:cover; margin-bottom:2em; position:relative; height:34em;}

.index-yy-sub{ width:20%; background:#fff;position:absolute; border-radius:100%; border:#FFF solid 5px; box-shadow:#000 0 0 10px;overflow:hidden;transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s;}
.index-yy-sub:hover{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.index-yy-sub .txt{position:absolute;width:100%; height:100%; background:rgba(0,0,0,0.5); text-align:center; color:#fff; font-size:24px; font-weight:bold; top:0px; padding-top:45%; display:none;}
.index-yy-sub img{ width:100%; height:100%;}

.index-yy .p1{ left:5%; top:12%;}
.index-yy .p2{ left:27%; top:45%;}
.index-yy .p3{ left:52%; top:12%;}
.index-yy .p4{ left:74%; top:45%;}

.indexjob{width:100%; overflow:hidden; background-color:#F9F9F9; padding-bottom:5%;}
.indexjob h1{ margin-left: 0.5%;font-weight: normal;color: #999; text-transform: uppercase;}
.indexjob h1 span{ color:#000;opacity: 0.7; }
.indexjob h2{ text-align: center;line-height: 2em;margin-left: 0.5%; background-color: #A0A0A0;width: 10%;font-size: 1em;font-weight: normal;}
.indexjob h2 a{ color:#fff; }
.indexjobH{width:99%; overflow:hidden; margin-left:0.5%;padding-top:5%; padding-bottom:5%;}
.indexjobHT{background-color: #fff;float: left;width: 19%;margin-right: 1%;  padding-bottom:6%;}
.indexjobHT:hover{ background-color:#ECECEC; }
.indexjobHT p{ color: #D6D6D6;width: 80%;margin: 0 auto;text-align: right; font-size: 2em; margin-top: 5%;margin-bottom: 5%;}
.indexjobHT h1{ width: 80%; margin: 0 auto; padding-top:1%; padding-bottom:10%; font-size: 1.6em; color: #444;}
.indexjobHT h1 span{color: #999; float: right;}
.indexjobHT h2{  width: 80%; margin: 0 auto;background-color: rgba(255, 255, 255, 0);text-align: left;line-height: 1.4em;font-size: 0.9em; color:#666; } 








.index-four{ width: 100%;   padding: 5% 0 5% 0;     overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover; }
.index-four h1{      line-height: 2em;  text-align: center;color: #fff;font-weight: normal;}
.index-four h2{ width: 22%;margin: 0 auto;}
.index-four h2 b{ display: block;height: 1px;width: 50%;margin: 0 auto;background: #fff;}
.index-four h2 c{display: block;height: 1px;width: 30%;margin: 0 auto;background: #fff;margin-top: 0.2em;}
.index-four h3{    text-align: center;font-weight: normal;color: #fff;width: 80%;margin: 0 auto;margin-top: 2em;line-height: 1.6em;}
.index-four h4{    border: 1px solid #eee;width: 10%;text-align: center;font-weight: normal;color: #fff;font-size: 0.9em;margin: 0 auto;margin-top: 2em;    line-height: 2em;}
.index-four h4 a{    color: #fff;     display: block;}
.index-four h4:hover a{    background: #fff; color:#023591; }



.index-five{overflow: hidden;}
.index-five div{    height: 16em;    float: left;width: 43.5%;overflow: hidden;    position: relative;        margin: 5% 0% 5% 5%;}
.index-five div a{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.index-five div:last-child{    margin-left: 3%;}
.index-five div img{    position: absolute;width: 100%;height: 100%;}
.index-five div p{    position: absolute;width: 100%;height: 100%;left: 0;top: 0;      background: rgba(7, 85, 178, 0.85);   padding: 0;margin: 0;}
.index-five div #i-f-b{    background: rgba(13, 149, 172, 0.85);}
.index-five div p b{    width: 80%;overflow: hidden;display: block;color: #fff;     margin-left: 10%;     line-height: 2em;font-weight: normal;font-size: 2em;margin-top: 1em;}
.index-five div p c{    display: block;width: 15%;margin-left: 10%;height: 1px;background: #fff;    margin-bottom: 3%; }
.index-five div p e{   height: 4.5em; width: 80%;margin: 0 auto;overflow: hidden;display: block;color: #eee;font-weight: normal;    font-size: 1em;}
.index-five div p img{     position: initial;width: 37px;height: 37px;margin-right: 10%;   display: block;float: right; }




.index-three{ overflow: hidden; width: 100%;  padding:0 0 6% 0;}
.index-three h1{ margin-left: 0.5%;font-weight: normal;color: #999; text-transform: uppercase;}
.index-three h1 span{ color:#000;opacity: 0.7; }
.index-three h4{ text-align: center;line-height: 2em; height:2em;margin-left: 0.5%; background-color: #A0A0A0;width: 10%;font-size: 1em;font-weight: normal; clear:both;}
.index-three h4 a{ color:#fff; }
.index-three div{     float: left;width: 32.5%;overflow: hidden;margin-left: 0.83%;       position: relative; bottom:1em;  }
.index-three div a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.index-three div:hover .i-n-d-n h1{    color: #0755B2; border-bottom: 1px solid #ccc;}
.index-three div img{ width:100%; height:300px;    display: block;transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -webkit-transition:all .5s; }
.index-three div:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.index-three div .i-n-d-n{    width: 90%;margin: 0;padding:5% 7% 5% 7%;overflow: hidden;    background: #EAEAEA;}
.index-three div .i-n-d-n h1{    font-weight: bold; font-size: 1.2em;color: #333;line-height:2em;padding: 0;margin: 0;    margin-bottom: 1em; border-bottom:1px solid rgba(204, 204, 204, 0.0);}
.index-three div .i-n-d-n h2{    margin: 0;padding: 0;font-weight: normal;font-size: 0.9em;color: #0755B2;line-height: 2em;}
.index-three div .i-n-d-n h3{    font-weight: normal;margin: 0;padding: 3% 0 3% 0;font-size: 1em;}





.footer{ width:100%; overflow:hidden; text-align:center; padding-bottom:2%; padding-top: 2%; border-top:#CCC solid 1px; }
.footer h1{font-weight: normal; font-size: 1.6em;    margin-bottom: 0;}
.footer h1 span{font-size: 0.5em; position: relative;top: -0.5em;}
.footer h2{ font-weight: normal;font-size: 0.8em; line-height: 2em; color: #999;}
.footer h3{ font-weight: normal;font-size: 1em; line-height: 3em;}
.footer h3 span{ margin:0.5%; }
.footer h4{ font-weight: normal;font-size: 1em;line-height: 2em;}
.footer h5{ font-weight: normal;font-size: 1em;line-height: 2em;}
.footer h6{ margin-top: 3%;}
.footer p  span{ margin: 1%;}


.footer dt{    display: block;color: #ccc;line-height: 2em;width: 90%;text-align: right;margin: 0 auto;font-size: 0.9em;}
.footer dt a{ color: #ccc; }












.nbanner{width: 100%;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;text-align: center;padding-bottom: 15%;padding-top: 15%;}



.pageabout1{padding-bottom: 5%; padding-top: 10%;background-color: #FAFAFA;}
.pageabout1 h1{text-align: center;font-weight: normal; font-size: 3em;margin: 0;    color: #444;}
.pageabout1 h2{text-align: center;font-weight: normal; line-height: 4em;}





.pageabout2{ width: 70%; margin: 0 auto;padding-bottom:5%;padding-top: 5%;}
.pageabout2 h1{font-weight: normal;text-align: center;     color: #444;}
.pageabout2 p{text-align: center;line-height: 2em; color: #666;font-size: 1.2em;}
.pageabout2 p img{ max-width:100%;}



.pageabout3{ background-color: #FAFAFA; }
.pageabout3 h1{text-align: center;font-weight: normal; font-size:2em;margin: 0; line-height: 4em;color: #444;}
.pageabout3bg{padding-bottom: 3%;padding-top: 3%;}
.pageabout3txt{ background: rgba(255, 255, 255, 0.8);margin: 0 auto;    width: 94%;padding-bottom: 5%;padding-top: 5%;}
.pageabout3txt p{ width: 86%;margin: 0 auto;line-height: 2em;color: #333;font-size: 1em;}








.pageabout4{padding-bottom: 0%;padding-top:4%;}
.pageabout4 h1{text-align: center;font-weight: normal; font-size:2em;margin: 0; line-height: 4em;color: #444;}



.pageabout5{background-color: #FAFAFA; padding-bottom: 5%;padding-top: 0%;}
.pageabout5 h1{text-align: center;font-weight: normal; font-size:2em;margin: 0; line-height: 4em;color: #444;}
.pageaboutdsjtxt{  margin: auto; margin-bottom: 1%; padding-left: 25%; border-bottom: 1px solid #f3f3f3; padding-bottom: 2%;}
.pageaboutdsjtxt h1{font-size: 1.4em;    text-align: left;line-height: 2em;}
.pageaboutdsjtxt h2{font-size: 0.95em; color:#666;    text-align: left;font-weight: normal;}


.pageabout6{ padding-bottom: 5%;padding-top: 5%; overflow: hidden;}
.pageabout6 h1{text-align: center;font-weight: normal; font-size:2em;margin: 0; line-height: 4em;color: #444;}
.pageabout6M{ float: left; width: 32.9%;    margin: 0.2%;}
.pageabout6M h1{line-height: 0; height: 10em;padding-bottom: 0;width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.pageabout6M h1 img{    width: 100%;}
.pageabout6M h2{ font-weight: normal;text-align: center;font-size: 1em;color: #666; line-height: 4em;background: #eee;}



.pageabout7{background-color: #FAFAFA;padding-bottom: 5%;padding-top: 5%;}
.pageabout7 h1{text-align: center;font-weight: normal; font-size:2em;margin: 0; line-height: 4em;color: #444;}
.pageaboutlogo{width: 70%;margin: 0 auto;overflow: hidden;text-align: center;}
.pageaboutlogo a{}




.pageabout_con{ width: 90%; margin: 0 auto;padding-bottom:0%;padding-top: 1%; padding-bottom:5%; text-align:left;line-height: 2em;}
.pageabout_con h1{font-weight: normal;text-align: center;color: #444;}
.pageabout_con p{text-align: center;line-height: 2em; color: #666;font-size: 1.2em;}




.pageproduttit{width: 80%; margin: 0 auto;}
.pageproduttit .grid figure{ height: 5em;     background-color: #eee;}
.pageproduttit .grid{ padding-top: 0%;    min-height: inherit;}
.pageproduttit .grid figure h2 span{margin-top: 0%;}
.pageproduttit figure.effect-sarah h2{    color: #000;font-size: 1em;     padding-top:5%;}












.pagenews{ width:100%; overflow:hidden; padding-bottom: 5%; padding-top: 2%;}
.pagenews h1{ text-align:center; font-size: 2.2em;line-height: 1em;font-weight: normal;}
.pagenews h2{ text-align:center; font-weight: normal;line-height: 1em;font-size: 2.2em;}
.pagenews h3{ text-align: center;font-weight: normal;height: 1px;width: 10%;background-color: #ccc;margin: 0 auto; margin-bottom: 2%;}
.panews{ width: 90%;overflow: hidden; padding-bottom:2%; margin:0 auto; padding-top:2%; }
.panewsON{width:23%; margin:1%; float:left; padding-bottom: 2%;    background: #f3f3f3;}
.panewsON:hover{    opacity: 0.7;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;  }
.panewsON h1{background-position: center;background-repeat: no-repeat; background-size: cover; height: 8em; margin-top: 0;}
.panewsON h2{ font-size: 1.4em; color: #000;    text-align: center;font-weight: normal; margin-bottom:5%;}
.panewsON h3{ font-size: 0.9em; color: #666;width: 80%;    margin: 0 auto;text-align: center;overflow: hidden;line-height: 2em;height: 2em;background-color:rgba(255, 255, 255, 0); margin-bottom: 5%;    font-weight: normal;}
.panewsON h4{ line-height: 2em; color: #666;width: 40%; font-weight: normal;text-align: center;margin: 0 auto; border:1px solid #DEDEDE;font-size: 0.8em; }
.panewsON h4 p{ line-height: 2em;font-size: 0.6em; margin-bottom: 0;margin-top: 0;}
.pagetit{overflow: hidden;width: 95%;margin-left: 5%;}

.news_tit{
	    text-align: center;
    font-size: 2.2em;
    line-height: 1em;
    font-weight: normal;
    margin-top: 5%;
}
.news_date{
	height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 1em;
    margin: 5px 0;
}


.pagejob{ width: 90%;margin: 0 auto;overflow: hidden;padding-top: 2%;    position: relative;}
.pagejobon{ float: left;width: 32%;background-position: center;background-repeat: no-repeat;background-size: cover;    position: relative;margin: 0.6%;}
.show_jobon{float:none;margin:0 auto;}
.pagejobonlogo{margin-left: 5%;margin-top: 5%;}
.pagejobontxt{ width: 80%;background: rgba(255, 255, 255, 0.81); position: relative;margin-top: 10%; padding-bottom: 5%;}
.pagejobontxt h1{ font-weight: normal;font-size: 1.4em; width: 80%; margin: auto; padding-top: 5%;    padding-bottom: 2%;}
.pagejobontxt p{ font-weight: normal;font-size: 0.8em;    line-height: 1.8em; color: #666;    width: 80%; margin: auto;}
.pagejobontxt i{    display: block;height: 2px; border-bottom: 1px solid #999;     margin-top: 5%;}
.pagejobontit{background-color: rgba(210, 210, 210, 0.78);border-radius: 5em;position: absolute;top: 3%;left: 60%;padding: 3.2em 1.55em;}
.pagejobontit span{display: block;    font-size: 1.6em;}
.pagejobontit b{display: block;font-weight: normal;    font-size: 0.6em;}

.gaiyao{height: 400px;}
.yaoqiu{height: 220px;}


.gaiyao_en{height: 550px;}
.yaoqiu_en{height: 350px;}






.pagecontact{ background: #fcfcfc;padding-top: 5%; padding-bottom: 10%;width:100%;margin:auto;overflow: hidden;}
.contact_left{float:left;width:45%;margin-left:5%;}
.contact_right{float:left;width:45%;margin-right:5%;}
.contact_left p,.contact_right p{    line-height: 2em;  font-size: 1.2em;padding-left: 5%;}




.dangjian{ width: 90%;overflow: hidden; padding-bottom:2%; margin:0 auto; padding-top:2%; padding-top:60px; }
.dangjian .list{}
.dangjian .list li{ width:48%; margin:0 1%; float:left; list-style:none; margin-bottom:20px; border-bottom:#CCC dotted 1px; padding-bottom:15px;}
.dangjian .list li .img{ width:35%; float:left;}
.dangjian .list li .img img{ width:100%; height:170px;}
.dangjian .list li .txt{ width:60%; float:left; margin-left:4%;}
.dangjian .list li .txt h2{ font-size:20px; padding-bottom:10px;}
.dangjian .list li .txt p{ font-size:15px; line-height:160%;}


/*招聘详情页样式*/
.job_left{
	float: left;
    width: 40%;
    margin: 5%;
}
.job_left h1{
	font-size: 1.3em;
    margin: 0.67em 0;
    font-weight: normal;
    margin-bottom: 5%;
}
.job_left p{
	line-height: 2em;
    font-size: 1em;
    color: #555;
}

.job_right{
	float: left;
    width: 40%;
    margin: 5%;
}
.job_right h1{
	font-size: 1.3em;
    margin: 0.67em 0;
    font-weight: normal;
    margin-bottom: 5%;
}
.job_right p{
	line-height: 2em;
    font-size: 1em;
    color: #555;
}
/*招聘详情页样式*/
.pro_banner{padding-top:0!important;}

.pageproduttit {
    margin-top:5%;
}
.slider {
    position: absolute;
    width: 100%;
    height: 55%;
    overflow: hidden;
}

.slides {
    height: 100%;
    overflow: hidden;
    transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slide {
    height: 100%;
    float: left;
    clear: none;
    list-style-type: none;
}

.box {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 1em;
    color: #fff;
    text-transform: capitalize;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slider-nav {
    position: absolute;
    bottom: 30px;
	width: auto!important;
}
.slider-nav__item {
    width: 0.8em;
    height: 0.8em;
    float: left;
    clear: none;
    display: block;
    margin: 0 5px;
    background: #fff;
    border-radius: 50%;
}
.slider-nav__item--current {
    background: #ccc;
}
.slider-nav__item:hover {
    background: #ccc;
}

.news_slider{
	position: absolute;
    width: 74%;
    height: 50%;
    overflow: hidden;
    margin-left: 8%;
}
.news_con{
	margin-top: 34%;
}


	.middle-img {
		position: absolute;
		left: 259px;
		top: 0px;
		width: 40px;
	}

	.up-img {
		position: absolute;
		top: -40px;
		left: 261px;
		width: 40px;
	}

	.down-img {
		position: absolute;
		top: 40px;
		left: 257px;
		width: 40px;
	}

	.left-img {
		position: absolute;
		left: 218px;
		width: 40px;
	}

	.right-img {
		position: absolute;
		left: 300px;
		width: 40px;
	}
	@media screen and (max-width:450px) {
		.middle-img {
			position: absolute;
			left: 259px;
			top: 0px;
			width: 40px;
			display: none;
		}

		.up-img {
			position: absolute;
			top: -40px;
			left: 261px;
			width: 40px;
			display: none;
		}

		.down-img {
			position: absolute;
			top: 40px;
			left: 257px;
			width: 40px;
			display: none;
		}

		.left-img {
			position: absolute;
			left: 218px;
			width: 40px;
			display: none;
		}

		.right-img {
			position: absolute;
			left: 300px;
			width: 40px;
			display: none;
		}

		.rotate_jia{
			display: none;
		}.rotate_div{
			display: none;
		}.rotate_jian{
			display: none;
		}
	}
	
	

/*CSS scott style pagination*/

DIV.scott {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.scott A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.scott A:hover {
	BORDER: #333 1px solid;BACKGROUND-COLOR: #f1ffd6
}
DIV.scott A:active {
	BORDER: #333 1px solid;BACKGROUND-COLOR: #999; color:#fff;
}
DIV.scott SPAN.current {
	BORDER:#000 1px solid; PADDING-RIGHT: 5px;PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px;  BACKGROUND-COLOR: #333;
}
DIV.scott SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}

.clear{
	clear:both;
	}