/*內頁用----------------------------------------------------------*/
body {
	background-color:#fff;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-family:"微軟正黑體";
	font-size:13px;   
}
.headtest {
	width:1000px;
	margin:0 auto;
	position:relative;
	height:94px;
}
.header_bg {
	background-image: url(../images/home/bg_head.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom:29px;
	border-bottom:1px solid #d9d9d9;
}
.header {
	background:url(../images/home/bg_head.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 337px;
	width:100%;/*此處設100%是為了首頁的全營幕banner用*/
	z-index:4;
}
.main_bg {
	background-color:#FFF;
}
.main {
	background-color:#FFF;
	z-index:3;
}


.footer_bg {
	background:url(../images/home/bg_down.jpg) no-repeat center top;
}
.footer {
	background:url(../images/home/bg_down.jpg) no-repeat center top;
	height:300px;
	padding-top:0px;
	z-index:1;
}


.side1 {
    margin-top: 50px;
    width: 220px;
	margin-bottom: 0px;
}
.side2 {
	display:none;
}
.content {
	margin-top: 0px;
	width:780px;
	margin-bottom: 0px;
}


.banner{
	position:absolute;
	top:94px;
	left:0;
	}




/*- 首頁 ------------*/



body.index #floating{
	display:none;
	}
body.index .content {
	width:1000px;
}


body.index .header_bg {
	background-image: url(../images/index/bg_head.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom:0px;
	border-bottom:2px solid #409add;
}
body.index .header {
	background:url(../images/index/bg_head.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 553px;
	z-index:2;
	width:100%;/*此處設100%是為了首頁的全營幕banner用*/
}


body.index .header .headtest {
	width:1000px;
	margin:0 auto;
	position:relative;
	height:94px;
}

body.index .about{
	width:280px;
	float:left;
	margin-right:30px;
	position:relative;
	}	
	
body.index .about h3{
	font-size:18px;
	font-weight:900;
	color:#555;
	padding:10px 0 25px 0;
	}
body.index .about div{
	
	}		
body.index .about p{
	color:#;
	line-height:170%;
	font-size:14px;
	width:260px;
	padding:10px 0 30px 0;
	}	
	
body.index .more a{
	position:absolute;
	top:15px; 
	right:15px;
	color:#FFF;
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
	text-align:center;
	padding:1px 10px;
	background-color:#b3b3b3;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	}
body.index .more a:hover{
	background-color:#006bb9;
	}	
	
	
body.index .maintext{
	padding-top:25px;
	}
	
body.index .indexline {
   border-right:1px solid #d0d0d0;
   height:250px;
   width:380px;
   display:block;
}	
	
	
body.index .inews{
	width:330px;
	float:left;
	position:relative;
	}	
	
body.index .inews h3{
	font-size:18px;
	font-weight:900;
	color:#555;
	padding:10px 0 25px 0;
	}	
	
body.index .inews ul a{
	text-decoration:none;
	color:#333;
	}
body.index .inews ul a:hover{
	color:#105a8a;
	}
	
body.index .inews ul{
	list-style-type:none;
	}	
body.index .inews ul li{
     border-bottom:1px solid #d0d0d0;
	 margin-bottom:10px;
	}		
body.index .inews div{
	font-family:Arial;
	color:#999;
	font-size:12px;
	}	
body.index .inews p{
	background:url(../images/index/nicon.jpg) no-repeat 0 0;
	min-height:18px;
	padding-left:30px;
	padding-bottom:12px;
	}	
	
	
	
body.index .inews div.date{
	padding-bottom:7px;
	font-size:12px;
	}		
	
body.index .ipro{
	width:320px;
	float:left;
	margin-right:30px;
	position:relative;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	}
	
body.index .ipro .pics{
	text-align:center;
	margin:0 auto;
	}
body.index .ipro .pics>div{
	height:250px;
	
	
	}	
		
	
body.index .ipro h3{
	font-size:18px;
	font-weight:900;
	color:#555;
	padding:10px 0 25px 20px;
	}
	
body.index .ipro div{
	}	
body.index .ipro h4{
	font-size:16px;
	padding-bottom:5px;
	width:200px;
	}	
body.index .ipro p{
	font-size:12px;
	color:#999;
	}			
	
		
/*- LOGO ------------*/
.header .title a {
    display: block;
    width: 215px;
	height: 95px;
	top:0px;
    left: 0px;
    position: absolute;
    text-indent: -9999px;
}

/*- 主選項 ------------*/
#nav1{
	top: 30px;
	right:-25px;
    position: absolute;
}
#nav1 li.nt1>a {
	width:91px;
	height:39px;
	display:block;
	text-align:center;
	color:#FFF;
	font-size:14px;
	text-decoration:none;
	padding-top:25px;
}
#nav1>li{
	border-left:1px solid #3e9cde;
	border-right:1px solid #3e9cde;
}
#nav1 li.nt1 li a.b2-1 {
  color: #666;
  margin: 0 0 10px 10px;
  line-height: 25px;
  position:relative;
  width:150px;
}
#nav1 li.nt1 li a:hover {
  color: #000;
}
#nav1 li.nt1 li a:after {
  content: "";
  background: url(../images/all/arrow.png) no-repeat 0 center;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 3px;
}
/*下拉設定*/
.header .sf-menu li:hover, 
.header .sf-menu li.sfHover,
.header .sf-menu a:focus, 
.header .sf-menu a:hover, 
.header .sf-menu a:active,
.header .sf-menu li:hover a {
  
}
.header .sf-menu li:hover a.b1-1 {
  color: #000 !important;
  background-color: #fff;
}
.header .sf-menu li:hover a.b1-1:hover{
	font-weight:bold;
	color:#3378be;
}
.header #nav1 li.nt1>a:hover,
.header #nav1 li.nt1.sfHover {
  color: #000;
}
.header ul#nav1 ul {
  width: 160px;
  margin-top: 42px;
  z-index: 999;
  margin-left: -6px;
  border: 1px solid #3378be;
  border-top: none;
  padding: 0;
  background-color: #fff;
  background-image: none;
}
.header ul#nav1 .sf-shadow ul{
	display:none;
}

/*- 最上資訊 ------------*/
#nav2{
	top: 7px;
	right:0px;
    position: absolute;
	font-size:12px;
}
#nav2 a{
	color:#FFF;
	text-decoration:none;
}
#nav2 a:hover{
	color:#3e9cde;
}
#nav2 .line{
	padding:3px 7px 0px 6px;
	
}	
#nav2 .fb a{
	background:url(../images/home/fb.png);
	width:16px;
	height:16px;
	display:block;
	text-indent:-9999px;
	}
#nav2 .fb a:hover{
	opacity:0.8;
	}
	
	
		

/*- 內頁內文 ------------------------------------------------*/
.maintext{
	padding:45px 0 0 0px;
	font-size:14px;
	color:#363636;
	}

		
/*---左ti------------------------------*/
.lti{
	border-top:6px solid #3e9cde;
	color:#3e9cde;
	font-size:20px;
	font-weight:bold;
	padding:15px 0 15px 0;
	width:175px;
	}
	
		
/*- 各頁title標題------------*/
.title_join{
	background:url(../images/home/title.gif);
	width:601px;
	height:70px;
	position:absolute;
	top:0px;
	left:91px;
	text-indent:-9999px;
	background-position: 0 -559px;
	}
.title_product{
	background:url(../images/home/title.gif);
	width:601px;
	height:70px;
	position:absolute;
	top:0px;
	left:91px;
	text-indent:-9999px;
	background-position: 0 -139px;
	}	
	
/*麵包屑-------------------------------------------------------*/
.content .breadcrumb{
	color:#000;
	font-size:13px;
	padding:0;
	margin:1px 0 0 0 ;
	position:absolute;
	left:-220px;
	top:-30px;	
	list-style: none outside none;
	z-index:99;
}

.content .breadcrumb .txt{
	line-height:28px;
	
	}

.content .breadcrumb .green a{
	color:#3685bd;
	}

.content .breadcrumb .green a:hover{
	color:#1AB916;
	}


.content .breadcrumb li{
	float:left;
}

.content .breadcrumb a{
	color:#767676;
	text-decoration:none;
}

.content .breadcrumb a:hover{
	color:#000;
	text-decoration:none;
}	



/*搜尋-------------------------------------------------------*/
.searchlist{
	list-style-type:none;
	position:absolute;
	top:-30px;
	right:0;
	}
.searchlist li{
	float:left;
	}
.searchlist li.sbo a{
	background:url(../images/home/searchbo.gif);
	width:70px;
	height:30px;
	display:block;
	text-indent:-9999px;
	}	
.searchlist li.sbo a:hover{
	background:url(../images/home/searchbo2.gif);
	}	
	
	
/*--填寫欄位設定-------------------------------------------------*/
.inputkeyword{
line-height:28px;
background-color:#fff;
color:#767676;
/*width:165px;*/
height:28px;
padding-left:5px;
border:1px solid #d9d9d9;
font-family: "微軟正黑體";
font-size:13px;
}	
.in2{
	border-right:none;
}

.in3{
	border-left:none;
	padding-top:4px;
	padding-bottom:5px;
	height:30px;
	}		



/*footer_copyright-------------------------------------------------------*/
.foot1{
	color:#FFF;
	padding-top:17px;
	font-size:12px;
	}
	
.mailbo a{
	background:url(../images/home/mailbo.png);
	width:16px;
	height:12px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:22px;
	right:10px;
	}
		
.folist{
	margin-top:45px;
	list-style-type:none;
	}
.folist a{
	text-decoration:none;
	}
.folist a:hover{
	opacity:0.8;
	}	
.folist h4 a{
	color:#FFF;
	font-size:15px;
	}	
.folist p a{
	color:#e5e6e7;
	}			
.folist li{
	float:left;
	margin-right:120px;
	line-height:30px;
	}	
	
.footpic{
	position:absolute;
	top:90px;
	right:0px;
	list-style-type:none;
	}
.footpic li{
	margin-bottom:5px;
	}		
.footpic li a{
	background:url(../images/home/p2.jpg);
	width:207px;
	height:53px;
	display:block;
	text-indent:-9999px;
	}	
.footpic li:first-child a{
	background:url(../images/home/p1.jpg);
	}	
	
.foot2{
	color:#cbcfd5;
	padding-top:30px;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	}	
	
	
	
		
	

	

	
/*--搜尋------------------------------*/
.search{
	background:url(../images/home/search_bg.png);
	width:215px;
	height:26px;
	display:block;
	padding:61px 0 0 28px;
	margin:5px 0 0 0;
	}	
	
.search p{
	float:left;
	}	
	
.search .bo a{
	background:url(../images/home/search_bo.gif);
	width:45px;
	height:17px;
	display:block;
	text-indent:-9999px;
	margin-left:10px;
	}	
	
.search .bo a:hover{
	background:url(../images/home/search_bo2.gif);
	}	
	
.search .bo a:hover{
	background:url(../images/home/search_bo2.gif);
	}
	
.search .ip {background-color:transparent; width:135px; font-size:11px; font-family:Arial; padding-top:3px;}/*- 透明表格------------*/




/*- 左選項 ------------*/
.side1 ul.leftlink {
	list-style-type: none;
	display:block;
	}
	
.side1 ul.leftlink li{ margin:0 0 0 0;}
.side1 ul.leftlink.member {
  margin-bottom: 20px;
}

/*- 商品左選項第一層------------*/
.side1 ul.leftlink li a{
	border-bottom:1px solid #dedede;
	font-size:14px;
	color:#373737;
	width:160px;
	height:30px;
	display:block;
	text-decoration:none;
	padding:10px 0 0 15px;
}
.side1 ul.leftlink>li:last-child a{
}



.side1 ul.leftlink li a:hover{
	background:url(../images/home/lefthover.jpg);
	color:#fff;
}

/*-----商品第二層-------------------*/
.side1 ul.leftlink li ul{
	list-style-type:none;
	margin:15px 0 0px 20px
}

.side1 ul.leftlink li ul li a{
	height:25px;
	color:#717171;
	padding:0px;
	border-bottom:none;
	background:none;
	font-size:12px;
	margin-bottom:0px;
}

.side1 ul.leftlink li ul li a:hover{
	background:none;
	color:#3e9cde;
}



/*--左下客服圖--------------------------------------------------------------*/
.side1 .leftpic {
  list-style-type: none;
  margin: 20px 0;
  width: 174px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.side1 .leftpic li {
  border-bottom: 1px solid #ccc;
}
.side1 .leftpic li:last-child {
  border: none;
}
.side1 .leftpic li.lp a {
  height: 38px;
  display: block;
  color: #373737;
  text-decoration: none;
}
.side1 .leftpic li a:hover{
	opacity:0.7;
	}	
.side1 .leftpic li a:before {
  content: "";
  display: inline-block;
  width: 45px;
  height: 38px;
  vertical-align: middle;
  margin-right: 15px;
  border-radius:5px;
}
.side1 .leftpic li.e1 a:before{
	background:url(../images/home/lj1.png) center center #f8f8f8 no-repeat;
	}			
.side1 .leftpic li.e2 a:before{
	background:url(../images/home/lj2.png) center center #f8f8f8 no-repeat;
	}
.side1 .leftpic li.e3 a:before{
	background:url(../images/home/lj3.png) center center #f8f8f8 no-repeat;
	}
.side1 .leftpic li.e4 a:before{
	background:url(../images/home/lj4.png) center center #f8f8f8 no-repeat;
	}				
	
	
	
	

/*最新訊息----------------------------------------------------------*/

body.news ul.newlist{
	list-style-type:none;
	}
body.news ul.newlist li{
	margin-bottom:40px;
	}

body.news ul.newlist .newimg{
	float:left;
	margin-right:20px;
	}
body.news ul.newlist .newimg img{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
	}	


body.news ul.newlist .newtext{
	}	
	
body.news ul.newlist .date{
	font-family:Verdana;
	font-size:12px;
	color:#666;
	}	
body.news ul.newlist h4{
	font-size:18px;
	padding:2px 0;
	font-weight:500;
	}	
body.news ul.newlist p{
	line-height:180%;
	padding:10px 0 10px 0;
	font-size:13px;
	color:#666;
	}		
	
body.news .newlist .newbo a{
	background-color:#007dbc;
	font-size:13px;
	color:#FFF;
	text-align:center;
	padding:3px 10px;
	text-decoration:none;
	margin-top:10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	}
body.news .newlist .newbo a:hover{
	background-color:#2fb4cb;
	}			
a.morelink{
	color:#000;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	padding:0px 10px 1px 10px;;
	margin-left:10px; 
	}
a:hover.morelink{
	color:#14658e;
	}	
	
	
body.news h3{
	background:url(../images/news/2tp.gif) no-repeat;
	border-bottom:1px solid #dddddd;
	font-size:18px;
	font-weight:500;
	padding:0 10px 20px 20px;
	}
body.news .newtext2{
	font-size:14px;
	line-height:210%;
	padding:15px 0 25px 0;
	color:#666;
	}	
	
body.news .newbo2{
	list-style-type:none;
	display:table;
	margin:30px auto 20px auto;
	}	
body.news .newbo2 li{
	float:left;
	margin-right:5px;
	}	
body.news .newbo2 li a{
	background-color:#000;
	font-size:14px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	padding:4px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
body.news .newbo2 li:first-child a{
	background-color:#007dbc;
	}	
body.news .newbo2 li a:hover{
	opacity:0.8;
	}
	
body.news .date2{
	position:absolute;
	top:50px;
	right:0px;
	font-family:Verdana;
	font-size:12px;
	color:#666;
	}	
	
	
	
/*產品介紹----------------------------------------------------------*/
body.product .prolist{
	list-style-type:none;
	}
body.product .prolist li{
	float:left;
	margin-left:13px;
	height:225px;
	}
	
body.product .prolist .proimg{
	float:left;
	margin-right:15px;
	}	
	
body.product .prolist .proimg img{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
	 transition:All 0.3s ease-in-out;
    -webkit-transition:All 0.3s ease-in-out;
    -moz-transition:All 0.3s ease-in-out;
    -o-transition:All 0.3s ease-in-out;
	}	
	
body.product .prolist .proimg img:hover{
	 transform:scale(0.9);
    -webkit-transform:scale(0.9);
    -moz-transform:scale(0.9);
    -o-transform:scale(0.9);
    -ms-transform:scale(0.9);
	}	


	
body.product .prolist .protext{
	float:left;
	width:200px;
	}	
body.product .prolist .protext h4{
	font-size:16px;
	padding-bottom:8px;
	border-bottom:1px dashed #CCC;
	margin-bottom:6px;
	}	
	
body.product .prolist .probo a{
	background-color:#007dbc;
	font-size:13px;
	color:#FFF;
	text-align:center;
	padding:3px 10px;
	text-decoration:none;
	margin-top:10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	}
body.product .prolist .probo a:hover{
	background-color:#2fb4cb;
	}
body.product .prolist .pw{
	font-size:13px;
	line-height:150%;
	padding:0px 0 15px 0;
	color:#666;
	}	
			
body.product .prolist .protext span{
	color:#007DBC;
	font-family:Verdana;
	}	
	

body.product .showpic{
	float:left;
	margin-right:20px;
	}
			
body.product .showpic img{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
	}	
	
body.product .showlist{
	list-style-type:none;
	}	
body.product .showlist li{
	line-height:230%;
	}	
body.product .showlist li p{
	line-height:200%;
	font-size:13px;
	margin-bottom:20px;
	}	
body.product .showlist li span{
	color:#7E7C7C;
	font-size:13px;
	}	
body.product .showlist li a{
	color:#000;
	
	}			
body.product .showlist li:first-child{
	font-size:21px;
	font-weight:bold;
	color:#3e9cde;
	}	
	
	
body.product .proin{
	background-color:#5aabea;
	text-align:center;
	color:#fff;
	padding:6px 15px;
	margin-bottom:10px;
	margin-top:10px;
	width:100px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	}
/*body.product .proin{
	background:url(../images/news/2tp.gif) no-repeat;
	border-bottom:1px solid #dddddd;
	font-size:15px;
	font-weight:500;
	padding:0 10px 20px 20px;
	margin-bottom:15px;
	}*/	
	
body.product .proin2{
	background-color:#f5f5f5;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding:20px 20px 20px 50px;
	line-height:300%;
	}
	
body.product .proin2 input{
width:550px;
line-height:23px;
color:#666666;
background-color:#fff;
padding-left:5px;
margin-left:10px;
	}
	
.inputkeyword3{
width:550px;
line-height:23px;
color:#666666;
background-color:#fff;
padding-left:5px;
margin-left:10px;
margin-top:10px;
	}	
	
	
body.product .proin2 table td{
	vertical-align:text-top;
	}	
body.product .proin2 table td.dt{
	vertical-align:top;
	}	
	
	
	
body.product .newbo3{
	list-style-type:none;
	display:table;
	margin:20px auto 10px auto;
	}	
body.product .newbo3 li{
	float:left;
	margin-right:5px;
	}	
body.product .newbo3 li a{
	background-color:#000;
	font-size:14px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	padding:5px 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	}
body.product .newbo3 li:first-child a{
	background-color:#9c9c9c;
	}	
body.product .newbo3 li a:hover{
	opacity:0.8;
	}
	
	
body.product .qalist{
	list-style-type:none;
	}	
		
body.product .qalist li{
	border-bottom:1px solid #d2d2d2;
	padding-bottom:10px;
	padding-top:12px;
	}
		
body.product .qalist a{
	color:#333;
	text-decoration:none;
	}		
body.product .qalist a:hover{
	color:#1e6d92;
	}		
	
	
.backbo a{
	background-color:#000;
	color:#fff;
	text-align:center;
	display:table;
	margin:30px auto 50px auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:7px 17px;
	text-decoration:none;
	}	
.backbo a:hover{
	background-color:#3291d3;
	}




/*案例----------------------------------------------------------*/
body.case .caselist{
	list-style-type:none;
	margin-left:30px;
	}	
body.case .caselist a{
	text-decoration:none;
	color:#000;
	}
body.case .caselist a:hover{
	}		
	
body.case .caselist li{
	float:left;
	margin-right:45px;
	text-align:center;
	margin-bottom:50px;
	}	

body.case .caselist li div img{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	 transition:All 0.3s ease-in-out;
    -webkit-transition:All 0.3s ease-in-out;
    -moz-transition:All 0.3s ease-in-out;
    -o-transition:All 0.3s ease-in-out;
	}
body.case .caselist li div img:hover{
	 transform:scale(0.9);
    -webkit-transform:scale(0.9);
    -moz-transform:scale(0.9);
    -o-transform:scale(0.9);
    -ms-transform:scale(0.9);
	}			

body.case .caselist li p{
	padding:10px 0 0 0;
	}	
	
	
	
body.case .showpic{
	float:left;
	margin-right:30px;
	margin-left:30px;
	}
			
body.case .showpic img{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
	}	
	
body.case .showlist{
	list-style-type:none;
	}	
body.case .showlist li{
	line-height:230%;
	}	
body.case .showlist .line{
	margin-top:-15px;
	}	
body.case .showlist li p{
	line-height:200%;
	font-size:13px;
	margin-bottom:20px;
	}	
body.case .showlist li span{
	color:#7E7C7C;
	font-size:13px;
	}	
body.case .showlist li a{
	color:#000;
	
	}			
body.case .showlist li:first-child{
	font-size:21px;
	font-weight:bold;
	color:#3e9cde;
	}	
	
body.case .proin{
	background-color:#137FB1;
	text-align:center;
	color:#fff;
	padding:6px 15px;
	margin-bottom:10px;
	margin-top:30px;
	margin-left:35px;
	width:100px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	}	
body.case .casetext{
	line-height:200%;
	margin-left:35px;
	}
	
	
body.case .backbo a{
	background-color:#FFF;
	color:#000;
	text-align:center;
	display:table;
	margin:30px auto 50px auto;
	border:2px solid #dadada;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:7px 25px;
	text-decoration:none;
	}	
body.case .backbo a:hover{
	background-color:#000;
	color:#fff;
	border:2px solid #000;
	}	
	
	
	
/*---常見問題------------------------------*/
body.qa .qalist{
	list-style-type:none;
	}	
		
body.qa .qalist li{
	border-bottom:1px solid #d2d2d2;
	padding-bottom:10px;
	padding-top:12px;
	}
body.qa .qalist li:first-letter{
	font-weight:bold;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	
	}	
		
body.qa .qalist a{
	color:#333;
	text-decoration:none;
	}		
body.qa .qalist a:hover{
	color:#1e6d92;
	}	
	
body.qa .qati{
	font-size:35px;
	font-weight:bold;
	color:#3e9cde;
	margin-bottom:7px;
	margin-top:-5px;
	font-family:Arial, Helvetica, sans-serif;
	}
body.qa .qati p:first-letter{
	color:#D7D7D7;
	}	
	
	
body.qa h3{
	background:url(../images/news/2tp.gif) no-repeat;
	border-bottom:1px solid #dddddd;
	font-size:18px;
	font-weight:500;
	padding:0 10px 20px 20px;
	}
body.qa h3:first-letter{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	
	}	
body.qa .newtext2{
	font-size:14px;
	line-height:210%;
	padding:5px 0 25px 0;
	color:#666;
	}	
		
	
body.qa .answer{
	background-color:#3291d3;
	color:#FFF;
	text-align:center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-decoration:none;
	font-size:14px;
	width:60px;
	padding:3px 0 2px 0;
	margin-top:20px;
	}
		
/*---代理商專區------------------------------*/
body.agents .side1 .btnbox {
  margin: 20px 0;
  width: 170px;
  border-bottom: 1px solid #AFDDFF;
  padding-bottom: 20px;
}
body.agents .side1 h2 {
  background-color: #52575B;
  width: 170px;
  color: #fff;
  font-size: 15px;
  padding: 8px 0 8px 5px;
  margin-top: 1px;
}
body.agents .side1 h2:hover,
body.agents .side1 h2.ui-accordion-header-active {
  cursor: pointer;
  background-color: #3E9CDE;
}
body.agents .content .box {
  background: #FFFFFF;
  border-radius: 10px;
  padding: 25px;
  width: 700px;
  position: relative;
  margin: 80px auto;
  border: 1px solid #ccc;
}
body.agents .sec1 .box h2 {
  color: #666;
  border-bottom: 1px solid #AFDDFF;
  padding-bottom: 10px;
  margin-bottom: 10px;
    font-size: 18px;
}
body.agents .sec1 h2 span {
  font-size: 13px;
  color: #AFDDFF;
}
body.agents .sec1 .box h3 {
  margin: 10px 0;
  color: #666;
}
body.agents .box .input {
  width: 300px;
  height: 26px;
  border: 1px solid #ccc;
  padding-left: 5px;
}
body.agents .box .input.sm {
	width:100px;
}
body.agents .box .select {
  padding: 3px;
  border: 1px solid #ccc;
}
body.agents .box .input.code {
  width: 150px;
}
img.code {
  vertical-align: middle;
  margin: 0 10px;
}
.btnbox {
  margin: 20px 0 0;
  border-top: 1px solid #AFDDFF;
  padding-top: 20px;
  text-align: center;
}
.btnbox a {
  background: #007DBC;
  padding: 5px;
  border-radius: 5px;
  min-width: 80px;
  display: inline-block;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  margin-right: 10px;
}
.btnbox a:hover {
  background-color: #00AFEC;
}
body.agents .notebox {
  max-height: 500px;
  height: 300px;
  overflow-y: scroll;
  color: #666;
  line-height: 20px;
  font-size: 13px;
  padding: 0 5px;
}
body.agents.reg .content .box {
  width: 680px;
  margin: 20px auto 80px;
}
body.agents.modify .content .box {
  margin-top: 80px;
}
body.agents.reg .content .step {
  width: 680px;
  height: 50px;
  margin: 30px auto;
}
body.agents.reg .content .step li {
  font-size: 20px;
  font-weight: bold;
  color: #3E9CDE;
}
body.agents .content .step li span {
  font-family: cursive;
  font-size:24px;
  color: #007DBC;
}
body.agents.reg .content .step li.noactive,
body.agents.reg .content .step li.noactive span{
  color: #666;
}
body.agents.reg .content .step li:after {
  display: inline-block;
  width: 20px;
  height: 20px;
  content: " > ";
  color: #74A6CA;
  font-family: monospace;
  margin: 0 10px;
}
body.agents.reg .content .step li:last-child:after {
  content: "";
}
body.agents.reg .box p {
  color: #000;
  font-size: 13px;
  text-align: center;
  margin: 20px 0;
  background-color: #C5DAE8;
  padding: 5px 0;
}
body.agents.reg.ok .box p {
  background-color: transparent;
}
body.agents.reg .sec1 .box h3 {
  display: inline-block;
  min-width: 85px;
  font-size: 13px;
}
body.agents.reg .sec1 .box li {
  margin: 8px 5px;
}
body.agents.ok .box p {
  text-align: center;
}
body.agents .sec1 h3 {
  background-color: #3E9CDE;
  color: #fff;
  line-height: 40px;
  padding-left: 10px;
  margin: 50px 0 20px;
  position: relative;
}
body.agents .sec1 h4 {
  color: #555;
  font-size:15px;
  line-height: 30px;
  padding-left: 5px;
  margin: 0;
}
body.agents .sec1 h3 span a {
  background-color: #0066AE;
  border-radius: 5px;
  font-size: 13px;
  padding: 0 5px;
  position: absolute;
  right: 10px;
  line-height: 20px;
  top: 50%;
  margin-top: -10px;
  color: #fff;
  text-decoration: none;
}
body.agents .sec1 .title li {
  width: 80%;
  text-align: center;
  border-bottom: 1px solid #ccc;
  line-height: 30px;
  font-size: 15px;
  border-right: 1px solid #ccc;
  margin-right: -1px;
  color: black;
}
body.agents .sec1 .title li:last-child{
	border-right:0;
	width:20%;
}
body.agents .sec1 .list li {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
body.agents .sec1 .list li .date {
  float: right;
  color: #3E9CDE;
  text-align: center;
  width: 20%;
}
body.agents .sec1 .list li h4 a {
  text-align: left;
  width: 80%;
  color: #000;
  text-decoration: none;
  font-size: 15px;
}
body.agents .sec1 .list li h4 a:hover{
	color:#3E9CDE;
}
body.agents .sec1 .ibox.download {
  float: left;
  width: 100%;
  margin-bottom: 50px;
}
body.agents .sec1 .ibox.download .title li {
	text-align:center;
}
body.agents .sec1 .ibox.download li {
  width: 15%;
  text-align:center;
}
body.agents .sec1 .ibox.download .list{
  border-bottom: 1px solid #ccc;
  width: 100%;
  float: left;
}
body.agents .sec1 .ibox.download li:nth-child(1) {
  width: 35%;
}
body.agents .sec1 .ibox.download li:nth-child(2) {
  width: 30%;
}
body.agents .sec1 .ibox.download li:nth-child(3),
body.agents .sec1 .ibox.download li:nth-child(5) {
  width: 10%;
}
body.agents .sec1 .ibox.download .list li {
  border: 0;
  color: black;
}
body.agents .sec1 .ibox.download .list li:nth-child(1),
body.agents .sec1 .ibox.download .list li:nth-child(2){
	text-align:left;
}
body.agent .sec1 .ibox.download .list li a {
  float: none;
}
body.agents.post .date2 {
  position: absolute;
  top: 50px;
  right: 0px;
  font-family: Verdana;
  font-size: 12px;
  color: #666;
}
body.agents.post h3 {
  border-bottom: 1px solid #dddddd;
  font-size: 18px;
  font-weight: 500;
  padding: 0 10px 20px 0px;
}
body.agents.post h3:before {
  border-left: 4px solid #3E9CDE;
  content: "";
  line-height: 29px;
  margin-right: 20px;
  vertical-align: middle;
}
body.agents.post .newtext2 {
  font-size: 14px;
  line-height: 210%;
  padding: 15px 0 25px 0;
  color: #666;
}
body.agents.post .newbo2 {
  text-align: center;
}
body.agents.post .newbo2 a {
  background-color: #000;
  font-size: 14px;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  padding: 4px 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.smember {
  width: 175px;
  background-color: #BBDEF7;
  margin-bottom: 20px;
}
.smember p {
  padding: 10px;
}
body.agents .side1 .btnbox {
  margin: 10px 0;
  width: 175px;
  padding: 0;
}
body.agents .side1 .smember ul.leftlink li a {
  border-bottom: 1px solid #FFF;
}
body.agents .side1 .smember ul.leftlink li a:hover {
  background:none;
  color:#007DBC;
}
/*代理政策*/
body.agents h1.tit{
  font-size: 32px;
  color: #3e9cde;
  margin: 32px 0px 21px 0px;
	}
body.agents.policy .sec1 h3{
	background-image:url(../images/agents/icon.png);
	background-repeat:no-repeat;
	background-position: 12px center;
	padding: 0 0 0 35px;
	margin:0px;
}

body.agents.policy p{
	margin:10px 0;
	line-height:24px;
	}
	
body.agents.policy .sec1 .line {
	background-image:url(../images/agents/line.jpg);
	background-repeat:repeat-x;
	background-position: left center;
	height:5px;
	display:block;
	}	
	
/*代理申請*/	
body.agents.apply .content .box{
	background: #FFFFFF;
  border-radius: 10px;
  padding: 25px 0 25px 5px;
  width: 100%;
  position: relative;
  margin: 0px auto;
  border: none;
	}	
body.agents.apply .sec1 h3 {
	background-color:transparent;
   }
body.agents.apply .input.input2{
	width:200px;
	}	
body.agents.apply .input.input3{
	width:110px !important;
	}	
body.agents.apply .sec1 .box h3.tel{
	  min-width: 50px;
	}	
body.agents.apply .box .input{
	width:260px;}	
	
body.agents.apply .sec1 .box h3 {
  margin: 0px 0;
  }
body.agents.apply div.nt {
  background-color: #3E9CDE;
  color: #fff;
  line-height: 40px;
  background-image: url(../images/agents/icon.png);
  background-repeat: no-repeat;
  background-position: 12px center;
  padding: 0 0 0 35px;
  margin: 0px;
  font-size:1.17em;
  font-weight:bold;
}


	
body.agents.apply ul.con{
  margin-top: 25px;
  width: 665px;
  /* margin: 45px auto; */
  border-radius: 10px;
  border: 1px solid #ccc;
  padding: 30px 50px;
}
/*代理分布*/
body.agents .map{
	background-image:url(../images/agents/map.jpg);
	background-repeat:no-repeat;
	background-position:-25px top;
	display:block;
	height:470px;
	
	}
/*聯絡窗口*/
body.agents.contact .sec1 {
  width: 765px;
  border: none;
  padding: 1px 0px;
  margin: 0px;
  }

body.agents.contact ul.txtbox li{
	padding:12px 0;
	background-image:url(../images/agents/line.jpg);
	background-position:left top;
	background-repeat:repeat-x;}
body.agents.contact ul.txtbox li>h2{
	color:#094F81;
	letter-spacing:1px;
	font-size:24px;}	
body.agents.contact ul.txtbox li>h2>p{
	color:#666;
	font-size:18px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:1.2px;}

body.agents.contact ul.txtbox li>span{
	padding:0 0 0 10px;
	font-weight:bold;
	color:#575757;
	}

/*body.agents.contact ul.txtbox li>span{
	background-color:#7193AB;
	color:#FFF;
	padding:6px 45px;
	text-align:center;
	-webkit-border-radius:5px;
	  border-radius: 5px;
	  -webkit-box-shadow:rgba(0,0,0,0.4) 1px 0px 2px 0px;
	  box-shadow:rgba(0,0,0,0.4) 1px 0px 2px 0px;}	  */
	  
body.agents.contact ul.txtbox li>span.pp{
	}	
body.agents.contact ul.txtbox li>span+span{
	background-color: transparent;
	color: #2D485E;
	display: inline-block;
	padding: 6px 0 6px 10px;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-weight:100;
}		
				
body.agents.contact ul.txtbox li.add{
	color:#666;
	padding:6px 0px;
	background-image:none;}
body.agents.contact ul.txtbox li a{
	color:#2D485E;
	text-decoration:none;}	
body.agents.contact ul.txtbox li a:hover{
	color:#333;
	text-decoration:underline;}	
/*contact----------------------------*/
body.contact .maintext h3 {
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 24px;
  color: #666;
}

body.contact .maintext div.info {
  line-height: 24px;
  color: #666;
}
body.contact .maintext div.info span {
  color: #007DBC;
}
body.contact .btnbox {
  margin: 20px 0;
}
body.contact .box li {
  margin: 5px 0;
}
body.contact .sec1 {
  margin-top: 45px;
  width: 600px;
  margin: 45px auto;
  border-radius: 10px;
  border: 1px solid #ccc;
  padding: 30px 50px;
}
body.contact .sec1 .box h2 {
  font-size: 15px;
  color: #666;
  margin-bottom: 20px;
  border-bottom: 1px solid #AFDDFF;
  padding-bottom: 20px;
}
body.contact .sec1 .box h2 span {
  color: #007DBC;
  font-size: 13px;
}
body.contact .sec1 .box h3 {
  margin: 10px 0;
  color: #575757;
  display:inline-block;
  vertical-align: middle;
  min-width:80px;
  font-size: 13px;
}
body.contact .sec1 .box h3.t-mesg{
	vertical-align: top;
}
body.contact .box .input {
  width: 350px;
  height: 26px;
  border: 1px solid #ccc;
  padding-left: 5px;
}
body.contact .box .input.sm {
	width:100px;
}
body.contact .box .input.code {
  width: 150px;
}
img.code {
  vertical-align: middle;
  margin: 0 10px;
}
body.contact.p2 textarea.mesg {
  width: 345px;
  padding: 5px;
  border: 1px solid #ccc;
  min-height: 200px;
}
body.contact .sec1 .box input.radio {
  margin: 0 5px;
  vertical-align: middle;
}
body.contact.p1 .inputkeyword {
  border: 0;
}
/*---右邊滑動------------------------------*/
#floating{ /*垂直捲動區塊, 配合javascript , 原則上放在.content內*/
	/*display:none; 不使用浮動區塊*/
	width:39px;
	height:90px;
	position:absolute;
	top:15px;
	left:1050px;
	list-style-type:none;
	display:none;
}

#floating li a{
	background:url(../images/home/top.png);
	width:28px;
	height:28px;
	display:block;
	text-indent:-9999px;

}


/*--跳頁--------------------------------------------------------------*/
.page{
	list-style-type:none;
	margin:40px auto 50px auto;
	display:table;
	}
body.product .page{
	margin-top:0px;
	}	
.page li{
	float:left;
	margin-right:7px;
	}	
.page li.p1 a{
	background:url(../images/news/page1.gif);
	width:16px;
	height:15px;
	display:block;
	text-indent:-9999px;
	}
.page li.p1 a:hover{
	opacity:0.7;
	}
.page li.p2 a{
	background:url(../images/news/page2.gif);
	width:16px;
	height:15px;
	display:block;
	text-indent:-9999px;
	}
.page li.p2 a:hover{
	opacity:0.7;
	}					
.page li.p3 a{
	background:url(../images/news/page3.gif);
	width:16px;
	height:15px;
	display:block;
	text-indent:-9999px;
	}
.page li.p3 a:hover{
	opacity:0.7;
	}
.page li.p4 a{
	background:url(../images/news/page4.gif);
	width:16px;
	height:15px;
	display:block;
	text-indent:-9999px;
	}
.page li.p4 a:hover{
	opacity:0.7;
	}

.page li.p5{
	margin-left:10px;
	margin-top:-3px;
	}




	
	


/*--單一字型設定--------------------------------------------------------------*/
.style_gray {color:#7b7474;font-size:13px;}
.style_red {color:#bd2a18;font-size:13px;}
.style_brown {color:#40352c;font-size:13px;}
.style_red2 {color:#474747;font-size:13px; font-weight:bold;}







	   
/*--頁籤效果--------------------------------------------------------------*/

.abgne_tab {
	width: 780px;
	margin: 40px 0px 0px 0px;
}


.ui-tabs .ui-tabs-panel {
    padding: 50px 40px;
    border: 1px solid #e3e3e3;
	margin-top:16px;
	box-shadow: 2px 1px 5px #ececec;
-webkit-box-shadow: 2px 1px 5px #ececec;
-moz-box-shadow: 2px 1px 5px #ececec; 
}
	

ul.tabs {
	width: 100%;
	height: 22px;
}
ul.tabs li {
	font-size:14px;
	font-family:"微軟正黑體";
	float: left;
	height: 44px;
	overflow: hidden;
	position: relative;
	margin-bottom: -1px;
	vertical-align:middle;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
}



ul.tabs li a {
	background:url(../images/all/abg.jpg);
    width: 249px;
	height: 30px;
	display: block;
    background-color: transparent;
    text-align: center;
    color: #414141;
    text-decoration: none;
    padding: 7px 0 0 0;
    background-repeat: no-repeat;

}
ul.tabs li a:hover {
	background:url(../images/all/abg2.jpg);
	color:#666;
	font-weight:bold;
}


ul.tabs li.ui-tabs-active a {
	background:url(../images/all/abg2.jpg);
		height: 32px;

  
}



.tab_content{
	margin-top:0px;
	margin-bottom:35px;
	
}
div.tab_container .tab_content h2 {
	margin: 0 0 20px;
} 

/*--表格設定-----------------------------------------------------------------------------------*/
.table1 {
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
}


.td0 {
	color:#ffffff;
	background-color:#000;
	line-height:45px;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	text-align:center;
}
.td1 {
	color:#000000;
	background-color:#ffffff;
	line-height: 45px;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
    text-align:center;
}
table.table2 {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.table2 td {
  border-bottom: 1px solid #ccc;
  padding: 5px;
}
.table2 td:last-child {
  border-right: none;
}
.table2 td:nth-child(1), .table2 td:nth-child(3) {
  background: #C5DAE8;
  color: #000;
  text-align: center;
  border-bottom: 1px solid #fff;
}
table.table3 {
  margin: 20px 0;
  border: 1px solid #ccc;
}
.table3 th {
  background: #eee;
  padding: 5px;
  border-right: 1px solid #ccc;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
}
.table3 td.title {
  padding: 5px;
  background: #C5DAE8;
  font-weight: bold;
  color: #000;
  text-align: left;
}
.table3 td {
  padding: 5px;
  border-right: 1px solid #ccc;
  text-align: center;
  font-size: 13px;
}
.table3 td:nth-child(2),
.table3 td.info {
  text-align: left;
}
.table3 .info p {
  margin: 5px;
  font-weight: bold;
}
.table3 .info p {
  margin: 5px 0;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.table3 input[type="checkbox"],
.table3 input[type="radio"] {
  vertical-align: middle;
  margin-right: 5px;
  margin-left:15px;
}
.table3 .info p span {
  color: #3F9CDF;
}
.table3 .mesg {
  width: 500px;
  border: 1px solid #ccc;
  min-height: 100px;
  margin: 10px;
  padding: 5px;
}

/*--漸層表格---------------------------------------------------------------------*/
.table2014 {
	font-family:"微軟正黑體";
	border-top:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	letter-spacing:1px;
	box-shadow: 0px 5px 3px #e9e5e5;
	-webkit-box-shadow: 0px 1px 3px #e9e5e5;
	-moz-box-shadow: 0px 1px 3px #e9e5e5; 

}

.table2014 td {
	padding:10px 0;
	border-bottom:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
}


.table2014 .t1{/*--標題-----------------------*/
	background: rgb(30,87,153); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	color:#fff;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	}

.table2014 tr:nth-child(even){/*--表格內容奇數行-----------------------*/
	color:#666;
	background-color:#fff;
	text-align:center;
	font-size:13px;
	padding:10px 0;
	}
	
.table2014 tr:nth-child(odd){/*--表格內容偶數行-----------------------*/
	color:#666;
	background-color:#f2f2f2;
	text-align:center;
	font-size:13px;
	}



/*banner cycle首頁輪撥css*/

.cycle{
	position:relative;
}
.cycle_container{
	width:100% !important;
		}


.cycle_container div{
    background-position: center top;
    background-repeat: no-repeat;
    height: 243px !important;
    margin: 0px auto 0 auto !important;
    min-width: 1000px !important;
	width:100% !important;
}


body.index .cycle_container div{
    height: 460px !important;
}


.cycle_container div{
    background-position: center top;
    background-repeat: no-repeat;
    height: 243px !important;
    margin: 0px auto 0 auto !important;
    min-width: 1000px !important;
	width:100% !important;
}

.cycle_nav a{
	position:absolute;
	z-index:100;
	display:block;
	width:50px;
	height:50px;
	/*background:#FFF;*/
	opacity:0.8;
	margin:0px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position: center center;
}
.cycle_nav a:hover{
	opacity:1;
}
#prev{top:35% ; left:20px ; background-image:url(../images/index/arrow_02.png);}
#next{top:35% ; right:20px ;background-image:url(../images/index/arrow_01.png);}




.inputkeyword2{
width:50px;
line-height:12pt;
color:#666666;
background-color:#f2f2f2;
border-width:1px;
border-style:solid;
border-color:#b3b3b3;
}

/*新增jq效果圖文css(左右鍵頭)------------------------*/
.inb1 a{
	background:url(../images/index/il.jpg);
	width:30px;
	height:30px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:120px;
	left:0px;
    z-index:999;
	}
.inb1 a:hover{
	opacity:0.7;
	}	

.inb2 a{
	background:url(../images/index/ir.jpg);
	width:30px;
	height:30px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:120px;
	right:0px;
    z-index:999;
	}
.inb2 a:hover{
	opacity:0.7;
	}	
	
	
body.about .content .maintext{
	padding-top:45px;
	line-height:22px;
	font-size:13px;
}
body.about .content h1{
	text-align:center;
	background-color: #000;
    width: 200px;
    height: 25px;
    border-radius:6px;	
	color:#46BADA;
	font-size:13px;
	font-weight:normal;
	letter-spacing:0px;
}
body.about .content p{
  margin: 19px;
  font-size: 13px;
  line-height: 25PX;
 /* text-align:justify;*/
}
body.about .content p img.left{
  float: left;
  margin-right: 14px;
}
/*------------------------- 公司簡介 -------------------------*/
body.about.p01 .brief{
	background:url(../images/about/images/bg2.jpg);
	width:771px;
	height:499px;
	list-style-type:none;
	margin-bottom:30px;
	position: relative;
	margin-left: 5px;
}
body.about.p01 .brief li{
    width: 200px;
    text-align: center;
	display:block;
	position:absolute
}
body.about.p01 .brief h4{
	color:#46BADA;
	padding-top:2px; 
    background-color:#000;
    border-radius:6px;
}
body.about.p01 .brief div{
  margin-top: 5px;
  color: #000;
  text-align: center;
}
body.about.p01 .brief>li.h1{
	top:20px; left:30px;
}
body.about.p01 .brief>li.h2{
	top:20px; 
	right: 70px; 
}
body.about.p01 .brief>li.h3{
	top:170px; 
	right: 20px; 
}
body.about.p01 .brief>li.h4{
	top:320px; 
	right: 60px;
}
body.about.p01 .brief>li.h5{
	top:320px; 
	left:30px;
}
body.about.p01 .brief>li.h6{
	top:170px;  
	left: -8px;
}
/*------------------------- 經營項目 -------------------------*/	

body.about.p03 .content .bg1 {
  color: #FFF;
  margin-top: 50PX;
  width: 633px;
  height: 169px;
  padding-left: 120px;
  padding-top: 90px;
  background-image: url(../images/about/images/bg.jpg);
  font-size:15px;
  line-height:30px;
}
body.about.p03 .content .bg1 ol{
	margin-left:-60px;
	margin-top:-10px;
}
body.about.p03 .content .bg1 ol li{
}		


/*------------------------- 經營理念 -------------------------*/	
body.about.p02 .content .maintext{
}
body.about.p02 .content .idea{
	list-style-type:none;
	margin: 10px 0;
}
body.about.p02 .content .idea .wisdom{
  margin:10px;
  font-size: 14px;
  line-height: 17px;
  text-align:center;
}



body.about.p02 .content .idea li{
  margin: 30px;
  float: left;
  width: 327px;
  height: 301px;
  background-color: #3e9cde;
  border-radius: 6px;
  text-align: center;
  color: #FFF;
}

body.about.p02 .content .idea li img{
	border-radius: 10px 10px 0 0;
}	
body.about.p02 .content .idea li h4{
	padding-top:5px;
	padding-bottom:5px;
	font-size:16PX;
	letter-spacing:5PX;
	border-bottom: 1px solid #76b9e8;
	}
	


			
body.about.p02 .content .deve{
	background: url(../images/about/images/bg4.jpg) no-repeat center center;
	width: 680px;
	height: 586px;
	position: relative;
  	list-style-type:none;
	margin: 10px auto 50px auto;
	position:relative;		
}
body.about.p02 .content .deve>li{
	font-size:13px;
	width:180px;
	height:90px;
	text-align:center;
	display:block;
	position:absolute;
}
body.about.p02 .content .deve>li>h4{
	background-color:#000;
	border-radius:6px;
	color:#46bada; 
}
body.about.p02 .content .deve li div{
	color:#000;
}
body.about.p02 .content .deve>li.h1{
	top:0; left:50%; margin-left:-85px; margin-top: 40px;
}
body.about.p02 .content .deve>li.h2{
	top:50%; right:-30px; margin-top:-45px;
}
body.about.p02 .content .deve>li.h3{
	bottom:0; left:40%; margin-left:-55px; margin-top: 10px; width:250px;
}
body.about.p02 .content .deve>li.h4{
	top:50%; left:-20px; margin-top:-45px;
}
				
	
/*------------------------- 品質保證 -------------------------*/	

body.about.p04 .content ul.cert2{
	list-style-type:none;
	padding:0;
	margin:0;
}
body.about.p04 .content ul.cert2 li{
	float:left;
}
body.about.p04 .content ul.cert2 li a{
  float: left;
  width: 160px;
  height: 250px;
  margin-right: 30px;
  margin-bottom: 20px;
  display: block;
}
body.about.p04 .content ul.cert2 li a .img{
	text-align:center;
}
body.about.p04 .content ul.cert2 li a .img img{
	max-width:100%;
}
body.about.p04 .content ul.cert2 li a .text{
	background-image:url(../images/about/images/enlarge.jpg);
	width:86px;
	height:32px;
	text-indent:-9999px;
	margin:4px auto;
} 
body.about.p04 .content ul.cert2 li a:hover .text{
	background-image:url(../images/about/images/enlarge01.jpg);	
}








body.about.p04{
}
body.about.p04 .content ul.cert{
	list-style-type:none;
	padding:0;
	margin:0;
}
body.about.p04 .content ul.cert li{
	float:left;
}
body.about.p04 .content ul.cert li a{
  float: left;
  width: 160px;
  height: 250px;
  margin-right: 30px;
  margin-bottom: 20px;
  display: block;
}
body.about.p04 .content ul.cert li a .img{
	text-align:center;
}
body.about.p04 .content ul.cert li a .img img{
	max-width:100%;
}
body.about.p04 .content ul.cert li a .text{
	background-image:url(../images/about/images/enlarge.jpg);
	width:86px;
	height:32px;
	text-indent:-9999px;
	margin:4px auto;
} 
body.about.p04 .content ul.cert li a:hover .text{
	background-image:url(../images/about/images/enlarge01.jpg);	
}	 

.mb {
	padding-left:20px;
	}
	
#nav2 .mb a.fk{
	float:right;
	background-color:#FFF;
	color:#000;
	padding:0 5px;
	margin-left:10px;
	}
#nav2 .mb a.fk2{
	float:right;
	background-color:#FFF;
	color:#000;
	padding:0 5px;
	margin-left:3px;
	}		
#nav2 .mb a.fk:hover{
	background-color:#037acd;
	color:#fff;
	}
#nav2 .mb a.fk2:hover{
	background-color:#037acd;
	color:#fff;
	}		
#nav2 .mb span{
	color:#52adee;
	}
	
.nm1 a{
	color:#A8A8A8;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:12px;
	right:-2px;
	text-decoration:none;
	}
.nm1 a:hover{
	color:#fff;
	}		
	
.nm2 a{
	color:#A8A8A8;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:27px;
	right:0px;
	text-decoration:none;
	}
.nm2 a:hover{
	color:#fff;
	}	
	
.nm0{
	background:url(../images/home/nmb.png);
	width:30px;
	height:21px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	right:150px;
	top:17px;}