@charset "UTF-8";

.uire_container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    background: #f3f3f3;
}

.uire_wrap {
    display: flex;
    justify-content: space-arond;
	flex-wrap: nowrap;
}

.uire_left {
    height: auto;
    padding: 2rem;
	width: calc(100% - 315px);
    box-sizing: border-box;
}

.uire_container .flipBox .front {
	width: 100%;
}
.uire_container .defaultWidget {
	float: none;
}

.uire_container .flipBox .front img {
	width: 100%;
height: auto;
}


.bnr_area,
.bnr_area2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.bnr_area ul {
    width: 580px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.bnr_area li {
    width: 280px;
    font-size: 14px;
    padding: 8px;
    box-sizing: border-box;
	text-align: center;
    border-radius: 4px;
}

.bnr_area li.bnr_hcm {
	background-color: #3e1485;
}

.bnr_area li.bnr_pi {
	background-color: #8DA9B2;
}

.bnr_area li a:visited {
	    color: #f3f3f3;
}

.bnr_area li a {
	    color: #ffffff;
}

.bnr_area li img,
.bnr_area2 li img {
    width: 100%;
    height: auto;
}

.bnr_area2 {
    width: 920px;
    margin-left: 24px;
    margin-right: 15px;
    margin-bottom: 20px;
}

.bnr_area2 li {
    width: 290px;
}

.cycle-pager {
	display: none;
}

.uire_right {
 width: 315px;
float: none;
    box-sizing: border-box;
    margin-right: 15px;
}

.uire_right .imageIndex ul li {
padding: 0;
}

.uire_right ul.flipBoxWrapper li{
	width: 100%;
}

.uire_right .defaultWidget {
    background: #ffffff;
    width: 315px;
    box-sizing: border-box;
}

@media screen and (max-width: 959px) {
.uire_right .defaultWidget {
        width: auto;
    }
.uire_right .imageIndex ul li {
        width: 100%; */
        display: block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

.bnr_area li {
width: 100%;
margin-bottom: 1rem;
}
}

@media screen and (max-width: 820px) {

.uire_wrap {
	flex-wrap: wrap;
}

.uire_left, .uire_right {
	width: 100%;
margin-right:auto;
margin-left: auto;
}


.uire_right .defaultWidget {
	width: calc( 100% - 60px);
	margin-right: auto;
margin-left: auto;
}

.uire_right .imageIndex ul {
    display: flex;
        justify-content: space-between;
        padding-left: 30px;
        padding-right: 30px;
        flex-wrap: wrap;
		margin-bottom: 15px;
}

    .uire_right .imageIndex ul li {
        width: 48%;
}
}

@media screen and (max-width: 669px) {
 .uire_right .imageIndex ul li {
        width: 100%;
}

.uire_right .card .face {
	display: none;
}

.uire_right .flipBox .card {
	height:auto;
}
}

@media screen and (max-width: 567px) {
}