.pd {
	width: 300px;
	line-height: 20px;
	margin-left: 50px;
	float: left;
	text-align: center;
}

.pdpic {
	width: 300px;
	line-height: auto;
	margin-right: 10px;
	margin-left: -10px;
	margin-bottom: 10px;
	float: left;
	line-height: 40px;
	text-align: center;
}

.pd01 {
	width: 280px;
	line-height: 20px;
	margin-left: 30px;
	margin-right: 10px;
	float: left;
	margin:0% 2% 0% 20%;
	
}

.pdpic01 {
	width: 300px;
	line-height: auto;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 10px;
	float: left;
	line-height: 40px;
	text-align: center;
}

.pd02 {
	width: 280px;
	line-height: 20px;
	margin-left: 30px;
	margin-right: 10px;
	float: left;

}

.pdpic02 {
	width: 300px;
	line-height: auto;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
	line-height: 40px;
	text-align: center;
}

.allp a:link img {
     opacity: 1.0; /* 透明度60% FireFox 的寫法 */ 
	filter: Alpha(Opacity=100); /* 透明度60% IE 的寫法 */ 
}

.allp a:visited img {
	opacity: 1.0; 
	filter: Alpha(Opacity=100); 
}

.allp a:hover img {
	opacity: 0.5; /* 透明度100% FireFox 的寫法 */ 
	filter: Alpha(Opacity=50); /* 透明度100% IE 的寫法 */ 
}

/*====================================
				AWARDS
======================================*/
.Appmu {
	width: 600px;
	line-height: 10px;
	margin-right: 70px;
	margin-left: 220px;
	margin-bottom: 10px;
	float: left;
	line-height: 10px;
	text-align: center;
}

.APPmanual .APPsmall {
	width: 200px;
	line-height: 20px;
	padding: 20px;
	margin-right: 10px;
    display:inline;
}

.pd-awards {
	width: 520px;
	height: 200px;
	line-height: 20px;
	margin-left: 25px;
	text-align: left;
	margin: 0 auto;
	margin-bottom: 50px;
}

.awards-top{
	margin-top:10px;
	margin-bottom:10px;
	font-size:24px;
}

.pdpic-awards {
	font-size: 10px;
	width: 200px;
	height: 200px;
	line-height: 20px;
	margin-right:10px;
	float: left;
}

@media(max-width:425px){
	.pdpic-awards{
		margin-left: 80px;
		margin-bottom: 50px;
	}
	.pd-awards{
		width: auto;
	}
}

.softright-awards {
	font-size: 10px;
	width: 300px;
	line-height: 20px;
	margin-right:10px;
	margin-bottom:20px;
	float: left;
}

.soft2-awards ul li {
	width: 300px;
	font-size: 15px;
	color: #000;
	margin: 5px 0px;
}

.soft2-awards ul li a {
	font-size: 15px;
	color: #868686;
}

.soft2-awards ul li a:hover {
	font-size: 15px;
	color: #1E90FF;
	text-decoration:underline;
}

.soft2-awards ul li a.active {
	color: #01A7BB;
}

.soft3 {
	font-size: 30px;
	text-align:left;
}

@media(max-width:425px){
	.soft3{
		text-align: justify;
	}
}

.clear{
margin:0;
padding:0;
border:0;
clear:both;
}

.allp {
	width: 1024px;
	height: 500px;
}

.allp a:link img {
     opacity: 1.0; /* 透明度60% FireFox 的寫法 */ 
	filter: Alpha(Opacity=100); /* 透明度60% IE 的寫法 */ 
}

.allp a:visited img {
	opacity: 1.0; 
	filter: Alpha(Opacity=100); 
}

.allp a:hover img {
	opacity: 0.5; /* 透明度100% FireFox 的寫法 */ 
	filter: Alpha(Opacity=50); /* 透明度100% IE 的寫法 */ 
}

/*====================================
				NEWS
======================================*/
.read-more-state {
	display: none;
  }
  
.read-more-target {
	opacity: 0;
	max-height: 0;
	font-size: 0;
	transition:.1s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
	opacity: 1;
	font-size: inherit;
	max-height: auto;
}

.read-more-state ~ .read-more-trigger:before {
	content: '...Read more';
}

.read-more-state:checked ~ .read-more-trigger:before {
	content: 'Close';
}

.read-more-trigger {
	cursor: pointer;
	display: inline-block;
	/* width: 3px; */
	height: 10px;
	color: #F90;
	font-size: 16px;
	line-height: 2;
	border-radius: .25em;
}

/*====================================
				Support
======================================*/
.Appmu {
	width: 300px;
	line-height: 20px;
	margin: auto 0 30px 10%;
	float: left;
	text-align: left;
	
}

.Appmu2 {
	width: 300px;
	line-height: 20px;
	margin: auto 10% 30px 10%;
	display: inline-block;
	text-align: left;
   
}

.pd {
	width: 350px;
	line-height: 20px;
	margin: auto 5% 30px 7%;
	float: left;
	text-align: left;
}

.pd-product-document {
	width: 350px;
	line-height: 20px;
	margin: auto 5% 30px 7%;
	float: left;
	text-align: left;
}

@media(max-width:425px){
	.pd-product-document {
		margin: 20px 0;
	}	
}

.softright {
	font-size: 10px;
	width: 150px;
	line-height: 20px;
	margin-right:10px;
	float:left;
}

.softbottom .soft2 ul li {
	width: 300px;
	font-size: 15px;
	color: #868686;
	margin: 5px 0px;
}

.soft2 ul li {
	width: 160px;
	font-size: 15px;
	color: #868686;
	margin: 5px 0px;
}

.soft2 ul li a {
	font-size: 15px;
	color: #868686;
}

.soft2 ul li a:hover {
	font-size: 15px;
	color: #1E90FF;
	text-decoration:underline;
}

.soft2 ul li a.active {
	color: #01A7BB;
}

.soft1 ul li {
	font-size: 15px;
	color: #868686;
	margin: 0px 0px;
}

.soft1 ul li a {
	font-size: 15px;
	color: #868686;
}

.soft1 ul li a:hover {
	font-size: 15px;
	color: #1E90FF;
	text-decoration:underline;
}

.soft1 ul li a.active {
	color: #01A7BB;
}

.pdpic {
	width: 120px;
	line-height: auto;
	margin-right: 20px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
	text-align: center;
}

/*====================================
		WARRANTY & RAM
======================================*/
#RMA div{
	behavior:url(http://www.starvedia.com/iepngfix.htc);/*解決IE6無法正常顯示PNG圖片*/
	border:none;
	margin:0;
	padding:0;
}

#RMA span.step{
	display: block;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 7px 0px 5px 6px;
	width: 80px;
	background: #E1F0FF;
}

#RMA span.AddressSection{
	display: block;
	padding: 6px;
	width: 550px;
	border: 1px dotted #CCCCCC;
	background: #F7F7F7;
	color: #424242;
}

/*====================================
		Z-WAVE DEVICE
======================================*/
table.table.table-bordered.table-condensed tbody tr,table.table.table-bordered.table-condensed tbody td{
	border:1px solid #ccc;
}

table{
	border-collapse: collapse;
	width: 1024px; 	
	/*自動斷行*/
	word-wrap: break-word;
	table-layout: fixed;
}

.Appmu {
	width: 300px;
	line-height: 20px;
	margin: auto 0 30px 10%;
	float: left;
	text-align: left;
	
}

.Appmu2 {
	width: 300px;
	line-height: 20px;
	margin: auto 10% 30px 10%;
	display: inline-block;
	text-align: left;
	
}

.pd {
	width: 350px;
	line-height: 20px;
	margin: auto 5% 30px 7%;
	float: left;
	text-align: left;
}

.softright {
	font-size: 10px;
	width: 150px;
	line-height: 20px;
	margin-right:10px;
	float:left;
	
}

.softbottom .soft2 ul li {
	width: 300px;
	font-size: 15px;
	color: #868686;
	margin: 5px 0px;
}

.soft2 ul li {
	width: 160px;
	font-size: 15px;
	color: #868686;
	margin: 5px 0px;
}

.soft2 ul li a {
	font-size: 15px;
	color: #868686;
}

.soft2 ul li a:hover {
	font-size: 15px;
	color: #1E90FF;
	text-decoration:underline;
}

.soft2 ul li a.active {
	color: #01A7BB;
}

.soft1 ul li {
	font-size: 15px;
	color: #868686;
	margin: 0px 0px;
}

.soft1 ul li a {
	font-size: 15px;
	color: #868686;
}

.soft1 ul li a:hover {
	font-size: 15px;
	color: #1E90FF;
	text-decoration:underline;
}

.soft1 ul li a.active {
	color: #01A7BB;
}

.pdpic {
	width: 120px;
	line-height: auto;
	margin-right: 20px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
	text-align: center;
}
   
/*====================================
				CONTACT
======================================*/
.form-style-2{
    max-width: 102400px;
    padding: 20px 12px 10px 20px;
    font: 13px Arial, Helvetica, sans-serif;
}

.form-style-2-heading{
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 20px;
    font-size: 15px;
	color:red;
    padding-bottom: 3px;
}

.form-style-2 label{
    display: block;
    margin: 0px 0px 15px 0px;
}

.form-style-2 label > span{
    width: 180px;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}

.form-style-2 span.required{
    color:red;
}

.form-style-2 .tel-number-field{
    width: 40px;
    text-align: center;
}

/* .form-style-2 input.input-field{
    width: 48%;
} */

.form-style-2 input.input-field, 
.form-style-2 .tel-number-field, 
.form-style-2 .textarea-field, 
.form-style-2 .select-field{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}

.form-style-2 .input-field:focus, 
.form-style-2 .tel-number-field:focus, 
.form-style-2 .textarea-field:focus,  
.form-style-2 .select-field:focus{
    border: 1px solid #1E90FF;
}

.form-style-2 .textarea-field{
    height:100px;
    width: 55%;
}

.form-style-2 input[type=submit],
.form-style-2 input[type=button]{
    border: none;
    padding: 8px 15px 8px 15px;
    background:#1E90FF;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-left: 100px;
}

.form-style-2 button{
	border: none;
    padding: 8px 15px 8px 15px;
    background:#1E90FF;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-left: 180px;
}

.form-style-2 button:hover{
	background: #1160ad;
    color: #fff;
}

.form-style-2 input[type=submit]:hover,
.form-style-2 input[type=button]:hover{
    background: #1160ad;
    color: #fff;
}

@media(max-width:425px) {
	.form-style-2 .textarea-field{
		width: 100%;
	}
}
/*====================================
			PRODUCT
======================================*/
.content .content-4 ul li {
	font-size: 15px;
	color: #868686;
	margin: 0px 0px;
}

.content .content-4 ul li a {
	font-size: 15px;
	color: #868686;
}

.content .content-4 ul li a:hover {
	font-size: 15px;
	color: #1E90FF;
	text-decoration:underline;
}

.content .content-4 ul li a.active {
	color: #1E90FF;
}

/*====================================
			NEWS TRADESHOW
======================================*/
.content .content-1 .tab-inner{
	display: none;
	width:250px;
	float:left;
	margin-right:40px;
	display: block;
	color: #666666;
  }
  
  .content .content-2 .tab-inner{
	display: none;
	width:250px;
	float:left;
	margin-right:40px;
	display: block;
	color: #666666;
  }
  
  .content .content-3 .tab-inner{
	display: none;
	width:250px;
	float:left;
	margin-right:40px;
	display: block;
	color: #666666;
  }
  
  .content .content-4 .tab-inner{
	display: none;
	width:250px;
	float:left;
	margin-right:40px;
	display: block;
	color: #666666;
  }
  
  .content .content-5 .tab-inner{
	display: none;
	width:250px;
	float:left;
	margin-right:40px;
	display: block;
	opacity: 0;
	color: #666666;
  }
  
  h4 span{
	font-size:11px;
	color: #666666;
  }

  @media(max-width:425px){
	.content .content-1 .tab-inner{
		margin-left: -30px;
	  }
	  
	  .content .content-2 .tab-inner{
		margin-left: -30px;
	  }
	  
	  .content .content-3 .tab-inner{
		margin-left: -30px;
	  }
	  
	  .content .content-4 .tab-inner{
		margin-left: -30px;
	  }
	  
	  .content .content-5 .tab-inner{
		margin-left: -30px;
	  }
	 
  }
  /*=====================
  	Header Contact
  =====================*/
  .contact {
	float: right;
    margin: 8px;
  }
  .contact a {
	  font-size: 12px;
	  margin: 0 5px;
  }

  .products-img {
	height: 197.14px;
  }

  @media(max-width:425px) {
	  .mobile-logo {
		  width: 100% !important;
	  }
	  .contact {
		float: none;
	  }
	  .contact a {
		  display: block;
	  }
  }

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: center no-repeat #fff;
}