div.cleft h1.title{font-weight: normal; font-size: 2em; margin: 15px 0 15px 0;}
div.cleft h1.title span{transform: skew(-10deg);border-left: #dd3333 5px solid; margin-left: 5px; width: calc(100% - 25px);}
div.cleft h1.title a{text-decoration: none; color: #333333;}
div.cleft h1.title a:hover{color: #dd3333;}

div.productBox{float: left; width: 100%; margin-bottom: 10px;}
div.productBox ul li{border-bottom: 0px;}

div.productBoxLeft{float: left; width: 50%; position: relative; } /* calc(50% + 7px);*/
div.productBoxLeft ul li{width: calc(100% - 30px);}
div.productBoxLeft ul{overflow: hidden;}
div.productBoxRight{width: calc(50% - 10px); float: right;}
div.productBoxRight ul li{width: calc(50% - 30px);margin-bottom: 5px;}
div.productBoxRight ul li div.info{height: 80px;}
div.productBoxRight ul li div.info h2{ max-height: 20px; }
div.productBoxLeft div.hot{display: none;}


div.productBoxLeft .rsTabs{ position: absolute; top: 10px; float:right; right: 10px;}
div.productBoxLeft .rsTabs div{float: left; margin:10px 2px 2px 2px; cursor: pointer;}
div.productBoxLeft .rsTabs div:last-child{margin-right: 10px;}
div.productBoxLeft .rsTabs div img{border-radius: 10%; border: 2px solid white; opacity: 0.5;}
div.productBoxLeft .rsTabs div:hover img,
div.productBoxLeft .rsTabs div.rsNavSelected img{opacity: 1; border-color: #b43927;}
div.productBoxLeft ul.product li div.info{ height: auto; min-height: 90px;}
div.productBoxLeft ul.product li div.info h2{} /*font-size: 25px;*/

div.boxLastnews{float: left; width: 300px; margin-top: 10px;}
div.boxHotnews{float: right; width: calc(100% - 320px); margin-top: 10px; padding-top: 20px;}
div.boxLastnews ul.news li a.img{width: 120px;}
div.boxLastnews ul.news li{margin-bottom: 10px; padding-bottom: 10px;}
div.boxLastnews ul.news li:hover{background-color: #f1eee4;}
div.boxLastnews ul.news li div.info{width: calc(100% - 135px); font-weight: bold;}
div.boxLastnews ul.news li div.info a{text-decoration: none; color: #333;}
div.boxLastnews ul.news li:last-child{border-bottom: 0px;}

div.boxHotnews div.boxHot{float:left; width: calc(100% - 320px);  margin-right: 20px;}
div.boxHotnews div.boxHot h3,
div.boxHotnews div.boxHot a{float: left; width: 100%; text-decoration: none; color: #333;}
div.boxHotnews div.boxHot a:hover{color: #1d9a71;}
div.boxHotnews div.boxHot a:hover img{opacity: 0.7;}

div.boxHotnews ul.news{width: 295px; padding: 0px 5px 0 0;}
div.boxHotnews ul.news li{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 0px;}
div.boxHotnews ul.news li a.img{margin: 0 0 10px 0; width:100%;}
div.boxHotnews ul.news li a{font-weight: bold;}
div.boxHotnews ul.news li a:hover{color: #1d9a71;}



div.module_data{padding: 20px 20px 40px 20px; width: calc(100% - 40px);	border-bottom: #dd3333 4px solid;}
div.module_data h2.hometabs{float:left; width: calc(100% - 5px); margin:10px 0 20px 0; font-size:1.4em; font-weight: normal;}
div.module_data h2.hometabs a{text-decoration: none; color: #333;	float: left; margin: 0 10px 0 10px; padding: 5px;letter-spacing: -0.5px; text-transform: uppercase;	font-family: 'Noto Serif',serif;	}
div.module_data h2.hometabs a:first-child{font-size: 1.4em;line-height: 1.2; transform: skew(-10deg);	border-left: #dd3333 5px solid; padding-left:10px;}
div.module_data h2.hometabs a:hover{text-decoration: underline;}
div.module_data a img:hover{opacity: 0.7;}

div.A4{background-color: #ffde76;}
div.A2{background-color: #f7f7f4;}
div.cleft div.A4 a{color: #d34836;}
div.cleft div.A4 a:hover{color: #4169E1;}
ul.news li{width: calc(20% - 20px); padding: 10px; border-bottom: 0px;}
ul.news li a.img{width: 100%; margin: 0px;}
ul.news li h3{float: left; font-weight: normal; width:100%; margin: 5px 0 0 0;}
ul.news li div{display: none;float:left;width:100%;}

div.A4 ul.news li.li0{width: calc(60% - 20px);}
div.A4 ul.news li.li0 h3{font-size: 20px;}
div.A4 ul.news li.li0 div{display: block; margin-top: 10px;}
div.A4 ul.news li.li1,
div.A4 ul.news li.li2,
div.A4 ul.news li.li3,
div.A4 ul.news li.li4{height: 210px; overflow: hidden;}



@media screen and (max-width:1000px){
	div.module_data{padding: 10px; width: calc(100% - 20px);}		
}

@media screen and (max-width:900px){
	ul.news li{width: calc(100% - 20px);}
	ul.news li a.img{width: 150px; margin-right: 20px;	}
	ul.news li h3{	width: calc(100% - 170px);	}
	
	ul.news li.li0 a.img{width: 320px;	}
	ul.news li.li0 h3{width: calc(100% - 340px);	}
	ul.news li.li0 div{margin-top: 10px;width: calc(100% - 340px); display: block;}
	
	div.A4 ul.news li.li0{width: calc(100% - 20px);	}
	div.A4 ul.news li.li1,
	div.A4 ul.news li.li2,
	div.A4 ul.news li.li3,
	div.A4 ul.news li.li4{width: calc(100% - 20px);height: auto;}
	
}

@media screen and (max-width:700px){
	ul.news li.li0 div,
	div.A4 ul.news li.li0 div{display: none;	}
	/*div.module_data ul.product li{ width: calc(50% - 30px);	}*/
	div.productBoxLeft{width: 100%;}
	div.productBoxLeft ul.product li h2{	max-height:inherit;	}
	div.productBoxRight{width: 100%;}
}

@media screen and (max-width:600px){
	ul.news li.li0 a.img{width: 100%; margin: 0px;}
	ul.news li.li0 h3{width: 100%;}	
	div.module_data{padding: 0px; width: 100%;}	
}

@media screen and (max-width:300px){
	div.productBoxLeft ul.product li div.info,
	div.productBoxRight ul.product li div.info{height: auto;}
	div.productBoxRight ul li{
		width: calc(100% - 30px);
	}
}