幫忙
*{
? ? margin: 0px;
? ? padding: 0px;
}
a {
? ? color: white;
? ? text-decoration: none;
}
?
h6{
? ? color: gray;
}
#top{
? ? width: 100%;
? ? height: 120px;
? ? background-image: url(../img/color.png);
}
.top_left{
? ? float: left;
? ? margin-top: 48px;
? ? margin-left: 5%;
}
.top_center{
? ? float: left;
? ? margin-top: 40px;
? ? margin-left: 25%;
? ? text-align: center;
}
.top_right{
? ? float: right;
? ? margin-top: 47px;
? ? margin-right: 11%;
}
.tr_txt{
? ? float: right;
? ? margin-top: -7px;
? ? margin-right: -31%;
}
#center{
? ? width: 100%;
? ? height: 600px;
? ? background-color:white;
}
.logo{
? ? float: left;
? ? margin-left: 57px;
? ? margin-top: 37px;
}
.center_right{
? ? margin-left: 500px;
}
.center_right h3 {
? ? display: inline-block;
? ? margin-right: 50px;
}
.center_right h3:hover{
? ? color:pink
}
.center_right {
? ? position: relative;
? ? top: 38px;
}
?
.txt{
? ? /* float: left; */
? ? margin-left: 88px;
? ? margin-top: 192px;
}
.txt_1{
? ? float: left;
? ? margin-left: 98px;
? ? margin-top: -28px;
}
.txt_1 h4 {
? ? color: greenyellow;
}.txt_2{
? ? float: right;
? ? margin-right: 93px;
? ? margin-top: -34px;
}
.box1{
? ? float: left;
? ? width: 20%;
? ? height: 310px;
? ? /* margin-left: 20px; */
? ? margin-top: 20px;
? ? background-color: white;
? ? border: 1px solid black;
}
.box2{
? ? float: left;
? ? width: 20%;
? ? height: 310px;
? ? margin-left: 15%;
? ? margin-top: 20px;
? ? background-color: white;
? ? border: 1px solid black;
}
.box2 tr td{
? ? border: 1px solid black
}
.box2 td{
? ? height: 35%;
}
.box3{
? ? float: left;
? ? width: 20%;
? ? height: 310px;
? ? margin-left: 15%;
? ? margin-top: 20px;
? ? background-color: white;
? ? border: 1px solid black;
}
.box3 tr td{
? ? border: 1px solid black
}
.box3 td{
? ? height: 35%;
}
.box1{
? ? box-shadow: 0px -5px 1px rgb(20, 187, 20);
}
.box2{
? ? box-shadow: 0px -5px 1px rgb(20, 187, 20);
}
.box3{
? ? box-shadow: 0px -5px 1px rgb(20, 187, 20);
}
#low{
? ? width: 100%;
? ? height: 120px;
? ? background-image: url(../img/color.png);
}
.l_txt{
? ? float: left;
? ? margin-left: 88px;
? ? margin-top: 36px;
}
.l_txt h4 {
? ? display: inline-block;
? ? margin-right: 30px;
}
.l_txt_1{
? ? float: left;
? ? margin-left: 79px;
? ? margin-top: 36px;
}
.ll_txt h4{
? ? float: left;
? ? margin-left: 88px;
? ? margin-top: 36px;
? ? display: inline-block;
? ? margin-right: 30px;
}
.low_link{
? ? float: right;
? ? margin-right: 123px;
? ? margin-top: 36px;
}
