@charset "utf-8";
/* CSS Document */

h3 a {padding:2px 4px ; border:1px solid white; 
      margin-right:5px; font-size:14px; color:#FFF}
h3 .active{ background-color:#f5ff86; color:black; }
h3 a:hover{  background-color:#f5ff86; color:black; }


h2{
	font-size:15px;
	font-weight:bold;
	color:#C00;
	display:block;
	margin:5px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #900;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	
}


body, html{
font-size:12px;
font-style:normal;
font-family:微軟正黑體, Times New Roman, Times, 細明體,serif,sans-serif,cursive, ;
 color:#CCC;background-image: url(images/bg-section5.jpg);
	background-position: center top;}



img{border:0}
a {text-decoration:none;}

#con{ 
width:900px;
padding:0 ; margin:auto;}

#logo{
padding:0 15px 0 15px;
margin:0 auto;
width:870px;
height:40px;}
#logo img{ float:right; padding-bottom:15px;padding-top:5px;}


#fot {
clear:both;
width:900px; height:30px;
font-size:12px;
text-align:left;}

.main{
width:870px;
height:auto;
margin-bottom:20px;
padding:0 15px 0 15px;}



/*-----------產品圖片*/
.box{
float:left;
margin:20px 8px 0 8px;
width:270px;
height:auto;
font-size:12px;
line-height:1.5;
}

.boxfont{
	background-image: url(images/boxbg.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 15px;
}
.box .dotted{padding-bottom:10px; border-bottom:1px dotted #606060;}
.pro{
width:260px;
padding:0;
border:5px solid #606060;
margin:0;}
/*-----------產品圖片*/

div{
	padding:0;
	margin:0;
}


.title{
	font-family:"Arial Black", Gadget, sans-serif;
font-style:normal;
font-size:20px;
border-bottom:1px solid #606060;
padding:10px 0 5px 0;}

h1,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;}


.pink{
color:#db6fbe;}
.blue{
color:#2467f1;}
.green{
color:#b6fa12}
.green2{
color:#c0d73f;}
.green3{color:#f5ff86;}
.gray2{
color:#e0e0e0}
.gray{
color:#606060;}
.white{
	color:#ffffff;
	font-size: 12px;
}
.bold{
font-weight:bold;}
.red{
color:#FF0000;}
.yellow{
color:#FFFF00}
.mtop3{
margin-top:30px;
padding:0;}
.yellowgreen{
color:#8b7a00;}
.purple{
color:#d700f0;}
.orange{
color:#f5bd0c;}
.sred{
	 color:#e73539}


.right{float:right}
.right_pic{width:137px; height:147px;  float:right; padding-left:20px; padding-top:15px;}
.right_pic a:hover{ position:relative; left:1px; top:1px;}


.price{
font-family:Times New Roman, Times, serif;
font-size:11px;}
.new{
font-size:14px;}

/*浮動無法包覆之解決辦法*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#kurvefont{
	margin:5px;
	width:785px;
	padding:5px;
	font-size:12px;
	color:#CCC;
	text-align:left;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #C00;
}

/*youtube 影片語法*/
ul.playlist {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 235px;
	float: left;
}
ul.playlist li {
	margin: 0 3px;
	float: left;
}
ul.playlist li a img {
	border: 0;
	vertical-align: middle;
}

.tv {

	width: 900px;
	height: 390px;
}
.video {
	margin-right:20px;
	float: right;
	width: 640px;
	height: 390px;
}



/*
      

*/

.clearfix {display: inline-block;} /* for IE/Mac */

.clearfix {
	zoom: 1;
	display: block;
	text-align: left;
}

#apDiv1 {
	position:relative;
	left:800px;
	top:10px;
	z-index:1;
	height: 0;
	width: 0;
}

.movpic{
float:left; width:110px; padding:0 3px;}
.movpic a:link,.movpic a:visited{
	color:#CCC;}
.movpic a:hover{
	color: #F00;}