台新銀行


/*----------- public__notice ----------*/

.public__notice {

background: #b2a1a1;

padding: 10px 14px;

margin-top: 3px;

color: #ffffff;

}

.public__notice ul {

padding: 0;

margin: 0;

list-style: none;

}

.public__notice ul li {

float: left;

font-size: 14px;

}

.public__notice ul li.tag {

border: 1px solid #ffffff;

border-radius: 3px;

padding: 1px 3px;

margin-right: 4px;

}

.public__notice ul li a {

color: #ffffff;

padding: 2px 0;

display: block;

}

 

/*----------- idx__content ----------*/

.idx__content {

padding: 20px 0;

}

 

/*----------- tbs3 ----------*/

.tabs3 .tabs__3 {

padding: 0;

margin: 0;

list-style: none;

}

.tabs3 .tabs__3 li {

width: 33%;

float: left;

text-align: center;

padding-bottom: 15px;

border-bottom: 1px solid #d81a26;

}

.tabs3 .tabs__3 li.active {

border-bottom: 3px solid #d81a26;

padding-bottom: 13px;

}

.tabs3 .tabs__3 li a {

display: block;

color: #d81a26;

}

.tabs3 .tabs3__container {

padding: 12px;

}

.tabs3 .tabs3__container .pic {

width: 100%;

}

.tabs3 .tabs3__container .pic img {

width: 100%;

}

.tabs3 .tabs3__container .card__intro > ul {

margin: 0;

padding: 0;

list-style: none;

}

.tabs3 .tabs3__container .card__intro > ul > li {

border-top: 1px solid #dadada;

}

.tabs3 .tabs3__container .card__intro > ul > li:first-child {

border-top: none;

}

.tabs3 .tabs3__container .card__intro .more__area {

padding-bottom: 35px;

text-align: center;

}

.tabs3 .tabs3__container .card__intro .more__area > .btn__gray {

width: 155px;

margin: 0 auto;

font-size: 18px;

}

 

/*----------- tbs2 -----------*/

.tabs2 {

padding-top: 30px;

}

.tabs2 .tabs__2 {

padding: 0;

margin: 0;

list-style: none;

}

.tabs2 .tabs__2 li {

width: 33.3%;

float: left;

text-align: center;

padding-bottom: 15px;

border-bottom: 1px solid #d81a26;

}

.tabs2 .tabs__2 li.active {

border-bottom: 3px solid #d81a26;

padding-bottom: 13px;

}

.tabs2 .tabs__2 li a {

display: block;

color: #d81a26;

}

.tabs2 .tabs2__container .tableLi {

margin: 0;

padding: 0;

list-style: none;

}

.tabs2 .tabs2__container .tableLi > li {

padding: 15px 12px;

border-bottom: 1px solid #dbdbdb;

}

.tabs2 .tabs2__container .tableLi > li .pic {

width: 63.3333333333px;

height: 58.6666666667px;

float: left;

}

.tabs2 .tabs2__container .tableLi > li .pic img {

width: 100%;

}

.tabs2 .tabs2__container .tableLi > li .date {

padding: 5px 10px;

float: left;

}

.tabs2 .tabs2__container .tableLi > li .descript {

width: 212px;

padding: 5px 10px;

float: left;

-moz-box-sizing: border-box;

-webkit-box-sizing: border-box;

box-sizing: border-box;

-webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  height: 45px;

  overflow: hidden;

  display: -webkit-box;

}

.tabs2 .tabs2__container .tableLi > li > .go__arrow--red {

float: right;

margin-top: 15px;

}

.tabs2 .tabs2__container .btn__seeMore {

color: #e22033;

font-size: 18px;

position: relative;

padding: 20px 35px 0 35px;

float: right;

}

.tabs2 .tabs2__container .btn__seeMore:after {

content: '';

width: 6px;

height: 6.6666666667px;

background: url(../images/icon/arrow-right-red.png) no-repeat;

background-size: 6px 6.6666666667px;

display: inline-block;

position: absolute;

right: 15px;

top: 30px;

}

 

/*---------- one__card -----------*/

.one__card {

padding-bottom: 20px;

}

.one__card .title {

padding: 17px 0;

}

.one__card .title span {

font-size: 20px;

font-weight: bold;

color: #666;

float: left;

}

.one__card .title > .go__arrow--red {

float: right;

margin-top: 4px;

}

.one__card .card__prompt .pic {

width: 50%;

float: left;

}

.one__card .card__prompt .pic img {

width: 100%;

}

.one__card .card__prompt .card__prompt--list {

width: 50%;

float: right;

}

.one__card .card__prompt .card__prompt--list ul {

margin: 0;

padding: 0 0 0 30px;

list-style: disc;

}

.one__card .card__prompt .card__prompt--list ul li {

margin-bottom: 10px;

color: #141414;

}

 

/*---------- grid__half ----------*/

.grid__half {

padding: 17px 0;

}

.grid__half > ul {

margin: 0;

padding: 0;

list-style: none;

}

.grid__half > ul > li {

width: 49%;

float: left;

}

.grid__half > ul > li:nth-child(even) {

float: right;

}

.grid__half > ul > li .conduct .pic {

width: 100%;

height: 145px;

}

.grid__half > ul > li .conduct .pic img {

width: 100%;

height: 100%;

}

.grid__half > ul > li .conduct .title {

color: #141414;

text-align: center;

padding: 10px 0;

}

 

/*---------- grid__third ----------*/

.grid__third {

padding: 17px 0;

}

.grid__third > ul {

margin: 0;

padding: 0;

list-style: none;

}

.grid__third > ul > li {

width: 33%;

float: left;

padding-bottom: 40px;

}

.grid__third > ul > li:nth-child(3n+1) {

clear: left;

}

.grid__third > ul > li .discount .pic {

width: 100px;

height: 100px;

margin: 0 auto;

}

.grid__third > ul > li .discount .pic img {

width: 100%;

}

.grid__third > ul > li .discount .title {

color: #141414;

text-align: center;

margin-top: 5px;

}

 

/*---------- onlineService -----------*/

.onlineService > .title {

border-bottom: 1px solid #ca1d32;

padding: 13px 0;

text-align: center;

}

.onlineService > .title span {

font-size: 24px;

color: #ca1d32;

border-bottom: 3px solid #ca1d32;

padding: 0 10px 13px 10px;

}

.onlineService .onlineService__content {

padding: 13px 0;

background: #f7f7f7;

}

.onlineService .onlineService__content .service__intro > i {

width: 60px;

height: 60px;

margin: 0 auto;

}

.onlineService .onlineService__content .service__intro .title {

text-align: center;

color: #666666;

font-weight: bold;

}

列印 轉寄