@charset "utf-8";
body{
	background:#000;
	height:100%;
	font-family:微軟正黑體;
	color:#fff;
	}
a {
    text-decoration:none;
	color:#fff;
	}
a:hover{
    text-decoration:none;
	}

/* CSS Document */
.navbar-header{
	height:150px;	
	}
.navbar-inverse{
	background:#000;
	font-family: Microsoft JhengHei;
	}
.navbar-header img{
	height:100px;
	}
	
.nav{	
	margin-top:70px;
	font-size:18px;
	}
.nav li a:link {	
	color:#bfbfbf;
	font-size:16px;
	font-weight:bold;
	}	
.nav li a:visited {	
	color:#bfbfbf;
    }	
	
.navbar-default ul li a{
	text-align:center;
	width:100%;
	border-bottom:3px solid #E7E7E7;
	}	
	
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	background-color:#131722;
	}			
	
.headercss{
	background:#0f0f0e;
	border-bottom:#333;
	z-index:100;
	}	
/*  carousel  */	
header.carousel {
    height: 100%;
	}
.carousel-caption{}
.carousel-caption a{
	position: absolute;
	right: 15%;
	height:75vh;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	}		

/* footer */
.footer{
	margin-top: 0;
	margin-bottom:0;
	padding-top:10px;
	background:#0f0f0e;
	color:#FFF;
	}
.companyname{
	font-size:16px;
	color:#bfbfbf;
	line-height:28px;
	}	
.companylink{
	margin-top:10px;
	text-align:right;
	font-size:12px;
	color:#FFF;
	line-height:24px;
	}
.companylink img{
	width:30px; 
	height:30px;
	margin-left:15px;
	}	
.footer-copyirght{
	margin-top:20px;
	color:#999;
	font-size:12px;
	}	
.footer-top{
	color:#f49802;
	font-size:18px;
	text-align:center;
	text-decoration:none;
}
.footer-top a{
	color:#f49802;
	text-decoration:none;
	}
	

/* spacing*/
.conarea{
	margin-top:101px;
	min-height:calc(100vh - 290px);
	}
.content{
	padding-top:20px;
	padding-bottom:20px;
	}
		
/* aboutus */		
.aboutus{
	margin-top:5vh;
	margin-bottom:5vh;
	}	
	
/* case*/	
.carea{
	padding-top:10px;
	padding-bottom:10px;
	}
.cpitem{
	margin-top:10px;
	margin-bottom:10px;	
}
.cdarea{
	padding-top:70px;
	padding-bottom:20px;
	}

/* sidecss*/
.sidecss{
	font-size:14px;	
	margin-bottom:20px;
	}
.sidecss li {
	line-height:30px;
	letter-spacing: 3px;
	}		
.sidecss a:hover{    
	color:#FC0;
	}	
.first{
	padding:0; 
	margin:0;
	text-decoration:none;
	list-style-type:none; 
	width:90%;	
}
.second{
	text-decoration:none;
	list-style-type:none; 
	margin-left:-12px;
	}
.third{
	text-decoration:none;
	list-style-type:none; 
	margin-left:-12px;
	}	
input[name=Key] {
	width:100%;
	margin-top:3px;
	padding-left:5px;
	background:#000; 
	border:1px solid #666;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px 0px 0px 5px; 
 	}
input[id=submit] {
	margin-top:3px;
	background:#666; 
	border:1px solid #666;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 0px 5px 5px 0px; 
	}	

/* product */	
.mainitem{
	margin-bottom:30px;
	}
.mainitem img{
	width:100%	!important;
	height: 9vw !important;
}


/* product page*/		
.page{
	text-align:right;
	text-decoration:none;
	}
.page a:hover{
    text-decoration:none;
	color:#FC0;
}		
.wnum a{
	padding-left:4px;
	padding-right:4px;	
	color:#999;
	}		
.num a{
	padding-left:8px;
	padding-right:8px;
	color:#999;
	}	
.cnum{
	padding-left:8px;
	padding-right:8px;
	color:#FC0;
	}	


/* productdetail */
.pinfo{
	font-size:20px;
	color:#FFF;
	font-weight:bold;
	padding-bottom:10px;
	}
.ptitle{
	font-size:22px;
	color:#FFF;
	font-weight:bold;
	padding-bottom:10px;
	}		
.picitem{
	margin-top:10px;
	margin-bottom:10px;	}

.picarea{
	margin-top:110px;
	min-height:calc(33vw - 50px);	
	}	
.spic{
	margin-top:10px;
	}	
.spic img{
	width:100% !important;
	/* height:6vh !important; */
	}		
.Descr{
	color:#FFF;
	letter-spacing: 5px;
	}	
.Descr td{
	line-height: 30px;
	}
.tspacing{
	padding-bottom:15px;
	}		
.descrcss{
	padding-left:5rem;
	}
.descrcss img{
	width:400px;
	height:auto;
	}	
.backlink{
	text-align:center;
	margin-bottom:15px;
	}
	
/*inquiry area*/
.inquiry {
	border: #333 solid 1px;
	border-radius: 5px;
	padding: 5px;
	margin-top: 10px;
	background: #1c1c1c;
}
.psale{
	padding:0;
	margin:0;
	}
input[name=itemcount] {
	padding-left: 5px;
	background: #000;
	border: 1px solid #666;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
button {
	background: #666;
	border: 1px solid #666;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}		
/*inquiry */	
#mytable{
	border:2px #ccc solid;
	}
#mytable tr:nth-child(even) {
	background: #1c1c1c;
}
#mytable tr:nth-child(odd) {
	background: #3C3C3C;
}	
input[name='quantity[]'] {
	background: #1c1c1c;
	border: 1px solid #666;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 8px;
	text-align: right;
}
input[name=button] {
	padding-left: 10px;
	padding-right: 10px;
	background: #666;
	border: 1px solid #666;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
input[name=button1] {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	background: #666;
	border: 1px solid #666;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
input[name=button2] {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	background: #666;
	border: 1px solid #666;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}	

/*news */	
.newsarea{
	padding-bottom:20px;
	font-size:16px;
	font-weight:bold;
	}	
.newsarea ul li{
	color:#FC0;
	}	
.newsarea ul li a{
	color:#FFF;
}
.newtitle{
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
	}
#img-mwsf-2{
	z-index:1000;	
	}	

/* 小裝置 */
@media (max-width:767px) {
	/* CSS Document */
.navbar-header{
	height:50px;
	
	}
.navbar-inverse{
	background:#000;
	font-family: Microsoft JhengHei;
	}
.navbar-header img{
	margin-top:-10px;
	margin-left:30%;
	height:35px;
	}	
.nav{	
	margin-top:0;
	}
.nav li a:link {	
	color:#bfbfbf;
	font-size:12px;
	font-weight:bold;
	}	
.nav li a:visited {	
	color:#bfbfbf;
    }
		
.navbar-default ul li a{
	text-align:center;
	width:100%;
	border-bottom:3px solid #E7E7E7;
	}	
.headercss{
	background:#0f0f0e;
	}	
		
/*  carousel  */	
header.carousel {
    height: 35%;
	}
/* footer */
.footer{
	margin-top: 0;
	margin-bottom:0;
	padding-top:10px;
	background:#0f0f0e;
	color:#FFF;
	position: static;
	border-top:1px solid #FFF;	

	}
.companyname{
	font-size:12px;
	color:#bfbfbf;
	text-align:center;
	padding-bottom:10px;
	}	
.companylink{
	margin-top:5px;
	width:100%;
	font-size:12px;
	color:#FFF;
	text-align:center;
	padding-bottom:10px;
	}
.companylink img{
	width:30px;!important
	height:30px;!important
	}	
.footer-copyirght{
	margin-top:10px;
	color:#999;
	font-size:10px;
	text-align:center;
	}
	
/* */
.conarea{
	margin-top:3px;
	min-height:0;
	}
	
/* aboutus */		
.aboutus{
	margin-top:1vh;
	margin-bottom:1vh;
	}	

/* product */	
.mainitem img{
  width: 100% !important;
  height: 85vw !important;
	}	
.content img{
	max-width:100% !important;
	height:auto !important;
	}	
.spic img{
	width:100% !important;
	/* height:6vh !important; */
	}				
.Descr{
	color:#FFF;
	}	
.Descr td {
	font-size:10px;
	line-height: 20px;
}
.tspacing{
	padding-bottom:15px;
	}	
.descrcss img{
	width:90%;
	}
.descrcss{
	padding-left:2rem;
	}


/* content  video*/			
.videoset{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.videoset iframe,

.videoset object,

.videoset embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}		

/* productdetail */
.pinfo{
	font-size:16px;
	}
.ptitle{
	padding-top:10px;
	font-size:14px;
	}				
.psale{
	padding:0;
	margin:0;
	margin-left:2%;
	font-size:10px;
	}				
}	

/* 中裝置 */
@media (min-width: 768px) and (max-width: 1199px) {
/* CSS Document */
.navbar-header{
	height:75px;	
	}
.navbar-inverse{
	background:#000;
	font-family: Microsoft JhengHei;
	}
.navbar-header img{
	margin-left:0;
	height:50px;
	}
	
.nav{	
	margin-top:15px;

	}
.nav li a:link {	
	color:#bfbfbf;
	font-size:12px;
	font-weight:bold;
	}	
.nav li a:visited {	
	color:#bfbfbf;
    }	
	
.navbar-default ul li a{
	text-align:center;
	width:100%;
	border-bottom:3px solid #E7E7E7;
	}	
.headercss{
	background:#0f0f0e;
	}		
/*  carousel  */	
header.carousel {
    height: 100%;
	}

/* footer */
.footer{
	margin-top: 0;
	margin-bottom:0;
	padding-top:10px;
	background:#0f0f0e;
	color:#FFF;
	}
.companyname{
	font-size:12px;
	color:#bfbfbf;
	line-height:24px;
	}	
.companylink{
	margin-top:15px;
	text-align:right;
	font-size:12px;
	color:#FFF;
	line-height:24px;
	}
.footer-copyirght{
	margin-top:10px;
	color:#999;
	font-size:12px;
	}
.footer-top{
	color:#fff;
	font-size:14px;
	text-align:center;
}	

/* */
.conarea{
	margin-top:26px;
	min-height:calc(100vh - 156px);
	}

/* aboutus */		
.aboutus{
	margin-top:2vh;
	margin-bottom:2vh;
	}	

/* product */	
.content img{
	width:80% !important;
	height:auto !important;
	}	
	
/* content  video*/			
.videoset{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.videoset iframe,

.videoset object,

.videoset embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}	
	
/* sidecss*/
.sidecss{
	font-size:12px;	
	margin-bottom:20px;
	}
.first{
	padding:0; 
	margin:0;
	text-decoration:none;
	list-style-type:none; 
	width:100%;	
}
/* product */	
.mainitem{
	margin:0;
	padding:0;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:15px;
	}
.mainitem img{
	width:100%	!important;
	height: 9vw !important;
}	
}