@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: Verdana, Arial, sans-serif,"新細明體";
	font-size: 9pt;
	color: #666;
}
body {
	background-color: #202020;
	background-image: url(../images/page_bk.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

 
h3{
	font-size: 12pt;
	text-transform: capitalize;
	color: #CC9933;
	padding:20px 0px 0px 20px;
	margin:0px auto;
	font-weight: normal;
}
 
h2{
	font-size: 12pt;
	text-transform: capitalize;
	color: #CC9933;
	padding:0px;
	margin:0px;
	font-weight: normal;
}
/*———-消虛線———*/

/* For IE, onFocus 的 F 要大寫*/
a{
noFocusline:expression(this.onFocus=this.blur());
}

/* For Firefox */
a:focus{
-moz-outline-style:none;
}



/*-------------------*/
#all {
padding:0px;
margin:0px auto;
width:980px;
}

/*-------------------------------*/
#but{
padding:0px;
margin:0px;
width:980px;
height:113px;
clear:both;
background-image: url(../images/but_bk.jpg);
}


#menu {
height: 113px; 
}
#menu li a {
	height:113px;
	width:91px;
	display:block;
	text-indent: -9999px;
}
#menu ul{
list-style:none; 
margin:0px;
padding: 0px  0px  0px  96px;
}
#menu li{
float:left; 
margin:0;
padding: 0px;
}
.mu_a a:link,.mu_a a:visited,.mu_a a:active{
background:url(../images/but_01.jpg) 0px 0px;
}
.mu_a a:hover {
background:url(../images/but_01.jpg) 0px 113px;
}
.mu_b a:link,.mu_b a:visited,.mu_b a:active{
background:url(../images/but_02.jpg) 0px 0px;
}
.mu_b a:hover{
background:url(../images/but_02.jpg) 0px 113px;
}
.mu_c a:link,.mu_c a:visited,.mu_c a:active{
background:url(../images/but_03.jpg) 0px 0px;
}
.mu_c a:hover {
background:url(../images/but_03.jpg) 0px 113px;
}
.mu_d a:link,.mu_d a:visited,.mu_d a:active{
background:url(../images/but_04.jpg) 0px 0px;
}
.mu_d a:hover {
background:url(../images/but_04.jpg) 0px 113px;
}
.mu_e a:link,.mu_e a:visited,.mu_e a:active{
background:url(../images/but_05.jpg) 0px 0px;
}
.mu_e a:hover {
background:url(../images/but_05.jpg) 0px 113px;
}
.mu_f a:link,.mu_f a:visited,.mu_f a:active{
background:url(../images/but_06.jpg) 0px 0px;
}
.mu_f a:hover {
background:url(../images/but_06.jpg) 0px 113px;
}
.mu_g{
width:242px;
height: 113px; 
margin: 0px ;
padding: 0px ;

}

/*--------------------------------------------*/
#ind_img {
	padding:0px;
	margin:0px;
	width:980px;
	height:300px;
	clear:both;
	background-color: #000;
}


/*-----------------------------------------*/
#image {
padding:0px;
margin:0px;
width:980px;
height:189px;
clear:both;
background-image: url(../images/pdc_img01.jpg);
}


/*-----------------------------設margin不設padding避免蓋住left的li清單項目--*/
#movie_left {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 141px;
height:398px;
float:left;
position:absolute;

}
/*------------------------------------------*/
#tit01 {
padding:0px;
margin:0px;
width:141px;
height:50px;
text-indent: -9999px;
background:url(../images/tit_01.jpg) no-repeat 0 0;
}

#tit02 {
padding:0px;
margin:0px;
width:141px;
height:50px;
text-indent: -9999px;
background:url(../images/tit_02.jpg) no-repeat 0 0;
}

#tit03 {
padding:0px;
margin:0px;
width:141px;
height:50px;
text-indent: -9999px;
background:url(../images/tit_03.jpg) no-repeat 0 0;
}

#tit04 {
padding:0px;
margin:0px;
width:141px;
height:50px;
text-indent: -9999px;
background:url(../images/tit_04.jpg) no-repeat 0 0;
}

#tit05 {
padding:0px;
margin:0px;
width:141px;
height:50px;
text-indent: -9999px;
background:url(../images/tit_05.jpg) no-repeat 0 0;
}

#tit06 {
padding:0px;
margin:0px;
width:141px;
height:50px;
text-indent: -9999px;
background:url(../images/tit_06.jpg) no-repeat 0 0;
}
#tit07 {
	padding:0px;
	margin:0px;
	width:141px;
	height:50px;
	text-indent: -9999px;
	background-image: url(../images/tit_07.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}


/*-------------------------------------父層隨子層內容拉長-----*/

.clearfix:after {
　content:".";
　display:block;
　height:0;
　clear:both;
　visibility:hidden;
}

.clearfix {
　display:inline-block;
}

/* Hide from IE Mac */
.clearfix {
 display:block;
}
/* End hide from IE Mac */

/* end of clearfix */

/*----------------------------*/
#left{
	padding:0px;
	margin:0px;
	width:323px;
	height:398px;
	float:left;
}

#left ul {
float:left;
width:141px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#left li {
	width:110px;
	height:30px;
	color: #FFFFFF;
	text-align:right;
	border-bottom: 1px dotted #FFFFFF;
	behavior: url(iepngfix.htc);
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 11px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/dot_blue.png);
	background-repeat: no-repeat;
	background-position: 115px 12px;
}
#left li a:link, #left li a:visited  {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
#left li a:hover {
	color: #CC9933;
}

#left_dot{
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height:36px;
	clear:both;
	behavior: url(iepngfix.htc);
	background:url(../images/left_bk.png) no-repeat 60px 0px;
}
/*-----------------------------右層包左層,不設尺寸,-----*/
#right{
padding:0px;
margin:0px;

}

/*----------------------------------*/
#crumbs{
padding:0px;
margin:0px 0px 0px 323px;
width:657px;
height:50px;
}

#crumbs p{
	padding:26px 30px 0px 0px;
	margin:0px;
	float:right;
	font-size: 8pt;
}

#crumbs p a:link, #crumbs p a:visited { /*--ie$firefox不用設a:active-*/
		color: #666666;
		text-decoration: underline;

}

#crumbs p a:hover{
	color: #FFFFFF;
	text-decoration: none;

}

.nowposition{
	color: #CC9933;
}

/*----------------------------------------------*/
#info {
width:607px;
padding:10px 30px 10px 20px;
margin:0px 0px 0px 323px;
}

#info li a:link, #info li a:visited, #info li a:active  {
		color: #666666;
}
 
#info li a:hover {
	color: #5dae9d;
}
/*------------------*/
#about {
width:607px;
padding:10px 30px 10px 20px;
margin:0px 0px 0px 323px;
}

#about p {
	padding: 0px 5%;
	color: #fff;
	line-height: 16pt;
}
#about h2 {
text-align:center;
padding: 0px 5%;
}
/*----------------------------------*/
#down_select {
/*	width:857px;/**/
	margin:auto;
	height:30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
/*	padding-left: 50px;/**/
}
#down_select p {
	color: #fff;
text-align:center;
}

#down_select p a:link , #down_select p a:visited , #down_select p a:visited {
    padding:0px 4px 0px 4px;
    margin:0px;
		color: #CC9933;
	text-decoration: none;
}

#down_select p a:hover {
	color: #CC9933;
	text-decoration: underline;
}

/*----------------------------*/
#copy {
padding:0px;
margin:0px;
width:980px;
clear:both;
color:#999999;
}
#copy a:link , #copy p a:visited {
	text-decoration: none;
	color:#FFFFFF;
	}

#copy a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}



#copy p {
	padding:14px 0px 0px 0px;
	margin:0px;
	line-height: 16pt;
	text-align:left;
}

#design{
	padding:0px;
	margin:0px;
	font-size: 8pt;
	line-height: 16pt;
	color: #333333;
	behavior: url(iepngfix.htc);
}

#design p , #design p a:link , #design p a:visited {
	padding-top:0px;
	text-decoration: none;
	color: #333333;
	}

#design p a:hover{
	padding-top:0px;
	padding:0px;
	text-decoration:underline;
	color: #333333;
}


/*---------------------------------pnb 透明設定---*/
.browser {
    filter:alpha(opacity=50); /* IE */
    -moz-opacity:0.5; /* Moz + FF */
    opacity: 0.5; /* 支持CSS3的瀏覽器（FF 1.5也支持）*/
    padding: 0px 6px 0px 0px;
	margin:0px;
	behavior: url(iepngfix.htc);
	}
#logo {
    padding: 10px 0px 30px 20px;
	margin:0px;
	float:left;
	}	
.ion {
	padding-top: 10px;
}
.Heroic {
	margin-top: 5px;
}


	
.COLLE {
    padding: 0px 20px 0px 0px;
	margin:0px;
	}
	
.Hammer {
    padding: 0px 20px 0px 0px;
	margin:0px;
	}
	
.CHELSEA-FC {
    padding: 0px 20px 0px 0px ;
	margin:0px;
	}
	
.Blue-Heart {
    padding: 0px 20px 0px 0px;
	margin:0px;
	}
.EdHardy {
    padding: 0px 20px 0px 0px;
	margin:0px;
	}
	
/*--------------------------------頁碼--*/
.pagination {
margin: 0px auto;
padding: 0px 0px 20px 0px;
text-align: center;
}

.pagination ul {
margin: 0px;
padding: 2px;
font-size: 9pt;
}

.pagination li {
list-style-type: none;
display: inline;
padding: 2px;
color: #ffffff;
}

.pagination a , .pagination a:visited {
padding: 1px 5px;
border: 1px solid #999;
text-decoration: none; 
color: #ffffff;
}

.pagination a:hover , .pagination a:active {
border: 1px solid #202020;
color: #ffffff;
background-color: #CC9933;
}

.pagination a.currentpage {
background-color: #CC9933;
color: #ffffff !important;
border: 0px solid #fff;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #ffffff;
border-color: #999;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
color: #ffffff;
}

/*---------------------------------------news form---*/
.newsform{
	width:556px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border: 0px;
	border-style: none;
	line-height: 14pt;
}
.newsform td,tr{
color: #666;
    padding: 4px;
}

.newsform p{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	font-size: 8pt;
	line-height: 14pt;
	color:#fff;
}
.newsform p a:link, .newsform p a:visited {
	text-decoration: none;
	color:#FFFFFF;
	margin: 0px;
    padding: 2px 6px 2px 6px;
	background-color: #CC9933;
}
.newsform p a:hover{
    color:#FFFFFF;
	text-decoration: none;
	border: 1px solid #fff;
}


.newsform h3{
	margin: 0px;
	padding: 0px;
	color: #CC9933;
	font-family: Arial, Helvetica, sans-serif;
}

.newsform h3 a:link , .newsform h3 a:visited , {
	text-decoration: underline;
	color: #CC9933;
}
.newsform h3 a:hover {
	text-decoration: none;
	color: #CC9933;
	font-family: Arial, Helvetica, sans-serif;
}
.time{
    color:#666666;
}
.num{
	font-size: 10pt;
	font-weight: bold;
}

.news_pic{
float:right;
background-color: #202020;
    margin: 0px 0px 8px 8px;
    padding: 6px;

}
.pdc_pic{
background-color: #666666;
    margin: 0px auto 0px auto;
    padding: 6px;

}

/*---------------------------------------linkform---*/
.linkform{
	width:556px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border: 0px;
	border-style: none;
	line-height: 14pt;
}
.linkform td,tr{
color: #666;
    padding: 4px;
}

.linkform p{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	font-size: 9pt;
	line-height: 14pt;
	color:#fff;
}
.linkform p a:link, .linkform p a:visited, .linkform p a:hover {
	text-decoration: none;
	color:#FFFFFF;
}

.linkform h3{
	margin: 0px;
    padding: 0px;
    color: #CC9933;
}

.linkform h3 a:link , .linkform h3 a:visited , {
	text-decoration: underline;
	color: #CC9933;
}
.linkform h3 a:hover {
	text-decoration: none;
	color: #CC9933;
}



/*---------------------------------------storyform---*/
.storyform{
	width:556px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border: 0px;
	border-style: none;
	line-height: 14pt;

}
.storyform td,tr{
	text-align:left;
color: #666;
}

.storyform p{
	margin: 0px 4px;
	    padding: 0px 0px 10px 0px;
	border: 0px;
	font-size: 9pt;
	line-height: 14pt;
	color:#fff;
}
.storyform p a:link, .storyform p a:visited, .storyform p a:hover {
	text-decoration: none;
	color:#FFFFFF;
}

.storyform h3{
	margin: 0px ;
    padding: 0px 0px 10px 0px;
    color: #CC9933;
}

.storyform h3 a:link , .storyform h3 a:visited , {
	text-decoration: underline;
	color: #CC9933;
}
.storyform h3 a:hover {
	text-decoration: none;
	color: #CC9933;
}

.story_pic{
float:right;
    margin: 0px 0px 8px 8px;
}

.spokesman_pic{
background-color: #202020;
    padding: 6px;

}


/*---------------------------------------brand form---*/
.brandform{
	width:556px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border: 0px;
	border-style: none;
}
.brandform td,tr{
color: #666;
}

.brandform p{
	margin: 8px 0px 8px 0px;
	padding: 0px;
	border: 0px;
	font-size: 9pt;
	color:#fff;
}
.brandform p a:link, .brandform p a:visited {
	text-decoration: none;
	color:#fff;
}
.brandform p a:hover{
	text-decoration:underline;
	color:#fff;
}


.dot{
height:29px;
	background:url(../images/dot_bk.gif) repeat-x;
}


/*--------------------------------------product form---*/
.product{
	width:556px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border: 0px;
	border-style: none;
}
.product td,tr{
color: #666;
}

.product p{
	margin: 0px;
	padding: 10px 0px;
	border: 0px;
	font-size: 9pt;
	color:#fff;
}
.product p a:link, .product p a:visited {
	text-decoration: none;
	color:#FFFFFF;
	margin: 0px;
    padding: 2px 6px 2px 6px;
	background-color: #CC9933;
}
.product p a:hover{
    color:#FFFFFF;
	text-decoration: none;
	border: 1px solid #fff;
}


/*---------------------------------------exhibition---*/
.exhibition{
	width:556px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border: 0px;
	border-style: none;
}
.exhibition td,tr{
text-align:center;
color: #666;
}

.exhibition p{
	margin: 4px 0px 4px 0px;
	padding: 0px;
	border: 0px;
	font-size: 9pt;
}
.exhibition p a:link, .exhibition p a:visited {
	text-decoration: none;
	margin: 4px 0px 4px 0px;
	padding: 0px;
}
.exhibition p a:hover{
	text-decoration: none;
	border: 1px solid #fff;
}

.photo_bk{
height:150px;
behavior: url(iepngfix.htc);
background:url(../images/photo_bk.png) no-repeat 0 0;
}
.photo{
padding:4px;
background-color:#FFFFFF;
margin:20px 16px 0px 16px ;
}



.exhibition li{
list-style-type:none;
color:#FF9900;
text-align:center;
float:left;
margin:0px;
padding:0px;
}


.exhibition li p{
margin: 0px ;
padding-top: 30px ;
color:#FFFFFF;
line-height:14pt;
text-decoration: none;
}
.exhibition li p a:link , .exhibition li p a:visited , .exhibition li p a:hover, .exhibition li p a:active ,{
margin: 0px ;
padding: 30px 0px;
color:#FFFFFF;
line-height:14pt;
text-decoration: none;
}



.exhibition img{
width:140px;
height:95px;
display:block;
}




/*---------------------------------------表單----*/

input.txt {
  margin: 0px 0px px 0px;
  padding: 2px;
  color:#666666;
  background-color: #fff;
  border: 1px inset #00008B;
  width: 200px;
}
textarea.txt  {
  margin: 0px 0px px 0px;
  padding: 2px;
  color:#666666;
  background-color: #fff;
  border: 1px inset #00008B;
  width: 280px;
}
input.txt2{
  margin: 0px 2px 0px 0px;
  padding: 2px;
  color:#666666;
  background-color: #fff;
  border: 1px inset #00008B;
  width: 80px;
}
input.btn {
  margin: 0px 10px ;
  padding: 3px 6px 0px 6px;
  color: #fff;
  background-color:#666666;
  border: 1px outset #333333;
}
input.btn2 {
 width: 110px;
  margin: 0px ;
  padding: 3px 0px 0px 0px;
  color: #fff;
  background-color:#666666;
  border: 1px outset #333333;
}
form p {
	color: #fff;
	clear: left;
	margin: 0 auto;
	padding: 10px 0px 10px 15px;
	width: 96%;
	border-bottom: 1px dotted #999999;
}
form .bottom {
	color: #fff;
	clear: left;
	margin: 0 auto;
	padding: 10px 0px 10px 15px;
	width: 96%;
	border-bottom: 0px dotted #999999;
}
form p label {
	float: left;
	width: 35%;
	margin: 0;
	padding: 0px;
	font: 9pt Arial, Helvetica, sans-serif;
}
fieldset {
  border: 1px dotted  #CC9933;
  margin: 16px auto 0px auto;
  padding: 10px;
  width:536px;
}
legend {
  font: 12pt Arial, Helvetica, sans-serif;
  color: #fff;
    padding: 2px 6px;
  background-color: #CC9933;
}
#all #info .brandform tbody tr td a {
	color: #FFF;
	font-family: Verdana, Arial, sans-serif, "新細明體";
	text-decoration: none;
}
#all #info .brandform tbody tr td a:hover {
	color: #FFF;
	font-family: Verdana, Arial, sans-serif, "新細明體";
	text-decoration: underline;
}
.ftaddress {
	line-height: 21px;
	width: 400px;
	float: left;
	display: block;
	padding-top: 20px;
}
.EdHardy {
	margin-bottom: 5px;
}