@charset "utf-8";
/* CSS Document */
body{
	background-color:#666;
	font-family:"微軟正黑體";
}
.container{
	width:1000px;
	margin:0 auto;
}
#warp{
	background-color:#fff;
}
.clear{
	clear:both;
}
/*--------------------------------首頁-----------------------------------------*/
/*head*/
#header .top{
	background:url(../images/topbg.png) repeat left top;
	width:100%;
	height:95px;
}
#header .logo a{
	float:left;
	display:block;
	text-indent:-99999px;
	background:url(../images/logo.png) no-repeat left top;
	width:322px;
	height:80px;
	margin:3px 133px 0px 35px;
}
#header .slogn{
	float:left;
	display:block;
	background:url(../images/slogn.png) no-repeat left top;
	width:245px;
	height:80px;
}
#header .navbg{
	background:url(../images/navbg.png) repeat-x left top;
	width:100%;
	height:48px;
}
#header .iconarea{
	float:right;
	padding-top:28px;
	margin-right:30px;
}
.iconarea div{
	float:left;
	margin-right:3px;
}
#header a.icon-01{
	display:block;
	text-indent:-99999px;
	background:url(../images/icon_01.png) no-repeat left top;
	width:29px;
	height:28px;
}
#header a.icon-02{
	display:block;
	text-indent:-99999px;
	background:url(../images/icon_02.png) no-repeat left top;
	width:29px;
	height:28px;
}
.navbg .container{
	width:680px;
	padding-left:320px;
}
.nav{
	background:url(../images/hr.png) no-repeat left top;
	height:48px;
	padding-left:2px;
}
.nav li{
	float:left;
	padding-right:2px;
	background:url(../images/hr.png) repeat-x right top;
}
.nav li.nav-01 a ,.nav li.nav-02 a ,.nav li.nav-03 a ,.nav li.nav-04 a ,.nav li.nav-05 a ,.nav li.nav-06 a {
	float:left;
	display:block;
	text-indent:-99999px;
	width:108px;
	height:48px;
}
.nav li.nav-01 a{
	background:url(../images/nav-01.png) no-repeat left top;
}
.nav li.nav-02 a{
	background:url(../images/nav-02.png) no-repeat left top;
}
.nav li.nav-03 a{
	background:url(../images/nav-03.png) no-repeat left top;
}
.nav li.nav-04 a{
	background:url(../images/nav-04.png) no-repeat left top;
}
.nav li.nav-05 a{
	background:url(../images/nav-05.png) no-repeat left top;
}
.nav li.nav-06 a{
	background:url(../images/nav-06.png) no-repeat left top;
}
.nav li a:hover ,.nav li a.on{
	background-position:left bottom;
}
.silder{
	width:100%;
	height:344px;
	background-color:#999;
}
/*main*/
#index-main{
	background:url(../images/topbg.png) repeat left top;
}
#index-main .index-protop{
	margin:0px 75px 20px 75px;
	padding-top:10px;
	background:url(../images/line-01.png) no-repeat left bottom;
	width:850px;
	height:31px;
}
#index-main .index-pro{
	margin:0px 123px;
}
#index-main .index-pro .pro li{
	float:left;
	width:208px;
	height:193px;
	margin-right:55px;
	margin-bottom:10px;
}
#index-main .index-pro .pro li:last-child{
	margin-right:0px;
}
#index-main .index-pro .pro li .probg{
	background:url(../images/probg.png) no-repeat left top;
	width:206px;
	height:158px;
	padding:1px;
}
#index-main .index-pro .pro li .protext{
	text-align:center;
	width:198px;
	height:33px;
	padding:0px 5px 0px 5px;
}
#index-main .index-pro .pro .protext a{
	color:#333;
	text-decoration:none;
	font-size:13px;
	line-height:150%;
}
#index-main .index-pro .pro .protext a:hover{
	color:#1374bf;
}
.index-pro-shadow{
	background:url(../images/shadow.png) repeat-x left top;
	width:100%;
	height:16px;
}
#index-main .titlepro{
	float:left;
	background:url(../images/index-protitle.png) no-repeat left top;
	width:71px;
	height:29px;
	margin:0px 10px 0;
}
#index-main .more a{
	float:right;
	display:block;
	text-indent:-999999px;
	background:url(../images/btn_more.jpg) no-repeat left top;
	width:92px;
	height:17px;
	margin:5px 10px 0;
}
#index-main .more a:hover{
	background-position:left bottom;
}
/*foote*/
.copyright{
	text-align:center;
	padding:16px 0px;
	font-size:13px;
}
#footer .copyright1{
	color:#e4e4e4;
	margin-bottom:12px;
}
#footer .copyright2{
	color:#acacac;
}


/*--------------------------------內頁-----------------------------------------*/
/*head*/
.silder2{
	width:100%;
	height:175px;
	background-color:#fff;
}
.silder2 .banner ,.silder2 .banner2 ,.silder2 .banner3 ,.silder2 .banner4 ,.silder2 .banner6{
	height:175px;
}
.silder2 .banner{
	background:url(../images/banner-01.jpg) no-repeat top center;
}
.silder2 .banner2{
	background:url(../images/banner-02.jpg) no-repeat top center;
}
.silder2 .banner3{
	background:url(../images/banner-03.jpg) no-repeat top center;
}
.silder2 .banner4{
	background:url(../images/banner-04.jpg) no-repeat top center;
}
.silder2 .banner6{
	background:url(../images/banner-06.jpg) no-repeat top center;
}
.silder2 .container{
	background:url(../images/cont-top.png) no-repeat left bottom;
	width:1000px;
	height:175px;
}
/*main*/
#main{
	background:url(../images/topbg.png) repeat left top;
	width:100%;
}
#main .shadow-02{
	background:url(../images/shadow-2.jpg) repeat-x left bottom;
	width:100%;
	
}
#main .container{
	background:url(../images/cont-bg.png) repeat-y left top;
	min-height:400px;
	position:relative;
}
#main .container .photo-01 ,#main .container .photo-02 ,#main .container .photo-04 ,#main .container .photo-06{
	position:absolute;
	top:-40px;
	left:22px;
	width:206px;
	height:378px;
}
#main .container .photo-01{
	background:url(../images/photo-01.png) no-repeat left top;
}
#main .container .photo-02{
	background:url(../images/photo-02.png) no-repeat left top;
}
#main .container .photo-04{
	background:url(../images/photo-04.png) no-repeat left top;
}
#main .container .photo-06{
	background:url(../images/photo-06.png) no-repeat left top;
}
.cont-shadow{
	position:absolute;
	bottom:0px;
	left:5px;
	background:url(../images/cont-shadow.jpg) no-repeat center bottom;
	width:990px;
	height:10px;
}
#main .container .content{
	padding:0px 45px 20px 235px;
}
.link ,.link a{
	font-size:12px;
	color:#006ec3;
	text-decoration:none;
	margin-bottom:15px;
}
.cont-title{
	background:url(../images/line-02.jpg) no-repeat left bottom;
	width:721px;
	height:27px;
	font-weight:bold;
	font-size:18px;
	color:#006ec3;
}
.icon-01{
	float:left;
	background:url(../images/icon-01.jpg) no-repeat left top;
	width:19px;
	height:16px;
}
#main .container .content-02{
	padding:15px 0px 10px 10px;
	line-height:180%;
}


/*--------------------------------產品內頁-----------------------------------------*/
#main .probg{
	position:absolute;
	top:-40px;
	left:22px;
}
.probgtop{
	background:url(../images/protop.png) no-repeat left top;
	width:211px;
	height:58px;
}
.probg-y{
	background:url(../images/pro-y.png) repeat-y left top;
	width:188px;
	height:auto;
	padding:0px 11px 0px 12px;
	font-size:13px;
}
.pro-subnav{
	background-color:#ddebf5;
	padding:10px;
	border-bottom:1px solid #fff;
}
.pro-subnav:hover{
	background-color:#52a4e3;
}
.pro-subnav:hover a{
	color:#fff;
}
.probg-y ul li{
	background-color:#ddebf5;
}
.probg-y ul li a{
	text-decoration:none;
	color:#5a5a5a;
}
.probg-y ul li a .icon-pro{
	background:url(../images/icon-pro.png) no-repeat left top;
}
.probg-y ul li ul li{
	background-color:#ecf4fa;
	padding:10px 10px 10px 35px;
	border-bottom:1px solid #fff;
}
.probg-y ul li ul li:hover a{
	color:#000;
}
.probg-y ul li ul li a{
	color:#8c8c8c;
	text-decoration:none;
}
.probgbottom{
	background:url(../images/pro-bottom.png) no-repeat left top;
	width:211px;
	height:17px;
}
#main .container .content-pro{
	padding:15px 0px 10px 0px;
	line-height:180%;
}
.pro-title{
	color:#054181;
	text-shadow:1px 1px 1px #fff;
	border-bottom:1px solid #054181;
	padding-top:5px;
	margin-bottom:10px;
}
.pro-list{
	clear:both;
	background:url(../images/probluebar.jpg) no-repeat left top;
	width:714px;
	height:30px;
	color:#fff;
	padding-left:10px;
}
.pro-area{
	width:170px;
	display:inline-table;
	margin:10px 3px 20px 3px;
}
#main .pro-area .name{
	text-align:left;
}
#main .pro-area .name a{
	color:#4b71b6;
}
#main .pro-area .text{
	font-size:13px;
}
#main .pro-area .text ul li{
	height:20px;
}

/*--------------------------------產品詳細頁-----------------------------------------*/
.pro-detail-top{
	clear:both;
	height:auto;
}
.pro-detail .pro-detail-l{
	float:left;
	padding-right:25px;
}
.pro-detail .pro-detail-r{
	float:left;
	border-left:1px solid #e9eaef;
	padding-left:25px;
	min-height:70px;
}
.pro-detail-r .name-s{
	font-size:12px;
	color:#9c9c9c;
	clear:both;
	position:relative;
}
a.btn-back{
	display:block;
	text-indent:-99999px;
	position:absolute;
	top:5px;
	right:0px;
	background:url(../images/btn-back.png) no-repeat left top;
	width:53px;
	height:17px;
}
a:hover.btn-back{
	background-position:0px -17px;
}
.pro-detail-r .name{
	color:#4b71b6;
	font-size:22px;
}
.pro-detail-r .icon-area{
	margin-top:10px;
}
.icon-area ul{
	width:449px;
}
.icon-area ul li{
	float:left;
	background:url(../images/icon.png) no-repeat left top;
	width:78px;
	height:28px;
	font-size:12px;
	color:#828282;
	padding:2px 5px;
	text-align:center;
}
.pro-detail-tab{
	clear:both;
	margin-top:30px;
	height:28px;
	border-bottom:1px solid #52a4e3;
	font-size:13px;
	text-align:center;
}
.pro-detail-tab .tab-1{
	float:left;
	width:100px;
	height:28px;
	background-color:#52a4e3;
	color:#fff;
	margin-right:5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.pro-detail-tab .tab-2{
	float:left;
	width:100px;
	height:28px;
	background-color:#ddebf5;
	color:#5a5a5a;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.pro-detail-tab .tab-2 a{
	text-decoration:none;
}
.pro-detail-tab .tab-2 a:hover{
	color:#5a5a5a;
}
.pro-detail-cont{
	clear:both;
	padding-top:30px;
}
/*--------------------------------公司簡介-頁-----------------------------------------*/
#main .container .content-about{
	padding:15px 0px 10px 10px;
	line-height:180%;
}
/*--------------------------------聯絡我們-頁-----------------------------------------*/
#main .container .content-contact{
	padding:20px 0px 10px 10px;
	line-height:180%;
}
.contact-l{
	float:left;
	width:284px;
	font-size:13px;
	margin-left:25px;
}
.contact-r{
	float:right;
}