#int { width:100%; float:left; background-color:#ececec; position: relative; padding: 30px; box-sizing: border-box; background-size: cover; background-position: center center;}
#int .bgimg { width: 100%; float: left; position: relative;}
#int .bgimg img { width: 100%; float:left; height: auto; }
#int .bgimg:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/bg-box-int.png) left top no-repeat; background-size:auto 100%;}
#int .main { width: 100%; float: left; }
#intBox { width:100%; float:left;}
#intBox .intBoxMain { width:100%; float:left; position:relative; box-sizing:border-box;}
#intBox .intBoxMain .left { width:100%; float:left; box-sizing:border-box;}
#intBox .intBoxMain .left .title { width:100%; float:left; font-size:24px; color:#fff; line-height: 28px; text-transform: none; text-align: center; font-family: 'Din-Bold';}
#intBox .intBoxMain .left .list { width:100%; float:left; margin-top:15px; position: relative; height: 46px; z-index: 2;}
#intBox .intBoxMain .left .list ul { width:100%; border-top: 2px solid #fff; position: absolute; left: 0; top: 0;}
#intBox .intBoxMain .left .list ul li { width:100%; float:left; font-family: 'Din-Bold', Arial; color: #fff; padding:6px 63px; box-sizing:border-box; font-size: 16px; background-color:rgba(200,107,0,0.7); display: none; text-transform: none; text-align: center;}
#intBox .intBoxMain .left .list ul li.current { background-color: rgba(200,107,0,1); }
#intBox .intBoxMain .left .list.listModuleTitle ul li { padding: 12px 0 12px!important; border-bottom: 2px solid #fff!important; text-align: center; }
#intBox .intBoxMain .left .list.listModuleTitle ul li:after { display: none!important; }
#intBox .intBoxMain .left .list ul li+li { width: 100%; padding:6px 24px 6px 24px; cursor: pointer; }
#intBox .intBoxMain .left .list ul li:first-child { border-bottom: 2px solid #fff; padding:10px 16px 10px; font-size: 16px; text-transform: none; line-height: 20px; box-sizing:border-box; background: none; display: block; position: relative; cursor: pointer;}
#intBox .intBoxMain .left .list ul li[contenteditable] { background-color: rgba(51,51,51,0.3); }
#intBox .intBoxMain .left .list ul li:first-child:after { content: ''; width: 14px; height: 10px; background: url(../images/icon-down-arrow-white.png) center center no-repeat; position: absolute; right:2px; top: 50%; margin-top: -5px; background-size: contain;} 
#int:not(.editing) #intBox .intBoxMain .left .list ul:hover li {display: block;}
#intBox .intBoxMain .content { width: 100%; float: left; text-align: center; font-family: arial; font-size: 13px; line-height: 18px; color: #fff; font-weight: normal; margin-top: 12px;}
#intBox .intBoxMain .showall { width:100%; float:left; margin-top:35px; display: flex; justify-content: center;}
#intBox .intBoxMain .showall a { width: 100%; height: 51px; border-bottom: 4px solid #c86b00; background: #f19831; color: #fff; text-align: center; line-height: 51px; font-size: 21px; font-family: 'Din-Bold',Arial; text-transform: none; float: left; position:relative;}
#intBox .intBoxMain .showall a:after { content:"+"; font-size: 24px; font-family: arial; color: #fff; position: absolute; right: 14px; }