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.cleft div.continue{float: left; width: 100%; margin-top: 10px; }
div.cleft div.continue a{
	background-color: #156f50; color:white; font-weight: bold; font-size: 17px; border: #0e4b36 1px solid;
	text-decoration: none; border-radius: 5px;  padding: 10px 0 10px 0; width: calc(100% - 2px); float: left; text-align: center;
}


div.productBoxRight{width: calc(58% - 1px); float: right;}
div.productBoxRight ul li{width: calc(33.3% - 30px);}
div.productBoxRight ul li div.info{height: 80px;}
div.productBoxRight ul li div.info h2{ max-height: 20px; }

div.productBoxLeft{float: left; width: calc(42% + 1px); position: relative; } /* calc(50% + 7px);*/
div.productBoxLeft ul li{width: calc(100% - 10px);}
div.productBoxLeft ul{overflow: hidden;}
div.productBoxLeft div.hot{display: none;}


div.productBoxLeft .rsTabs{ position: absolute; top: 0px; float:right; right: 0px;}
div.productBoxLeft .rsTabs div{float: left; margin: 5px; cursor: pointer; width:auto;}
div.productBoxLeft .rsTabs div img{border-radius: 50%; border: 5px solid white; opacity: 0.5;}
div.productBoxLeft .rsTabs div:hover img,
div.productBoxLeft .rsTabs div.rsNavSelected img{opacity: 1; border-color: #156f50;}
div.productBoxLeft ul.product li div.info{ height: auto; min-height: 80px;}


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: #f1eee4 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.module_data div.boxFirst{float:left; width: calc(50% - 20px); margin: 30px 20px 0 0;}
div.module_data div.boxFirst h2{line-height: 0.8cm;letter-spacing: -0.2px; float: left; width: 100%;}

div.module_data div.boxFirst a{text-decoration: none; color: #333; float: left; width: 100%;}
div.module_data div.boxFirst a i{color: #828282;}
div.module_data div.boxFirst a:hover{color: #dd3333;}
div.module_data ul.news{ width: 50%; margin-top: 30px; padding: 0px;}
div.module_data ul.news li{width: calc(50% - 20px); padding: 0 10px 0 10px;border:0px; margin-bottom: 10px;}
div.module_data ul.news li a.img{margin-bottom: 10px; width: 100%;}
div.module_data ul.news li a:last-child{font-weight: bold; height: 60px; float: left; overflow: hidden;}
div.module_data ul.news li a:hover{color: #dd3333;}

div.A1{background-color: #ffde76;}
div.A4{background-color: #f7f7f4;}


div.A4 div.boxFirst{width: calc(20% - 5px); margin-right: 5px;}
div.A4 div.boxFirst div{display: none;}
div.A4 div.boxFirst h2{font-size: 14px; line-height: 150%;}
div.A4 ul.news{width: 80%;}
div.A4 ul.news li{width: calc(25% - 20px);}

@media screen and (max-width:1100px){
		div.boxHotnews div.boxHot{width: calc(100% - 30%);}
		div.boxHotnews ul.news{width: calc(30% - 25px);}		
}

@media screen and (max-width:900px){
	div.boxHotnews div.boxHot{width: calc(100% - 10px); margin: 0 10px 15px 0;}
	div.boxHotnews ul.news{width: calc(100% - 10px); padding:0px;margin: 0 10px 15px 0;}
	div.boxHotnews ul.news li a:first-child{	width: 120px; margin-right: 15px;}		
 	div.module_data{padding: 10px 10px 30px 10px; width: calc(100% - 20px);}
        
    div.productBoxLeft{width: 100%;}
    div.productBoxLeft ul li div.info{height: auto;	}
	 div.productBoxRight{width: 100%;}
    
}
@media screen and (max-width:600px){
		div.boxLastnews{	width: 100%;margin: 0px;}
		div.boxHotnews{width:calc(100% - 10px); margin: 10px 5px 0 5px; padding:0px;	}
		div.boxHotnews div.boxHot{margin-right:0px; width:100%;	}
		div.boxHotnews ul.news{ margin:0px;width:100%;	}
		div.boxHotnews ul.news li:last-child{	border-bottom: #d6d6d6 1px solid; margin-bottom:0px;	}
		
		div.module_data{padding: 5px 5px 30px 5px; width: calc(100% - 10px);}
		div.module_data div.boxFirst{ width: 100%; margin-right:0px;}
		div.module_data ul.news{width: 100%;}
		div.module_data ul.news li{ width: 100%; padding: 0px;}
		div.module_data ul.news li a.img{width: 120px;}
		div.module_data ul.news li a:last-child{height: auto; width: calc(100% - 140px);}
		
		div.A4 div.boxFirst{width: 100%; margin-right: 0px;}
		div.A4 ul.news{width: 100%;}
		div.A4 ul.news li{width: 100%; margin-right:0px;;}
		div.A4 div.boxFirst div{display: block;}
		
		div.productBoxRight ul li{width: calc(50% - 10px);}
		div.productBoxRight ul li div.info {height: 110px;	}		
		div.productBoxLeft .rsTabs div img{
			width: 50px; height: 50px;
		}
		
}

@media screen and (max-width:300px) {
	div.productBoxRight ul li{width: calc(100% - 10px);}
	div.productBoxRight ul li div.info{height: auto;	}	
   div.productBoxRight ul li div.info h2{max-height: none;}
}