@charset "utf-8";
/* CSS Document */
.side, .main{padding:1em;}
.content{padding: 2em 0 3em 0;}
.page.width{max-width:1400px;}
.side.top{padding-top:0;}
.homeuse #header{border-bottom:0;}
#header{padding:0; transition:.3s; background:#fff; border-bottom:4px solid #000;}
#header .page{padding:0; position:relative;}
#header .page::after{content:""; display:block; clear: both; vertical-align: middle;}
#header.show{box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.decobar{height:20px; background:linear-gradient(120deg,rgba(254,189,23,1) 30%,#000 30%);}
.logo img{padding-top:20px; padding-bottom:20px; transition:.3s;}
#header.show .logo img{padding-top:10px; padding-bottom:10px;}
.logo::before{content:""; position:absolute; left:0; top:0; width:430px; height:20px; background:linear-gradient(120deg,rgba(254,189,23,1) 20%,#000 20%);}
.fixedcart{position:fixed; right:1%; bottom:30%; display:inline-block; z-index: 302; vertical-align: middle; text-align:center;}
.fixedcart a{text-align:center; display:block; vertical-align: middle; line-height: 160%; font-weight:bold; font-size:14px; padding:1em .5em; background:#fcce01; border-radius:0.3em; box-shadow: -3px 3px 10px rgba(0,0,0,0.2); color:#000; cursor: pointer;}
.fixedcart a:last-of-type{margin-top:0.3em; background:#666; color:#fcce01; padding:0.5em;}
/*--nav--*/
.syisnav{bottom:50%; transform:translateY(60%);}
.syisnav{text-align:right;}
.syisnav .nav a{color:#080f21; font-size:16px; padding:0.3em 1em; font-weight:bold;}
.syisnav .nav a:hover{color:#008cd6;}

/*--syistop--*/
.syistop.fixed{position:fixed; top:0; right:0;}
.syistop{font-size:13px; line-height: 1.2em; width:auto; z-index: 1000; white-space: nowrap; float:right;}
.syistop div.block{display:inline-block; padding:0 0 0 15px; position:relative; margin:0.3em 1em;}
.syistop div.block a{color:#000;}
.syistop div.block::before{content:""; width:10px; height:10px; position:absolute; top:0; left:0; background:linear-gradient(315deg,rgba(254,189,23,1) 50%,rgba(254,189,23,0) 50%);}
.syistop div.block.lang{border:1px solid #ccc; border-radius:1em; padding:0; overflow:hidden; transform:translateY(40%);}
.syistop div.block.lang::before{display:none;}
.syistop div.block.lang a{display:inline-block; background:rgba(254,189,23,1); padding:0 0.6em;}
.syistop img{vertical-align:middle;}
.searcharea input{background:none; padding:2px 5px; width:8em; margin:0; vertical-align: middle; border:none;}
.syistop div.block.searcharea{background:#efefef; padding:0 5px;}
.syistop div.block.searcharea::before{display:none;}
/*subnav*/
#submenu{border:1px solid #ccc; border-top:none;}
.top #submenu{border:none;}

.subnav ul li a{font-weight:bold;}
.subnav ul li ul li a:hover{background:#efefef;}
.subnav ul li a.hit{font-weight:bold; color:#000; background:linear-gradient(90deg,#efefef 80%,#fff); border-bottom:2px solid #333;}
.top .subnav ul li{padding:0.3em;}
.top .subnav ul li a{padding:0.6em 1em; border:1px solid #a7a4a5; position:relative; color:#616161; font-weight:bold;}
.top .subnav ul li a:hover{color:#000; background:#efefef;}
.top .subnav ul li a.hit:hover{border:1px solid #efefef;}
.top .subnav ul li a.hit{ border:1px solid #fcce01; background:#fcce01; color:#000;}
.top .subnav ul li a.hit:hover{ border:1px solid #fcce01; background:#fcce01; font-weight:bold; color:#000;}
.pro .subnav a:hover{color:#000; background:#efefef;}
.pro .subnav a{position:relative;}
.pro .subnav ul li a::after{content:""; width:8px; height:8px; border:0px solid #ccc; position:absolute; bottom:50%; right:.3em; transform:translate(-50%,50%);}
.pro .subnav ul li a::before{content:""; position:absolute; bottom:50%; right:.6em; transform:translate(-50%,50%); font-size:12px; color:#ccc; line-height:0;}
.pro .subnav ul li ul li a::after{content:""; position:absolute; bottom:0; left:5%; width:90%; height:1px; background:#efefef; border:none; transform:translate(0%,0%);}
.pro .subnav ul li ul li a::before{display:none;}
/*--defaultimg use--*/
#defaultimg{position:relative;}
#defaultimg .mask{width:auto; height:auto; position:absolute; bottom:0%; left:0%; z-index: 190; white-space: nowrap; text-align: center; color:#fff; font-size:300%; line-height: 100%;}

/*--content--*/
.pagetit{font-size:180%; position:relative; text-align:center; padding-top:2em; padding-bottom:0.5em; line-height: 160%;}
.pagetit::before{content:""; width:1.5em; height:5px; background:#fcce01; position:absolute; bottom:0; left:50%; transform:translateX(-50%); }
.sidetit{ color:#000; padding:0.6em 0.3em; margin:0; font-size:21px; font-weight:bold; background:#fcce01; text-align:center; border:1px solid #ccc; border-bottom:none; position:relative;}
.pro .sidetit::after{content:""; width:10px; height:10px; border:1px solid #666; border-bottom:none; border-left:none; position:absolute; top:50%; right:0.3em; transform:translate(-50%,-50%) rotate(135deg); }
.filter{background:#fcce01; padding:0.5em 0.5em 0.5em 1em; font-weight:bold;}
.switch{text-align:right;}
.switch .block{display:inline-block; margin:0.5em 0 0.5em 0.5em; cursor: pointer;}
/*--list--*/
.list{padding:1em;}
.list h3.subject{font-weight:normal; margin:0; color:#333; padding:0.3em 0; line-height: 1.4em;}
.list .frm{display:block; padding:10px; transition:.3s;}
.list figure img{transition:.3s;}
.list .frm:hover img{transform:scale(1.05, 1.05);}
.list .frm:hover figcaption{opacity:1;}
.list figure{diaplay:block; line-height:0; overflow: hidden; position:relative;}
.list figure::before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0); transition:.3s; opacity:0; z-index: 2;}
.list .frm:hover figure::before{opacity:1;}
.list figcaption{position:absolute; top:50%; left:50%; width:100%; height:auto; text-align: center; color:#fff;  z-index: 100; font-size: 14px; transition:.3s; transform:translate(-50%,-50%); line-height: 140%; opacity:0;}
.list .frm:hover figcaption{opacity:1;}
.list section{color:#666;}
.list p.more{text-align:right; margin:0; color:#666; font-size:12px;}
.list p.price{font-size:13px;}
.list .frm:hover p.more{color:#f00;}
.list .frm .rr{padding-left:1em;}
.list .innerhtml{padding-top:5px;}
/*tag filter*/
.tagfilter{border:5px solid #fcce01; position:relative; background:#fde680;}
.tagfilter .tags.hideit{display:none;}
.tagfilter h4{background:#fcce01; margin:0; padding:0.5em;}
.tagfilter ul{margin:0; padding:0em; list-style: none; font-size:13px; display:inline-block; width:calc(100% - 19em); vertical-align: top;}
.tagfilter h5{font-size:100%; padding:0.5em 0.2em 0.2em 0.2em; margin:0 0 0.3em 0; width:12em; display:inline-block;}
.tagfilter ul li{padding:0.5em 0.3em; display:inline-block;}
.tagfilter input[type=checkbox]{display:inline-block; width:18px; height:18px; margin-right:0.5em; vertical-align: middle;}
.tagfilter .arrow{display:block; cursor: pointer;}
.tagfilter .arrow div{position:absolute; width:30px; height:30px; background:#fcce01; top:0; right:0;}
.tagfilter .arrow div::after{content:""; width:15px; height:15px; border:1px solid #000; border-top:0; border-left:0; transform:translate(-50%,-50%) rotate(45deg); position:absolute; top:40%; left:50%;}
.tagfilter .arrow.open div{top:100%; right:0; transform:rotate(180deg) translateY(100%);}

/*prduct list*/
.list.prolist{padding:1em 0em;}
.list.prolist .frm{color:#000; padding:1em 1.3em 2.5em 1.3em;}
.list.prolist .frm:hover{box-shadow:0 0 10px rgba(0,0,0,0.3);}
.list.prolist figure{padding:2em 0 2.5em 0;}
.list.prolist figure img{max-width:130%; height:auto; transform:translateX(-11%);}
.list.prolist .frm:hover figure img{transform:translateX(-11%);}
.list.prolist figure .search{max-width:130%; height:auto; transform:translateX(-0%);}
.list.prolist .frm:hover figure .search{transform:translateX(-0%);}





.list.prolist h3.subject{font-weight:bold; font-size:16px; color:#000; padding-top:1em; text-align: center;}
.list.prolist .sum,.list.prolist .sum *{font-size:14px !important; line-height: 160%; text-align: center;}
.list.prolist .more{display:none;}
.list.prolist.one{width:100%; border-bottom:1px solid #ccc; padding:0;}
.list.prolist.one .frm{vertical-align:bottom; padding:1em;}
.list.prolist.one figure{width:15%; height:auto; display:inline-block; vertical-align: middle; clear:both; padding:0;}
.list.prolist.one h3.subject{width:25%; display:inline-block; vertical-align: middle; padding-left:1em; padding-top:0;}
.list.prolist.one .sum{width:45%; display:inline-block; vertical-align: middle; padding-left:1em;}
.list.prolist.one .more{width:15%; display:inline-block; vertical-align:middle; padding-left:1em;}
.list.prolist.one .more span{display:inline-block; background:#f7d100; padding:0.5em 1em; vertical-align:middle;}
/*proleft menu*/
.showit{position:fixed; top:26vh; left:0; width:8em; height:auto; background:#fcce01; box-shadow:0 10px 10px rgba(0,0,0,0.3); padding:0.3em 1em 0.3em 0.3em; text-align:right; font-weight:400; cursor: pointer; z-index: 301;}
.showit::after{content:""; width:10px; height:10px; display:inline-block; border:1px solid #000; border-left:none; border-bottom:none; margin:0.2em; transform:rotate(45deg);}
.Proleftmenu{position:fixed; top:30vh; left:0; width:100vw; height:100vh; text-align: center; opcity:1; z-index: 301; transition:.8s; transition-timing-function: ease-in-out;}
.Proleftmenu.hideit{left:-100%; transition:.8s; opacity:0;}
.Proleftmenu div.frm{display:inline-block; position:absolute; left:50%; transform:translateX(-50%); width:90%; height:auto; border-radius:1em; border:3px solid #fcce01; background:#fff url(../images/leftmenu-bg.jpg) no-repeat left bottom; background-size:contain; box-shadow:0 0 10px rgba(0,0,0,0.3); text-align:left; margin:auto; padding:2em;}
.Proleftmenu ul{margin:0; padding:0; list-style: none;}
.Proleftmenu ul li{position:relative; padding:0.3em 0 1em 0;}
.Proleftmenu ul li::before{content:""; display: inline-block; width:10px; height:10px; background:linear-gradient(45deg,rgba(252,206,1,0) 50%,rgba(252,206,1,1) 50%); transform:rotate(45deg); margin-right:0.5em;}
.Proleftmenu ul li a{font-weight:bold; color:#000;}
.Proleftmenu ul li ul li{padding:0.3em 0 0.3em 1em;}
.Proleftmenu ul li ul li::before{content:""; width:3px; height:3px; border-radius:100%; background:#000; transform:translateY(-100%);}
.Proleftmenu ul li ul li a{font-weight:normal; font-size:14px;}
.Proleftmenu .closeit{position:absolute; right:6.2%; top:10px; width:30px; height:30px; border-radius:100%; background:#000; display: block; cursor: pointer; z-index: 3;}
.Proleftmenu .closeit::before{content:""; width:2px; height:20px; background:#fff; display:block; position:absolute; left:50%; top:50%; transform: translateY(-50%) rotate(45deg);}
.Proleftmenu .closeit::after{content:""; width:2px; height:20px; background:#fff; display:block; position:absolute; left:50%; top:50%; transform: translateY(-50%) rotate(-45deg);}
/*--product_detail--*/
.prodetail select{width:calc(100% - 5em); height:30px; display:inline-block; border:none; background:#f5f5f5;}
.productDetail input{width:100%; height:30px;}
a.minus, a.add{width:30px; background:#fff; font-size:20px; color:#333; border:1px solid #CCC; line-height:28px; display:block; float:left; text-align:center;}
a.minus:hover, a.add:hover{background:#CCC; color:#666;}
.bookmark{width:100%; height:auto; display:inline-block; margin:3em 0 1em 0; padding:0; list-style:none; border-top:1px solid #bdbdbd;}
.bookmark li{cursor:pointer; color:#000; display:inline-block; height:4em; padding:1em 0.5em; font-size:16px; position:relative; background:#f5f5f5; font-weight:bold; text-align: center;}
.bookmark li:hover{color:#fff; background:#666666;}
.bookmark li.hit{background:#666666; color:#f7d100;}

/*prodetail*/
.list.propic a{border:1px solid #ccc; background:#fff; overflow:hidden; line-height: 0;}
.prodetail .topfrm{position:relative;}
.prodetail .topfrm::before{content:""; width:1px; height:90%; top:5%; left:50%; background:#ccc; position:absolute;}
.prodetail h1.subject{font-size:22px; margin:0; color:#000; padding-bottom:0.5em;}
.prodetail .ll{padding:0 1em 0 0;}
.prodetail .rr{padding:0 0 0 4em;}
.prodetail h4.subtit{font-size:150%; position:relative; text-align: left; padding:2em 0 0.5em 0; margin:1em 0;}
.prodetail h4.subtit::after{content:""; display:inline-block; width:1em; height:3px; background:#f7d100; position:absolute; left:0; bottom:0; }
.prodetail .innerhtml,.introduction .innerhtml{line-height:160%;}
.prodetail .innerhtml img{border: 0; box-shadow: 0; max-width:100%; height:auto;}
.prodetail .introduction{padding:0.5em; border-bottom:1px solid #ccc;}
.prodetail .cer div{display:inline-block;}

.simg{margin-top:10px; float:right;}
.simg .list{padding:3px; }
.simg .list a.frm{padding:0; height:auto; overflow: hidden;}
.prodetail .btn1{vertical-align:middle; border-top:1px solid #efefef;}
.prodetail .btn1 a{display:inline-block; padding:1em; vertical-align:middle; text-align:center; width:20%; color:#525252; position:relative;}
.prodetail .btn1 a::after{content:""; width:1px; height:1em; background:#ccc; display:inline-block; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.prodetail a.nn{width:100%; font-weight:bold; color:#000; background:#f7d100;}
.prodetail a.nn{display:block; padding:0.5em; vertical-align:middle; text-align:center; color:#525252; position:relative;}
.prodetail a.nn img{vertical-align: middle;}
#SpecDiv{border-top:1px solid #efefef;}
#SpecDiv .col-8{position:absolute; top:50%; left:0; transform:translateY(-50%);}
.prodetail .btn1 img{vertical-align:middle; margin-right:0.5em;}
.accpro .list{text-align:center;}
.accpro .list h3.subject{font-size:14px; font-weight:bold;}
.viewpiclist{text-align:center; padding-top:2em;}
.viewpiclist div{width:auto; height:auto; vertical-align:middle; text-align:center; display:inline-block;}
table.Specificationstable{width:1400px; font-size:14px;margin-bottom: 1em;}
table.Specificationstable td{border:1px solid #ccc; line-height: 140%; width:7.8%; padding:0.5em 0.2em;}
table.Specificationstable td p{margin:0;}
table.Specificationstable tr:first-of-type{background:#666; color:#fff;}

/*convert*/
.convert .frm{background:#999; color:#fff; border-radius:0.2em; padding:1em;}
.syisform.convert input[type="text"]{width:calc(100% - 7em); background:#fff; display: inline-block;}
.convert span{width:6em; padding-left:0.5em; display: inline-block;}
.convert:nth-of-type(odd) .frm{background:#efefef; color:#000;}
/*gallery*/
.list.gallery{padding:1em 5px;}
.list.gallery .frm{border:1px solid #efefef; padding:0;}
.list.gallery .subject{font-size:15px; font-weight:bold; color:#000; line-height: 180%; position:relative; margin:0; background:#efefef; padding:0.5em; min-height:5em;}
.list.gallery .subject::after{content:""; width:15px; height:15px; background: linear-gradient(135deg,rgba(255,255,255,0) 50%,#febd17 50%); position:absolute; bottom:0; right:0;}
/*syis form*/
.syisform div[class*="col-"]{padding:0.5em;}

/*--footer--*/
#footer{font-size:14px; line-height: 1.4em; color:#fff; background:#000; word-break: break-all; padding-top:2em; border-top:1em solid #febd17;}
.footerlink{position:relative; margin-bottom:2em;}
.footerlink::before{content:""; width:3px; height:calc(100% - 3em); position:absolute; background:rgba(254,189,23,1); top:2em; left:0;}
.footerlink::after{content:""; width:3px; height:calc(100% - 3em); position:absolute; background:rgba(254,189,23,1); top:2em; right:0;}
#footer .navb{list-style:none; margin:0; padding:1em 1em 2em 1em; position:relative;}

#footer .navb li{padding:3px 0 3px 30px; display:block;}
#footer .navb li a{display:block; color:#fff; padding:0;}
#footer .navb li a:hover{text-decoration:underline;}
#footer .navb h3{font-size:160%; margin:1em 0; position:relative; padding-left:30px;}
#footer .navb h3::before{content:""; position:absolute; width:15px; height:15px; top:0; left:0; background:linear-gradient(135deg,rgba(254,189,23,1) 50%,rgba(254,189,23,0) 50%);}
.copyright{background:#212121; padding:1em 0;}
.copyright .rr{text-align:right;}
.copyright .rr p{margin:0; padding:0 0.5em; line-height: 180%; display: inline-block;}
/*----------------default page use----------------*/
.d1{text-align:center;}
.d1 .dtit{background:#febd17; font-size:160%; font-weight: bold; padding:0.5em;}
.d1 .list{padding:0;}
.d1 .list .frm{padding:0; background:#000;}
.d1 .list section{ height:5em; padding:0.5em; vertical-align: middle; display: block;}
.d1 h3.subject{color:#fff; font-weight:bold; vertical-align: middle; display: inline-block;}
.d2{background:#edeeef url(../images/d2-bg.png) repeat-x bottom; text-align: center; padding:1em 0;}

.dnews{padding:0 0 4em 0; background:#fff;}
.dnews .dtit{text-align:center; font-size:300%; background:#ffffff; margin:0; padding:1em 0em 0.1em 0em; margin-bottom:1em;}
.dnews .list{padding:0; border:1px solid #f6f3f3; width: 10%; float: left;}

.dabout{background:url(../images/dabout-bg.jpg) no-repeat bottom center; color:#fff; text-align:center; position:relative; background-size:cover;}

.dabout .dtit{font-size:300%; color:#ffc501;margin: 5% 0 2% 0;}
.dabout p{line-height:250%; font-size:16px;}
.dabout .page{padding:2% 5% 7% 5%;}
.d3{background:#edeeef; border-bottom:1em solid #febd17; padding-bottom:1em;}
.d3 .tagarea{border-top:1px solid #fff; background:#000; padding-top:2em; border-bottom:1em solid #febd17;}
.d3 .tagarea ul{margin:0; padding:0; list-style: none;}
.d3 .tagarea ul li{display:inline-block; padding:1em 2em; background:#555555; color:#fff; font-weight:bold; cursor: pointer;}
.d3 .tagarea ul li.hit,.d3 .tagarea ul li.hit:hover{background:#febd17; color:#000;}
.d3 .tagarea ul li:hover{background:#666; }
.d3 .page{max-width:80%;}
.d3 .hotpro{padding:3em 0; height:auto;}
.d3 .hide{height:0; padding:0; overflow: hidden;}
.d3 .list figure{overflow:visible; display:inline-block; box-shadow: 0 0 10px rgba(0,0,0,0.3);  background:#fff; padding:0.5em;}
.d3 .list .frm{text-align:center; padding:0;}
.d3 .list img{border:1px solid #999;}
.d3 .list .frm:hover img{border:1px solid #fff;}
/*video*/
.list.video .innerhtml,.list.video .innerhtml *{font-size:14px !important; line-height: 160%;}
.list.video {padding: 0em 1em 1em 1em;}
.list.video a{padding: 0;}

/*info*/
.list.info{border-bottom:1px solid #ccc; padding:1em 0;}
.list.info .frm{verticle-align:top; padding:1em 0;}
.list.info .ll{width:320px; height:auto; display: inline-block; vertical-align: top;}
.list.info .rr{width:calc(100% - 320px); padding-left:30px; display: inline-block; vertical-align: top;}
.list.info h3.subject{color:#feba38; font-weight:bold;}
.list.info .path{font-weight:bold; color:#666;}
.list.info .innerhtml{font-size:14px; line-height:160%;}
.list.info .more{text-align:left; margin-top:1em; display: block;}
.list.info .more span{display:inline-block; padding:1em; color:#fff; background:#3065b5; border-radius:0.5em;}
/*catalog*/
.list.catalog{padding:1em 0.5em;}
.list.catalog .frm{border:1px solid #ccc; padding:3px;}
.list.catalog .frm:hover section{background:#fddd4d;}
.list.catalog section{background:#efefef; padding:0.5em 1em;}
.list.catalog h3.subject{position:relative; font-size:14px; font-weight:bold; margin:0;}
.list.catalog h3.subject::before{content:url(../images/dw-catalog-icon.png); display:inline-block; vertical-align: middle; margin-right:0.5em;}
.list.manual.pro{width:33%; display:inline-block; text-align:left;}
.list.manual .frm{background:#efefef; min-height:90px;}
.list.manual section{padding:0.5em 1em;}
.list.manual h3.subject{margin:0; font-size:14px; position:relative; padding-left:50px;}
.list.manual h3.subject::before{content:url(../images/dw-manual-icon.png); display:inline-block; vertical-align: middle; margin-right:0.5em; position:absolute; top:0; left:0;}
@media screen and (max-width:1286px){/*desktop*/
	.page{padding:0 3%;}
	.syisnav .nav a{padding:0.3em 0.5em; font-size:15px;}
	.d1 h3.subject{font-size:90%;}
	.d3 .page{max-width:100%;}
	.bookmark li{font-size:14px;}
	.list.prolist figure{padding:1.5em 0 1.5em 0;}
	
}
@media screen and (max-width:960px){/*desktop-small pad*/
	.syisnav .nav a{padding:0.1em 0.5em; font-size:13px;}
	
	.logo{padding-left:1%; width:23%;}
	.showit{top:120px;}
	.Proleftmenu{top:170px;}
	.Proleftmenu div.frm{background:#fff;}
	.d2 .list{padding:0;}
	.logo img{padding-top:15px; padding-bottom:15px;}
	.bookmark li{font-size:13px; height:4em;}
	.prodetail .rr{padding:0 0 0 2em;}
	.prodetail .btn1 a{font-size:13px;}
	
	.list.prolist figure img{max-width:140%; height:auto; transform:translateX(-15%);}
	
}
@media screen and (max-width:767px){/*phone*/
	#header{box-shadow:0 5px 10px rgba(0,0,0,0.3);}
	.logo{width:40%;}
	.logo img{padding-top:5px; padding-bottom:2px;}
	.pulldownlist.show{display:none;}
	.syisnav{transform:translateY(0);}
	.syisnav .nav a{color:#ccc;}
	.syisnav .nav  li{ border-bottom:1px solid #666;}
	.page{padding:0 3%;}
	.syistop{width:100%; text-align:center; border-radius:0; background:#fff;}
	.syistop a{padding-right:0px;}
	.syistop div.block{margin-left:0.3em; margin-right:0.3em;}
	/*subnav*/
	.subnav ul li{padding:0;}
	.top .subnav ul li a{border:none; border-bottom:1px dotted #ccc; padding:0.3em 1em; text-align: left; font-weight:normal;}
	#defaultimg .mask{font-size:200%;}
	#footer{text-align:center;}
	.d2 .list h3.subject{font-size:90%; font-weight:bold;}
	.dabout::before{content:""; width:40px; height:40px; position:absolute; top:-20px; left:50%;}
	
	.dnews .list figure, .dnews .list section{width:100%;}
	.dnews .list section{padding-left:0; padding-top:1em;}
	.dnews .dtit{font-size:160%;}
	.dabout .dtit{font-size:160%; }
	/*info*/
	.list.info .ll, .list.info .rr{width:100%; padding:0;}
	.prodetail .topfrm::before{display:none;}
	.prodetail .ll{padding:0; border-right:1px solid #ccc;}
	.prodetail .rr{padding:2em 0 0 0;}
	.list.manual.pro{width:100%; display:inline-block; text-align:left;}
	.prodetail .ll{border-right:none;}
	.Proleftmenu .grid{height:55vh; overflow-y: scroll;}
	.Proleftmenu div.frm{height:60vh; overflow-y: scroll;}
	
    .prodetail .cer div{display:inline-block; width: 76px;}    

	/*prolist*/
.list.prolist.one figure{width:35%;}
.list.prolist.one h3.subject{width:65%; padding-top:0;}
.list.prolist.one .sum{width:100%; padding-top:1em;}
.list.prolist.one .more{width:100%; text-align:right;}
		/*tag*/
	.tagfilter ul{width:100%;}
	.tagfilter h5{width:100%;}
}
@media print{
	
	.noPrint {
    display: none;
  }
}
@page {
  size: A4 Landscape;
  margin-top: 3cm;
}