@charset "utf-8";
/*MAIN*/
#box-productOverview-containter{width: 100%;position:relative;left:50%;overflow:hidden;margin-top:60px;	font-size: 16px !important;}
.wrap-2nd-content{width:85%; position:relative; margin:0 auto; max-width:  1600px;}
.wrap-3rd-content{width:69%; position:relative; margin:0 auto;}
.wrap-reduces-content{width:75%; position:relative; margin:0 auto;}
.box-side-info-r{width:48%; display:inline-block; margin:-2px;padding-left:2%; vertical-align:text-top;border-left:1px solid #ccc;}
.box-side-info-l{width:48%; display:inline-block; margin:-2px;padding-right:2%; vertical-align:text-top;}
.scroll-to{width:100%; height:0;  display: block;;position: absolute;top: 50%;}


/*KV*/
	#box-productOverview-containter .icon-number ,#box-productOverview-containter .icon-unit,.box-sort{color:#c08350!important}

.box-kv{width: 100%;height: 0;padding-bottom:45.4% ;overflow: hidden; position:relative;}
.wrap-topic-wording{width:45%; max-width:500px; font-size:100%; color:#FFFFFF ;position:absolute;top:40%;left:5%; z-index:10;	}
.wrap-head-kv{position:relative;}
.wrap-head-kv-visual{width:100%;height:0;padding-bottom:52.083%;position:relative; overflow:hidden;}
.box-head-kv-visual{ width:100%; position:absolute; left:0;top:0; z-index:-1 ;
 -webkit-transition: all 2500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition:         all 2500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.box-head-kv-visual img{width:100%;}

/*guide bar*/
		.wrap-guideBar{width:100%; position: relative;  z-index: 999; background-color: #CCCCCC}
		.wrap-guideBar .box-guide-btn{ margin: 0 auto; text-align: center}
		.wrap-guideBar .box-guide-btn .item-guide-btn { display: inline-block;	/*font-family : "myriad-pro";*/font-weight: 100;	font-size: 20px!important;	letter-spacing: 0.02em;	word-spacing: 0.04em;	color: #333333;	margin: 15px 20px ;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;	text-align: center;	word-wrap:break-word; cursor: pointer }

/*All test icon*/
		.wrap-icon-tset{width:69%; margin: 0 auto; max-width:1600px; text-align: center}
		.wrap-icon-tset .box-test-icon{ width:14%;display: inline-block; margin: 1%; vertical-align: top}
		.wrap-icon-tset .box-test-icon .icon-img{max-width:90px;}

/*test vedio*/
		.wrap-test-video{width:100%;height:0%;padding-bottom: 54.25%;/* max-width: 1600px; *//* max-height: 900px; */display: block;position: relative;margin: 0 auto;}
		.wrap-test-video .content-video {width:100%;height: 100%;/* max-height: 900px; */position: absolute;top:0;left: 0;display: block;}
		.wrap-test-video .content-video .box-video{width:100%; height: 100%}
		
/*Military Standard*/
	.wrap-military {width:100%; position: relative; text-align: center}
	.wrap-military figure{display:inline-block; margin:0 2%!important;}
	.wrap-military .wrap-military-img{ width:100%;position: relative; top: 0;left: 0;}
	.wrap-military .wrap-military-img .box-military-img{width:100%; max-width: 1600px; margin: 0 auto}
	.wrap-military .wrap-military-img  .box-img-cent{ width:100%;height: 0;padding-bottom:57.01439%;;background: url( "../images/img-military.jpg") top center no-repeat; background-size: contain}
	.wrap-military .box-test-icon{ width:16%;display: inline-block; vertical-align: top;margin:  2%}
	.wrap-military .box-test-icon .icon-img{max-width:90px;}
	.wrap-military .box-test-icon .icon-info2{	/*font-family: "myriad-pro";*/	font-size:12px !important;	color:#636360;	letter-spacing:.1em; display:block;	font-weight:200;line-height: 14px; }


/*Reliability Tests*/
		.wrap-reliability {width:100%; position: relative}
		.wrap-reliability .wrap-2nd-content .wrap-reliability-img{ text-align: center}
		.wrap-reliability .wrap-2nd-content .wrap-reliability-img .box-reliability-item{width:22%;display: inline-block; margin: -2px 1%; vertical-align: top}
		.wrap-reliability .wrap-2nd-content .wrap-reliability-img .box-reliability-item .box-img-cent{width:100%; height:0; padding-bottom: 88.69347%}
		.wrap-reliability .wrap-2nd-content .wrap-reliability-img .box-reliability-item .box-reliability-icon{width:20%; margin: -2px; display: inline-block;}
		.wrap-reliability .wrap-2nd-content .wrap-reliability-img .box-reliability-item .box-reliability-intro{width:75%; margin: 0 0 0 4%; display: inline-block; vertical-align: middle}
		.box-reliability-intro-head{/*font-family : "myriad-pro";*/	font-weight:300;	font-size: 1.5em !important;	text-align:left;	letter-spacing: 0.02em;	word-spacing: 0.04em;	color: #333333;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;		word-wrap:break-word;}
		.box-reliability-intro-txt{/*font-family : "myriad-pro";*/	font-weight:300;	font-size: 1em !important;	text-align:left; line-height: 1.1em;	letter-spacing: 0.02em;	word-spacing: 0.04em;	color: #333333;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;		word-wrap:break-word;}
		
		.shock-test{ background-image: url(../images/img-shock.jpg); background-size: cover;background-position:center}
		.drop-test{ background-image: url(../images/img-drop.jpg); background-size: cover;background-position:center}
		.vibration-test{ background-image: url(../images/img-vibration.jpg); background-size: cover;background-position:center}
		.bumping-test{ background-image: url(../images/img-bump.jpg); background-size: cover;background-position:center}

/*Extreme Environmental Test*/
	.wrap-extreme {width:100%; position: relative; text-align: center}
	.wrap-extreme figure{display:inline-block; margin:0 2%!important;}
	.wrap-extreme .wrap-extreme-img{ width:100%;position: relative; top: 0;left: 0;}
	.wrap-extreme .wrap-extreme-img .box-extreme-img{ width:100%;max-width:1600px; margin: 0 auto}
	.wrap-extreme .wrap-extreme-img .box-extreme-img  .box-img-cent{ width:100%;height: 0;padding-bottom:47.476%; background: url( "../images/img-extreme.jpg") top center no-repeat; background-size: contain}
	.wrap-extreme .box-test-icon{ width:16%;display: inline-block; margin: 2%}
	.wrap-extreme .box-test-icon .icon-img{max-width:90px;}		
	.wrap-extreme .caption{display: none}
.wrap-extreme-img .box-extreme-img .wrap-topic-wording .txt-left{	/*font-family : "myriad-pro";*/
	font-weight:300;	font-size: 1.1em !important;	letter-spacing: 0.02em;	word-spacing: 0.04em;}
.wrap-extreme .wrap-2nd-content .box-word-cent .txt-cent{max-width:820px;}


/*Durability Tests*/
		.wrap-durability{width:100%; position: relative}
		.wrap-durability .wrap-2nd-content .wrap-durability-img{ text-align: center}
		.wrap-durability .wrap-2nd-content .wrap-durability-img .box-durability-item{width:31%;display: inline-block; margin: 2% 1%; vertical-align: top}
		.wrap-durability .wrap-2nd-content .wrap-durability-img .box-durability-item .box-img-cent{width:100%; height:0; padding-bottom: 88.69347%}
		.wrap-durability .wrap-2nd-content .wrap-durability-img .box-durability-item .box-durability-icon{width:20%; margin: -2px; display: inline-block;}
		.wrap-durability .wrap-2nd-content .wrap-durability-img .box-durability-item .box-durability-intro{width:80%; margin: -2px; display: inline-block; vertical-align: middle}
		.box-durability-intro-head{/*font-family : "myriad-pro";*/	font-weight:300;	font-size: 1.5em !important;	text-align:left;	letter-spacing: 0.02em;	word-spacing: 0.04em;	color: #333333;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;		word-wrap:break-word;}
		.box-durability-intro-txt{/*font-family : "myriad-pro";*/	font-weight:300;	font-size: 1em !important;	text-align:left; line-height: 1.1em;	letter-spacing: 0.02em;	word-spacing: 0.04em;	color: #333333;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;		word-wrap:break-word;}
		
		.keystroke-test{ background-image: url(../images/img-keystroke.jpg); background-size: cover;background-position:center}
		.hinge-test{ background-image: url(../images/img-hinge.jpg); background-size: cover;background-position:center}
		.port-test{ background-image: url(../images/img-port.jpg); background-size: cover;background-position:center}
		.pressure-test{ background-image: url(../images/img-pressure.jpg); background-size: cover;background-position:center}
		.twist-test{ background-image: url(../images/img-twist.jpg); background-size: cover;background-position:center}
		.panel-test { background-image: url(../images/img-panel.jpg); background-size: cover;background-position:center}

/*Noise and Audio Tests*/
	.wrap-noise {width:100%; position: relative; text-align: center}
	.wrap-noise .wrap-noise-img { width:100%;position: relative; top: 0;left: 0;}
	.wrap-noise .wrap-noise-img .box-noise-img{ width:100%;max-width: 1600px;margin: 0 auto}
	.wrap-noise .wrap-noise-img .box-noise-img .box-img-cent{ width:100%;height: 0;padding-bottom:47.476%;background: url( "../images/img-noise.jpg") top center no-repeat; background-size: contain}

/*EMI & Wi-Fi Connection*/
	.wrap-emi {width:100%; position: relative; text-align: center}
	.wrap-emi .wrap-emi-img{ width:100%;position: relative; top: 0;left: 0;}
	.wrap-emi .wrap-emi-img .box-emi-img{width:100%; max-width:1600px; margin: 0 auto}
	.wrap-emi .wrap-emi-img  .box-img-cent{ width:100%;height: 0;padding-bottom:47.476%; background: url( "../images/img-emi.jpg") top center no-repeat; background-size: contain}



/***********************MediaQuery***********************/
@media screen and (max-width :1680px){
	/*test vedio*/
.wrap-test-video{width:100%; height:0%;padding-bottom: 56.25%;}	
	
.item-type-line .item-info {width: 75%;}	
    
}


@media screen and (max-width:1400px){
/*icon*/
	.wrap-icon-tset {width: 100%;}
	.wrap-icon-tset .box-test-icon {
    width: 14%;
    display: inline-block;
    margin: 1% 1%;
}
	
	
	
.wrap-reliability .wrap-2nd-content .wrap-reliability-img .box-reliability-item .box-reliability-icon,
.wrap-durability .wrap-2nd-content .wrap-durability-img .box-durability-item .box-durability-icon
	{    width: 0;    margin: 0;    display: none;}
.wrap-reliability .wrap-2nd-content .wrap-reliability-img .box-reliability-item .box-reliability-intro,
.wrap-durability .wrap-2nd-content .wrap-durability-img .box-durability-item .box-durability-intro	
	{    width: 100%;    margin: 0;    display: block;    vertical-align: middle;}
.wrap-reliability .wrap-2nd-content .wrap-reliability-img .box-reliability-item .box-reliability-intro .box-reliability-intro-txt,
.wrap-durability .wrap-2nd-content .wrap-durability-img .box-durability-item .box-durability-intro .box-durability-intro-txt
	{margin-top:5px;}
}
@media screen and (max-width:1257px){

}
@media screen and (max-width:1100px){
/*MAIN*/
.wrap-2nd-content {width: 97%;}
.box-head-kv-visual{width:105%; margin-left:-5%}



}
@media screen and (max-width:800px){
	
	
	
	.wrap-extreme .wrap-extreme-img .wrap-topic-wording{display: none}	
	.wrap-extreme .caption{display: block}

.box-side-info-l ,.box-side-info-r{
    width: 95%;
    display: block;
    margin: 1.5% auto;
    padding: 0;
    vertical-align: text-top;
	border: none;
}	
.wrap-icon-tset .box-test-icon {	width: 28%;}
.wrap-military .box-test-icon {    width: 41%;}
.wrap-military .separate-mobo{display: none}
.wrap-extreme .box-test-icon {    width: 34%;}
	
.wrap-reliability .wrap-2nd-content .wrap-reliability-img .box-reliability-item,
.wrap-durability .wrap-2nd-content .wrap-durability-img .box-durability-item{
    width: 46%;
    display: inline-block;
    margin: 1%;
	vertical-align: top
}
}

@media screen and (max-width:700px){
.box-head-kv-visual img {margin-top: 10%;}
    


     
}
@media screen and (max-width:500px){
	/*icon*/
.wrap-icon-tset {
    display: none;
}
.icon-img {
    max-width: 110px;
    width: 100%;
	float:none!important;
	padding: 0 0 20% 0;
}
}
@media screen and (max-width:415px){
/*NAV*/	
.wrap-guideBar .box-guide-btn .item-guide-btn {
	width: 46%;
    display: inline-block;
    font-size: 15px!important;
    margin: 5px;
    text-align: left;
    vertical-align: top;
}

/*visual images*/
.box-head-kv-visual{ width: 150%;margin-left:-25%;}

/*KV*/
.box-kv {padding-bottom: 70.4%;}
.wrap-head-kv-visual,.wrap-head-splendid-visual,.wrap-head-sonicmaster-visual,.wrap-head-smartgesture-visual {padding-bottom: 70.4%;}

.wrap-head-kv-visual .txt-left,
.wrap-topic-wording .txt-left
{display:none;}
.wrap-topic-wording {width:50%;top: 40%;}
    
.txt-justify{ text-align:left;}

.box-side-info-l,.box-side-info-r {
    width: 90%;
    display: block;
    margin: 0 auto;
    padding: 0;
    vertical-align: text-top;
    border-right: none;
}

.box-side-info-l, .box-side-info-r {margin: 2em auto;}


	.wrap-reliability .wrap-2nd-content .wrap-reliability-img .box-reliability-item, .wrap-durability .wrap-2nd-content .wrap-durability-img .box-durability-item {
    width: 90%;
    display: block;
    margin: 0 auto 5%;
}
	.wrap-reliability .wrap-2nd-content .wrap-reliability-img .box-reliability-item .box-img-cent,
	.wrap-durability .wrap-2nd-content .wrap-durability-img .box-durability-item .box-img-cent{    padding-bottom: 45%;}
}

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


    
}