/* CSS Document */
body{ margin:0; font-family:'微软雅黑', Arial, Helvetica;}
.mains { height:auto; margin:0 auto; clear:both;}
.wrapper{height:auto; margin:auto; }
#content{float:left; margin:10px 0;}
.clear { clear:both;}

.logo{ float:left; padding-top:12px; width:214px; }
.navs{ float:right;padding:28px 0 8px 0; margin: 0; list-style-type: none;}
.navs li{float:right; margin-left:40px; text-align:center;}
.navs li a{ font-size:17px; color:#222; height:30px; display:block; text-decoration:none; font-weight:500;}
.navs li a:hover { color:#0099FF;}
.navs li a.active{ color:#0099FF;}
.navs li .hovers { color:#0099FF;}
.navs li.app-nav{display:none;}

.banner{ width:100%; min-height:90px; margin:0 auto; background-color:#0095cc;} /*#0099FF*/
.banner a  { color:#eee;}
.banner h1 { color:#fff; margin:0; font-weight:500;}
.banner-lf { float:left; width:75%;  min-height:90px;}
.banner-lfs{ float:left; width:100%; min-height:90px;}
.banner-lf .font2 { font-size:13px; color:#eee; margin-top:16px; margin-bottom:0;}
.banner-lfs .font2{ font-size:13px; color:#eee; margin-top:16px; margin-bottom:9px;}
.banner-ri,.banner-ris { float:right;width:90px; height:90px;}

.conta{ height:auto; margin-bottom:20px; background-color:#f1f1f1;}
.conta-cen{ padding-top:13px; padding-bottom:7px; text-align:center; font-family:arial;}
.conta-cen ul{ overflow:hidden; margin:0; padding:0;}
.conta-cen ul li { display:inline; margin:20px; height:35px; line-height:35px;}
.conta-cen ul li a{font-size:16px; color:#0099FF; height:35px; line-height:35px;}
.conta-cen ul li a:hover { color:#0099FF; text-decoration:underline; }
.conta-cen ul li .hovers { color:#333; height:35px; line-height:35px; font-weight:bold;}

.footer { width:100%; background-color:#141414; color:#bdbcbc; font-size:13px; text-align:center; padding:1px 0; }
.footer a { color:#bdbcbc; text-decoration:none;}
.footer p { margin:10px auto;}
.footer p img { width:21px; vertical-align:middle; }
.footer a:hover{ text-decoration:underline; }

/*resources.html*/
.productbor { width:96%; padding:0 2%; margin-top:10px; border:1px solid #d6d6d6; border-radius:15px; }

@media all and (min-width: 940px){.mains,.wrapper{ width:900px;} #content {width:650px;}}

@media all and (min-width:1024px){.mains,.wrapper{ width:1000px;} #content {width:740px;} #techspecs3{width:75%;}}

@media all and (min-width:1440px){.mains,.wrapper{ width:1200px;} #content {width:915px;}}

@media all and (max-width:939px) {
	.mains,.wrapper{ width:auto;margin:0 20px; } 
	#content,#techspecs3 {width:66%;}
}

@media all and (max-width:639px) {
	.mains,.wrapper{ width:auto;margin:0 15px; } 
	#content,#techspecs3 {float:none; width:100%;} 
	#sidebar { float:none; margin:0 auto;}
	.cont_lefts{float:none; width:100%;}
	#sidebar2 { float:none; width:100%;}
	.banner h1{ font-size:24px;}
	.banner-lfs h1{ font-size:2em;;}
}

@media all and (max-width:480px) {
	.navs li { margin-left:0; margin-right:20px;}
	.banner-lf { width:100%;}
	.banner-lf .font3,.banner-lfs h1 { font-size:19px;}
	
	#techspecs2 .table1 td{ padding:8px;}	/*youtube-column/index.html*/
	#overviewlist { width:90%; min-width:300px;}
	#reviews { width:300px;;}
	.productwrapper .media_w{ width:400px; height:300px;} /*media-width-height*/
}
@media all and (max-width:360px) {
	.navs li{ margin-right:9px;}
	.navs li a{ font-size:14px;}
	.banner h1{ font-size:18px;}
	.banner-lf{ width:100%;}
	.conta-cen ul li { margin:13px;}
	
	#sub-nav li { font-size:100%; border-right:0;}
	#techspecs2 .table1 td{ padding:4px;}
	#techspecs2 .table1 td h3{ font-weight:500;}
	.fontsz { font-size:1em; font-weight:600;}
	#featurelist .fleft , #featurelist2 .fleft {width:96%;}
	#featurelist .fright, #featurelist2 .fright{width:99%;}
	.productwrapper .media_w{ width:320px; height:240px;}

	#techspecs2 .table1 td:last-child{word-break: break-all}
	
	#column_l{ padding:0; width:280px;}
	#column_r{ padding:0; width:280px; margin:4px 0 2px 0;}
	
}


/*Determine the resolution (menu)*/
@media all and (max-width:979px){
	.navmenu{height:5rem}
	.navmenu ul{position:fixed;top:0;right:-300px;background:#515151;overflow:hidden;width:300px;height:100%;z-index:10000;overflow-y:auto;
		-webkit-transition:-webkit-transform .2s ease-out;
		-moz-transition:-moz-transform .2s ease-out;
		-ms-transition:-ms-transform .2s ease-out;
		transition:transform .2s ease-out;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	ul.nav-show{
		-webkit-transition:-webkit-transform .2s ease-out;
		-moz-transition:-moz-transform .2s ease-out;
		-ms-transition:-ms-transform .2s ease-out;
		transition:transform .2s ease-out;
		-webkit-transform: translate3d(-300px, 0, 0);
		-moz-transform: translate3d(-300px, 0, 0);
		-ms-transform: translate3d(-300px, 0, 0);
		transform: translate3d(-300px, 0, 0);

	}
	ul.nav-show{padding: 0}
	.navmenu ul li{text-align:left;border-bottom:1px solid #444;float: none;margin-left: 0;}
	.navmenu ul li a.title{padding:0 25px;display:block;line-height:50px;height:50px;color:#fff;font-weight:400;font-size:15px;text-decoration: none}
	.navmenu ul li.app-nav{color:#fff;height:50px;border-bottom:none;position:relative;display:block;}
	.navmenu ul li.app-nav img{position:absolute;top:0;right:0;cursor:pointer;width:50px;height:50px;}
	.app-nav-btn{position:absolute;width:23px;height:16px;background:url(../images_new/app-nav-btn.png) no-repeat;cursor:pointer;right:15px; top:33px;}
}
@media all and (max-width:799px){
	.app-nav-btn{top: 30px;}
}
@media all and (max-width:480px){ .navmenu{height:5rem}}