* {
margin: 0;
padding: 0;
}
html,
body {
background: white;
font-size: 14px;
}
.shift{
box-sizing: border-box;
padding-top: 60px;
}
.shifta{
width: 840px;
/*height: 450px;*/
border: 2px solid #DDDDDD;
border-radius: 4px;
margin: auto;
}
.shifta01{
text-align: center;
line-height: 60px;
height: 60px;
width: 100%;
background: #eaeaea;
border-bottom: 2px solid #DDDDDD;
font-size: 18px;
color: #666;
}
.shifta02{
height: 60px;
width: 100%;
border-bottom: 2px solid #DDDDDD;
display: flex;
align-items: center;
box-sizing: border-box;
padding-left: 20px;
color: #666;
}
.indent{
text-indent: 20px;
}
.shifta03{
width: 100%;
/*height: 180px;*/
box-sizing: border-box;
padding: 15px 0;
color: #666;
display: flex;
align-items: center;
}
.shifta03_left{
display: flex;
align-items: center;
box-sizing: border-box;
padding-left: 20px;
width: 200px;
height: 100%;
/*border-right: 2px solid #ddd;*/
}
.shifta03_right{
width: 640px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-around;
border-left: 2px solid #ddd;
}
.shifta03_right_inner{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 3px 40px;
}
.shifta03_right_inner01{
display: flex;
align-items: center;
}
.shifta03_right_inner01>img{
display: flex;
width: 25px;
height: 25px;
}
.shifta03_right_inner01>div{
text-indent: 15px;
}
.shifta03_right_inner02{
color: #e93e4e;
font-size: 18px;
}
.shiftb{
display: flex;
justify-content: center;
align-items: center;
}
.shiftb_inner{
box-sizing: border-box;
padding: 15px 40px;
background: linear-gradient(to right, #e93e4e, #f97e81);
color: white;
border-radius: 10px;
margin: 20px;
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.shiftb_inner:hover{
opacity: 0.8;
}