<>
/*PC*/
.indexlaptop-text .btn-red{
color: #ffffff;
border: 1px solid #c7000b;
background-color: #c7000b;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.indexlaptop-text .btn-red:hover{
border: 1px solid #850F12;
background-color: #850F12;
}
.indexlaptop-text {
position: relative;
top: 56%;
transform: translateY(-50%);
max-width: 75%;
margin: 0 auto;
text-align: center
}
.indexlaptop-text .btn-left {
position: relative;
transform: translateX(0%);
left: -42.5%;
}
.indexlaptop-text .vertical-middle-sm h2 {
text-align: center;
}
.content-img-box .content-box .indexlaptop-text .subtitle {
text-align: center;
}
@media (min-width: 992px) {
.content-img-box .content-box .indexlaptop-text .subtitle {
max-width: 100%;
}
}
@media (min-width:1920px) and (max-width: 2560px) {
.indexlaptop-text .btn-left{
position: relative;
transform: translateX(0%);
left: -42.5%;
}
}
@media (max-width:1800px) {
.indexlaptop-text .btn-left{
position: relative;
transform: translateX(0%);
left: -42%;
}
}
@media (max-width:1536px) {
.indexlaptop-text .btn-left{
position: relative;
transform: translateX(0%);
left: -40.5%;
}
}
@media (max-width:1440px) {
.indexlaptop-text .btn-left{
position: relative;
transform: translateX(0%);
left: -40%;
}
}
@media (max-width:1280px) {
.indexlaptop-text .btn-left{
position: relative;
transform: translateX(0%);
left: -39.5%;
}
}
@media (max-width:1200px) {
.indexlaptop-text .btn-left{
position: relative;
transform: translateX(0%);
left: -38.5%;
}
}
/*ipad pro*/
@media(min-width: 992px) and (max-width: 1024px) {
.indexlaptop-text {
position: relative;
top: 63%;
transform: translateY(-50%);
max-width: 75%;
}
.indexlaptop-text .btn-left {
transform: translateX(0%);
left: -41%;
}
.indexlaptop-text .vertical-middle-sm h2 {
text-align: center;
}
.content-img-box .content-box .indexlaptop-text .subtitle {
text-align: center;
}
}
/*moblie ipad*/
@media (max-width: 991px) {
.indexlaptop-text {
position: relative;
top: 60%;
transform: translateY(-50%);
max-width: 90%;
height: 100%;
}
.indexlaptop-text .btn-left {
transform: translateX(0%);
left: auto;
top: auto;
}
.indexlaptop-text .vertical-middle-sm h2 {
text-align: center;
}
.content-img-box .content-box .indexlaptop-text .subtitle {
text-align: center;
}
}
@media (max-width: 767px) {
.content-box .indexlaptop-text h2:after {
display: none;
}
}
清空
