/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{text-decoration:none;
 outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
table { border-spacing: 0; }
fieldset,img { border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{	font-weight: bold;}
ol,ul { list-style: none; margin:0; padding:0;}
caption,th { text-align: left;}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
}
q:before,q:after { content:'';}
abbr,acronym { border: 0;}
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix:after {  visibility:hidden;  display:block;  font-size:0;  content:" ";  clear:both;  height:0; }
.clearfix {  zoom:1; }

/* Custom CSS
 * --------------------------------------- */
body{font-family: arial,helvetica,微軟正黑體;}
#header{
	background: url(../images/top_bg.png) repeat-x 0 0;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height: 95px;
	z-index: 1000;
}
h2.title{font-size: 38px; color:#484848; text-align:center;padding:50px 0 40px 0; background:url(../images/title_bg.png) no-repeat center bottom;}
h2.title strong{border-bottom:#78c111 solid 3px; }
h3.title{font-size: 26px;color:#78c111; text-align:center; margin:40px 0 20px 0;}
p{ font-size: 14px;	line-height: 22px; color:#333; margin:0 auto 20px auto;}
.wrapper{width:1000px; margin:0 auto; position:relative;}
.menu ul{float:left;}
.menu li {float:left;margin:38px 0 0 0;}
.menu .home_btn{margin:25px 0;}
.menu .home_btn .logo a{width:485px; height:40px;background:url(../images/logo.png) no-repeat 0 0; display:block;}
.menu li a{
	width: 80px;
	color:#494949;
	border-bottom:#fff solid 2px;
	display:block;
	text-align:center;
    font-size: 15px;
	line-height: 30px;
	padding:10px 0;
}
.menu li a:hover{border-bottom:#6da3cc solid 2px;}
.menu .home_btn .logo a:hover,.menu .fb_btn a:hover{border-bottom:#fff solid 2px;}
.menu .fb_btn{margin:53px 0 0 0; float:left;}
.menu .fb_btn a{width: 18px; height:20px; background:url(../images/fb.png) no-repeat; padding:0; display:block;border-bottom:#fff solid 2px;}
.menu .fb_btn a:hover{ background-position:0 -18px;}
.slide{padding:90px 0 0 0; width: 100%; position:relative;}
.home{background:#eeedec; height:760px;}
.home .kv{background:url(../images/kv.jpg) no-repeat fixed center 90px; height:610px;}
.home .kv .text{color:#FFF; margin:0 auto; width:1000px; padding:150px 0 0 720px;}
.home .kv h2{font-size: 52px;width:220px; color:#FFF;}
.home .kv p{font-size: 15px;width:270px;color:#FFF;}
.home .box{ width:920px; position:absolute; top:-120px; left:40px; font-size:12px; background:url(../images/home_box_bg.png) repeat-x center bottom; padding:0 0 5px 0;}
.box .left{ width:580px;height:140px; float:left;background:#fff url(../images/news_bar_bg.png) no-repeat 0 0; padding:20px; }
.box .left .title{ color:#b6b6b6; width:110px; float:left;}
.box .left .title strong{
	color:#116cb0;
	font-size:17px;
	font-weight: normal;
	display:block;
}
.box .left ul{float:left; color:#919191; padding:20px 0 0 20px;}
.box .left li{ background:url(../images/news_icon.png) no-repeat 0 6px; padding:0 0 10px 10px;}
.box .left ul span{ width:80px; display:inline-block;}
.box .left ul a{color:#494949; text-decoration:underline;}
.box .left ul a:hover{color:#70a7d0;}
.home .box .right{ width:340px;height:140px; float:left; background:#f7f7f7; color:#494949;padding:20px 20px 20px 60px;}
.home .box .right li{ padding:0 0 5px 0;float:left;}
.home .box .right li:nth-child(1){ width:130px;padding:0 0 10px 30px;background:url(../images/contact_icon.png) no-repeat 0 0; line-height:24px;}
.home .box .right li:nth-child(2){ padding:0 0 10px 30px;background:url(../images/contact_icon.png) no-repeat 0 -40px;line-height:24px;}
.about .kv{ height:370px; background:#acc9db url(../images/about_kv.jpg) no-repeat center top; }
.about p{ width:730px;}
.about .text{ border-bottom:#d6d6d6 solid 1px;}
.about .graph{font-size: 13px; width:100%;}
.about .graph li{ float:left; color:#7a7a7a; padding:120px 1px 30px 0; text-align:center; position:relative;}
.about .graph li span{display:block; padding:15px 0 0 0;}
.about .graph .styles_1 span{ border-top:#81bfe5 solid 5px;}
.about .graph .styles_2 span{ border-top:#acd681 solid 5px;}
.about .graph .styles_3 span{ border-top:#f3bd7c solid 5px;}
.about .graph .styles_4 span{ border-top:#c2c6c9 solid 5px;}
.about .graph .styles_5 span{ border-top:#aac9e5 solid 5px;}
.about .graph .styles_6 span{ border-top:#7d7d7d solid 5px;}
.about .graph li .percentage{
	background: url(../images/percentage.png) no-repeat;
	font-size: 27px; 
	position:absolute; 
	top:30px; right:0; 
	width:80px;
    height:80px;
	padding:10px 0 0 0;
	color:#FFF;
	text-align:center;
}
.about .graph .styles_1 .percentage{ background-position:0 0;}
.about .graph .styles_2 .percentage{ background-position:0 -80px;}
.about .graph .styles_3 .percentage{ background-position:0 -160px;}
.about .graph .styles_4 .percentage{ background-position:0 -240px;}
.about .graph .styles_5 .percentage{ background-position:0 -320px;}
.about .graph .styles_6 .percentage{ background-position:0 -400px;}
.about .graph li .percentage strong{font-size: 36px;font-weight: normal;}
.service { background:url(../images/bg_pat.jpg);}
.service .list  { width:960px; margin:0 auto;}
.service .list li { padding:10px; width:240px; height:320px; float:left;cursor:pointer;}
.service .list li .main{border-bottom:#eaeaea solid 8px;}
.service .list li .main:hover{border-bottom:#78c111 solid 8px;}
.service .list li .text{font-size:18px; height:110px; text-align:center; line-height:26px;}
.service .list li .photo{width:220px;height:160px; background:url(../images/service_photo.png) no-repeat bottom center;}
.service .list li .photo a{ display:block; width:220px;height:320px;}
.service .list li .photo .pic01{ background:url(../images/service_01.jpg) no-repeat; height:140px;}
.service .list li .photo .pic02{ background:url(../images/service_02.jpg) no-repeat; height:140px;}
.service .list li .photo .pic03{ background:url(../images/service_03.jpg) no-repeat; height:140px;}
.service .list li .photo .pic04{ background:url(../images/service_04.jpg) no-repeat; height:140px;}
.service .list li .photo .pic05{ background:url(../images/service_05.jpg) no-repeat; height:140px;}
.service .list li .photo .pic06{ background:url(../images/service_06.jpg) no-repeat; height:140px;}
.service .list li .photo .pic07{ background:url(../images/service_07.jpg) no-repeat; height:140px;}
.service .list li .photo .pic08{ background:url(../images/service_08.jpg) no-repeat; height:140px;}
.service .list li .photo a:hover,.service .list li:hover .photo a{ background-position:0 -140px;}
.service .mission{ width:1000px; margin:0 auto; background:url(../images/mission_icon.png) no-repeat center top; padding:150px 0 30px 0;}
.service .mission li{ float:left; width:250px; text-align:center; padding:0 50px;}
.service .mission h4{ font-size:18px;color:#333;}
.service .mission p{ font-size:13px; color:#7a7a7a;}

.equipment{ background:#f0f0ef;}
.equipment ol{ width:1000px; margin:0 auto; padding:0 0 100px 0;}
.equipment ol>li{ width:250px; float:left; text-align:center; font-size:18px; line-height:24px; padding:180px 50px 10px 50px; background:url(../images/equipment_icon.png) no-repeat;}
.equipment ol>li:nth-child(1){ color:#a0dd62; background-position:0 0;}
.equipment ol>li:nth-child(2){ color:#ffb55c; background-position:-250px 0;}
.equipment ol>li:nth-child(3){ color:#5fa6e8; background-position:-500px 0;}
.equipment ol>li:nth-child(4){ color:#9c9c9c; background-position:-750px 0;}
.equipment li ul{width:150px;padding:0;}
.equipment li li{width:150px;padding:0 0 10px 0;}
.sell{ background:#6e9ec1;}
.sell h2{ color:#FFF;}
.sell p{ color:#FFF; width:360px; margin:0 auto; font-size:18px; text-align:center; line-height:30px; padding:50px 0;}
.sell ul{ width:990px; margin:0 auto; padding: 0 0 70px 0;}
.sell li{ width:330px; height:310px; padding:0 20px; float:left; background:url(../images/sell_bg.jpg) no-repeat center bottom;}
.sell li .photo{width:290px;height:290px;background:url(../images/sell_pic.jpg) no-repeat;}
.sell li:nth-child(1) .photo{ background-position:0 0;}
.sell li:nth-child(2) .photo{ background-position:0 -290px;}
.sell li:nth-child(3) .photo{ background-position:0 -580px;}
.contact { font-size:18px; color:#494949;}
.contact ul{ background:url(../images/contact.jpg) no-repeat 0 40px; width:1000px; margin:0 auto; padding:120px 0 0 660px; min-height:550px;}
.contact li{ padding:0 0 10px 0; }
.contact li a{color:#494949;}
.contact .icon{ padding:0 0 10px 40px;background:url(../images/contact_icon.png) no-repeat;} 
.contact li:nth-child(3){padding:0 0 30px 0;}
.contact li:nth-child(4){ background-position:0 0;}
.contact li:nth-child(5){ background-position:0 -40px;}
.contact li:nth-child(6){ background-position:0 -80px;}
.contact li:nth-child(7){ background-position:0 -120px;}
.contact li:nth-child(9){ color:#116cb0;}
.copyright{ text-align:center; color:#494949; font-size:11px; line-height:30px;}
.copyright .bar>div{ float:left; height:6px;}
.copyright .bar .left{ width:30%; background:#78c111;}
.copyright .bar .right{ width:70%; background:#116cb0;}
.text_none{
	font-size: 0;
	text-indent: -1000px;
	overflow: hidden;
}

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	z-index: 9999;
	display: none;
	top: 0;
	left: 0; 
}
.reveal-modal {
	visibility: hidden;
	top: 150px; 
	left: 50%;
	margin-left: -300px;
	width: 520px;
	background: url(../images/popup_bg.png);
	position: absolute;
	z-index: 10000;
	min-height:200px;
	color:#FFF;
}
.reveal-modal .main{padding:50px; background:url(../images/popup_news_bg.png) no-repeat left top;}
.reveal-modal.small{ width: 200px; margin-left: -100px;}
.reveal-modal.medium{ width: 400px; margin-left: -200px;}
.reveal-modal.large{ width: 600px; margin-left: -300px;}
.reveal-modal.xlarge{ width: 800px; margin-left: -400px;}
.reveal-modal.search{font-size:14px;}
.reveal-modal.search .left{width: 400px; min-height:100px; float:left; background:url(../images/search_bar1.png) no-repeat left top;padding:20px 25px;}
.reveal-modal.search .right{width: 400px; min-height:100px; float:left; background:url(../images/search_bar2.png) no-repeat left top;padding:20px 25px;}
.reveal-modal.search h2{font-size:22px;margin-bottom:20px;}
.reveal-modal.search ul{ padding:0 0 0 120px;}
.reveal-modal.search .icon01{ background:url(../images/icon01.png) no-repeat 0 10px;}
.reveal-modal.search .icon02{ background:url(../images/icon02.png) no-repeat 0 10px;}
.reveal-modal.search .btn{ width:302px; padding:10px 0;}
.reveal-modal.search .btn a{ 
    width:80px; height:25px; 
	background:url(../images/btn_bg.jpg) repeat-x 0 0; 
	display:block; 
	float:right; 
	color:#FFF; 
	font-size:13px;
	line-height:25px;
	text-align:center;
}
.reveal-modal.search .btn a:hover{ background-position: 0 -25px;}	
.reveal-modal.search li{ padding:0 0 10px 0; line-height:25px;}
.reveal-modal.search input{
	width:140px; height:25px; 
	border:none; padding:3px;
    -webkit-box-shadow: inset 1px 1px 1px #b9b9b9;
    -moz-box-shadow: inset 1px 1px 1px #b9b9b9;
    box-shadow: inset 1px 1px 1px #b9b9b9;
	margin:0 0 0 10px;
	font-size:12px;
	color:#929292;
}
.reveal-modal.search input:focus{color:#000;}
.reveal-modal.news h2{ font-size:22px; margin-bottom:30px;}
.reveal-modal.news p{color:#FFF; font-size:14px; line-height:18px;}
.reveal-modal .close-reveal-modal {
	position: absolute;
	top: 10px;
	right:10px;
	display:block;
	background: url(../images/close.png);
	width:35px; height:35px;
	cursor: pointer;
}