section.ranking {clear:both; overflow:hidden;  width:100%;  padding:0px 0 80px 0; }
section.ranking { background-position-y:bottom;     background-repeat: no-repeat;    background-color: #000;}
section.ranking div.pro {width:1100px; margin:0 auto; clear:both;}
section.ranking div.proR {padding:50px 0 ; overflow:hidden;}

section.ranking div.proR div.pro_img { float:right; width:50%; }
section.ranking div.proR div.pro_txt {float:left; width:45%; text-align:right;}

section.ranking div.pro_img { float:left; width:50%; }
section.ranking div.pro_txt {float:right; width:45%;}
section.ranking div.pro_txt h2 {font-size:26px; /*font-family:"noto_m";*/ padding:100px 0 50px 0;}
section.ranking div.pro_txt p {font-size:25px; line-height:37px; padding-bottom:20px; color:#fff;}
section.ranking div.btn {padding-top:20px;}
section.ranking a{ border:1px solid #ccc;	padding: 10px 16px 12px 16px; font-size: 17px;	margin-top:20px;	;	border-radius: 6px}
section.ranking a:hover {	color: #333;	background-color: #f0f0f0; }

#trademark{float:left;width:100%;background-color: #000;}
#trademark:after{content:'';}

.tm-title{
    margin: 100px 0;
    background-image: url("/bizdemo114885/img/hblock/img/trademark/trademark_00_title_line.png");
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}
.tm-title img{
    width: 100%;
    max-width: 1201px;
}
.tm-img{
    text-align: center;
    margin-bottom: 150px;
}
.tm-img img{
    width: 100%;
    max-width: 1101px;
}
.tm-txt1{
    text-align: center;
}
.tm-txt1 img{
    width: 100%;
    max-width: 611px;
}
.tm-txt2{
    text-align: center;
    margin: 20px 0;
}
.tm-txt2 img{
    width: 100%;
    max-width: 611px;
}
.tm-txt3{
    text-align: center;
    margin-bottom: 100px;
}
.tm-txt3 img{
    width: 100%;
    max-width: 611px;
}

.trade1{}
.trade1:after{content:'';display: block;clear: both;}


.review-wrap{
    background-image: url("/bizdemo114885/img/hblock/img/review/review_bg.png");
    margin-top: -1px;
    padding: 100px 0;
    }

.view-title{
    text-align: center;
    padding: 0 0 50px 0;
}
.view-title img{
    width: 100%;
    max-width: 1201px;
    margin:0 auto;
}
.view-1{display: table;margin: 0 auto;max-width: 1200px;width: 100%;}
.view-1 .view-div{
    display: table-cell;
}
.view-1 .view-div img{
    max-width: 601px;
    width: 100%;
}
.view-2{
    display: table;
    margin: 20px auto;
}
.view-2 .view-div{
    display: table-cell;
}
.view-2 .view-div img{
    max-width: 241px;
    width: 100%;
}




/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.review-wrap{
    padding: 3.636rem 0;
}
.view-title{
    padding: 0 0 1.818rem 0;
}
.view-title img{
    max-width: 43.673rem;
}
.view-1{
    text-align: center;
}
.view-1 .view-div{
    display: block;
}
.view-1 .view-div img{
    max-width: 21.855rem;
}
.view-2{
    display: block;
    text-align: center;
    max-width: 28.727rem;
}
.view-2 .view-div{
    display: inline-block;
}
.view-2 .view-div img{
    max-width: 8.764rem;
}
.review-wrap.review-mobile{background-image: url("/bizdemo114885/img/hblock/img/review/mobile_ver/review_mo_bg.png");background-size: 100%;}
	
section.ranking {clear:both; overflow:hidden; text-align: center;  padding:0;  }
section.ranking div.pro {width:100%; margin:0 auto; }
section.ranking div.pro_img {clear:both; width:100%; }
section.ranking div.pro_img img {max-width:100%;}
section.ranking div.pro_txt {clear:both;  width:100%;}
section.ranking div.pro_txt h1 {font-size:25px; padding:20px 0;}
section.ranking div.pro_txt p {font-size:15px; line-height:30px; padding-bottom:42px;}
section.ranking div.proR div.pro_img { float:none; width:100%; }
section.ranking div.proR div.pro_txt {float:none; width:100%; text-align:center;}
section.ranking div.btn {padding-top:0px; margin-bottom:50px;}
.tm-title img{}
.tm-img{
    padding: 0 1.455rem;
    margin-bottom: 5.455rem;
}
#trademark{
    /* padding: 0 0.909rem; */
}
.tm-title{
    margin: 3.636rem 0;
}
.tm-txt1{
    text-align: center;
}
.tm-txt1 img{
    max-width: 22.218rem;
}
.tm-txt2{
    text-align: center;
    padding: 0 1.455rem;
    margin: 0.727rem 0;
}
.tm-txt2 img{max-width: 22.218rem;}
.tm-txt3{
    text-align: center;
    margin-bottom: 5rem;
    padding: 0 1.455rem;
}
.tm-txt3 img{max-width: 22.218rem;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}