/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.owl-carousel li{
	list-style: none;
}

.n_index_product .owl-carousel .owl-item img{
	width:auto;
}

.blur{
	-webkit-filter: blur(10px); /* Chrome, Opera */
       -moz-filter: blur(10px);
        -ms-filter: blur(10px);    
            filter: blur(10px);
}

.center_img{
	 position:absolute;
	 margin:auto;
	 top:0;
	 left:0;
	 right:0;
	 bottom:0; 
}

.pv_cart_btn:hover{
	background:#999;
}
/*
.pv_amount:before{
	content:"數量："
}
*/
.amount_bg2{
	display:inline-block;
	//width:100px;
	height:25px;
	border-radius:5px;
	/*border:1px solid #e3e3e3;*/
}
.amount2{
	background:url(../images/arrow2.png) no-repeat center right;
	width:140px;
	height:32px;
	border-radius:5px;
	border:1px solid #e3e3e3;
	margin-right: 8px;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance:none;
	appearance:none;
}
.amount_select{
	float: left;
}
.copyright a{
	color:#000 !important;
}
.copyright a:hover{
	color:#636363 !important;
}
/*-- 頁碼 --*/
.current{
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif, "微軟正黑體";
	color:#999;
}

span.prev{
	visibility:hidden
}

span.next{
	visibility:hidden
}

.page{
	width:80%;
	height:20px;
	margin:10px auto;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif, "微軟正黑體";
	text-shadow:0px  0px  1px  rgba(0,0,0,0);
}

.page a{
	color:#000;
}

.copyright a{
	color:#fff;
}

/*  怕和目前分頁搞混所以拿掉 by DANNY
.page a:hover{
	color:#999;
}
*/



/*-- 電腦手機共用CSS電腦手機共用CSS電腦手機共用CSS電腦手機共用CSS電腦手機共用CSS電腦手機共用CSS電腦手機共用CSS電腦手機共用CSS電腦手機共用CSS電腦手機共用CSS --*/



.inside_banner{
	width:100%;
	height:230px;
	/*background:url(../images/inside_banner.png) center;*/
	position:relative;
	z-index:1;
}

.prev_btn{
	width:10%;
	height:100%;
	text-align:center;
	cursor:pointer;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}


.next_btn{
	width:10%;
	height:100%;
	text-align:center;
	cursor:pointer;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}


.prev_btn img{
	top:50%;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.prev_btn:hover{
	background:rgba(161,219,247,0.25);   /*-- 首頁產品左右按鈕顏色 --*/
}

.next_btn img{
	top:50%;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.next_btn:hover{
	background:rgba(161,219,247,0.25);   /*-- 首頁產品左右按鈕顏色 --*/
}

.owl-carousel2{
	width:100%;
	min-height:280px;
	margin:0 auto;
	position: relative;
	z-index: 1;
}

.n_mobile_index_product{
	display: none;
}


.n_index_product_item:hover{
	-webkit-box-shadow: 0 0 5px rgba(255,162,0,0);
	-moz-box-shadow: 0 0 5px rgba(255,162,0,0);
	box-shadow: 0 0 5px rgba(255,162,0,0);
	background: rgba(255,255,255,0.5);
	opacity:0.8;
}

.n_index_product_item2:hover{
	opacity: 0.8
}



.n_index_product_img{
	width:250px;
	height:250px;
	margin:0 auto;
	text-align: center;
	position:relative;
}

.n_index_product_img img{
	max-width:250px;
	max-height: 250px;
}

.n_index_product_name{
	width:250px;
	height:20px;
	margin:5px auto 0px;
	text-align:center;
}

.n_index_product_price{
	width:250px;
	height:20px;
	margin:5px auto 0px;
	text-align: center;
	color:#404040;
}


.index_product_item{
	width:100%;
	min-height:280px;
	margin:0 auto;
}

.index_product{
	width:240px;
	min-height:260px;
	margin:10px;
}

.product_description{
	height:90px;
	text-align:left;
}

.product_title{
	width:80%;
	height:40px;
	margin:10px auto 0;
	/*20160811 danny 新增*/
	text-align: center;
}

.news_item{
	width:90%;
	height:20px;
	border-bottom:1px dotted #fad1b0;   /*-- news_hover底線顏色 --*/
	padding:10px;
	margin:0 auto;
	display:block;
}

.news_item:hover{
	background:rgba(250,209,176,0.25);   /*-- news_hover色塊顏色 --*/
}

.service_item ul li{
	list-style-type:disc;
	margin-left:30px;
}

.news_view_title{
	width:90%;
	min-height:20px;
	margin:10px auto;
}

.news_view_content{
	width:90%;
	min-height:100px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	border-top:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
}

.contact_content{
	width:100%;
	min-height:500px;
	margin: 5px auto;
}

/* 漢堡, 手機版menu */
#nav-toggle, .mobile-nav{
	display:none;	
}


/*-- 電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版電腦版 --*/
@media screen and (min-width : 1200px){
	.banner2{
		display:none;

    }



	html, body{
		 height:100%;
		 width:100%;
		 min-width:1200px;
	}
	
	.pw_image{
	
	width: 84%;
	min-height:130px;
	margin:10px auto;

	}

	.banner-prev{
		position: relative;
		z-index: 999;
	}

	.banner-next{
		position: relative;
		z-index: 999;
	}

	.banner-next, .banner-prev{
		cursor: pointer;
		margin-top:-230px; 
		margin-right:5px;
		margin-left: 5px;
	}

	.banner-prev2{
		position: relative;
		z-index: 999;
		margin-left: 5px;
	}

	.banner-next2{
		position: relative;
		z-index: 999;
		margin-right:5px;
	}

	.banner-next2, .banner-prev2{
		cursor: pointer;
		margin-top:-230px; 
	}

	.banner{
		width:100%;
		min-height: 180px;	/* 避免沒有圖片 */ 
		max-height:800px;
		position:relative;
		z-index:1;
		padding-top: 100px;
	}

	.n_index_product{
		width:100%;
		min-height:250px;
		position:relative;
		margin: 0 auto;
	}

	.n_index_product2{
		width:1200px;
		min-height:250px;
		position:relative;
		margin: 0 auto;
	}

	.n_index_product_item{
		min-width:250px;
		min-height:250px;
		padding:15px 10px 10px 10px;
		margin-top:10px;
		margin-bottom:10px; 
		position:relative;
		-webkit-box-shadow: 0 0 5px rgba(153,153,153,0.3);
		-moz-box-shadow: 0 0 5px rgba(153,153,153,0.3);
		box-shadow: 0 0 5px rgba(153,153,153,0.3);
		background: rgba(255,255,255,0.7);
	}
	.n_index_product_item2{
		min-width:250px;
		min-height:250px;
		padding:15px 10px 10px 10px;
		margin-top:10px;
		margin-bottom:10px; 
		position:relative;
	}
	.n_index_product_item3{
		width:260px;
		height:300px;
		position:relative;
		-webkit-box-shadow: 0 0 5px rgba(153,153,153,0);
		-moz-box-shadow: 0 0 5px rgba(153,153,153,0);
		box-shadow: 0 0 5px rgba(153,153,153,0);
		background: rgba(255,255,255,0);
		margin: 10px;
		padding: 10px;
	}

	.n_index_product_item3:hover{
		opacity: 0.8
	}
	

	
	.n_index_product3{
		display: none;
	}

	.n_index_product_img3{
		width:250px;
		height:250px;
		margin:0 auto;
		text-align: center;
		position:relative;
	}

	.n_index_product_img3 img{
		max-width:250px;
		max-height: 250px;
	}

	.n_index_product_name3{
		width:250px;
		height:20px;
		margin:5px auto 0px;
		text-align: center;
	}

	.n_index_product_price3{
		width:250px;
		height:20px;
		margin:5px auto 0px;
		text-align: right;
		color:#404040;
	}

	.n_products3_frame{
		width:1200px;
		min-height:100px;
		margin: 10px auto;
	}
	.scrollup{
		width:40px;
		height:40px;
		background:url(../admin_images/scrolltop_button.png);
		position:fixed;
		display:none;
		bottom:20px;
		right:20px;
		z-index:99999;
	}

	#wrapper{
		 width:100%;
		 position:relative;
		 min-height:100%;
	    height:auto !important;
	    height:100%;
	    margin:0 auto -200px auto;
	}

	#push{
	 clear:both;
	 height:200px;
	 position: relative;
	 z-index: 1;
	}

	/*-- nav --*/
	
	.blueberry .pager {
		height: 40px;
		text-align: center;
		margin-top:-90px;
		z-index:9996;
		position:relative;
	}
	.nav_bg{
		width:100%;
		height:80px;
		background:rgba(255,255,255,0.8);
		position:fixed;
		z-index:9999;
	}
	
		.nav_bg_shadow{
			-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.3);
			-moz-box-shadow: 0 1px 6px rgba(0,0,0,0.3);
			box-shadow: 0 1px 6px rgba(0,0,0,0.3);	
		}
		
		.nav_bg_shadow2{
			-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
			-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
			box-shadow: 0 2px 5px rgba(0,0,0,0.2);	
		}	
	
	.nav{
		width:1200px;
		height:80px;
		margin:0 auto;
	}
	
	.nav_bar{
		min-width:800px;
		height:80px;
		float:right;
		text-shadow:1px  1px  4px  rgba(0,0,0,0);
	}

	.nav_btn{
		height:80px;
		margin-left:18px;
		margin-right:18px;
		font-size: 16px;
		font-weight: normal;
		line-height: 80px;
		font-family:微軟正黑體;
	}

	.nav_btn_02{
		height:80px;
		margin-left:25px;
		margin-right:25px;
		font-size: 16px;
		font-weight: normal;
		line-height: 80px;
		font-family:微軟正黑體;
	}


	.nav_btn:hover{
		background:rgba(21,62,147,0);
		color: #346EA8;
	}

	.nav_btn_02:hover{
		background:rgba(21,62,147,0);
		color: #346EA8;
	}

	.nav_seperate{
		width:2px;
		height:80px;
	}
	
	.banner_space{
		width:100%;
		height:90px;
	}
	.logo{
		max-width:300px;
		max-height:80px;
		float:left;
	}
	
	.logo img{
		max-width:300px;
		max-height:80px;
	}
	
	.cart_btn_s{
		width:45px;
		height:45px;
		margin-top:20px;
		margin-left:10px;
		margin-right:10px;
		float: left;
	}
	
	.title{
		width:80%;
		height:30px;
		margin:20px auto;
		text-shadow:0px  0px  1px  rgba(0,0,0,0.6);
		border-bottom:1px solid #eaeaea;
	}
	
	
	
	.footer_bg{
		width:100%;
		min-height:200px;
		/*background:url(../images/footer_bg.png) center;*/
		position: relative;
	 	z-index: 9997;
	 	background:#51708D;
	}
	
		.footer_content{
			width:1200px;
			min-height:200px;
			margin:0 auto;
		}
		
		.footer_nav{
			width:200px;
			height:50px;
			text-align:center;
		}
		.footer_nav:hover{
			background:rgba(0,0,0,0.5);
		}
		
		.footer_logo{
			height:95px;
			text-align:center;
		}
		
		.footer_seperate{
			border-top:1px dotted #FFFFFF; 
			height:0px;
		}
		.footer_details{

		}
		.footer_fb{
			width:300px;
			height:150px;
			padding:10px;
			margin-left:30px;
		}
		
		.footer_contact{
			width:300px;
			min-height:50px;
			margin:20px 50px 15px 320px;
			text-shadow:0px  0px  1px  rgba(255,255,255,0.2);
			text-align:right;
		}
		
		.copyright{
			width:1200px;
			text-align:center;
			margin:0 auto;
		}
		
		.googlemap{
			margin:10px;
			width:850px;
			height:230px;
		}
		
		.qrcode{
			width:150px;
			height:150px;
			margin-top:20px;
			text-align:center;
		}
		.search_bar{
			width:300px;
			height:25px;
			position:relative;
			margin-top:5px;
		}
		
		.search_bar_btn{
			width:25px;
			height:25px;
			right:2px;
			top:2px;
			position:absolute;
		}
	
	.big_item_content{
		width:1200px;
		height:320px;
		margin:-50px auto 0px auto;
		position:relative;
		z-index:9996;
	}

	.big_item_content2{
		width:1200px;
		min-height:320px;
		margin:10px auto;
		position:relative;
		z-index:9996;
	}

	.big_item_content3{
		width:1200px;
		min-height:172px;
		margin:10px auto;
		position:relative;
		z-index:9996;

	}

	.item2_left{
		width:820px;
		height:150px;
	}

	
	.item01_title:hover{
		background:rgba(21,62,147,0.7);
	}
	
	.item01_content{
		width:100%;
		height:260px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}

	.item01_content2{
		width:820px;
		max-height:90px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}

	.item_news_content2{
		width:1200px;
		max-height:133px;
		margin: 0 auto;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}

	.in_pro_title02{
		width:1200px;
		margin: 0 auto;
	}
	
	
	.about_item{
		width:100%;
		height:120px;
		margin:0 auto;
		overflow:hidden;
		padding:10px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	
	.about_img{
		width:100%;
		height:150px;
		margin:0 auto;
		background:url(../images/about_bg.png) top center;

	}

	.about_img2{
		width:380px;
		height:150px;
		margin:0 auto;
		background:url(../images/about_bg.png) top center no-repeat;
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
		-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
		box-shadow: 0 0 10px rgba(0,0,0,0.3);
	}
	
	.service_item{
		width:100%;
		height:120px;
		margin:0 auto;
		overflow:hidden;
		padding:10px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}

	.service_item2{
		width:100%;
		height:90px;
		margin:0 auto;
		overflow:hidden;
		padding:10px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	
	.service_img{
		width:100%;
		height:150px;
		margin:0 auto;
		background:url(../images/service_bg.png) top center;
	}

	.service_img2{
		width:380px;
		height:150px;
		margin:0 auto;
		background:url(../images/service_bg.png) top center no-repeat;
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
		-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
		box-shadow: 0 0 10px rgba(0,0,0,0.3);
	}
	
	.container{
		width:1200px;
		min-height:200px;
		margin-left:auto;
		margin-right:auto;
		margin-top:-115px;
		margin-bottom:20px;
		position:relative;
		z-index:9996;
	}
	
	.product_list_content{
		width:1050px;
		margin:0 auto;
	}
		.pl_product{
			width:240px;
			min-height:260px;
			margin:10px;
		}
	
	.product_view_content{
		width:950px;
		min-height:100px;
		margin:0 auto;
	}
		.pv_product{
			width:350px;
			height:350px;
			float:left;
			text-align: center;
			position: relative;
			margin-left: 50px;
		}

		.pv_product img{
			max-width:350px;
			max-height:350px;
		}
		.pv_rightbox{
			width:400px;
			min-height:100px;
			padding:10px;
			float:right;
		}
		.mobile_pv_title{
			display:none;
		}
		.pv_title{
			width:100%;
			min-height:25px;
			border-bottom:1px solid #eaeaea;
			padding-bottom:5px;			
		}
		.pv_description{
			width:100%;
			min-height:100px;
			border-bottom:1px solid #eaeaea;
			padding:5px;
		}
		.pv_photo{
			width:100%;
			min-height:100px;
			padding:5px;
		}
		.pv_photo_s{
			width:120px;
			height:70px;
			margin:5px;
			overflow:hidden;
		}
		.pv_photo_s img{
			max-width:120px;
			max-height:70px;
			margin:5px;
		}
		.pv_cart{
			width:100%;
			min-height:50px;
		}
		.pv_cart_l{
			width:150px;
			min-height:50px;
			padding:5px;
			float:left;
		}
		.pv_amount{
			width:400px;	/* 170 */
			height:40px;
		}
		.pv_number{
			width:170px;
			min-height:40px;
		}
		.pv_price{
			width:150px;
			height:30px;
		}
		.pv_size{
			width:170px;
			min-height:40px;
		}
		.pv_cart_btn{
			width:200px;
			height:50px;
			float:right;
			text-align:center;
			border-radius:10px;
			background:#CCC;
			padding-top:10px;
		}

		.pv_cart_btn02{
		    width: 160px;
		    height: 50px;
		    float: right;
		    font-size: 16px;
		    text-align: center;
		    border-radius: 10px;
		    background: #ddd;
		    color: #4A4848;
		    border: #FFF;
			font-family: 微軟正黑體;
			font-weight: bold;
		} 




		.pv_editer{
			width:950px;
			min-height:100px;
			margin:10px auto;
			padding:10px;
			border-top:1px solid #eaeaea;
			border-bottom:1px solid #eaeaea;
			-webkit-box-sizing: border-box;
		   	   -moz-box-sizing: border-box;
				    box-sizing: border-box;
		}

		.pv_discuss{
			width:950px;
			min-height:100px;
			margin:10px auto;
			padding:10px;
			border-top:1px solid #eaeaea;
			border-bottom:1px solid #eaeaea;
			-webkit-box-sizing: border-box;
		   	   -moz-box-sizing: border-box;
				    box-sizing: border-box;
		}

		.pv_discuss_form{
			margin: 0 auto;
			width: 600px;
		}

		.pv_discuss_form table{
			width: 600px;
		}

		.pv_discuss_form table td{
			padding: 3px 3px;
		}

		.pv_discuss_form table td:first-child{
			width: 55px;
		}

		.pv_discuss_form table td input[type=text]{
			width: 100%;
			padding: 6px 5px;
			-webkit-border-radius:5px;
			   -moz-border-radius:5px;
			        border-radius:5px;
		}

		.pv_discuss_form table td input[type=submit]{
			width: 80px;
			height: 30px;
			font-size: 14px;
			cursor: pointer;
			font-family: "微軟正黑體";
			border: 1px solid #dfdfdf;
			-webkit-border-radius:5px;
			   -moz-border-radius:5px;
			        border-radius:5px;
		}

		.pv_discuss_form table td textarea{
			width: 100%;
			resize: none;
			padding: 5px;
			height: 80px;
			-webkit-border-radius:5px;
			   -moz-border-radius:5px;
			        border-radius:5px;
		}

		.pv_discuss_item{
			margin-left: 30px;
			border-bottom:1px solid #eaeaea;
			padding: 5px;
			padding-top: 8px;
			-webkit-border-radius:5px;
			   -moz-border-radius:5px;
			        border-radius:5px;
		}

		.pv_discuss_item:hover{
			background-color: rgba(234, 234, 234, 0.35);
		}

		.pv_discuss_info{
			margin-bottom: 3px;
		}

		.pv_discuss_name{
			font-size: 16px;
			position: relative;
			color: #0B346E;
		}

		.post_head:before{
			content: url(../images/post_head.png);
			position: absolute;
			left: -30px;
		}

		.pv_discuss_date{
			font-size: 13px;
			color: #bbb;
		}

		.pv_discuss_msg, .pv_discuss_admin_msg{
			line-height: 24px;
			font-size: 14px;
			margin-bottom: 8px;
			color: #757575;
		}

		.pv_discuss_admin_msg{
			margin-left: 15px;
			color: #aaa;
		}

		.pv_discuss_admin{
			margin-bottom: 5px;
			margin-left: 15px;
			color: #333;
		}
	
	.news_content{
		width:1000px;
		min-height:200px;
		margin:0 auto;
	}
		
	.news_content2{
		width:100%;
		min-height:200px;
		margin:0 auto;
	}	
		



	.page_prev{
		width:10%;
		height:20px;
		float:left;
		text-align:left;
	}
	.page_next{
		width:10%;
		height:20px;
		float:right;
		text-align:right;
	}
	
	
	.page_pagination{
		width:80%;
		height:20px;
		margin:0 auto;
		text-align:center;
	}
	
	.mobile_page_pagination{
		display:none;
	}
	.contact_container{
		width:500px;
		min-height:100px;
		margin:10px auto 40px;
	}
	.location_content{
		width:850px;
		min-height:500px;
		margin:0 auto;
	}
	.service_content{
		width:800px;
		min-height:200px;
		margin:0 auto;
	}
	
	.service_image{
		width:100%;
		min-height:200px;
		margin:0 auto;
	}

	.company_content{
		width:800px;
		min-height:200px;
		margin:0 auto;
	}
	
	.company_image{
		width:100%;
		min-height:200px;
		margin:0 auto;
	}

	.mobile_page_prev{
		display:none;
	}
	.mobile_page_next{
		display:none;
	}
	.mobile_big_item{
		display:none;
	
	}
	
	.mobile_item01_title{
		display:none;
	}
	
	.mobile_item01_content{
		display:none;
	}

	.mobile_logo{
		display:none;
	}
	

	.mobile_index_product{
		display:none;
	}
	
	.mobile_footer_bg{
		display:none;
	}
	
	.mobile_footer{
		display:none;
	}
	
	.mobile_footer_space{
		display:none;
	}
	
	.line_btn{
		display:none;
	}
	
	.fb_btn{
		display:none;
	}
	
	.phone_btn{
		display:none;
	}
	
	.mobile_title{
		display:none;
		
	}
	
	.cart_btn{
		display:none;
	}


	.mobile-nav li{
		display:none ;  /*danny by 20101005 多加這個，不然點了漢堡再放大 字還卡在上面   記得要加li 不然順序不夠高*/
	}


}
	

/*-- 手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板手機板 --*/
@media screen and (max-width : 1199px) {
/*-- mobile_nav --*/
	.pv_cart_btn02{
	    width: 100%;
	    height: 50px;
	    float: right;
	    font-size: 16px;
	    text-align: center;
	    border-radius: 10px;
	    background: #ddd;
	    color: #4A4848;
	    border: #FFF;
	} 
	
	.pw_image{
	
	width:70%;
	min-height:80px;
	margin:0px auto;

	}

	.big_item2, .big_item_news2, .item01_title2, .item01_news2, .service_img2, .service_item2, .n_products3_frame, .title3{
		display: none;
	}

	.banner-prev{
		position: relative;
		z-index: 999;
	}

	.banner-next{
		position: relative;
		z-index: 999;
	}

	.banner-next, .banner-prev{
		cursor: pointer;
		margin-top:-230px; 
		margin-right:5px;
		margin-left: 5px;
	}

	.banner-prev2{
		position: relative;
		z-index: 999;
	}

	.banner-next2{
		position: relative;
		z-index: 999;
	}

	.banner-next2, .banner-prev2{
		cursor: pointer;
		margin-top:-230px; 
		margin-left: 5px;
		margin-right:5px;
	}

	.banner{
		width:100%;
		min-height: 0;
		max-height:800px;
		position:relative;
		z-index:1;
		padding-top: 60px;
		/*
		display:none;
		*/

	}


	.banner2{
		width:100%;
		/*min-height: 0;
		max-height:800px;*/
		height:800px;
		background:#000;
		position:relative;
		z-index:1;
		padding-top: 60px
	}








	.n_index_product{
		width:100%;
		min-height:250px;
		position:relative;
	}

	.n_index_product_item{
		min-width:250px;
		min-height:250px;
		padding:15px 10px 10px 10px;
		margin-top:10px;
		margin-bottom:10px; 
		position:relative;
	}


	.n_mobile_index_product{
		min-width:250px;
		min-height:250px;
		padding:15px 10px 10px 10px;
		margin-top:10px;
		margin-bottom:10px; 
		position:relative;
	}
	

	.scrollup{
		display:none;
	}
	
	
	.car_box{
		position:absolute;
		right:-400px;
		top:70px;
		width:305px;
		padding:10px 20px;
		background-color:#fff;
		border:1px solid #d7d7d7;
		border-top:0;
		z-index:99999;
		display:none;
	}
	.blueberry .pager {
		height: 40px;
		text-align: center;
		margin-top:-40px;
		z-index:9996;
		position:relative;
	}
	
	.nav_bg{
		width:100%;
		height:60px;
		z-index:9999;
		position:fixed;
		background:rgba(255,255,255,1);
		margin-top: 0 !important; /* 把mt20蓋掉 royyy */
		box-shadow: 0 1px 6px rgba(0,0,0,0.3);
	}
	
	.nav{
		width:100%;
		height:52px;
		margin:0 auto;
	}
	
	
	.mobile_logo{
		width:150px;
		height:40px;
		margin:0 auto;
		padding-top:10px; 
	}
		
	.mobile_footer_bg{
		width:100%;
		height:70px;
		background: #fff;
		background: -webkit-gradient(linear, 0 0, 0 300, from(rgba(255, 255, 255, 0.7)), to(white));
		background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7), white 300px, white);
		background: linear-gradient(to 300, rgba(255, 255, 255, 0.7), #ffffff); 
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
		box-shadow: 0 0 5px rgba(0,0,0,0.2);
		position:fixed;
		z-index:9999;
		top:auto;
		bottom:0px;
	}
	
	.mobile_footer{
		position:relative;
		z-index: 999;
		width:180px;
		height:50px;
		margin:10px auto;
		text-align:center;
	}
	
	.mobile_footer_space{
		width:100%;
		height:80px;
	}

	
	.line_btn{
		width:50px;
		height:50px;
		margin-left:10px;
	}
	
	.fb_btn{
		width:50px;
		height:50px;
		margin-left:10px;
	}
	
	.phone_btn{
		width:50px;
		height:50px;
		margin-left:10px;
	}
	
	
	
	.mobile_title{
		width:80%;
		height:35px;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:auto;
		margin-right:auto;
		text-shadow:0px  0px  1px  rgba(0,0,0,0);
		font-family:"Verdana", "微軟正黑體";
		border-bottom:1px solid #eaeaea;
		color: #346EA8;
    	border-bottom: 1px solid rgba(52, 110, 168, 0.28);
    	font-size: 23px;


	}
	
	
	.mobile_big_item{
		width:80%;
		height:320px;
		margin-top :10px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom :20px;
		background:rgba(255,255,255,0.8);
		border:1px solid #c8d6ed;
		-webkit-box-shadow: 0 0 3px rgba(153,153,153,0.2);
		-moz-box-shadow: 0 0 3px rgba(153,153,153,0.2);
		box-shadow: 0 0 3px rgba(153,153,153,0.2);
		position:relative;
	
	}
	
	.mobile_item01_title{
		width:100%;
		height:40px;
		padding:10px;
		background:rgba(21,62,147,0.9);
		color: #FFFFFF;
		text-shadow:0px  0px  1px  rgba(0,0,0,0.6);
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		font-family:"Verdana", "微軟正黑體";
		position:absolute;
	}
	
	.mobile_item01_content{
		width:100%;
		height:300px;
		padding:10px;
		margin-bottom:100px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		position:absolute;
	}
	
	.cart_btn_s{
		display: none;
	}
	
	.container{
		width:100%;
		min-height:200px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
		position:relative;
		z-index:9996;
		padding-top:80px;
	}
	.product_list_content{
		width:80%;
		margin:0 auto;
	}
		.pl_product{
			width:100%;
			min-height:260px;
			margin:5px auto;
		}
	
	.product_view_content{
		width:80%;
		min-height:100px;
		margin:0 auto;
	}
	
		.pv_product{
			width:300px;
			height:300px;
			position: relative;
			text-align: center;
			margin: 10px auto;
		}

		.pv_product img{
			max-width:300px;
			max-height:300px;
		}
		.pv_rightbox{
			width:100%;
			min-height:100px;
			margin:0 auto;
		}
		.mobile_pv_title{
			width:100%;
			min-height:25px;
			margin:5px auto;
			
		}
			
		.pv_description{
			width:100%;
			min-height:100px;
			border-bottom:1px solid #eaeaea;
			margin-bottom:5px;
		}
		.pv_photo{
			width:100%;
			min-height:50px;


			/*20160811 danny 新增*/
			text-align: center;
    		padding-left: 41px;
		}
		.pv_photo_s{
			width:115px;
			height:70px;
			overflow:hidden;
			max-height:115px;
			margin:5px;
		}
		.pv_photo_s img{
			max-width:115px;
			max-height:70px;
			margin:5px;
		}
		.pv_cart{
			width:100%;
			min-height:50px;
		}
		.pv_cart_l{
			width:100%;
			min-height:50px;
			padding:5px;
			margin:0 auto;
		}
		.pv_amount{
			width:100%;
			height:80px;
		}
		.amount_select{
			float: none;
			margin-bottom: 10px;
		}
		.pv_price{
			width:100%;
			height:30px;
		}
		.pv_number{
			width:100%;
			min-height:40px;
		}
		.pv_size{
			width:100%;
			min-height:40px;
		}
		.pv_cart_btn{
			width:100%;
			height:50px;
			margin:0 auto;
			text-align:center;
			border-radius:10px;
			background:#CCC;
			padding-top:10px;
		}
		.pv_editer{
			width:100%;
			min-height:100px;
			margin:10px auto;
			padding:10px;
			border-top:1px solid #eaeaea;
			border-bottom:1px solid #eaeaea;
			-webkit-box-sizing: border-box;
		   	   -moz-box-sizing: border-box;
				    box-sizing: border-box;
		}

		.pv_discuss{
			width:100%;
			min-height:100px;
			margin:10px auto;
			padding:10px;
			border-top:1px solid #eaeaea;
			border-bottom:1px solid #eaeaea;
			-webkit-box-sizing: border-box;
		   	   -moz-box-sizing: border-box;
				    box-sizing: border-box;
		}

		.pv_discuss_form{
			margin: 0 auto;
			width: 600px;
		}

		.pv_discuss_form table{
			width: 600px;
		}

		.pv_discuss_form table td{
			padding: 3px 3px;
		}

		.pv_discuss_form table td:first-child{
			width: 55px;
		}

		.pv_discuss_form table td input[type=text]{
			width: 100%;
			padding: 6px 5px;
			-webkit-border-radius:5px;
			   -moz-border-radius:5px;
			        border-radius:5px;
		}

		.pv_discuss_form table td input[type=submit]{
			width: 80px;
			height: 30px;
			font-size: 14px;
			cursor: pointer;
			font-family: "微軟正黑體";
			border: 1px solid #dfdfdf;
			-webkit-border-radius:5px;
			   -moz-border-radius:5px;
			        border-radius:5px;
		}

		.pv_discuss_form table td textarea{
			width: 100%;
			resize: none;
			padding: 5px;
			height: 80px;
			-webkit-border-radius:5px;
			   -moz-border-radius:5px;
			        border-radius:5px;
		}

		.pv_discuss_item{
			margin-left: 30px;
			border-bottom:1px solid #eaeaea;
			padding: 5px;
			padding-top: 8px;
			-webkit-border-radius:5px;
			   -moz-border-radius:5px;
			        border-radius:5px;
		}

		.pv_discuss_item:hover{
			background-color: rgba(234, 234, 234, 0.35);
		}

		.pv_discuss_info{
			margin-bottom: 3px;
		}

		.pv_discuss_name{
			font-size: 16px;
			position: relative;
			color: #0B346E;
		}

		.post_head:before{
			content: url(../images/post_head.png);
			position: absolute;
			left: -30px;
		}

		.pv_discuss_date{
			font-size: 13px;
			color: #bbb;
		}

		.pv_discuss_msg, .pv_discuss_admin_msg{
			line-height: 24px;
			font-size: 14px;
			margin-bottom: 8px;
			color: #757575;
		}

		.pv_discuss_admin_msg{
			margin-left: 15px;
			color: #aaa;
		}

		.pv_discuss_admin{
			margin-bottom: 5px;
			margin-left: 15px;
			color: #333;
		}
	
	.news_content{
		width:80%;
		min-height:200px;
		margin:0 auto;
	}
	
	.news_content2{
		width:100%;
		min-height:200px;
		margin:0 auto;
	}


	
	.mobile_page_prev{
		width:10%;
		height:20px;
		float:left;
		text-align:left;
	}
	.mobile_page_next{
		width:10%;
		height:20px;
		float:right;
		text-align:right;
	}
	.mobile_page_pagination{
		width:80%;
		height:20px;
		margin:0 auto;
		text-align:center;
	}
	
	.contact_container{
		width:80%;
		min-height:100px;
		margin:0 auto;
	}
	.location_content{
		width:90%;
		min-height:500px;
		margin:0 auto;
	}
	.service_content{
		width:80%;
		min-height:200px;
		margin:0 auto;
	}
	
	.service_image{
		width:100%;
		min-height:200px;
		margin:0 auto;
	}
	.company_content{
		width:80%;
		min-height:200px;
		margin:0 auto;
	}
	
	.company_image{
		width:100%;
		min-height:200px;
		margin:0 auto;
	}


	.nav_btn{
		display:none;
	}

	.nav_btn_02{
		display:none;
	}


	.nav_seperate{
		display:none;
	}

	.pv_title{
		display:none;		
	}
	.search_bar{
		display:none;
	}
	
	.search_bar_btn{
		display:none;
	}
	
	.page_prev{
		display:none;
	}
	
	.page_next{
		display:none;
	}
	
	.page_pagination{
		display:none;
	}
	.big_item_content{
		display:none;
	}
	
	.big_item{
		display:none;
	}
	
	.item01_title{
		display:none;
	}
	
	.item01_content{
		display:none;
	}
	
	.about_item{
		display:none;
	}
	
	.about_img{
		display:none;
	}
	
	.service_item{
		display:none;
	}
	
	.service_img{
		display:none;
	}
	
	.inside_banner{
		display:none;
	}
	
	.footer_bg{
		display:none;
	}
	.footer_content{
		display:none;
	}
	.footer_fb{
		display:none;
	}
	
	.footer_contact{
		display:none;
	}
	.title{
		display:none;
	}

	.logo{
		display:none;
	}
	.footer_details{
		display:none;
	}
	.cart_btn{
		display:none;
	}
	
	
	/* roy mobile-nav */
	.cart_btn_s{
		display:block;
		margin-right:15px;
		margin-top:7px;
		float: right;
	}
	
	.mobile-nav{
		position:fixed;
		top:60px;;
		left:0;
		width:100%;
		z-index:99999;
		/*因手機版nav內容太長所加上的屬性*/
		overflow: auto;
		height: 100%;
	}
		
		.mobile-nav li{
			width:100%;
			background-color:rgba(255,255,255,0.98);
			font-size:18px;
			border-bottom:1px solid #efefef;
			position:relative;
		}
		
		.mobile-nav li:hover{
			background-color:rgba(255,255,255,0.98);
		}
		
		.mobile-nav li a{
			padding:12px 0 12px 45px;
			display:block;
			color:#353535;
		}
		
		.mobile-nav li ul{
			display:none;	
		}
		.cart_menu_bg{
			display:none;
		}
		
		.cart_menu{
			display:none;
		}
		
		.cart_menu a{
			display:none;
		}
		
		.cart_menu a:hover{
			display:none;
		}
		/* 第二層 */
		.mobile-nav li li a{
			background-color:rgba(255,255,255,0.98);
			padding:8px 0 8px 80px;
			font-size:14px;
			color:#777;
		}
		/* 第三層 */
		.mobile-nav li li li a{
			background-color:rgba(255,255,255,0.98);
			color:#bababa;
			font-size:14px;
		}
		/* 第四層 */
		.mobile-nav li li li li a{
			background-color:rgba(255,255,255,0.98);
			color:#ccc;	
			font-size:14px;
		}
		
		.mobile-nav-triangle:before{
			content:'';
			background:url(../images/arrow.png) no-repeat;
			background-size:10px 10px;
			width:10px;
			height:10px;
			position:absolute;
			right:10px;
			top:15px;
		}
		
		#nav-toggle {
			display:block;
			cursor: pointer;
			float:left;
			margin:17px 0 0 15px;
			width:35px;
			height:30px;
			position:relative;
		}
		#nav-toggle span {
			position:absolute;
			top:0px;
			display: block;
			height: 5px;
			width: 35px;
			background-color: #454545;
			cursor: pointer;
			-webkit-border-radius: 3px;
			   -moz-border-radius: 3px;
			        border-radius: 3px;
			-webkit-transition:all 0.5s linear;
			   -moz-transition:all 0.5s linear;
			     -o-transition:all 0.5s linear;
			        transition:all 0.5s linear;
		}
}

@media screen and (min-width : 851px) and ( max-width: 1199px ) {
	.pl_product{
		width: 270px;
		height: 270px;
		margin-right: 0;
	}
}

/* 留言版手機調整 by royyy */
@media screen and (max-width : 850px) {
	.pv_discuss_form{
		width: 100%;
	}
	.pv_discuss_form table{
		width: 100%;
	}
	.pv_discuss_form table td{
		display: block;
	}
	.pv_discuss_form table td input[type=text], .pv_discuss_form table td textarea{
		width: 100%;
	}
	.pv_discuss_msg, .pv_discuss_admin_msg{
		line-height: 18px;
		word-break: break-all;
	}
	.pv_discuss_info span, .pv_discuss_admin span{
		display: block;
	}
	.pv_discuss_item{
		margin-left: 0;
	}

	/* product lists 修正 */
	.fig.fig-frame{
		margin: 0 auto;
	}
}

input[type="submit"]
{
   cursor: pointer;
}





@media screen and (min-width: 1200px){
	.pw_image {
	    width: 84%;
	    min-height: 130px;
	    margin: 10px auto;
	}
}

@media screen and (max-width: 1199px){
	.pw_image {
	    width: 70%;
	    min-height: 80px;
	    margin: 0px auto;
	}
}