@charset "utf-8";
html,body{
    min-width: 1250px;
    background-image: url(../images/bg1.jpg) , url(../images/bg2.jpg);
    background-size:auto,auto;
    background-repeat: no-repeat , repeat;
}
.wrapper {
    width: 100%;
    max-width: 985px;
    position: relative;
    margin: 0 auto;
    font-size: 0;
    overflow: hidden;
    padding-top: 150px;
}
.wrapper .main_item{
    width: 100%;
    margin: 0 auto;
    padding-bottom: 35px;
    position: relative;
}

.wrapper .main_item>li.case_pic_left{
    margin-right: 10px;
}
.wrapper .main_item>li.case_pic_mid{
    margin-right: 10px;
}

/*main_item*/
.wrapper .main_item{
	width: 100%;
	margin: 0 auto;
    overflow: hidden;
}
.wrapper .main_item>li{
/*    -moz-box-shadow:2px 2px 5px -1px rgba(70,70,70,1);
    -webkit-box-shadow:2px 2px 5px -1px rgba(70,70,70,1);
    box-shadow:2px 2px 5px -1px rgba(70,70,70,1);*/
    margin-bottom: 10px;
    position: relative;
    float: left;
}

/*第一層圖區*/
.wrapper .main_item>li.logo{
    width: 326px;
    height: 257px;
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
	background-image: url(../images/invest_2008_ruo-shuei/invest_2008_ruo_logo.jpg);
	background-position: 50% 50%;
	background-size: contain;
    position: relative;
}
.wrapper .main_item>li.logo .logo_address{
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0px;
    bottom: 35px;
    font-size: 14px;
    letter-spacing: 0.3px;
    color: #ebebeb;
}
.wrapper .main_item>li.pic1{
    width: 326px;
    height: 215px;
    position: absolute;
    left: 0px;
    top: 267px;
}
.wrapper .main_item>li.case_des{
    background-color: #5b5b5b;
    box-shadow:none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    /*英文不斷行*/
    word-wrap: break-word;
    word-break: break-all;
}
.wrapper .main_item>li.case_des_1{
    width: 646px;
    height: 482px;
}
.wrapper .main_item>li.case_des_1 ul{
    width: 560px;
}
.wrapper .main_item>li.case_des ul>li{
	color: #ffffff;
	line-height: 150%;
	letter-spacing: 1px;
}
.wrapper .main_item>li.case_des ul>li h2{
    padding: 5px 0px 10px 0px;
    color: #00b7e4;
}
.wrapper .main_item>li.case_des ul>li h3{
    padding: 5px 0px 10px 0px;
    line-height: 150%;
}
.wrapper .main_item>li.case_des ul>li h5{
	line-height: 190%;
}
.wrapper .main_item>li.case_des ul>li.more_wd h5{
	line-height: 160%;
}



/*第二層圖區*/
.wrapper .main_item>li.case_des_2{
    width: 326px;
    height: 478px;
    margin-right: 10px;
}
.wrapper .main_item>li.case_des_2 ul{
    width: 260px;
}
.wrapper .main_item>li.case_des_2 ul>li.midWord{
    padding: 5px 0px 10px 0px;
}
.wrapper .main_item>li.pic2{
    width: 318px;
    height: 478px;
}
.wrapper .main_item>li.pic3{
    width: 317px;
    height: 478px;
}


/*第三層圖區*/
.wrapper .main_item>li.pic4{
    width: 326px;
    height: 206px;
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.wrapper .main_item>li.pic5{
    width: 326px;
    height: 217px;
    position: absolute;
    left: 0px;
    top: 1196px;
}
.wrapper .main_item>li.case_des_3{
    width: 646px;
    height: 433px;
}
.wrapper .main_item>li.case_des_3 ul{
    width: 570px;
}
.wrapper .main_item>li.case_des_3 ul>li.midWord{
    padding: 5px 0px 10px 0px;
}
.wrapper .main_item>li.case_des_3 ul>li.midWord2{
    padding: 20px 0px;
}


/*第四層圖區*/
.wrapper .main_item>li.case_des_4{
    width: 458px;
    height: 727px;
    margin-right: 200px;
}
.wrapper .main_item>li.case_des_4 ul{
    width: 380px;
}
.wrapper .main_item>li.case_des_4 ul>li.midWord{
    padding: 5px 0px 10px 0px;
}
.wrapper .main_item>li.case_des_4 ul>li.midWord2{
    padding: 20px 0px;
}
.wrapper .main_item>li.pic6{
    width: 517px;
    height: 340px;
    position: absolute;
    left:465px; 
    top:1423px;
}
.wrapper .main_item>li.pic7{
    width: 256px;
    height: 376px;
    position: absolute;
    left:465px; 
    top:1773px;
}
.wrapper .main_item>li.pic8{
    width: 251px;
    height: 376px;
    position: absolute;
    left:730px; 
    top:1773px;
}


/*第五層圖區*/
.wrapper .main_item>li.pic9{
    width: 324px;
    height: 355px;
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.wrapper .main_item>li.case_des_5{
    width: 648px;
    height: 355px;
    position: absolute;
    left:334px; 
    top:2159px;
}
.wrapper .main_item>li.case_des_5 ul{
    width: 460px;
}
.wrapper .main_item>li.case_des_5 ul>li.midWord{
    padding: 5px 0px 15px 0px;
}

/*第六層圖區*/
.wrapper .main_item>li.pic10{
    width: 982px;
    height: 645px;
    display: block;
    margin-bottom: 10px;
}

/*第七層圖區*/
.wrapper .main_item>li.case_des_6{
    width: 982px;
    height: 246px;
    position: relative;
    margin: 0px;
}
.wrapper .main_item>li.case_des_6 ul{
    width: 350px;
}
.wrapper .main_item>li.case_des_6 ul .case_des_6_t1{
    display: inline-block;
    padding-right: 15px;
}
.wrapper .main_item>li.case_des_6 ul .case_des_6_t2{
    display: inline-block;
}