body{
	font: 0.85em/1.5em "Arial",Microsoft JhengHei;
	background:url("../images/body_bg.jpg")  0 0 repeat-x;
	background-color:#f3f3f3;
	margin:auto;
	overflow-y: scroll;
　overflow-x: hidden;
	}

.register a, .register a:hover{
	color:#fff;
	}
h2.menuTitle, .introBox span, .proIntro .product a:hover, .main_cont .newsList a:hover{
	color:#d00;
	}

.header, .footer, .content, .breadcrumb, #navMenu {
    width: 1000px;
}


nav .sf-menu{
    width: 750px;
    margin: 0px auto;
margin-left: -50px;
}

.banner img {
    display: block;
    width: 750px;
	margin-left: -30px;
}
.proIntro .title span{
	color:#333;
	}
.proIntro .product{
	color:#999;
	}
.main_cont .newsList a{
	color:#06a;
	text-decoration:underline;
	}
header, .footer, .content{
	width:1000px;
	}
.breadcrumb{
	width:100%;
	margin-left: -30px;
	color: #4E4E4E;
	}

.cartView a {
    background: rgba(0, 0, 0, 0) url("../images/cart_view01.png") no-repeat scroll 0 0;
}

.container{
	background: url("../images/head_bg.png") 0 0 repeat-x;
	}

header{
	padding:15px 0 25px;
	margin-bottom:7px;
	overflow:hidden;
	zoom:1;
	}

nav{
	margin:0 0 20px;
	overflow:hidden;
	zoom:0;
   -webkit-border-radius:5px;
      -moz-border-radius:5px;
           border-radius:5px;
	}

#navMenu a:hover {
    color: #0670AB;
    background-color: transparent;
}


#navMenu{
	float:left;
	background:none;    
   -webkit-border-radius:0;
      -moz-border-radius:0;
           border-radius:0;
		   margin-left: 0px; margin-right: 0px;
	}
#navMenu li{
    border-right:none;
	background: transparent url("../images/navmenu_line.png") no-repeat scroll right;
	}
.register {
	margin-top: 13px;
   float: right;
   padding-left: 0px; margin-right: 0px;
}



.search {
	float:right;
	background-color:transparent;
	margin: 0px 0 0;
		
}


.search form{
    background-color:#fff;
    padding:0 5px 3px 2px;
   -webkit-border-radius:5px;
      -moz-border-radius:5px;
           border-radius:5px;
		   width: 150px;
		   height: 20px;
		   margin-top: 10px;
	}
.search #sf_keyword{
	border:none;
	padding:0 5px;
   -webkit-border-radius:0;
      -moz-border-radius:0;
           border-radius:0;
	}
.search #sf_submit{
	font-size:0;
	text-shadow:none;
	width:15px;
	height:15px;
	padding:0;
	background:url(../images/search.png);

    border:none;
	margin-top: -35px; margin-left: 130px;
	}
.logo{
    padding-top:0;
	}
.colSide {
    width: 207px;
    background: transparent url("../images/colside_title_bg.png") no-repeat scroll 0% 0%;
	min-height: 717px;}

.colSide h4 {
    color: #ffff;
    font-size: 22px;
    height: 142px;
    background: transparent url("../images/colside_bg.png") no-repeat scroll 0% 0%;
    width: 200px;
	padding: 40px 0px 0px 60px;
	}

.sideCate {
    margin-top: -50px;
    padding: 5px 8px 10px;
    border-radius: 8px;
    background-color: transparent;
}




.sideCate li {
    background: rgba(0, 0, 0, 0) url("../images/icon_sidemenu.png") no-repeat scroll 15px 14px;
    border-bottom: 1px solid #e0e0e0;
}

.sideCate > li > ul > li a.active {
    color: #017841;
    font-weight: bold;
}



.sideCate li li {
    border-bottom: 1px dotted #CCC;
    padding-left: 8px;
}

.sideCate li a, h2.menuTitle {
    color: #0171b2;
    font-size: 16px;
    line-height: 25px;
    margin: 5px;
}
.sideCate li a.tree.active, .sideCate li.par_tree.active {
    background: transparent url("../images/icon_sidemenu.png") no-repeat scroll 16px 11px;
	margin-top: 0px; margin-right: 0px; margin-left: 0px;
	
}

.sideCate li.par_tree{
	background: transparent url("../images/icon_sidemenu.png") no-repeat scroll 16px 11px;
	
	
	}
	
.gc-display-area {
   padding: 5px;
border: 1px solid #DDD;
border-radius: 5px;
background-color: #FFF;
}

.gc-display-area:hover {
box-shadow: 0px 0px 5px #CCC;}

.sideCate li a{
    padding:7px 3px 5px 26px;
	}

.sideCate li li a {
    color: #464746;
    padding: 7px 3px 5px 19px;
}


h2.menuTitle {
    padding-left: 20px;
    margin-top: 8px;
    margin-right: 20px;
    margin-left: -30px;
    background: transparent url("../images/icon.png") no-repeat scroll 0% 0%;
    line-height: 16px;
    border-bottom: 1px solid #0171B2;
    padding-bottom: 8px;
    font-size: 20px;
	margin-bottom: 16px;
}

.productGrid .proList .img {
    margin: 0px auto;
    vertical-align: middle;
    background-color: #fff;
}

.social{
	left: 850px; top: 130px; margin-top: 0px;
	}
.social a{
	width:28px;
	height:28px;
	}
.social a:hover{
	background: url("../images/social.png") 0 -28px no-repeat;
	}
.sortBox {
    clear: both;
    margin-bottom: 20px;
	margin-right: 20px;
}
a.iconList, a.iconGrid {
    cursor: pointer;
	margin-top: -10px;
}

a.iconGridOn {
    background-position: -25px 3px;
	margin-top: -10px;
}

a.iconListOn {
    background-position: 0px -27px;
	margin-top: -10px;
}

.productList .proList .img, .productGrid .proList .img {
    padding: 5px;
    border: 1px solid #DDD;
    border-radius: 5px;
    background-color: #fff;
}

.register a, .register a:hover, .lag span a:hover, .lag ul li a:hover, #navMenu ul li a:hover  {
    color: #fff;
}

.result {
    margin-left: -10px;
}

.productList .proList {
    padding: 15px 0px;
    border-bottom: none;
    overflow: hidden;
}

footer{
	font-size:100%;
	background:url("../images/foot_bg.jpg") 0 0 repeat-x;
	}
.footer p {
    margin-bottom: 0px;
	padding-top: 4px;
}


.footer .info {
    margin-bottom: 0px;
    padding-bottom: 0px;
	line-height: 24px;
	padding-top: 40px;
}


.footer{
	
	position:relative;
	}
.footer .menu{
	bottom:15px;
    margin-bottom:0;
    position:absolute;
    right:0;
	}

#qrcode img {
    width: 80px;

    margin-bottom: 20px;
	margin-top: 60px;}


.copyright{
    float: left;
	}
.introBox div{
	float:left;
	width:242px;
	padding:0 40px 0 60px;
	}
.introBox{
	padding-top:20px;
	margin-bottom:30px;
	overflow:hidden;
	zoom:1;
	}
.introBox .coIntro {
    background: transparent url("../images/theme1.gif") no-repeat scroll 0px 0px;
    width: 497px;
	height:245px;
	padding-right: 6px;
	float: left;
	}
	
.introBox .contractIntro{
	background: url("../images/theme2.gif") 0 0 no-repeat;
	min-height:55px;
	}
.introBox .purposeIntro{
	padding-right:0;
	background: url("../images/theme3.gif") 0 0 no-repeat;
	}
.introBox span{
	font-size:110%;
	font-weight:bold;
	line-height:1.6em;
	text-transform:uppercase;
	margin-bottom:5px;
	}
.proIntro .product{
	overflow:hidden;
	zoom:1;
	}

.proIntro .title span{
	float:right;
	font-size:55%;
	font-weight:normal;
	padding:5px 0 0 10px;
	background: url("../images/icon1.gif") 0 11px no-repeat;
	}
.proIntro .proList{
	float:left;
	width:250px;
	height:260px;
	margin:0 125px 0 0;
	}
.proIntro .proList.last{
	margin-right:0;
	}
.proIntro h3{
	font-size:110%;
	}

.licenseBox img{
	margin:0 35px 30px 0;
	}
.main_cont img{
	max-width:755px;
	}
.aboutBox{
	line-height:2em;
	}
.aboutBox ul{
	margin:0 0 25px 28px;
	}
.aboutBox li{
	list-style-type:decimal-leading-zero;
	
	
	}
.aboutTxt{
	margin-bottom:30px;
	overflow:hidden;
	zoom:1;
	}
.aboutTxt img{
	text-align:right;
	margin-right:130px;
	padding:3px;
	border:1px solid #ddd;
   -webkit-border-radius:5px;
      -moz-border-radius:5px;
           border-radius:5px;
	}
.aboutTxt.sloganEN img{
	margin-right:130px;
	}
.aboutImg img{
	margin:0 40px 20px 0;
	}
.aboutImg .last{
	margin-right:0;
	}
.aboutImg.imgD img{
	margin:0 10px 20px 0;
	}
.recordTb{
	width:100%;
	}
/* 首頁banner效果 */
#focus_Box{
	position:relative;
	height:306px;	
	}
#focus_Box ul{
	position:relative;
	width:710px;
	height:306px;
	}
#focus_Box li{
	z-index:0;
	position:absolute;
	width:0;
	height:0;	
	top:146px;
	left:377px;
	cursor:pointer;	
	background:#787878;
	box-shadow:1px 1px 12px rgba(200, 200, 200, 1);
	}
#focus_Box li img{
	width:100%;
	height:100%;
	vertical-align:top;
	}
#focus_Box li p{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	text-indent:3px;
	}
#focus_Box li p span{
	font-family:"微軟正黑體";
	color:#fff;
	line-height:40px;
	text-align:center;
	display:inline-block;
	width:100%;
	height:40px;
	overflow:hidden;
	background: url("../images/banner_bg.png") 0 0 repeat;
	}
#focus_Box a.imgs-scroll-btn{
	display:block;
	position:absolute;
	z-index:110;
	top:7px;
	right:15px;
	width:51px;
	height:23px;
	overflow:hidden;
	text-indent:-999px;
	}
#focus_Box img{
	border:3px solid #fff;
	}

/* 首頁banner效果 end */

.index #slidepic_pic2 img {
    width: 100%;
    margin-left: 0px;
    height: 596px;;
}

.index .banner {
    margin: -50px auto 0px;
    background-color: #000;
    margin-top: -43px;
	background-color: transparent;
	margin-bottom: 30px;
}

.index #slidepic_pic2 .control {
	left:50%;
    position: absolute;

}

.index .newsIntro {
    width: 497px;
	float: left;
}

.Anli_pic {
    float: left;
    width: 838px;
    margin-top: -260px;
    margin-left: 65px;
}

.box {
    width: 200px;
    float: left;
    text-align: center;
    margin: 0px 5px;}
	
.more {
    font-size: 90%;
    display: inline-block;
    text-align: right;
    margin-top: 10px;
    width: 95%;
    display: none;
}

nav .sf-menu, .bannerArea {
    margin: 0px auto;
    width: 100%;
}

.index #slidepic_pic2 {
	width: 100%;
	height: 596px;
 
}

#slidepic_pic2 a.ad {
    position: absolute;
    width: 100%;
}

.newsIntro .title {
    background: transparent url("../images/index-content02.png") no-repeat scroll 0px 0px;
    height: 245px;
    color: #FFF;
    font-size: 22px;
    line-height: 50px;
    text-align: center;
    letter-spacing: 10px;
		font-family:"微軟正黑體";
font-weight:bold;
}

.coIntro .title {
    background: transparent url("../images/index-content01.png") no-repeat scroll 0px 0px;
    height: 245px;
    color: #FFF;
    font-size: 22px;
    line-height: 50px;
    text-align: center;
    letter-spacing: 10px;
		font-family:"微軟正黑體";
font-weight:bold;

}




.proIntro {
    background-color: #fff;
    background-image: url("../images/index-content03_1.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 399px;
    width: 1000px;
}

.proIntro .title {
	 background: rgba(0, 0, 0, 0) url("../images/index-content03.jpg") no-repeat scroll 0 0;
    height: 392px;
	color: #FFF;
font-size: 22px;
font-family:"微軟正黑體";
font-weight:bold;
letter-spacing: 10px;
padding-top: 13px; padding-bottom: 0px; margin-bottom: 0px;
c​​lear:both;
}

.Anli_right {
    background: rgba(0, 0, 0, 0) url("../images/arrowR.png") no-repeat scroll center center;
	width:28px;
	 margin-left: 950px;
    margin-top: -250px;
}

.Anli_left {
    background: rgba(0, 0, 0, 0) url("../images/arrowL.png") no-repeat scroll center center;
	width:28px;
	margin-left: 25px;
    margin-top: -250px;
}

a.imgBorder {
    border: 1px solid #DEDEDE;
    display: table-cell;
    height: 190px;
    padding: 5px;
    vertical-align: middle;
    width: 190px;
}
#ISL_Cont_1{
	margin-top: -60px;
	}
	

.newsIntro li {
    margin-left: 30px;
    line-height: 18px;
    background: transparent url("../images/icon_sidemenu-1.png") no-repeat scroll left center;
    padding-left: 15px;
    font-size: 15px;
    margin-top: -180px;
	color:#05679e;
}

.newsIntro li a {
    font-size: 15px;
    color: #3e3e3e;
    letter-spacing: 2px;
}

.newsIntro li a:hover{
	color: #777;
	}

#slidepic_pic2 .control a.on {
    background: transparent url("../images/controlA_1.png") no-repeat scroll -18px 0px;
    color: #FC0;
}

#slidepic_pic2 .control a {
    display: inline-block;
    width: 18px;
    height: 8px;
    background: transparent url("../images/controlA_1.png") no-repeat scroll 0px 0px;
    text-decoration: none;
    text-indent: -9999px;
    color: #000;
}

.anli_box_title {
    color: #333;
    font-size: 15px;
    padding-top: 10px;
}

.coIntro > ul {
    
    font-size: 15px;
    line-height: 28px;
	margin-left: 210px;
    margin-top: -200px;}
	
.coIntro li{
	list-style-image: url("../images/icon_sidemenu-1.png");
	margin-left: 10px;
	}
	
#navMenu a {
    display: block;
    padding: 9px 20px;
	padding-right: 20px;
}

.search form {
    border: 1px solid #ccc;
    border-radius: 0px;
    padding: 1px 5px;
}

.container.index .content .introBox .coIntro ul li a {
	color: #333;}
	
.container.index .content .introBox .coIntro ul li a:hover {
	color: #777;}
	
.photo_imgM .photo {

    background: #fff;
}