@charset "utf-8";
.1 {
}
/*CSS RESET*/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button,textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}


img {border: 0;}
a img{border: 0;}

ol, ul, li {list-style: none;}

a{ text-decoration:none;
 outline: none; /* for Firefox Google Chrome  */
 behavior:expression(this.onFocus=this.blur()); /* for IE */
}/*去除連結虛線框*/

/*以上做網頁先複製*/


/*背景body*/
body{
	font-family: "微軟正黑體";
	width:100%;
	background-repeat: no-repeat;
	background-position: center top;/*背景置中置上*/
	background-size: cover;/*背景滿版*/
	line-height:1.5;
	letter-spacing:1px;
	font-size:16px;
	color:#666666;
}


/*外圍wrapper*/
#wrapper{
	width: 100%;
	height:100%;
	/*position:relative;*/
	/*margin: 0 auto;*/
} 

#header{
	width: 100%;
	min-width:1280px;
	height: 600px;
	position:relative;
/*	background-color: #333333;*/
	background-image:url(../images/top-banner.png);
	background-position: top right;
	background-size:1979px 261px;
	background-repeat:no-repeat;
	overflow-x:hidden;
/*	z-index:2;*/
/*	overflow:hidden;*/
}

#logo{
	position:absolute;
	top:75px;
	left:5%;
	width: 470px;
	height: 90px;
}

#ice-bg-top {
	position:absolute;	
    width: 150px;
    height: 25px;
	top:220px;
	left:3%;
	z-index:11;
}

/*#ice-bg-top p {
    width: 150px;
    height: 25px;
    position: absolute;
    top: 10px;
    right: 20px;
}*/

#ice-bg-top a {
    color: #fff;
/*    font-weight: bold;*/
}

#ice-bg-top a:hover {
	text-decoration:underline;
}


/* 加載csshover3.htc，解決IE6沒有li:hover擬類的問題 */
* html body {
	behavior:url("csshover3.htc");
}
/* ---------- 大小與定位 ---------- */
#menu {
	/* 選單大小 */
	width:1980px; /*100%*/
	min-width:1280px;
	height:88px;

	position:absolute;
/*	position:relative;*/
/*	top:-88px;
	right:-450px;*/
/*	position:absolute;*/
	top:173px;
	right:-450px; /*-450-*/
	background-image:url(../images/nav-bg.png);
	background-repeat: no-repeat;
	background-position:right bottom;
	background-size:1394px 88px;
	z-index:10;
/*	overflow:visible;*/
/*	overflow:hidden;*/
}


#menu ul {
	/* 取消ul樣式符號 */
	list-style-type:none;
	/* 重設ul邊界與留白為零 */
	margin:0;
	padding:0;
	/* 內有浮動元件時，需設overflow才會自動調整大小 */
	overflow:auto;

}
* html #menu ul {
	/* 解決IE6不理overflow問題，直接指定高度 */
/*	height:88px;*/
}
#menu ul li {
	/* 利用float讓第一層li水平排列 */
	float:left;

}
/* 解決IE6條列式餘白問題*/
* html #menu ul li {
	display:inline;
}
#menu ul li a {
	/* 將a改為區塊元件，以便指定寬高 */
	display:block;
	/* 這邊也要設float，否則IE6會以100%寬度顯示 */
	float:left;
	/* 固定高度 */
/*	height:88px;*/
	width: 200px;
	height:88px;
	text-align: center;
}

#menu ul li ul {
	/* 讓第二層ul跳脫文件流以利定位 */
	position:absolute;
	/* 固定寬度 */
	width:200px;
	height:auto;
	/* 避免出現捲軸 */
	overflow:visible;
	/* 讓ul與母階層li相同位置 */
	clear:left;
	top:88px;
	
/*	margin-top: 70px;*/
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 50px;

}
/* 修正IE7絕對定位差異 */
*:first-child+html #menu ul li ul {
	margin-top:0;
}
/* 修正IE6絕對定位差異 */
* html #menu ul li ul {
	margin-top:0;
}
#menu ul li ul li {
	/* 覆寫繼承自第一層的浮動設定 */
	float:none;
	text-align: center;
}
#menu ul li ul li a {
	/* 覆寫繼承自第一層的浮動設定 */
	float:none;
	width: 100%;/* 註：display、height、padding繼承第一層的設定 */

}
#menu ul li ul li ul {
	margin-top: -50px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 200px;
	width: 100%;
}
/* 修正IE7絕對定位差異 */
*:first-child+html #menu ul li ul li ul {
	margin-top:-30px;
}
#menu ul li ul li ul li {
/* width、float繼承第二層，免設定 */
}
#menu ul li ul li ul li a {
/* width、float繼承第二層，免設定 */
}
/* ---------- 隱藏與顯示階層 ---------- */
#menu ul li ul {
	/* 預先隱藏第二層 */
	visibility:hidden;
}
#menu ul li:hover ul {
	/* 觸動第一層時，顯示第二層 */
	visibility:visible;
}
#menu ul li:hover ul li ul {
	/* 顯示第二層時，隱藏第三層，避免同時彈出 */
	visibility:hidden;
}
#menu ul li ul li:hover ul {
	/* 觸動第二層時，顯示第三層 */
	visibility:visible;
}
#menu ul li ul li:hover ul li ul {
	/* 顯示第三層時，隱藏第四層，避免同時彈出 */
	visibility:hidden;
}
#menu ul li ul li ul li:hover ul {
	/* 觸動第三層時，顯示第四層 */
	visibility:visible;
}
/* ---------- 以下為美化用，非必需 ---------- */


/* 預設字體 */
#menu {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}
/* 第一層ul背景色彩與邊框 */
#menu ul {
	float:right;
	width:1280px;
	height: auto;
	
/*	background:#6f6f6f;*/
}
/* 第一層a字型 */
#menu ul li a {
	color:#666666;
	text-decoration:none;
	line-height: 30px;
	width:200px;
/*	height:88px;*/
	letter-spacing:5px;
	display: inline-block;
    position: relative;
	margin-top:10px;

}

#menu ul li a:before{
	border-top-style:solid; 
	border-top-width:1px;
	border-color:#666666;
	position: absolute;
    right: 50px;
    bottom: 55px;
    width: 100px;
    height: 1px;
    content: "";
}


#menu ul:after{
	position: absolute;
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
    right: 50px;
    top:-22px;
    width: 214px;
    height: 21px;
    content: "";
}

#menu ul li a span {
	display: inline-block;		
    width: 200px;
    font-size: 12px;
    letter-spacing: 1px;
    color: #666666;
}

/*第二層ul背景色彩與邊框  */
#menu ul li ul {
	background:rgba(0,0,0,0.3);
	color:#fff;
	border-style:solid;
	border-width:2px;
	border-color:#4D4D4D;
	padding-top:10px;
	padding-bottom:30px;

}
/* 第二層a字型 */
#menu ul li ul li a:before {
	border:none;
}

#menu ul li ul li a {
	font-size:16px;
	color:#fff;
	text-decoration:none;
	border:none;
	text-align:left;
	padding-left:20px;
/*	padding-right:20px;*/
	line-height:20px;
	height: inherit;
	letter-spacing:1px;
}

/* 觸動第一層li時，改變背景色 */
#menu ul li:hover, #menu ul li a:hover, #menu ul li a span:hover {
    color: #000;
}
/*#menu ul li:hover a {
	color:#000;
}*/
/* 觸動第二層以上li時改變背景色 */
#menu ul li ul li:hover, #menu ul li ul li a:hover {
	text-decoration:underline;
	color:#fff;
}

#banner{
	position:relative;	
	width: 100%;
	height: auto;
	min-height: 460px;  /*原來500px*/
	top:-350px;
	min-width:1280px;	
/*	background-color: #000;*/

}


/*底部footer*/
#footer_box{
	position:relative;
	width: 100%;
	min-width:1280px;
	height: 379px;
	background-image:url(../images/footer-bg.png);
	background-repeat:repeat-x;
	z-index:1;
	clear:both;
} 

#footer{
	width: 1280px;
	height: 379px;
	position:relative;
	margin: 0 auto;

}

.footer-menu {
    position: relative;
	text-align:center;
	margin:0 auto;
    padding: 25px 0;
}

.footer-menu li {
    display: inline-block;
    position: relative;
}

.footer-menu li a {
    padding: 12px 60px;
    font-size: 16px;
    color: #ffffff;
	letter-spacing:10px;
}

.footer-menu li a:hover {
	color: #FFCC00;

}

#footer-01{
	width: 1279px;
	height: 261px;
	position:relative;
	margin: -35px auto;
}

.posu {
    /* position: relative; */
    width: 300px;
    margin: 80px auto;
    font-size: 13px;
}

.posu li {
    float: left;
    margin-right: 0px;
    width: 350px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
}

.posu a {
    color: #fff;
}

.posu a:hover {
	color: #FFCC00;
}



#content-bg{
	width: 100%;
	min-width:1280px;	
	height: auto;
	min-height: 500px;
	position:relative;
	margin: 0 auto;
/*	top:-335px;*/
/*	top:0px;*/
/*	background:#000;*/
	background-color: #FFF;
	position:relative;
	z-index:1;
}

#content-index{
	width: 1280px;
	height: auto;
	min-height: 500px;
	position:relative;
	margin: -450px auto;
/*	top:20px;*/
	margin-bottom:0px;
	z-index:999;
	margin-right: auto;
    margin-left: auto;
    padding: 0;
/*	padding-left:50px;
	padding-right:50px;*/
/*	background-color: #FF0;*/
}

#content{
	width: 1280px;
	height: auto;
	min-height: 500px;
	position:relative;
	margin: -700px auto;
/*	top:20px;*/
	margin-bottom:0px;
	z-index:999;
	margin-right: auto;
    margin-left: auto;
    padding: 0;
/*	padding-left:50px;
	padding-right:50px;*/
/*	background-color: #FF0;*/
}

/*===========================首頁================================*/

.index-bg{
	width: 100%;
	height: 100%;
	min-height: 2900px;
	position:relative;
	margin: -335px auto -10px auto;
	background:#000;
}

.index-bg-01{
	width:100%;
	height:1205px;
	position:absolute;
	top:700px;
	left:0;
	background-image:url(../images/index-bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	z-index:1;

}

.index-item_pic{
	float:left;
	width:100%;
	height: auto;
	background:#ffffff;
	text-align : center;
	line-height : 393px;
	font-size:0; /*可隱藏看看變化*/
	position:relative;
	margin-bottom:70px;

}

.pro-item_pic img {
	vertical-align:middle;
	width:100%;
	height:auto;

}

.pro-item_intro{
	position:absolute;
	bottom:40px;
	left:40px;
	width:775px;
	height:200px;
	border: 1px solid rgba(255,255,255,1);
	background:rgba(0,0,0,0.5);
	
	
/*	border:1px solid #ffffff;*/
	-webkit-box-shadow:0 0 0 1px #ffffff ,0 0 0 20px rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 0 1px #ffffff ,0 0 0 20px #rgba(0,0,0,0.5);
	-o-box-shadow:0 0 0 1px #ffffff,0 0 0 20px rgba(0,0,0,0.5);
	box-shadow:0 0 0 1px #ffffff ,0 0 0 20px rgba(0,0,0,0.5);	
}

.pro-item_intro p{
	font-family:"微軟正黑體";
	font-size:30px;
	line-height:2;
	color:#fff;
	text-align:left;
	margin-left:50px;
	letter-spacing:2px;
	
}


.pro-item_intro span{
	display:block;
	font-family:"微軟正黑體";
	font-size:20px;
	line-height:0.5;
	color:#fff;
	text-align:left;
	margin-left:50px;
	letter-spacing:0px;
	
}

.pro-item_intro h2{
	font-family:"微軟正黑體";
	font-size:50px;
	font-weight:normal;
	line-height:0.5;
	color:#fff;
	text-align:left;
	margin-left:50px;
	margin-top:60px;
	letter-spacing:2px;
	
}

.pro-item_intro a {
	display:block;
    position: absolute;
    right: 30px;
    bottom: 15px;
    padding:1px 30px;
    font-size: 14px;
    background: #333333;
    color: #FFF;
	width:100px;
	height:30px;
	line-height:2.2;
	font-weight:600;
}

.pro-item_intro:hover a {
    background: #FFF;
    color: #333333;
}

/*===================================關於我們===========================*/
.title{
	width:348px;
	height:64px;
	padding-left:50px;

}

.page-subtitle {
	text-align:left;
	padding-left:50px;
}

.page-subtitle li {
    text-align: left;
    display: inline-block;
    margin: 50px 30px 0 0;
    padding: 0px 0 0 0px;
    width: 150px;
    height: 45px;
/*    overflow: hidden;*/
    font-size: 15px;
    letter-spacing: 5px;
    color: #666666;
	word-break: normal;
}

.page-subtitle li a {
    position: relative;
    float: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
}

.page-subtitle li a:hover {
	text-decoration:underline;
}

.about-logo{
	width:1280px;
	height: auto;
    text-align: center;
    margin: 50px 0;
}

.about-logo p{
	text-align:left;
	margin:50px auto;
	width:700px;
	color:#666666;
	line-height:2;
	text-align:justify;
}

.about-logo iframe{
	margin-top:20px;
	margin-bottom:-40px;
	width:100%;
	height: 300px;
}


.about-img{
	width:1180px;
	height: auto;
    text-align: center;
    margin: 0px auto 50px auto;
}

.about-img img{
	width:100%;
	height: auto;
}


/*===================================最新消息===========================*/

#news-bg{
	position:relative;
	width:800px;
	height:auto;
	margin:0px auto 810px auto;
	padding:30px 0 30px 0;
}

.category {
    float: left;
    position: relative;
    width: auto;
    border: 1px solid #4D4D4D;
	margin-bottom:30px;
}

.category-title {
    position: absolute;
    top: 0;
    left: -1px;
    display: block;
    background: #4D4D4D;
    color: #ffffff;
    width: 65px;
    text-align: center;
    padding: 3px 0px;
    margin: 0;
    font-size: 14px;
}

.category-selt {
    display: inline-block;
    padding: 2px 10px 2px 10px;
    margin: 0 0 0 60px;
    /* border: 1px solid #808080; */
    color: #808080;
    font-size: 14px;
    outline: none;
    background: #FFF;
    border: 1px solid #4D4D4D;
    outline: none;
}

.news-item{
	float:left;
	width:100%;
	height:250px;
	padding:0px 20px 0px;
	margin:0px 0px 30px;
	border:#CCCCCC solid 1px;
	position:relative;
	border-left:7px #4D4D4D solid;　
}

.news-item:hover{
	border-left:7px #FFCC00 solid;　
}

.news-item-time{
	float:left;
	width:50%;
	color:#666666;
	font-size:15px;
	letter-spacing:1px;
	padding:30px 30px 10px;

}

.news-item-title{
	float:left;
	width:100%;
	color:#666666;
	font-weight:600;
	font-size:18px;
	letter-spacing:2px;
	padding:0px 30px 5px;
}

.news-item-intro{
	float:left;
	width:95%;
	color:#757475;
	font-size:16px;
	letter-spacing:1px;
	padding:0px 30px 0px;
	max-height:100px;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	line-height:2;
}


.news-item-more{
	position:absolute;
	bottom:10px;
	right:85px;
}

.news-item-more a{
	display:block;
	width:100%;
	height:100%;
	letter-spacing:5px;
	color:#fff;
	border:1px solid #FFCC00;
	background:#4D4D4D;
	padding:5px 20px;
	line-height:1.4;
	font-size:14px;
	text-align:center;
}

.news-item-more a:hover{
	background:#ffffff;
	color:#4D4D4D;

}

/*===================================最新消息詳細頁===========================*/

.news-item-vi{
	float:left;
	width:100%;
	height:100%;
	padding:0px 20px 0px;
	margin:0px 0px 30px;
	position:relative;
	border-left:7px #FFCC00 solid;　
}

.news-item-time-vi{
	float:left;
	width:50%;
	color:#666666;
	font-size:15px;
	letter-spacing:1px;
	padding:0px 0 10px;

}

.news-item-title-vi{
	float:left;
	width:100%;
	color:#666666;
	font-weight:600;
	font-size:18px;
	letter-spacing:2px;
	padding:0px 0 5px;
}

.news-item-intro-vi{
	float:left;
	width:95%;
	height:100%;
	color:#757475;
	font-size:16px;
	letter-spacing:1px;
	padding:0px 0 0px;
	line-height:2;
}

.pic img{
	width:100%;
	height:auto;
}

.news-item__pic-group{
	clear:both;
	width:95%;
	margin:20px 0 25px 0;
	padding-top:30px;
}

.pic-one , .pic-two , .pic-thr{
	display:inline-block;
	float:left;
	background:#fffff;
	text-align:center;
	font-size:0;
	overflow:hidden;
}

.pic-one , .pic-two{
	display:inline-block;
	width:48.5%;
	margin-right:1.5%;
	height:230px;
	line-height:235px;
}

.pic-thr{
	width:98.5%;
	margin-right:1.5%;
	height:231px;
	line-height:231px;
}

.pic-thr{
	margin-top:10px;
}


.pic-one img , .pic-two img , .pic-thr img {
	width:100%;
	height:auto;
}

.pic-one img{ vertical-align:top; }

.pic-two img{ vertical-align:top; }

.pic-thr img{ vertical-align : bottom; }

.news-item__pic-group iframe {
	margin-top:10px;
	width:98.5%;
	height:300px;
}

/*-----------*/

.download-sec-bg{
	width:300px;
	margin:0 auto;	
}

.download-sec-works{
	width:150px;
	margin:0 auto;	
}

.download-sec{
	display:inline-block;
	margin:0 auto;
	width:105px;
	text-align:center;
	padding:50px 0 70px 30px;
	font-size:15px;
	
}

.download-sec img{
	display:inline-block;
	margin-right:0px;
	width:102px;
	height:6px;
	vertical-align:text-bottom;
	text-align:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.download-sec a{
	color:#333333;
	margin:0 0px;
}

.download-sec a:hover{
	color:#999999;
}

/*-----------*/

/*===================================工程案例==========================*/

/*-----------*/

.works-vi-photo-box{
	position:relative;
	width:1280px;
	margin:50px 0 50px 0;
}

.works-vi-photo{
	position:relative;
	margin:20px 0 30px 0;
	background:#FFCC00;
	font-size:0;
	overflow:hidden;
}

.works-vi-photo img{
/*	display:inline-block;*/
    float: left;
    display: block;
	width:630px;
	height:auto;
	border:#FFCC00 solid 10px;
}

.works-vi-photo h2{
	display:inline-block;
	font-family:"微軟正黑體";
	font-size:50px;
	font-weight:normal;
	line-height:2;
	color:#666666;
	text-align:left;
	margin-left:18px;
	margin-top:15px;
	letter-spacing:2px;
	width:550px;
	height:100px;
	overflow:hidden;
	border-top:#666 solid 1px;
	border-right:#666 solid 1px;
	border-bottom:#666 solid 1px;	
}

.works-vi-photo p{
	display:inline-block;
	width:570px;
	height:120px;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	padding:30px 30px 0px 20px;
	margin:0;
	letter-spacing:1px;
	line-height:2;
	font-size:16px;
	text-align:justify;
	vertical-align: middle;	
	color:808080;
	
}

.works-vi-photo-01{
	position:relative;
	margin:20px 0 30px 0;
	background:#CCCCCC;
	font-size:0;
	overflow:hidden;
}

.works-vi-photo-01 img{
/*	display:inline-block;*/
    float: left;
    display: block;
	width:630px;
	height:auto;
	border:#CCCCCC solid 10px;
}

.works-vi-photo-01 h2{
	display:inline-block;
	font-family:"微軟正黑體";
	font-size:50px;
	font-weight:normal;
	line-height:2;
	color:#666666;
	text-align:left;
	margin-left:18px;
	margin-top:15px;
	letter-spacing:2px;
	width:550px;
	height:100px;
	overflow:hidden;
	border-top:#666 solid 1px;
	border-right:#666 solid 1px;
	border-bottom:#666 solid 1px;	
}

.works-vi-photo-01 p{
	display:inline-block;
	width:570px;
	height:120px;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	padding:30px 30px 0px 20px;
	margin:0;
	letter-spacing:1px;
	line-height:2;
	font-size:16px;
	text-align:justify;
	vertical-align: middle;	
	color:808080;
	
}

.works-item-more{
	position:absolute;
	bottom:10px;
	right:85px;
}

.works-item-more a{
	display:block;
	width:100%;
	height:100%;
	letter-spacing:5px;
	color:#fff;
	border:0px solid #FFCC00;
	background:#4D4D4D;
	padding:5px 20px;
	line-height:1.4;
	font-size:14px;
	text-align:center;
}

.works-item-more a:hover{
	background:#ffffff;
	color:#4D4D4D;
	border:1px solid #332C2B;

}

/*-----------*/


/*===================================工程案例詳細頁===========================*/

#works{
	width: 1280px; /*1240*/
	height: auto;
	min-height: 500px;
	position:relative;
	margin: -700px auto;
/*	top:20px;*/
	margin-bottom:0px;
	z-index:999;
	margin-right: auto;
    margin-left: auto;
    padding: 0;

/*	padding-right:50px;*/
/*	background-color: #FF0;*/
}

.works-view-photo-box{
	position:relative;
	width:1280px;
	margin:50px 0 50px 0;
}

.works-view-photo{
	position:relative;
	margin:20px 0 30px 0;
	font-size:0;
}

.works-view-photo smail{
	width:1280px;
	height: auto;
	padding:0;
	margin:0;
	lettesr-spacing:1px;
	line-height:2;
	font-size:16px;
	text-align:justify;
	color:808080;
	
}

.works-view-photo img{
/*	display:inline-block;*/
    float: left;
    display: block;
	width:780px;
	height:auto;
	margin-left:25px;
}

.works-view-photo h2{
	display:inline-block;
	font-family:"微軟正黑體";
	font-size:16px;
	font-weight: bold;
	line-height:2;
	color:#666666;
	text-align:left;
	margin-left:18px;
	margin-top:0px;
	letter-spacing:2px;
	width:420px;
	overflow:hidden;
}

.works-view-photo p{
	display:inline-block;
	width:420px;
	height: auto;
	padding:0px 30px 0px 20px;
	margin:0;
	letter-spacing:1px;
	line-height:2;
	font-size:16px;
	text-align:justify;
	color:808080;
	
}



/*===================================聯絡我們===========================*/

#contact-bg{
	position:relative;
	width:1280px;
	height:auto;
	margin:50px auto;
	padding:30px 0 30px 0;
/*	background:#E6E6E6;*/

}

#contact-bg-01{
/*	position:relative;*/
	width:800px;
	height:1100px;


margin-left:auto;margin-right:auto;
/*	padding:30px 0 30px 0;*/
	background:#E6E6E6;

}


.name-product_02 {
	width:700px;
	font-size: 16px;
	color: #666666;
    padding: 16px 0px;
	margin:0 0 10px 35px;
	float:left;

}

ul.contact-info {
    padding: 0px;
    margin-bottom: 20px;
	margin-left:20px;
}
.contact-info {
    max-width: 870px;
    margin: 0 auto;
}
ol, ul {
    list-style: none;
}

ul.contact-info li {
    box-sizing: border-box;
    position: relative;
    font-family: 微軟正黑體;
    font-size: 16px;
    color: #666666;
    padding: 12px 0px 12px 72px;
}

ul.contact-info li:before {
    content: '';
    display: block;
    position: absolute;
    width: 28px;
    height: 28px;
    left: 26px;
    top: 50%;
    margin-top: -13px;
    background: url(../images/info_ic-01.png)left center no-repeat;
}

ul.contact-info li.tel:before {
    background-position: -31px center;
}

ul.contact-info li.address:before {
    background-position: -61px center;
}

ul.contact-info li.email:before {
    background-position: -91px center;
}

.contact-map {
	margin:0 auto;
    width: 700px;
    height: 250px;
}

.contact-map iframe{
    width: 100%;
    height: 250px;
}

/*分頁*/
.page{
	clear:both;
	text-align:center;
	padding:100px 0 100px 0;
}

.page a{
	margin:1px;
	padding:0;
	color:#000;
}

.page a:hover{
	color: #FFCC00;
}

.page span{
	margin:1px;
	padding:0;
}