/************************************************************************************

smaller than 980

.

*************************************************************************************/

.angprodsuptext { font-size:1.25em; line-height:1.75em;}

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

	#angdh::after { width:25%;}

}

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

		#angdh::after { width:22%;}

}

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

.angprodlist ul li { width:31.5%;}

}

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



	.wrap {

		width: 100%;

}

.searbox{ width:80%;}

.angcalist ul li span { height:30px; overflow:hidden;}

#angintestiwz ul li { width:30.5%;}

.anginabtext { line-height:1.5em; text-align:inherit;}

.angprojbox .angprojitem { width:31.35%;}

}

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

.tsinput { width:72%;}

#angtsear { margin-bottom:6px;}

.angcalist ul li { margin:6px 0.75%;}

#anginvid { padding-right:0;}

.angprojbox .angprojitem { width:31.25%;}

}



/************************************************************************************

smaller than 800

*************************************************************************************/

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

#anglogo { width:65%;}

.orbg h4 { line-height:1.5em;}

.angcalist ul li { margin:6px 0.35%;}

.anginlcalist ul li { margin-right:1.35%;}

/*.anginprojlist ul li { width:23%;}*/

.angteamtit { padding-top:5px; padding-left:5px;}

.angteamtext,.angteambox { padding-left:5px; }

#agwhybox .aginwhylist { width:20.75%;}
.pldestop h5 span { font-size:2em;}
.pldestop h5 img { max-width:75px;}
}

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

#angtopr { width:33%;}

#anglogo { width:65%;}

.angcalist ul li { width:21.75%;}


}

/************************************************************************************

smaller than 650

*************************************************************************************/

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



	/* header */

#trsear { width:32%;}

.wrap,#angdh { width:98%; margin:0 auto;}

.angprofpic,.angprofchra { width:100%;}
}





/************************************************************************************

smaller than 480

*************************************************************************************/

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



	/* disable webkit text size adjust (for iPhone) */

	html {

		-webkit-text-size-adjust: none;

	}

.fl { float:none;}

.fr { float:none;}

.scrolllist .imglist_w { width:80%;}

#whtop { padding:6px 0px;}

#anglogo ,#angcata,#angtopr{ width:98%; padding:0px 1%; display:block; padding-top:5px; overflow:hidden; margin:0; border:none;}

#anglogo { text-align:center;}

#angmenu { height:32px; margin-bottom:5px;}

#angdh::after { display:none;}

#angbanner,#angsoc,#anglogo1 { display:none;}
.angcalist ul li { width:30.35%;}

#anginab,#anginvid,#anginprok,#anginleft,#anginnews,#anginpic,#angintestiwz {width:98%; padding:0px 1%; display:block; padding-top:5px;}

#anginab { border:none; padding:10px 1%;}

.angtdh ul li { margin:0 3px;}

.proccate { overflow:scroll;}

.proccate ul { width:1024px;}

.proccate ul li { margin-right:10px;}

.proccate ul li a { font-size:1.25em;}

.abtoptext img { display:block; float:none; margin:0;}

.abgreybg h4,.abifec h4 { font-size:2em; line-height:1.5em;}

.abifleft,.abifpic,.abdespic,.abdeschra,#abwhybox .abwhyitem,.abhelpwz,.abhelppic { width:98%; display:block; margin:5px auto; border:none;}

.orbg { padding:5px 0;}

.anginlcalist ul li { width:90%; display:block; margin:5px auto;}

.anginlcalist ul li img { width:100%;}

.procinsttop h3 { font-size:2em;}

.procmaintoptext { font-size:1.5em;}

.orbg h4 { line-height:2em;}

.incatelist { width:47%;display:inline-block; vertical-align:top;*display:inline;*zoom:1; float:none;}

.catemore a { width:60%; padding:5px 0;}

#agwhybox .aginwhylist { width:44%; margin:10px 1%;}

.anginproj h4 { font-size:1.5em; line-height:1.5em;}

.galllist ul li,.gallviewlist ul li { width:47%; float:none; display:inline-block; vertical-align:top;*display:inline;*zoom:1;}

.tsinput {width:72%; float:left;}

.tsbtn { width:13%;}

#anginpic { display:none;}

.searbox { width:98%;}

.angcalist ul li {width:45.75%; margin:6px 1%;}

#angcl, #angcr { width:48%; margin:0 1%; float:left;}

#angcent { padding:10px 0;}

.angteaml,.angteamr,#inmtfac ,#whinbacc,#whinbnews{width:98%; padding:0px 1%; padding-top:5px; margin:0;}

.abwhyitem h6 { font-size:1.75em; line-height:1.15em;}

.angprodlist ul li,.proj ul li ,.angprojbox .angprojitem{ width:46.75%; margin:10px 1%;}

.angprojitem h5 { font-size:1.25em;}

.procate ul li { width:45%;}

#botrbox {width:98%; margin:0 auto; padding-top:5px;}

#botfreeq,#botlx,#botldh,.mattopprl,.mattopprr,.mattopinsl,.mattopinsr,.abdepfou, .abmatcplas,.abdepthr, .abmatchorp,.abmatgrfiv,.abmatgrpicf,.abmatgrsix,.abmatgrpics,.abmatcgrleft,.abmatcgrright,.abmatsevprodlt,.abmatsevprodrt,.abmatsevprodlb,.abmatsevprodrb,.abmatlasl,.abmatlasr,.abprocgrid .abprocitem,.abprocgripic,.abprocgrichra,.abproccgl,.abproccgr,.abprocsecl,.abprocsecr,.abpbl,.abpbr,.absupgrl,.absupgrr,.procmaintopgrid .procmaintopitem,.procminspbox .procminspitem,.procminbitem,.procmineqpic,.procmineqwz ,.procplayspic,.procplaysintro,.cartquesbox .cartquesitem,.cartinfor,.cartreview,.cartinforgrid .cartinforlist,.signbox { width:98%; display:block; margin:10px auto; border:none;}

.anjprojvideo .anjprojvditem { width:97%;}

.signbg { padding:10px;}

.signlist ul li input { width:100%;}

.cartinforcom ul li .reply { display:block; text-align:center;}

.cartquesitem h5 { font-size:2em; line-height:1.5em;}

.cartquesitem .cartquestext { font-size:1.5em;}

.cartquesbox { padding:0;}

.cartquesimg { text-align:center;}

.procmaintopgtext { line-height:1.5em; border:none;}

.procminspbox .procminspitem { margin-top:20px;}

.procminbitem { margin-bottom:1em;}

.cartques h3 { font-size:2.5em; line-height:1.25em;}

.abhorlist ul li { width:96%; display:block; margin:5px auto;}

.abhorlist ul li.abhorlast { margin-right:auto;}

.abmatlasr img { width:100%;}

#abcprivtit { font-size:2em; line-height:1.5em;}

.rpcatelist ul li { display:block;}

.botcate{ width:47%;display:inline-block; vertical-align:top;*display:inline;*zoom:1; padding:5px 1%; }

#footer { padding-right:0;}

#shopcartLeft,.reviewbox { overflow:scroll;}

#shopcartLeft table ,.reviewbox table { width:500px;}

.cartship a { display:block; text-align:center; margin:0 auto;}

.cartship a.goshipping img { display:block; margin:0 auto; margin-top:5px;}

.cartship a.careq { display:block; margin:10px;}

.cartship span { display:none;}

#botldh ul li { display:inline-block; vertical-align:top; margin:3px; font-size:1.25em;}

#botrbox div.botcate:first-child { display:none;}

.abmattop h3 { font-size:2em; line-height:1.5em;}

.abdestext { font-size:2.15em; line-height:1.75em;}

.botnewspic { float:left;}

.botnewstext { float:right;}

.botnewslist { padding:6px 0px;}

.copy { margin:0px;}

	/* content */
.nav-category-container { padding-bottom:6rem;}
.footer { display:block;
	height:5.5rem;
	position:fixed;
	width:100%;
	left:0;
	bottom:0;
	background:#ff8a00
}
.footer li {
	float:left;
	width:25%;
	text-align:center;
	font-size:1em
}
.footer li a {
	color:#fff
}
.footer li img {
	width:36px;
	height:36px;
	display:block;
margin:15px auto 5px
}
.imenu {
	background:#ecedef;
padding-left:.625rem
}
.aboutmenu {
margin-left:.875rem
}
.aboutmenu a {
	border:1px #fb7b2d solid;
	float:left;
	padding:0 3.125rem;
	height:3.75rem;
	line-height:3.75rem;
	color:#fff;
	font-size:1.5rem;
	background-image:linear-gradient(to bottom, #f96 0, #f93 25%, #f90 65%, #f90 100%);
	margin-right:1.5rem;
margin-bottom:.75rem
}
.aboutmenu a.on {
	background:#fff;
	color:#000
}
.pbg a {
	background-image:linear-gradient(to bottom, #3cf 0, #39f 25%, #09f 65%, #09f 100%);
	border:1px #4eb6ff solid
}
.f3 a {
	background:url(../images/ff3.jpg) 0 0 no-repeat;
	background-size:100% 100%;
	margin:0;
	width:100%;
	padding:0;
	margin-bottom:1.25rem;
	border:none;
	text-indent:7rem
}
.f3 a.on {
	background:url(../images/ff3.jpg) 0 0 no-repeat;
	color:#ff8a00;
	background-size:100% 100%
}
.n-content-n3 {
padding:.9375rem;
	font-size:1.5rem
}
.n-content-c-4 {
	font-size:1.5rem;
	line-height:2.25rem;
padding:.5rem
}
.n-content-c-4 strong {
	font-size:1.75rem
}
.n-content-c-5 {
	overflow:hidden
}
.share {
	padding-bottom:1.2rem
}

#bottom { background-image:none;}

	#right,.abnewsgrid,.abnewslbox {

		width: 98%;

		float: none;

		margin: 10px 0;

	}

#pvtright {

		width: 98%;

		float: none;

		margin: 10px 0;

	}

#pvtleft {

		width: 98%;

		float: none;

	}

	/* sidebar */

	#left {

		width: 98%;

		margin: 0;

		float: none;

	}

.angnewspic { width:35%; float:left;}

.angnewsr { width:62%; float:right;}

.angnewslist span.angnewstext,.angnewslist span.angnewsmore,.pldestop h5 img,.plinsstep h5 img,.plinsttop h5 img,.plprogtop h5 img { display:none;}

.plinstoptext,.procshipitemtext,.procshipitemtext{ padding-left:0;}

.pldesleft,.pldespic,.plinstgrl,.plinstgrvid,.shipguidewz,.shipguideimg,.plprogpic,.plprogchra,.angprojwhypic,.angprojwhychra,.angprojenvpic,.angprojenvchra,.angprojcpic,.angprojcchra,.angprojshippic,.angprojshipchra,.angprojbotleft,.angprojbotpic,.stl,.str,.stpic,.stcr,.procbefl,.procbefr,.befbotl,.befbotr,.procinsttext {width:98%; margin:5px auto; display:block;}

.procinsttop div.procinsttpic { display:none;}

.rpselprice,.rpselsort { display:block; margin:10px auto;width:98%;}

.angprodbox .angproditem { width:46%; margin:10px 1.5%; margin-bottom:20px;}
.proditemtop ul li { text-align:center; font-size:1.2em;}
.proditemtop ul li span {width:38px; margin:0;}
.proditembot .prodsize,.angproditem h5 { font-size:1.15em;}
.angproditem h5 { min-height:40px;}
.angprodbox .angprodlast { margin-right:1.5%;}
.angproditem h5 span { display:none;}
.proditembot .prodsize,.proditembot .prodcart { display:block; text-align:center; width:98%; float:none; margin:0 auto;} 

.proditembot .prodcart  { margin:10px auto;}

#plprogctit,#angprojdesign h5 { line-height:1.5em;}

.lxform,.lxtext { width:98%; margin:10px auto; display:block; border:none;}

.faq_head { line-height:24px;}

.plinsstep h5 img { max-width:60px;}

.plinsstep h5 { font-size:2em; line-height:1.75em;}

.pldesnote h5 { display:block; margin:0;}

.rpcatelist1 ul li { display:block;}

#left {width:98%; padding: 0px 1%;}

#right {width:98%; padding: 0px 1%;}

#pvright {width:98%; padding: 0px 1%;}





#newslist ul li span.nltit { padding:4px 0px;line-height:18px; border-bottom:dotted 1px #ccc; font-weight:bold; color:#333;}



.lcproductlist ul li { width:46%; padding:3px 2% 3px 2%; float:left; text-align:center;}

.lcproductlist ul li span { height:4.5em; overflow:hidden;}

#procate ul li { width:46%; padding:3px 2% 3px 2%; float:left; text-align:center;}



#rpage { width:98%; padding:0px 1%; text-align:left;}

.rcsort { width:98%; padding:0px 1%;}

#ptoptit {height:auto;margin-bottom:10px;}



#copy { width:98%; float:none; padding:5px 1%;}

#bottom { margin-top:10px;}

}





/************************************************************************************

smaller than 320

*************************************************************************************/

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



	/* disable webkit text size adjust (for iPhone) */

	html {

		-webkit-text-size-adjust: none;

	}


.angcalist ul li {width:45%; margin:6px 1%;}

.prodlist ul li { width:96%; padding:3px 2% 3px 2%; text-align:center;}

#bottom { min-height:60px;}



}