h1,h2,h3,h4{
	font-family: 'microsoft jhenghei' , Arial
}

#inner-contact p {
	/*margin-left: 115px;*/
	text-align: left;
	line-height: 25px;
	width: 100%;
	color: #353432;
	margin-bottom: 5px;
	font-size: 90%;
	font-weight: bold
}

#inner-contact strong {
	color: #f06f14
}

.inventory_empty{
text-align: center;
line-height: 40px;
padding-bottom: 50px;
font-size: 30px;
}

.inventory_empty img{
	max-width: 100%
}

#about {
/* height: 0;
padding-bottom: 60% */
}

#about div{

	/* height: 500px; */
}

#about p{
	margin-top:-15px;
	margin-bottom:5px
}

#about .iframe,
#about .logo {
      display: inline-block;
      vertical-align: top;
     /*  margin-top: 20px; */
     margin-top: 0;
      margin-bottom: 10px;
      padding: 0;
      overflow: hidden;
      box-sizing: border-box;
}

#about .iframe { width: 100%; text-align: left;position: relative; }
#about .logo { width: 100%; padding: 0; margin: 0; }


#about .iframe iframe{
	width: 100%;
	height: 60vh;
	/* height: 100%; */
		/* height: 100v */
}

#about .iframe img{
	width: 100%;
	height: 60vh;
}


#about .iframe .iframe_empty
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 90%;
	z-index: 3
}

#about .logo {
}

#about .logo li{
	float: left;
	width: 20%;
	/* height: 95px; */
	/* max-height: 95px; */
	/* height: 85px;
	max-height: 85px; */
	/*background: #196666;*/
	margin-bottom: 6px;
	line-height:normal;
	text-align: center;
	padding: 0;
	overflow: hidden
}

#about .logo li img{
	max-width: 100%;
	/*height: 100% ;
	 height: 85px */
}



/*#about .logo li:last-child{
	margin-bottom: -15px;
}*/

/*Capabilities*/
#capabilities_info{
	max-width: 1000px;
	width: 100%;
	margin: auto;
	position: relative;
}

#capabilities_info .pic{
	position: relative;
	float: left;
	width: 100%;
	height: 0;
	padding-top: 60%;
	z-index: 1;
}

#capabilities_info .pic .cap_bk {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
}

#capabilities_info .pic .cap_bk img{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	width:100%;
	height: 100%
}

#capabilities_info .pic .pic_btn{
	display: block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right: 0;
	margin: auto;
	max-width: 800px;
	width: 100%;
	height: 100%;
	z-index: 2;
	perspective: 400px;
	-webkit-perspective: 400px; /* Safari 和 Chrome */
}

#capabilities_info .pic .pic_btn img{
	width: 60px
}

#capabilities_info .pic .pic_btn .pic_btn09 img{
	width: 100px
}

#capabilities_info .pic .pic_btn .pic_btn01,
#capabilities_info .pic .pic_btn .pic_btn02,
#capabilities_info .pic .pic_btn .pic_btn03,
#capabilities_info .pic .pic_btn .pic_btn04,
#capabilities_info .pic .pic_btn .pic_btn05,
#capabilities_info .pic .pic_btn .pic_btn06,
#capabilities_info .pic .pic_btn .pic_btn07,
#capabilities_info .pic .pic_btn .pic_btn08/*,
#capabilities_info .pic .pic_btn .pic_btn09*/{
	position: absolute;

	transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);

	transition:.5s cubic-bezier(.22,.84,.78,.94);
	-webkit-transition:.5s cubic-bezier(.22,.84,.78,.94);
	-moz-transition:.5s cubic-bezier(.22,.84,.78,.94);
	-ms-transition:.5s cubic-bezier(.22,.84,.78,.94);
	-o-transition:.5s cubic-bezier(.22,.84,.78,.94);
}

#capabilities_info .pic .pic_btn .pic_btn03,
#capabilities_info .pic .pic_btn .pic_btn04,
#capabilities_info .pic .pic_btn .pic_btn05,
#capabilities_info .pic .pic_btn .pic_btn09{
	cursor: default;
}

#capabilities_info .pic .pic_btn .pic_btn01:hover,
#capabilities_info .pic .pic_btn .pic_btn02:hover/*,
#capabilities_info .pic .pic_btn .pic_btn03:hover,
#capabilities_info .pic .pic_btn .pic_btn04:hover*/{
	transform:scale(1.4,1.4) translate(20px,10px);
	-webkit-transform:scale(1.4,1.4) translate(20px,10px);
	-moz-transform:scale(1.4,1.4) translate(20px,10px);
	-ms-transform:scale(1.4,1.4) translate(20px,10px);
	-o-transform:scale(1.4,1.4) translate(20px,10px);
}


 #capabilities_info .pic .pic_btn .pic_btn06:hover{
	transform:scale(1.5,1.5) translate3d(10px,30px,-60px);
	-webkit-transform:scale(1.5,1.5) translate3d(10px,30px,-60px);
	-moz-transform:scale(1.5,1.5) translate3d(10px,30px,-60px);
	-ms-transform:scale(1.5,1.5) translate3d(10px,30px,-60px);
	-o-transform:scale(1.5,1.5) translate3d(10px,30px,-60px);
}

#capabilities_info .pic .pic_btn .pic_btn07:hover,
#capabilities_info .pic .pic_btn .pic_btn08:hover{
	transform:scale(1.4) translate(10px,10px);
	-webkit-transform:scale(1.4) translate(10px,10px);
	-moz-transform:scale(1.4) translate(10px,10px);
	-ms-transform:scale(1.4) translate(10px,10px);
	-o-transform:scale(1.4) translate(10px,10px);
} 

#capabilities_info .pic .pic_btn .pic_btn01{
	top:205px;
	left: 45px;
}

#capabilities_info .pic .pic_btn .pic_btn02{
	top:265px;
	left: 88px;
}

#capabilities_info .pic .pic_btn .pic_btn03{
	top:330px;
	left: 68px;
}

#capabilities_info .pic .pic_btn .pic_btn04{
	top:405px;
	left: 100px;
}

#capabilities_info .pic .pic_btn .pic_btn05{
	top:330px;
	left: 350px;
}

#capabilities_info .pic .pic_btn .pic_btn06{
	top:410px;
	left: 385px;
}

#capabilities_info .pic .pic_btn .pic_btn07{
	top:255px;
	right: 75px;
}

#capabilities_info .pic .pic_btn .pic_btn08{
	top:305px;
	right: 138px;
}

/*#capabilities_info .pic .pic_btn .pic_btn09{
	top:180px;
	right: -60px;
}*/

section#ProductList { background: #ebe9e9;/* height:874px;  height:750px; */height:580px;}
#ProductList>div{position:relative;}
#ProductList>div>div{
	position:absolute;
	top:130px;
	left:40px;
	overflow:hidden;
	width:220px;
	height:220px;
	border-radius:5px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}

#ProductList>div>.div_title{
    color: #3b3939;
    font-family: Arial;
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    letter-spacing: 0em;
	margin-top: 0.5em;
    margin-bottom: 50px;
    line-height: 1;
}

#ProductList>div>div:nth-of-type(2){left:50%;margin-left:-110px}
#ProductList>div>div:nth-of-type(3){right:40px;left:auto}
#ProductList>div>div:nth-of-type(4){top:293px;left:205px}
#ProductList>div>div:nth-of-type(5){top:293px;right:205px;left:auto}
#ProductList>div>div:nth-of-type(6){display:none;top:458px}
#ProductList>div>div:nth-of-type(7){display:none;top:458px;left:50%;margin-left:-110px}
#ProductList>div>div:nth-of-type(8){display:none;top:458px;right:40px;left:auto}
#ProductList>div>div:nth-of-type(9){display:none}

/* #ProductList>div>div{
	position:absolute;
	top:200px;
	left:40px;
	overflow:hidden;
	width:220px;
	height:220px;
	border-radius:5px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}

#ProductList>div>div:nth-of-type(2){left:50%;margin-left:-110px}
#ProductList>div>div:nth-of-type(3){right:40px;left:auto}
#ProductList>div>div:nth-of-type(4){top:363px;left:205px}
#ProductList>div>div:nth-of-type(5){top:363px;right:205px;left:auto}
#ProductList>div>div:nth-of-type(6){top:528px}
#ProductList>div>div:nth-of-type(7){top:528px;left:50%;margin-left:-110px}
#ProductList>div>div:nth-of-type(8){top:528px;right:40px;left:auto}
#ProductList>div>div:nth-of-type(9){display:none} */

#ProductList>div>div:nth-of-type(5)>a>h3,
#ProductList>div>div:nth-of-type(6)>a>h3,
#ProductList>div>div:nth-of-type(7)>a>h3{
	color: #fff
}


#ProductList>div>div>a{
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:scroll;
	background-size:cover;
	display:table;
	position: relative;
	width:100%;
	height:100%;
	line-height:0;
	overflow: hidden;
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transition:-webkit-transform 0.3s ease;
	-moz-transition:-moz-transform 0.3s ease;-ms-transition:-ms-transform 0.3s ease;
	-o-transition:-o-transform 0.3s ease;
	transition:transform 0.3s ease
}

#ProductList>div>div>a:hover{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);

}

#ProductList>div>div>a:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*background:rgba(0,0,0,0.25);*/
	-webkit-transition:background 0.3s ease;
	-moz-transition:background 0.3s ease;
	-ms-transition:background 0.3s ease;
	-o-transition:background 0.3s ease;
	transition:background 0.3s ease
}

#ProductList>div>div:hover>a:before{
	background:transparent;
	/*background:rgba(62,106,144,0.8)*/
}

#ProductList>div>div>a>img{
	z-index: 2;
	position:absolute;
	top:0px;
	bottom:0;
	left:-47px;
	right: 0;
	margin: auto;
	width:320px;
	height:320px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg)

}

#ProductList>div>div>a>h3{
	z-index: 3;
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
	color:#000;
	text-transform:uppercase;
	font-size:20px;
	font-weight: bold;
	font-family:"microsoft jhenghei",sans-serif;
	position:relative;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg)}

#ProductList>div>div>div{
	display:none
}

html.ie8 section#ProductList{height:auto}
html.ie8 #ProductList>div>div{
	position:relative;
	top:auto;
	right:auto;
	left:auto;
	bottom:auto;
	float:left;
	padding:8px
}

section.products_list02{
	position: relative;
	/*background:#3e6a90 url(../../../../../../../../style/img/texture.png) repeat center scroll;
	background:#135a99;*/
	background:#fff url(../../../../../../../../style/img/texture.png) repeat center scroll;
	background:#fff;
}

.products_list02>div{
	color: #535353
}

.products_list02>div>.div_title{
	/*color: #3b3939*/
	color: #3b3939;
	font-family: Arial;

	text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    letter-spacing: 0em;
	margin-top: 0.5em;
    margin-bottom: 50px;
    line-height: 1;
}

.products_list02 .button,
.products_list02 .button:hover{background-color:#3e6a90}
.products_list02 section div{
	/*display:table;
	float:left;
	width:33%;
	padding:0 5px;
	margin-bottom: 10px;*/
	display: inline-block;
	width:32%;
	padding: 0;
	margin-bottom:0px;
	vertical-align: top;
	overflow: hidden;
}
/*#products_list02>div>section>div:nth-of-type(1){padding-left:0}
#products_list02>div>section>div:nth-of-type(3){padding-right:0}*/
.products_list02 section div a{/*background:#044076;*/background:#fff;color:#f5f5f5;display:table-cell;position:relative;vertical-align:top;text-align:center;border-radius:5px;-webkit-transition:background 0.3s ease;-moz-transition:background 0.3s ease;-ms-transition:background 0.3s ease;-o-transition:background 0.3s ease;transition:background 0.3s ease}
.products_list02 section div a:hover{/*background:#144065*/}
.products_list02 h4{text-transform:uppercase;font-size:30px;line-height:40px;margin:40px 0 40px;position:relative; color: #000 }
.products_list02 h4:after{content:'';position:absolute;bottom:-20px;left:50%;margin-left:-40px;width:80px;height:5px;border-radius:5px;background:#3e6a90}
.products_list02 .img{
	position: relative;
	padding: 6px;
	overflow: hidden;
}
.products_list02 .img img{
	width: 200px;
}

.products_list02 .img .inven_num:before{
	content: attr(title);
	color:#fff;
	padding-right: 5px;
}

.products_list02 .img .inven_num{
	position:absolute;
	/*top:0;*/
	bottom:13px;
	left:0;
	right: 0;
	margin: auto;
	width: 200px;
	height: 30px;
	line-height:30px;
	background:rgba(0,0,0,.4);
	color:#fff;
	font-size: 15px;
	z-index: 5;
	font-family: 'microsoft jhenghei';

}

.products_list02 span{margin-bottom:40px}
.products_list02 h3{display:block;font-weight:bold;font-size:18px}

.products_list02 .div_title
{

    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    letter-spacing: 0em;
    margin-bottom: 50px;
    line-height: 1;

}

.pro-close{
	position:absolute;
	display:block;
	width:40px;
	height:40px;
	font-size:40px;
	line-height:40px;
	text-align:center;
	top:10px;
	right:10px;
	background:transparent;
	cursor:pointer;
	text-indent:-99999px}
.pro-close:before,
.pro-close:after{content:'';position:absolute;top:50%;width:40px;height:5px;/*background:#fff;*/ background-color: #1b6f6f; border-radius:5px}
.pro-close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:0}
.pro-close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:0}

.pro_top{
	padding-top:50px
}

#proDetail{
	/*background: #aaaaaa;
	background: #dfdfdf;*/
	/*background: #f4f4f4;*/
	background-color: #fff;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

#proDetail h4{
	text-align: center;
	display: block;
	padding: 2px 0;
	margin: 0;
	margin-top: 2px;
	color: #fff;
	line-height: inherit;
	font-size: 35px;
	letter-spacing: 3px;
	color: #000
}

#proDetail b{
	margin-top: 20px;
	text-align: center;
	display: block;
	font-size: 24px;
	color: #050505
}

#proDetail .Bimg{
	display:table;
	position:relative;
	top:0;
	bottom:0;
	left:0;
	right: 0;
	margin: auto;
	background: #fff;
	text-align: center;
	width: 100%;
	margin-top: 20px;
	max-width: 1200px;
}

#proDetail .Bimg img{
	max-width: 550px;
	width: 100%;
}

#proDetail .Bimg span:before{
	content: attr(title);
	padding-left: 10px;
	padding-right:5px;
}

#proDetail .Bimg span{
	position:absolute;
	/*top:0;*/
	bottom:0;
	left:0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 38px;
	line-height: 38px;
	text-align:center;
	color:#fff;
	font-size: 16px;
	background: rgba(18,58,94,.72);
	font-family: 'microsoft jhenghei'
}

#proDetail .prod_name{
	float: left;
	width: 100%;
	text-align: center;
	padding: 10px 0;
}

#proDetail .prod_name p{
	color: #000;
	font-size: 40px;
	font-family: 'microsoft jhenghei' , Arial;
	font-weight: bold;
	margin:-10px 0 0 0;
}

#proDetail .left-show,
#proDetail .right-show{
	float: left;
	padding: 0;
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
}

#proDetail .left-show{
	width:50%;
	border-right: #86888b 3px solid;
}

#proDetail .right-show{
	width: 50%;
	padding-top:5px;
}

#proDetail .right-show > p{
	color: #000;
	font-size: 16px;
	float: left;
	width: 100%;
	line-height: 30px;
	margin: 0;
	padding: 0;
	font-family: 'microsoft jhenghei' , Arial
}

#proDetail ul.prod_info{
	float:left;
	width: 100%;
	padding: 0;
	margin-top: 20px;
	position: relative;
}

#proDetail ul.prod_info li{
	float: left;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	list-style: none;
	/*padding: 6px;*/
	font-size: 15px;
	vertical-align: middle;
	margin-bottom:-10px;
	font-family: 'microsoft jhenghei' , Arial;

}

/*#proDetail ul.prod_info li:before{
	content: attr(span-data);
	display: table;
	float: left;
	width: 10%;
	color: #454444;
	background: #cccccc;
	text-align: center;
	padding:6px 0;
	margin-right: 10px;
	font-weight: bold
}*/

#proDetail ul.prod_info li p,
#proDetail ul.prod_info li span{
	float: left;
	overflow: hidden;
}

#proDetail ul.prod_info li p{
	width: 7%;
	padding-top: 0px;
}

#proDetail ul.prod_info li span{
	width: 93%;
	color: #000;
	padding-left: 1%;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}

#proDetail .prod_text{
	float: left;
	width: 100%;
	font-size:15px;
	font-family: 'microsoft jhenghei' , Arial;
	margin-top: 20px;
	padding-bottom: 10px;
	overflow: hidden;
	border-bottom: #303030 1px solid
}

.prodetail_img{
	padding-top: 2px;
	padding-left: 3px;
	padding-bottom: 12px;
	margin-top: 4px;
	/* margin-bottom: 4px; */
	background-color: #231f20
}

.prodetail_img span{
	color: #fff;
	font-family: 'microsoft jhenghei' , Arial;
	font-size: 16px;
	padding-left: 5px
}

#proDetail .mTop{
	margin-top:-40px;
}
/**/

#proDetail .inven_btn {
	display:table;
	float: left;
	width:100%;
	text-align: center;
	/*color: #fff;*/
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 5px;
	/*padding-top: 10px;
	padding-bottom: 10px*/
}

#proDetail .inven_btn span {
	float:left;
	width: 100%;
	margin-top: 10px;
}

.products_list02.slidingDiv{
	/*background:#dedede;*/
	/*background-color: #fafafa;*/
	background-color: #fff
}

.products_list02.slidingDiv:before{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-bottom: 30px solid #fff;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	position:relative;
	top: -30px;
	left: 0;
	right: 0;
	margin: auto;
}

.item_btn {
	float: left;
	position:relative;
	top:0;
	bottom:0;
	left:0;
	right: 0;
	margin: auto;
	width: 100%;
	text-align: center;
}

.item_btn a{
	background: url(../images/check_btn.png);
	width: 55px;
	height: 47px;
	display: inline-block;
	text-indent: -9999px;
}

.item_btn a:focus{
	background-position: -55px 0;
}

#popup_btn{
	width:100%;
	text-align:center;
	margin-top: 5px;
}

#popup_btn button{
	border:none;
	background: transparent;
	text-align: center;
	border-radius: 5px;
	-web-kit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:5px 10px;
	margin: 0 6px
}

#popup_btn button.pop_con{
	background: #d6811f;
}

#popup_btn button.pop_send{
	background: #3088cc;
}

.pop_item{
	width: 100%;
	text-align: center;
	padding: 10px 0;
	position:relative;
	top:0;
	bottom:0;
	left:0;
	right: 0;
	margin: auto;
	line-height: 40px;
	color: #000;
}

.pop_item b,
.pop_item p{
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: inherit;
}

.pop_item b {
	font-size: 40px;
	padding-bottom: 5px;
}

.pop_item img{
	max-width: 100%;
	margin-top:3px
}

/*pop列表紀錄*/
.pop_menu_list,
.pop_form {
	width: 100%;
	float: left;
	position:relative;
	top:0;
	bottom:0;
	left:0;
	right: 0;
	margin: auto;
	text-align: left;
	padding: 4px;
	margin-bottom: 20px;
}

.pop_menu_list li{
	display: table;
	float:left;
	position: relative;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 14px;
	border-bottom: #e6e2e2 1px solid;
	text-align: left;
	color: #000;
	font-size: 16px;

}

.pop_menu_list li a,
.pop_menu_list li img,
.pop_menu_list li p{
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	margin:0 10px;
	text-align: center;
	font-weight: bold;
}

/*.pop_menu_list li a{
	border: #f00 2px solid;
	border-radius: 50%;
	padding: 6px;
	color: #f00
}*/

.pop_menu_list li a {
    border: #f00 2px solid;
    border-radius: 50%;
    padding: 15px;
    color: #f00;
    background: url(../images/icon_delete_red.png) no-repeat center;
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 19px;
}

.pop_menu_list li img{
	border:#d3d1d1 1px solid;
	width: 120px;
	margin: 0 4px;
}

.pop_menu_list li p{
	color: #9e9e9e;
}

.pop_menu_list li font{
	color: #135a99;
	font-size: 30px;
	display: block;
	text-align: left;
	line-height: 35px;
}

.pop_form span{
	display: block;
    color: #d9534f;
    font-size: 16px;
    font-weight:bold;
    line-height:25px;
    font-family:Arial;
    padding-bottom: 10px;

}

.pop_form input[type="text"],
.pop_form textarea{
	width: 100%;
	margin: 4px 0;
	border:#e4e4e4 1px solid;
	background: #f2f1f1;
	color: #000
}

.pop_form input[type="text"] {

}

#term{
	padding: 0;
	margin: 0;
	background: #144065;
	color: #fff;
}

#term .left-col{

}

#term h2{
	text-align: center;
	display: block;
	padding: 2px 0;
	margin: 0;
	margin-top: 2px;
	margin-bottom: 30px;
	line-height: inherit;
	font-size: 35px;
	letter-spacing: 3px;
}

#term h3{
	font-size: 26px;
	margin-top: 5px;
	margin-bottom: 5px;
	letter-spacing: 1px;
}

#term h3:after{
	content: ' - '
}

#term p{
	font-size: 16px;
	letter-spacing: 1px;
	color:#f5f5f4;
}

#nav>ul>.ver>a{
	font-size: 14px;
	color: #000;
	font-weight: normal;
}

#nav>ul>.ver>a:hover,
#nav>ul>.ver>a.active{
	color:#d67f18;
}

#nav>ul>.ver>a:after{
	content: '│';
	padding-left: 10px;
	padding-right: 4px;
    font-size: 12px;
    color:#E1DEDE
}

#nav>ul>.ver>a:last-child:after{
	content: ''
}

#nav>ul>.ver{
	display: block;
	width: 100%;
	text-align: right;
	padding-top: 5px;
}


/*=======================RWD=====================*/


@media all and (min-width:1600px) and (max-width:2000px){

#about #tabs p{
	font-size: 20px
}

}

@media all and (min-width:1200px) and (max-width:1580px){

#about #tabs p{
	font-size: 18px
}

}

@media all and (min-width:801px){
	.show_web{ display: block; }
	.show_phone { display: none }
}

@media all and (max-width:800px){
	.show_web{ display: none; }
	.show_phone { display: block; }

	#proDetail{
	margin-top: -30px;
    }

    .inventory_empty{
	line-height: 40px;
	padding-bottom: 20px;
	font-size: 25px
	}


}

@media only screen and (max-width:1000px){
#inner-contact p {
	margin-left: 0;
	text-align:inherit;
}

#about .iframe { width: 68%; }
#about .logo { width: 31%; }

#capabilities_info .pic .pic_btn .pic_btn01{
	left: 55px;
}

#capabilities_info .pic .pic_btn .pic_btn02{
	top:260px;
	left: 95px;
}

#capabilities_info .pic .pic_btn .pic_btn03{
	top:325px;
	left: 75px;
}

#capabilities_info .pic .pic_btn .pic_btn06{
	top:400px;
}


}

@media only screen and (min-width: 801px){
	.btn_text{
		display: none
	}
}

@media only screen and (max-width:800px){

#about .iframe { width: 100%; }
#about .logo {
width: 100%;
text-align:left; }

/* #about .logo li{
	width:48%;
} */

.btn_text{
	float: left;
	width: 100%;
	padding:10px 0;
	padding-left: 25px;
	color: #474747;
	font-size: 17px;

}

#capabilities_info .pic .pic_btn{
	max-width: 93%;
	width: 100%;
	overflow: hidden;
}

#capabilities_info .pic .pic_btn img{
	width: 45px
}

#capabilities_info .pic .pic_btn .pic_btn01:hover,
#capabilities_info .pic .pic_btn .pic_btn02:hover,
#capabilities_info .pic .pic_btn .pic_btn03:hover,
#capabilities_info .pic .pic_btn .pic_btn04:hover,
#capabilities_info .pic .pic_btn .pic_btn05:hover,
#capabilities_info .pic .pic_btn .pic_btn06:hover,
#capabilities_info .pic .pic_btn .pic_btn07:hover{

	transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
}

#capabilities_info .pic .pic_btn .pic_btn01,
#capabilities_info .pic .pic_btn .pic_btn02,
#capabilities_info .pic .pic_btn .pic_btn03,
#capabilities_info .pic .pic_btn .pic_btn04,
#capabilities_info .pic .pic_btn .pic_btn05,
#capabilities_info .pic .pic_btn .pic_btn06,
#capabilities_info .pic .pic_btn .pic_btn07,
#capabilities_info .pic .pic_btn .pic_btn08{
	z-index: 5;
	animation: btn-jump 1.5s infinite cubic-bezier(.62,.16,.73,.56);
	animation-delay: 0s;
	animation-fill-mode: both;

	-webkit-animation: btn-jump 1.5s infinite cubic-bezier(.62,.16,.73,.56);
	-webkit-animation-delay: 0s;
	-webkit-animation-fill-mode: both;

	-moz-animation: btn-jump 1.5s infinite cubic-bezier(.62,.16,.73,.56);
	-moz-animation-delay: 0s;
	-moz-animation-fill-mode: both;

	-ms-animation: btn-jump 1.5s infinite cubic-bezier(.62,.16,.73,.56);
	-ms-animation-delay: 0s;
	-ms-animation-fill-mode: both;

	-o-animation: btn-jump 1.5s infinite cubic-bezier(.62,.16,.73,.56);
	-o-animation-delay: 0s;
	-o-animation-fill-mode: both;
	/* animation-timing-function:cubic-bezier(.22,.84,.78,.94); */
}

@keyframes btn-jump{

0%  { transform:translate(0px,0px); }

50%  { transform:translate(0px,-3px); }

100% { transform:translate(0px,0px); }

}

@-webkit-keyframes btn-jump{
0%  { transform:translate(0px,0px); }

50%  { transform:translate(0px,-3px); }

100% { transform:translate(0px,0px); }

}

@-moz-keyframes btn-jump{
0%  { transform:translate(0px,0px); }

50%  { transform:translate(0px,-3px); }

100% { transform:translate(0px,0px); }

}

@-ms-keyframes btn-jump{
0%  { transform:translate(0px,0px); }

50%  { transform:translate(0px,-3px); }

100% { transform:translate(0px,0px); }

}



#capabilities_info .pic .pic_btn .pic_btn01{
	top:35%;
	left: 12%;
}

#capabilities_info .pic .pic_btn .pic_btn02{
	top:45%;
	left: 17%;
}

#capabilities_info .pic .pic_btn .pic_btn03{
	top:55%;
	left: 15%;
}

#capabilities_info .pic .pic_btn .pic_btn04{
	top:68%;
	left: 18%;
}

#capabilities_info .pic .pic_btn .pic_btn05{
	top:55%;
	left: 44.5%;
}

#capabilities_info .pic .pic_btn .pic_btn06{
	top:68%;
	left: 48.5%;
}

#capabilities_info .pic .pic_btn .pic_btn07{
	top:43.5%;
	right: 15%;
} 

#capabilities_info .pic .pic_btn .pic_btn08{
	top:51%;
	right: 21%;
}

/*#capabilities_info .pic .pic_btn .pic_btn09{
	top:30%;
	right: 0%;
}

#capabilities_info .pic .pic_btn .pic_btn09 img{
	max-width: 78px;
	width: 100%;
}*/

/*
#capabilities_info .pic .pic_btn .pic_btn01{
	top:205px;
	left: 45px;
}

#capabilities_info .pic .pic_btn .pic_btn02{
	top:265px;
	left: 88px;
}

#capabilities_info .pic .pic_btn .pic_btn03{
	top:330px;
	left: 68px;
}

#capabilities_info .pic .pic_btn .pic_btn04{
	top:405px;
	left: 100px;
}

#capabilities_info .pic .pic_btn .pic_btn05{
	top:330px;
	left: 350px;
}

#capabilities_info .pic .pic_btn .pic_btn06{
	top:410px;
	left: 385px;
}

#capabilities_info .pic .pic_btn .pic_btn07{
	top:255px;
	right: 75px;
}

#capabilities_info .pic .pic_btn .pic_btn08{
	top:305px;
	right: 138px;
}

#capabilities_info .pic .pic_btn .pic_btn09{
	top:180px;
	right: -60px;
}

*/

section#ProductList{
	height:auto
}

#ProductList>div>div{
	position:relative;
	top:auto !important;
	left:auto !important;
	right:auto !important;
	margin:0 auto !important;
	padding:0 4px 8px 4px;
	display:table;
	float:left;
	width:50%;
	-webkit-transform:rotate(0);
	-moz-transform:rotate(0);
	-ms-transform:rotate(0);
	-o-transform:rotate(0);
	transform:rotate(0);
}

#ProductList>div>div>a:hover{
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}

#ProductList>div>div>a>h3{
	-webkit-transform:rotate(0);
	-moz-transform:rotate(0);
	-ms-transform:rotate(0);
	-o-transform:rotate(0);
	transform:rotate(0);
}

#ProductList>div>div>a>img{
	left:0px;
	width: 100%;
	max-width: none;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg)
}

.products_list02 section div{
	width:50%;
	position:relative;
	top:0;
	bottom:0;
	left:0;
	right: 0;
	margin: auto;
}

.products_list02 .img img{
	width: 320px;
}

.products_list02.slidingDiv:before{
	display: none
}

.products_list02 span{margin-bottom:20px}

.products_list02 h4{text-transform:uppercase;font-size:30px;line-height:30px;margin:10px 0 30px;position:relative;}

#nav>ul>.ver{
	position: fixed;
	bottom:-50px;
	left: 0;
	padding-top:20px;
	text-align: center;
	background: #222222;
	/*text-align: left*/
}

#nav>ul>.ver>a{
	display: inline-block;
	width: 32.5%;
	font-size: 22px;
	line-height: 40px;
	color: #fff;
	font-weight: normal;
	padding: 0;
	margin: 0
}

#nav>ul>.ver>a:after{
	content: '';
}

#nav>ul>.ver>a:hover,
#nav>ul>.ver>a.active{
	color:#d67f18;
}

#proDetail .mTop{
	margin-top:0px;
}

#proDetail .prod_name{
	margin-top: -20px;
	/* margin-bottom: -20px; */
}


#proDetail .left-show{
	width:100%;
	border-color: transparent;
}

#proDetail .right-show{
	width: 100%;
}

}

@media only screen and (max-width:780px){


#ProductList>div>div>a>img{
	max-width: 100%;
	height: auto;
}

/*#proDetail ul.prod_info li{
	width: 50%;
}

#proDetail ul.prod_info li:before,
#proDetail ul.prod_info li span{
	width: 100%;

}

#proDetail ul.prod_info li span{
	padding: 10px 0;
	font-size: 17px;
}*/

#proDetail ul.prod_info li p{
	width: 10%;
}

#proDetail ul.prod_info li span{
	width: 90%;
	padding-left: 10px;
}

.products_list02 section div{
	width:70%;
	margin-left: 65px
}

}


@media all and (max-width: 700px){

.products_list02 section div{
	margin-left: 0
}

#capabilities_info .pic_btn img{
	width: 40px
}

#capabilities_info .pic .pic_btn img{
	width: 40px
}

}

@media all and (max-width: 550px){

.pop_menu_list li {
	position: relative;
	padding-bottom: 40px;
}

.pop_menu_list li a{
	position: absolute;
	bottom: 3px;
	left: 40%;
	border-radius: 0
}

#capabilities_info .pic .pic_btn img{
	width: 30px
}

#capabilities_info .pic .pic_btn .pic_btn05{
	top:55%;
}

}

@media all and (max-width:480px){

#ProductList>div>div{
	height: 150px
}

.products_list02 section div{
	width:100%;
}

}

@media only screen and (max-width:400px){

.btn_text{
	padding-left: 10px;
	font-size: 15px;
}

#capabilities_info{
	float: left;
	margin-top: -20px;
	margin-bottom: -50px
}

#capabilities_info .pic .pic_btn img{
	width: 26px
}

#capabilities_info .pic .pic_btn .pic_btn01{
	top:32%;
	left: 11%;
}

#capabilities_info .pic .pic_btn .pic_btn02{
	top:43%;
	/*left: 17%;*/
}

#capabilities_info .pic .pic_btn .pic_btn03{
/*	top:55%;*/
	left: 14%;
}

#capabilities_info .pic .pic_btn .pic_btn04{
	top:67%;
}

#capabilities_info .pic .pic_btn .pic_btn05{
	/*top:55%;*/
	left: 43%;
}

#capabilities_info .pic .pic_btn .pic_btn06{
	left: 47%;
}

#capabilities_info .pic .pic_btn .pic_btn07{
	top:42%;
	right: 15.5%;
} 

#capabilities_info .pic .pic_btn .pic_btn08{
	/*top:51%;*/
	right: 22%;
}

#proDetail h4{
	font-size: 25px;
}

.pop_menu_list {
	margin-top:30px;
}

.pop_menu_list li img{
	width: 100%;
	max-width: none
}

.pop_menu_list li,
.pop_menu_list li p,
.pop_menu_list li font {
	display: block;
	width: 100%;
	text-align: center
}

/*#nav>ul>.ver{
	text-align: left
}

#nav>ul>.ver>a{
	width: 100%;
	padding: 10px 0;
	padding-left: 20px;
}*/

#nav>ul>.ver>a{
	width: 32%;
}

}

@media only screen and (max-width:330px){

	#about .logo li{
		width:48%;
	}

	#capabilities_info .pic .pic_btn img{
		width: 22px
	}

	.products_list02 .img .inven_num:before{
		display: block;
	}
	.products_list02 .img .inven_num{
	width: 135px;
	height: auto;
	line-height: 22px;
	font-size: 15px;
	}
/*
	#nav>ul>li{
		display: inline;

	}
	#nav>ul>li>a{
		display: inline;
		border:#fff 1px solid;
	}*/
}