@charset "utf-8";
@import "common.css?221128";

/** index
========================================*/
.index .secFirstView{
    padding:10px 0 0;
    margin:0 0 50px;
    text-align:center;
    background:url(../img/showroom/bgIndexMain.jpg) center top no-repeat;
}

.index .secArea{
    width:980px;
    margin:0 auto;
    font-family:Verdana;
}
.index .titArea{
    box-sizing:border-box;
    width:980px;
    height:50px;
    padding:15px 10px 8px;
    margin:0 auto;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px;
}
.index .titArea span{
    font-size:20px;
    color:#fff;
}
.index .titArea span:before{
    display:inline-block;
	content:"";
	width:7px;
	height:7px;
	margin:0 8px 0 0;
	border:3px solid #fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}
.index .secArea li.secRoom{
    padding:31px 0;
    border-bottom:5px solid #EDEBE4;
}
.index .secArea li.secRoom:last-child{
    padding:31px 0 48px;
    border-bottom:none;
}

/*--( blockImg )--*/
.secRoom .blockImg{
    float:left;
}
.index .secRoom .blockImg{
    width:320px;
}
.secRoom .blockSlider{
    padding:4px;
    background:#EAE8DF;
    border:1px solid #CAC5AE;
    margin:0 0 10px;
}
.index .secRoom .blockSlider{
    width:310px;
    height:250px;
}
.index .secRoom .blockSlider li{
	width:310px !important;
	height:250px;
}
.secRoom .blockSlider img,
.secRoom .blockPager img{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.secRoom .blockPager{
    width:320px;
    overflow:hidden;
    margin:0 auto;
}
.secRoom .blockPager .pager{
    width:330px;
}
.secRoom .blockPager li{
    width:100px;
    height:100px;
    float:left;
    margin:0 10px 0 0;
}
.secRoom .blockPager a{
    display:block;
    width:90px;
    height:90px;
    padding:4px;
    background:#EAE8DF;
    border:1px solid #CAC5AE;
    position:relative;
}
.secRoom .blockPager a.active{
    background:#CAC5AE;
}

/*--( blockData )--*/
.secRoom .blockData{
    width:630px;
    float:right;
}
.secRoom .blockName{
    display:table;
    width:100%;
    height:46px;
    background:#37342D;
    margin:0 0 10px;
}
.secRoom .blockName .bgKey{
    display:table-cell;
    width:5px;
}
.secRoom .blockName .tit{
    display:table-cell;
    width:478px;
    padding:0 11px;
    font-size:22px;
    line-height:120%;
    color:#fff;
    vertical-align:middle;
}
.secRoom .blockName .txtArea{
    display:table-cell;
    padding:0 10px 0 0;
    text-align:right;
    vertical-align:middle;
}
.secRoom .blockName .txtArea span{
    display:inline-block;
    color:#fff;
    padding:6px;
    border:1px solid #696762;
    text-align:left;
}
.secRoom .blockData .titInfo{
    color:#f60;
}
.index .secRoom .blockData .titInfo{
    font-size:18px;
    line-height:26px;
    margin:0 0 10px;
}
.secRoom .blockData .txtInfo{
    color:#333;
}
.index .secRoom .blockData .txtInfo{
    font-size:14px;
    line-height:22px;
    padding:0 0 12px;
}
.secRoom .tableInfo{
    margin:0 0 9px;
}
.secRoom .tableInfo .tr{
    display:table;
    padding:0 0 10px;
}
.secRoom .tableInfo .th{
    display:table-cell;
    width:100px;
    font-size:15px;
    color:#fff;
    font-weight:normal;
    background:#B8B092;
    text-align:center;
    vertical-align:middle;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.secRoom .tableInfo .td{
    display:table-cell;
    font-size:15px;
    line-height:22px;
    padding:4px 12px;
}
.secRoom .tableInfo .td.tel{
    font-family:Arial;
    font-size:30px;
}
.secRoom .blockData .btnKey{
    height:70px;
    float:left;
    margin:0 10px 0 0;
}
.secRoom .blockData .btnToDetails,
.secGuide .btnToDetails{
    display:block;
    height:70px;
    float:left;
    position:relative;
	box-sizing:border-box;
	text-align:center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	position:relative;
    background:#f60;
	-webkit-box-shadow: 0 -4px 0 #E55C00 inset;
	box-shadow: 0 -4px 0 #E55C00 inset;
}
.index .secRoom .blockData .btnKey,
.index .secRoom .blockData .btnToDetails{
    width:150px;
}
.index .secRoom .blockData .btnToDetails span{
    position:absolute;
    top:48%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.secRoom .blockData .btnToDetails:hover,
.secGuide .blockBtn .btnToDetails:hover{
    background:#FF8533;
}

/** details
========================================*/
.details{ font-family:Verdana; }
.details .blockTitDetails{
    display:table;
    width:980px;
    height:70px;
    margin:0 auto;
}
.details .blockTitDetails .titArea{
    display:table-cell;
    width:130px;
    background:#f90;
    text-align:center;
    font-size:14px;
    line-height:120%;
    color:#fff;
    vertical-align:middle;
}
.details .blockTitDetails .titRoom{
    display:table-cell;
    box-sizing:border-box;;
    width:750px;
    font-size:30px;
    padding:0 10px 0 20px;
    font-weight:normal;
    line-height:120%;
    vertical-align:middle;
    color:#fff;
}
.details .blockTitDetails .txtLink{
    display:table-cell;
    vertical-align:middle;
}
.details .blockTitDetails .txtLink a{
    color:#fff;
    text-decoration:none;
}
.details .blockTitDetails .txtLink a:hover{ text-decoration:underline; }
.details .blockTitDetails .txtLink a:before{
    display:inline-block;
	content:"";
	width:3px;
	height:3px;
	margin:0 8px 0 0;
    background:#fff;
	border:4px solid #000;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}

/*--( secRoom )--*/
.details .secRoom{
    width:920px;
    padding:30px 29px 27px;
    margin:0 auto 50px;
    border:1px solid #CAC5AE;
    border-top:none;
}
.details .secRoom .blockImg{
    width:380px;
}
.details .secRoom .blockSlider{
    width:370px;
    height:300px;
    margin:0 0 20px;
}
.details .secRoom .blockSlider li{
	width:370px !important;
	height:300px;
}
.details .secRoom .blockData{
    width:510px;
}
.details .secRoom .blockData .titInfo{
    font-size:24px;
    font-weight:normal;
    line-height:144%;
    margin:-5px 0 8px;
}
.details .secRoom .blockData .txtInfo{
    font-size:16px;
    line-height:28px;
    padding:0 0 17px;
}
.details .secRoom .blockData .btnKey,
.details .secRoom .blockData .btnToDetails{
    width:200px;
}
.details .secRoom .blockData .btnKey span,
.details .secRoom .blockData .btnToDetails span,
.secGuide .blockBtn .btnKey span,
.secGuide .blockBtn .btnToDetails span{
    position:absolute;
    top:48%;
    left:10px;
    -webkit-transform:translate(0, -50%);
    transform:translate(0, -50%);
}
.details .secRoom .blockData .btnKey .spanTel01{
    left:25px;
}
.secGuide .blockBtn .btnKey .spanTel01{
    left:25px;
}
.secGuide .blockBtn .btnKey .spanTel02{
    left:75px;
}
/*--( titSec )--*/
.details .titSec{
    box-sizing:border-box;
    height:50px;
    padding:15px 0 0 10px;
    font-size:20px;
    color:#fff;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -ms-border-radius: 6px 6px 0 0;
    -o-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
.details .titSec span{

}
.details .titSec span:before{
    display:inline-block;
	content:"";
	width:7px;
	height:7px;
	margin:0 8px 0 0;
	border:3px solid #fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

/*--( secGuide )--*/
.wrapperSec{
    width:920px;
    padding:30px 29px 29px;
    margin:0 0 50px;
    background:#F8F7F5;
    border:1px solid #CAC5AE;
    border-top:none;
}
.secGuide .blockMap{
    width:920px;
    height:300px;
    margin:0 0 14px;
}
.secGuide .txtAddress{
    font-size:15px;
    line-height:120%;
    padding:0 0 17px;
}
.secGuide .tableInfo{
    margin:0 0 30px;
}
.secGuide .tableInfo table{
    width:920px;
}
.secGuide .tableInfo th{
    box-sizing:border-box;
    width:112px;
    padding:0 0 0 10px;
    font-size:15px;
    font-weight:normal;
    background:#f2f2f2;
    border:1px solid #ccc;
    text-align:left;
    vertical-align:middle;
}
.secGuide .tableInfo td{
    width:339px;
    font-size:15px;
    line-height:26px;
	min-height:26px;
    background:#fff;
    border:1px solid #ccc;
    padding:6px 12px;
	vertical-align:middle;
}
.secGuide .blockBtn{
    width:610px;
    margin:0 auto;
}
.secGuide .blockBtn .btnKey{
    width:300px;
    height:70px;
    float:left;
}
.secGuide .blockBtn .btnTel{
    width: 200px;
}
.secGuide .blockBtn .btnToDetails{
    width:300px;
    float:right;
}

/*--( secPhoto )--*/
.secPhoto .secSlider{
    width:630px;
    height:420px;
    padding:9px;
    background:#fff;
    border:1px solid #ccc;
    margin:0 auto 22px;
}
.secPhoto .secSlider li{
	width:630px !important;
	height:420px;
}
.secPhoto .secSlider img,
.secPhoto .secPager img{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
.secPhoto .secPager{
    width:600px;
    overflow:hidden;
    margin:0 auto 23px;
}
.secPhoto .secPager .pager{
    width:625px;
}
.secPhoto .secPager li{
    width:100px;
    height:100px;
    float:left;
    margin:0 25px 0 0;
}
.secPhoto .secPager a{
    display:block;
    width:90px;
    height:90px;
    padding:4px;
    background:#F8F7F5;
    border:1px solid #CAC5AE;
    position:relative;
}
.secPhoto .secPager a.active{
    background:#CAC5AE;
}
.secPhoto .txtPhoto{
    font-size:15px;
    line-height:26px;
}

/*--( txtMessage )--*/
.secStaff{

}
.secStaff .txtMessage{
    text-align:center;
}
.secStaff .wrapperList{
    width:853px;
    padding:0 50px 0 0;
    margin:0 auto;
    overflow:hidden;
}
.secStaff li{
    width:180px;
    float:left;
    margin:30px 0 0 33px;
}
.secStaff li .imgFrame{
    display:block;
    width:170px;
    height:180px;
    padding:4px;
    margin:0 0 9px;
    background:#fff;
    border:1px solid #ccc;
}
.secStaff .txtPosition{
    font-size:14px;
    line-height:17px;
    text-align:center;
    margin:0 0 5px;
	height:17px;
}
.secStaff .txtName{
    font-size:18px;
    text-align:center;
    margin:0 0 17px;
}
.secStaff .txtName:hover{ text-decoration:none; }
.secStaff .btnCommon01{
    height:36px;
}
.details .btnToIndex{
    width:300px;
    height:70px;
    margin:0 auto 23px;
    font-size:17px;
}
.secGuide .blockBtn {
    width: 610px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.secGuide .blockBtn a + a{
    margin-left: 10px;
}