/* Index.html CSS */
.banner{width:100%; margin:0 auto; min-height:360px; background:url(../images-new/home/home.png);background-size:cover;}
.banner-p{width:100%; margin:0 auto; min-height:360px; background:url(../images-new/home/pdf-products.png);background-size:cover;}
.banner-d{width:100%; margin:0 auto; min-height:360px; background:url(../images-new/home/document-products.png);background-size:cover;}
.banner-o{width:100%; margin:0 auto; min-height:360px; background:url(../images-new/home/other-products.png);background-size:cover;}
.banner-v{width:100%; margin:0 auto; min-height:360px; background:url(../images-new/home/video-products.png);background-size:cover;}

.banner a{ text-decoration:none;}
.banner img, .prod-img1{ margin-top:40px; height:175px;}
.bann { text-align:center; color:#eee; font-family:Verdana, Arial, Helvetica, sans-serif;}
.mains a{text-decoration:none; }
.mains a:hover{text-decoration:underline; }
.bann a { color:#eee;}
.bann h1{ font-size:2.4em; font-weight:200; }
.bann h2{ font-size:1.4em; font-weight:200; margin-left:5%; margin-right:5%;}
.banner-p p a img{ margin-left:8px;}

.cont-a { padding:80px 10px;}
.cont-b { padding:80px 10px; background:#c4edf3;}
.cont-c { padding:80px 10px; background:#c2b193;}
.cont-d { padding:80px 10px; background:#6b727a;}
.cont-e { padding:80px 10px; background:#dfdfdf;}
.cont-f { padding:80px 10px;}

.cont-text{ float:left; width:68%;}
.cont-img { float:left; width:32%;}
.cont-img img{ width:60%;}
.img_cent{text-align:center;}
.img_r { text-align:right;}

.cont-text .cont-btn { display:inline-block;width:175px;height:36px;line-height:36px;text-align:center;color:#555;border-radius:7px;font-size:20px; border:1px solid #555;}
.cont-text .cont-btns{ display:inline-block;width:175px;height:36px;line-height:36px;text-align:center;color:#eee;border-radius:7px;font-size:20px; border:1px solid #eee;}
.cont-text a:hover .cont-btn { background:#eee; }
.cont-text a:hover .cont-btns{ background:#aea28d; border:1px solid #888;}
.cont-text a { text-decoration:none; color:#555;}

.fonts { font-size:13px; font-family: Arial;}
.font1 { font-size:2.2em; color:#555; margin:8px 0 0 0;}
.font2 { font-size:1.4em; color:#999; margin:23px 0 30px 0;}
.color-c{ color:#ccc;}
.color-d{ color:#ddd;}
.color-e{ color:#eee;}
.color-d a{ color:#ddd;}
.color-e a{ color:#eee;}

/*product.html*/
.font3 { font-size:22px; color:#888; text-align:center; margin:44px 0 10px 0;}
.font4 { font-size:2.1em;color:#333; text-align:center; margin:8px 0 60px 0; }
.font4s{ font-size:2.1em;color:#333; text-align:center; margin:45px 0; }
.font5 { font-size:19px; color:#02b6db; font-weight:600;margin:0; }
.font6 { font-size:16px; color:#888; line-height: 22px;}
.font7 { font-size:22px; color:#eee; font-weight:600;}
.font8 { font-size:16px; color:#eee; text-align:left;}
.font9 { font-size:20px; color:#333; text-align:center; margin-top:0;}
.font10{ font-size:14px; color:#666; }
.font11{ font-size:17px; color:#111; font-weight:600;}
.font11 a{ color:#111;}

.hrp{background-color:#e1e1e1;background: -webkit-linear-gradient(right, rgba(200, 210, 215, 0) 0%, #e1e1e1 7%, #e1e1e1 93%, rgba(200, 210, 215, 0) 100%);background: -moz-linear-gradient(right, rgba(200, 210, 215, 0) 0%, #e1e1e1 7%, #e1e1e1 93%, rgba(200, 210, 215, 0) 100%);background: -o-linear-gradient(right, rgba(200, 210, 215, 0) 0%, #e1e1e1 7%, #e1e1e1 93%, rgba(200, 210, 215, 0) 100%);height:4px;margin:50px 0;}

.bann-prod h1{ margin-bottom:0;}
.bann-prod h2{ margin-top:4px; margin-bottom:33px;}
.prod-btn {display:inline-block;width:195px;height:38px;line-height:38px;text-align:center;color:#fff;border-radius:7px;font-size:18px; background:#01c4e2;}
.prod-btn2{display:inline-block;min-width:165px;height:38px;line-height:38px;text-align:center;color:#fff;border-radius:7px;font-size:18px; background:#ffa200;padding:0 15px; margin-top:6px; margin-bottom:10px;}
.prod-btn3{display:inline-block;height:30px;line-height:30px;text-align:center;color:#fff;font-size:18px;border:1px solid #fff;padding:0 20px;}
.prod-btn4{display: inline-block;width: 210px;height: 38px;line-height: 38px;text-align: center;color: #fff;border-radius: 7px;font-size: 14px;background: #9fcf2d;margin-top: 6px;}
.prod-btn2 s{font-size:15px;}

.prod-text{ float:left; width:58%; margin:0 2%;}
.prod-img { float:left; width:34%; margin:0 2%;}
.prod-img img { width:75%;}
.prod-text ul { font-size:16px; color:#888; }

#prod-le{ float:left; width:38%; margin-left:2%; padding:4% 5% 0 5%; background:#23bcdc; text-align:center;}
#prod-ri{ float:left; width:38%; margin-right:2%;padding:4% 5% 0 5%; background:#516b7a; text-align:center;}
.prod-a { float:left; width:27%; margin:0 3%;}
.prod-b { float:left; width:27%; padding:0 3%; min-height:350px; border-left:1px solid #bbb; border-right:1px solid #bbb;}
.prod-c { text-align:center; margin:40px 0 50px 0;}
.prod-a a,
.prod-b a,
.prod-text a { color:#26bbda; }
.prod-c a:hover,
.btn-back a:hover,
.buy-ri3 center a:hover,
.bann a:hover { opacity: 0.83; text-decoration:none; }

.prod-imgs img{ width:100%; }
.btns{display:inline-block;width:222px;height:45px;line-height:45px;text-align:center;color:#fff;border-radius:5px;font-size:18px; margin-right:12px; margin-top:6px;}
.prod-cola {background:#01c4e2;}
.prod-colb {background:#ffa200;}
.prod-colc {background:#9fcf2d; font-size:14px;}

.contb { width:100%; margin:0; padding:40px 0 60px 0; background-color:#eee;}
.contb-min{ width:86%; margin:auto;}
.contb-lf { float:left; width:21%; height:auto; margin:0 2%; text-align:center;}
.contb-lf img { width:74%;}

/*Start the Screens */
#screens-container { overflow:hidden; width:950px; margin:60px auto; clear:both;}
#screens-container ul{ position:relative; text-align:center; list-style-type:none; padding:0;}
#screens-container li{ width:950px; float:left; position:relative;}
#screens-container li span{display:block;line-height:28px;width:100%; padding-bottom:13px;font-weight:400;}
#screens-container #gallery img{ max-width:100%;}
#screens-container .btn{width:100%;text-align:center;height:20px;}
#screens-container .btn span{display:inline-block;width:13px;height:13px;background:#111;overflow:hidden;font-size:0;margin-right:4px;border-radius:20px;}
#screens-container .btn span.on{background:#0CC;}

/* buys.html */
.font20{ font-size:21px; color:#02b8df; font-weight:600; margin-top:30px;}
.font21{ font-size:21px; color:#eee; font-weight:600;}
.font22{ font-size:17px; color:#fff; font-weight:600; margin:0 0 10px 0;}
.font23{ font-size:13px; color:#fff;}

.banner-b{ height:207px; background:url(../images-new/home/buys.png);background-size:cover; }
.banner-y{ height:168px; background:url(../images-new/home/buys.png);background-size:cover; }
.top-buy { min-height:55px; line-height:55px; text-align:center; background:#01c4e2;}
.top-buy h1{ font-size:27px; color:#eee; margin:0; font-weight:200; }
.buy-a { background:#f5f6f8; padding:25px 0; }
.buy-text{ float:left; width:84%; margin:20px 0; font-size:24px; color:#a2a2a2;}
.buy-img { float:left; width:16%; }
.buy-img img{ width:77%; }

.buy-li { font-size:16px; color:#888; line-height:22px;padding-left: 0}
.buy-li a, .font6 a{ color:#26bbda;}
.buy-list { float:left; width:180px;}
.buy-list2{ float:left; width:25%; line-height:38px; font-size:15px; color:#888;}
.buy-list3{ float:left; width:18%; line-height:38px; font-size:18px; color:#f00; font-weight:600; text-align:right;}
.buy-list4{ float:left; width:20%; text-align:right;}
/*.buy-list a:hover,*/ .buy-list4 a:hover { background:#eee; text-decoration:none;}
.buy-btn {display:inline-block;width:80%;min-width:160px; height:40px;line-height:40px;text-align:center;color:#888;border-radius:7px;font-size:20px;  margin-bottom:12px;background: url("../images-new/buy-btn.png") no-repeat;}
.bg-green{background-position: 0 -42px;}

.buy-btn2{display:inline-block;width:68%;min-width:120px; height:35px;line-height:35px;text-align:center;color:#fca808;font-size:18px;border:1px solid #fca808;}
.buy-btn3{display:inline-block;width:190px;line-height:44px;text-align:center;color:#fff;font-size:18px;background:#fda909; margin-top:9%;}
.buy-btn4{display:inline-block;width:40%;height:30px;line-height:30px;text-align:center;color:#fff;font-size:18px;border:1px solid #eee; margin-top:15px;}

.buy-le{ float:left; width:36%; height:188px; padding:3% 7%; background:#516b7a; }
.buy-ri{ float:left; width:36%; height:188px; padding:3% 7%; background:#00b6db; }
.buy-le .le-img { width:27%;}
.buy-le .le-line{ width:0.7%;}
.buy-ri ul { color:#eee; padding-left:21px;}
.buy-ri ul a{color:#eee; }

.buy-le2 {
	float:left;
	width:41%;
	padding:3% 4%;
	border:1px solid #02b8df;
	border-radius:10px;
}
.buy-ri2 { float:left; width:42%; padding:1% 2%; margin-left:3%; /*border-top:1px solid #02b8df; border-bottom:1px solid #02b8df;*/ }
.buy-ri3 { float:left; width:42%; margin-left:5%;}

.buy-lea { float:left; width:45%; text-align:center;}
.buy-leb { float:left; width:8%; margin-top:10%;}
.buy-lea a{ color:#777;}
.buy-lea s{ color:#FF0000; font-size:20px; font-family:Arial, Helvetica, sans-serif;}
.buy-lea span { color:#777;font-size:19px; font-weight:600;}
.buy-ria { float:left; width:79%;}
.buy-riimg { float:left; width:21%;}
.buy-ria font {color:#f00; font-size:48px;}
.buy-ria span {color:#777; font-size:21px;}
.buy-ri3 p { color:#777; font-size:18px;}

.buy-b { padding:30px 0; background:#f4efe9; margin-top:30px;}
.buy-c { padding:33px 0; background:#b9c4ca;}
.buy-ca{ float:left; width:18%; text-align:center;}
.buy-cb{ float:left; width:30%; margin-right:4%;}
.buy-cc{ float:left; width:30%;}
.buy-ca img{ width:80%;}
.buy-cb a, .buy-cc a{ color:#fff;}
.buy-cb a:hover, 
.buy-cc a:hover,
#prod-le a:hover,
#prod-ri a:hover {opacity: 0.6; text-decoration:none;}

/* list.html new */
.banner-l{ height:207px; background:url(../images-new/home/list_page.png);background-size:cover; }
/* store.html */
.mt20{margin-top:20px;}
.pro_list {width:100%;margin:0 auto; font-family:Lato,Arial,Helvetica,sans-serif;}
.pro_list .item{float:left;width:19%;margin:0 2px;}
.pro_list .item .title{ background:#f1f1f1; text-align:center;padding:1px 0;}
.pro_list .item .title img{height:42px;}
.pro_list .item .title p { margin:12px auto;}
.pro_list .item .title h3{ color:#666; margin-top:0; margin-bottom:14px;}
.pro_list .item .list{padding:5px 0;}
.pro_list .item .list dt{ line-height:30px;padding:0 15px;color:#999;font-weight:600;}
.pro_list .item .list dd{ line-height:1.2em;padding:6px 15px;color:#999;margin:0;}
.pro_list .item .list dd a{color:#999; font-size:14px;text-decoration:none; margin-bottom:10px;}
.pro_list .item .list dd span a{ font-size:13px;}
.pro_list .item:hover .list{ background:#f5f5f5;}
.pro_list .item:hover .title h3 {color:#444; }
.pro_list .item:hover .list dt, .pro_list .item:hover .list dd a { color:#3c3c3c;}
.pro_list .item:hover .title, .pro_list .item .list dd:hover{ background:#75dae9;}

/* list.html */
.font24{ font-size:17px; color:#999; }
.font25{ font-size:13px; color:#999; }
.font26{ font-size:14px; color:#02b8df; font-weight:600;}
.font27{ font-size:12px; color:#999; }
.font28{ font-size:22px; color:#fff; }
.font29{ font-size:14px; color:#fff; text-align:left; }
.font30{ font-size:19px; color:#eee; font-weight:600; font-family:Arial, Helvetica, sans-serif;}

.list-a { background:#f5f6f8;}
.list-le { float:left; width:42%;}
.list-ri { float:left; width:50%; margin-top:4%; margin-bottom:2%;}
.list-le img{ width:100%;}
.list-ri h2 { color:#01c4e2; font-size:1.4em;}
.list-btn {display:inline-block;width:140px;height:27px;line-height:27px;text-align:center;color:#01c4e2;border:1px solid #01c4e2;}
.list-btn2{display:inline-block;height:22px;line-height:22px;text-align:center;color:#01c4e2;font-size:13px; border:1px solid #01c4e2; padding-left:10px; padding-right:10px;}
.list-btn3{display:inline-block;width:28%;min-width:85px;height:23px;line-height:23px;text-align:center;color:#eee;font-size:14px;border:1px solid #eee;}

.list-le2 { float:left; width:50%; height:240px; background-image:url(../images-new/product/list-1.png); position: relative;}
.list-ri2 { float:left; width:50%; height:240px; background-image:url(../images-new/product/list-2.png); position: relative;}
.list-img2 { float:left; width:21%; margin-top:9%; margin-left:7%; }
.list-text2{ float:left; width:62%; margin-top:9%;}
.list-angle{ position:absolute; z-index:1; top:0; right:0;}

.list-b { width:84%; margin:0 auto;}
.list-ba{ width:25%; float:left; color:#555; text-align:center; margin-bottom:38px;}
.list-ba img{ margin-bottom:5px;}

.hrl { height:3px; border:none; border-top:3px solid #19c0e4; clear:both; margin-bottom:35px;}
.list-le3{ float:left; margin:12px 0; font-size:21px; color:#02b8df; font-weight:600;}
.list-ri3{ float:right;margin:12px 0;}
.list-img { float:left; width:11%;}
.list-text{ float:left; width:21%; padding-right:2%;}
.list-texts{float:left; width:21%;}
.list-text a, .list-texts a{ color:#02b8df;}
.list-href a:hover { background:#eee; text-decoration:none;}
.list-img img{ width:90%;}

.bottom-buy{min-height:60px;line-height:60px; font-size:28px;color:#333; margin-top:80px; text-align:center; background:#f4efe9;}
.buy-cs { float:left; width:25.3%; margin:1% 4%; text-align:center;}

/* tablesheet  input product list*/	
#any { width:96%; font-size:12px; color:#333; line-height:18px; margin:30px auto;}
#any .compare tr .descc strong {color: #600;}
table.compare { background-color: #dcdcdc;}
td.compare { background-color: #ffffff;}
td.descc { text-align:left; background-color: #ffffff;}
td.descl { text-align:center; background-color: #ffffff;}
td.descl a{ color: #0093D0;}
td.descl>p img{ min-width:56px;}
.show-m{ font-size:18px; margin-top:10px;}
.show-ms{ display:none; }

@media all and (max-width:1439px) {
	.list-ri { margin-top:3%; margin-bottom:3%;}
	.font28 { font-size:19px;}
	.list-btn2 { padding-left:7px; padding-right:7px;}
}
@media all and (max-width:939px) {
	#screens-container,#screens-container li{width:640px;}
	#any { width:96%; }
	
	.bann h2{ margin-left:0; margin-right:0;}
	.prod-img img { width:96%;}
	
	.font28 { font-size:20px; }
	.list-btn2{ font-size:12px; margin-bottom:4px; }
	.buy-text { margin-top:0; font-size:19px; }
	.buy-le .le-img { width:25%;}
	.buy-btn3 { line-height:37px; margin-top:0;}
	.buy-btn4 { width:46%; font-size:16px;}
	.buy-cs { width:27.3%; margin:1% 3%; }
	.buy-img img{ width:86%; }
}
@media all and (max-width:639px){
	.buy-btn4{width: 70%}
}
@media all and (max-width:480px) {
	#screens-container,#screens-container li{width:320px;}
	#any { width:100%; }
	
	.banner img, .prod-img1{ width:58%; height:auto;}
	.bann h1{ font-size:2em; }
	.bann h2{ font-size:1.1em; }
	.cont-text{ width:100%;}
	.cont-img { width:100%;}
	.cont-img img{ width:40%;}
	.font1 { font-size:1.8em; margin-top:22px;}
	.font2 { font-size:1.2em; }
	.img_cent { text-align:left; margin-top:22px;}
	.prod-text{ width:96%;}
	.prod-img { width:96%;}
	.img_r { text-align:left;}
	#prod-le{ width:90%; margin-left:0; }
	#prod-ri{ width:90%; margin-right:0;}
	.prod-a { width:94%; }
	.prod-b { width:94%; min-height:inherit; border-left:0; border-right:0;}
	.contb-lf{width:94%; }
	.contb-lf img { width:50%;}
	
	.top-buy h1{ font-size:20px; }
	.bottom-buy{ font-size:20px;}
	.list-le { width:100%;}
	.list-ri { width:90%; padding:0 5%;}
	.list-le2{ width:100%;}
	.list-ri2{ width:100%;}
	.list-ba { width:50%; }
	.list-img { width:31%; height:160px;}
	.list-text, .list-texts{ width:65%; height:160px;}
	
	.pro_list .item{ float:none; margin:auto; width:320px;}
	
	.buy-list { float:none; }
	.buy-list2{ float:none; width:100%; line-height:24px;}
	.buy-list3{ float:none; }
	.buy-list4{ float:none; margin-bottom:30px;}
	.buy-le{ width:86%; height:auto; }
	.buy-ri{ width:86%; height:auto; }
	.buy-le2 { width:91%; }
	.buy-ri2 { width:92%; border-top:0; }
	.buy-ri3 { width:94%; }
	.buy-ca{ width:36%; }
	.buy-cb{ width:60%; margin-bottom:30px;}
	.buy-cc{ width:60%;}
	.buy-cs{ width:88%; margin:1% 4%; }
	.buy-lea span { font-size:14px; }
	.link-img {width:100%;}
}
@media all and (max-width:360px) {
	.cont-img img{ width:50%;}
	.prod-btn{ margin-left:6px;}
	.list-ba { font-size:13px;}
	.buy-btn4{width: 70%}
	.list-btn{width: 137px}
}
.banner_btn{
	width: 175px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #555;
	border-radius: 7px;
	font-size: 20px;
	border: 1px solid #eee;
	margin: 10px auto;
}
.banner_btn a{
	color: #eee;
}