@charset "utf-8";
/* CSS Document */
:focus {outline: 0;}
*{
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
}
img{ border:0;}
a {text-decoration:none}

body{
	background: url("../images/BG01.jpg") repeat-x, url("../images/bottom-bg.jpg") center bottom no-repeat, url("../images/BG02.jpg") repeat;
	
	
}

h1, h2, h3, h4{
	font-weight: normal;
}
#head-bg{
	height:143px;
    background-image: url("../images/head_bg.jpg");
	background-repeat: repeat-x;	
	-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
}
#head{
	width:980px;
	height:143px;
	margin:0 auto;
	
}
.top-menu{ color:#666; font-size:12px; height:36px;
float:left; margin-bottom:14px;
}
.head-box{float:left;width: 980px;  clear:both;}




.top-menu ul{ padding: 10px 0 0 0;float:left;}
.top-menu li {
	padding: 0 12px;
	float: left;
	list-style-type: none;
	background-image: url("../images/dot-line.png");
	background-repeat: no-repeat;
	background-position: right 0;
	margin:0 0 0 -10px
}

.top-menu li a{color:#666; }
.top-menu li a:hover{color:#ccc; }
#lang{
	float:right;
	color:#fff;
	font-size:14px;
	padding-top: 4px;
	}
#lang span{font-size:12px;margin-left:10px;}

#lang p{ float:left; font-size:12px; padding: 5px 10px 0 5px;}
#lang p a{ color: #000;}

.search-box{ 
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
-moz-box-shadow:inset 1px 2px 2px #ccc;
-webkit-box-shadow:inset 1px 2px 2px #ccc;
box-shadow:inset 1px 2px 2px #ccc;
border:1px solid #ccc;
width:100px;
height:20px;
margin:4px 0 0 15px;
padding:0 5px 0 10px;
}

.btn-search{ margin:-9px 0 0 -5px;}




#wrapper{
	margin: 0 auto;
	width: 980px;
	
}
#logo{
	float:left;
	}

#menu{
	font-size:13px;
	float: right;
        position:relative;
	
}
#menu > ul{ margin:20px 0 20px 0; }
#menu li{
	
	float: left;
	list-style: none;	
	padding: 0 12px;
	float: left;
	list-style-type: none;
	/*background-image: url("../images/dot-line.png");*/
	background-repeat: no-repeat;
	background-position: right 0;
	margin: 10px 0 0 -10px;   
}
#menu li.secondary-menu {
	margin: 0 0 0 -10px;
}
#menu li.secondary-menu:nth-child(n+11){
	left: 207px;
	top: -430px;
}
#menu li.secondary-menu:nth-child(n+21){
	left: 414px;
	top: -860px;
}
#menu li.primary-menu > ul.dropdown{
	max-height: 430px;
}
#menu li a{
	color:#333;
}
#menu li a:hover{
	color:#980202;
}

#menu li:last-child{ background-image: none;}
#menu #login-sw{position:absolute;right:4px;top:3px;}







<!--BANNER輪播-->
.hidden {
	display:none
}
.clear {
	float:none;
	height:0px;
	clear:both;
	overflow:hidden
}
.banner {
	position:relative;
	width:960px;
	/*height:374px;*/
	clear:both;
	overflow:hidden;
	margin:0 auto;
}
.img_prev {
	z-index:100;
	position:absolute;
	width:50px;
	
	background:url("../images/imgshow.png") no-repeat;
	height:347px;
	background-position:0 top;
	left:0px;
}
.img_next {
	z-index:100;
	position:absolute;
	width:50px;
	
	background:url("../images/imgshow.png") no-repeat;
	height:347px;
	background-position:-50px top;
	right:0px
}


.focus ul#big_list {
	position:absolute;
	width:100000px;
	height:347px
}
.focus ul#big_list li {
	position:relative;
	width:960px;
	float:left;
	height:347px;
	overflow:hidden
}
.focus ul#big_list li div {
	width:960px;
	height:347px;
	overflow:hidden
}
.small_show {
	margin: 0px auto;
	width: 960px;
	height: 80px;
	overflow: hidden;
	margin-top: 347px;
	padding: 20px 0 0 0;
	background-image: url("../images/banner-shadow.png");
	background-repeat: no-repeat;
	background-position: center 2px;	
}
.small_show ul {
	width:10000px;
	margin:0 0 0 12px;
}
.small_show li {
	width:124px;
	display:inline-block;
	background:url("../images/img_bg.png") no-repeat left -49px;
	float:left;
	height:44px;
	margin-left:10px;
	overflow:hidden;
	cursor:pointer
}
.small_show li.visited {
	background-position:left top;
}
.small_show li div {
	padding-bottom:2px;
	padding-left:2px;
	width:120px;
	padding-right:2px;
	height:40px;
	overflow:hidden;
	padding-top:2px
}
.small_show .prev {
	z-index: 1000;
	position: absolute;
	width: 50px;
	bottom: 5px;
	height: 347px;
	background-image: url("../images/imgshow.png");
	background-repeat: no-repeat;
}
.small_show .next {
	z-index:1000;
	position:absolute;
	width:50px;
	bottom:5px;
	background:url("../images/imgshow.png") no-repeat;
	height:347px
}
.small_show .prev {
	background-position:-5px top;
	left:0px
}
.small_show .next {
	background-position:-50px top;
	right:0px
}
/*------------slide end-----------------------*/


/*active ---*/

#active-content{
	float: left;
	width: 540px;
   
	margin:0 0 0 16px;
}

.title{
	color: #060606;
	font-size:15px;
    font-weight:bold;
	position:absolute;	
	z-index:1000;
	margin:5px 0 0 8px;
	font-family: Georgia, "Times New Roman", Times, serif;
}


.scroll-img {
 
  width: 520px;
  height: 230px;
  overflow: hidden;
  font-size: 14px;
  color:#333;
}
.scroll-img a{ color:#333;}
.scroll-img p{ padding:10px 0 0 0;}



#demo5.scroll-img ul {
  width: 1500px;
 
}

.scroll-img ul {
  width: 510px;
  margin:33px 0 0 -8px;
  height: 215px;
 
}
.scroll-img ul li {
  width:245px;
  display: inline-block;
  margin: 0 12px;
}

.scroll-img ul li img:hover{
 -moz-box-shadow: 0px 1px 4px #a3a3a3;
-webkit-box-shadow: 0px 1px 4px #a3a3a3;
box-shadow: 0px 1px 4px #a3a3a3;
}

#demo5-btn {
  width: 515px; 
  position:absolute;
  z-index:1000;
  margin-right:10px;
  
}

#demo5-backward{
	float: right;
	display: inline;
	cursor: pointer;
}

#demo5-forward{
	float:right;
	display: inline;
	cursor: pointer;}
		
	
/*active end----------------------------*/
.more{
	float:right;
}
.more a{color: #fff;}
.i-title{
	color: #b50514;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image: url("../images/doc-title.png");
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0 0 0 19px;
	font-weight: bold;
}

.i-news h1 span{ padding:6px 0 0 0; font-family: Georgia, "Times New Roman", Times, serif; }

.i-news{float:left; width:415px;margin:23px 0 0 5px;}
.i-news h1{margin:4px 0 0 0;}

.i-news  ul{margin:9px 19px 0 2px; list-style-type: none; width:407px;}  
.i-news li{
	padding: 7px 0;
	font-size: 12px;
	border-bottom: 1px solid #e5e5e5;
	
}
.i-news li a{color:#333;  display:inline-block;}
.i-news li a:hover{color:#9f0000; }
  
.i-news li span{color:#666;  font-size: 12px; padding:0 16px 0 0;}










    #index-info {
	width: 980px;
	color:#333;
	float:left;
	clear:both;
	font-size: 13px;
	margin:57px 0 30px 0;
    }
	
	#i-about{
	width:533px;
	float:left;	
	margin: 0 18px 0 12px;
    }	
	
 
    #i-about img{float:left;}
    #i-about h2 {
	font-size: 13px;
	line-height: 1.5em;
	margin: 10px 0 0 0;
	font-weight: normal;	
	
    }

  
   
   #i-vedio{
    width:400px;
	
	float:left;	}

   #i-vedio .mv-box{float:left; margin-top:8px;}
   #i-vedio .mv-box iframe{border:none;}



    #footer-big{
	clear: both;}
   

    #footer {
	margin: 0 auto;
	width: 962px;
	height: 149px;
	
    }
	.footer-left{float:left;width:698px; }
	.quick-p{padding:17px 0 0 0; margin:0 0 28px -10px;}
	.quick-p li{ margin:0 10px; float:left; list-style: none; }
	.quick-p li a{ font-size:12px; color:#333;}
	.quick-p li a:hover{ text-decoration:underline;}
	

	
	.info{
	float:left;
	font-size:12px;
	color:#fff;
	padding-top: 10px;
}
	.info li{margin:5px 27px 0 0; list-style-type:none; float:left;}
	.info li a{color:#fff}
	
	
	.footer-right{
	float: left;
	width: 238px;/*264-26*/
	height: 91px;/*102-11*/
	background-image: url("../images/login-box.png");
	background-repeat: no-repeat;
	padding:11px 0 0 26px;
	margin:10px 0 0 0px;
}

   .footer-right h3{color:#313131; font-size:14px; font-weight:bold;}
   .footer-right h3 span a{color:#820000; font-size:12px; float:right; font-weight: normal; margin-right:26px;}
   .footer-right h3 span a:hover{ text-decoration:underline;}
   .wordin{ float:left; width:163px; margin-top:16px; padding:3px 0 0 0;}
   .key{ color:#ccc; font-size:12px; margin-bottom:15px; border:none;}
 
   
 .login-btn{  
     float:left;
     width:55px; height:49px;
    background-image: url("../images/login-btn.png");
	background-repeat: no-repeat;
	margin-top:15px;
	text-align:center;
  }  
.login-btn a{
	font-size:14px;
	color: #FFF;
	padding:15px 10px 10px;
	display:block;
	
}






.cr{width:100%; clear:both; margin:16px 0 0 0; color:#a1a0a0; font-size:12px; float:left;}

a.btnLogout{
	font-size: 12px;
	background-color: #bf0514;
	padding: 3px 12px;
	border-radius: 5px;
	color: #fff;
}
a.btnLogout:hover{
	background-color: #9b0000;
}

#menu>ul>li>a.top_new_products{ color:#E20413 !important;}