@charset "utf-8";

.major{ margin:3% auto 0 auto;}
/* CSS Document */
.major-list tr td{/*width:333px;*/height:179px;margin-right:1px;position:relative;}
.major-list tr td a{width:100%;height:100%;display:block;overflow:hidden;}
.major-list tr td a span{width:100%;height:100%;display:block;position:absolute;left:0;top:0}
.major-list tr td a .back-face{z-index:-1;color:#93F; height:360px\9;padding: 1px;margin: -1px;}
.major-list tr td:hover a .back-face{z-index:1;}

@media screen and (min-width:0px) {
	.tab-table td:hover .left{opacity:1; left:0;top:0; bottom:auto; right:auto}
	.tab-table td:hover .right{opacity:1; right:0;left:auto;top:0; bottom:auto}
	.tab-table td:hover .top{opacity:1; top:0;left:0; bottom:auto; right:auto}
	.tab-table td:hover .down{opacity:1; bottom:0;top:auto; left:0; right:auto;}
}

.tab-table {border-color:white}
.tab-table td {height:163px; color:#333; vertical-align:top; overflow:hidden}
.tab-table .bottom-text {color:#c8c8c8; position:absolute; bottom:25px; left:20px; line-height:25px; position:static\9}


.front-face {width:100%; height:100%; position:relative;padding: 15px 20px; display:block;}
.front-face .t1 {font-weight:100; color:white; font-size:24.34px; z-index:2; position:relative; line-height:35px}
.front-face .t2 {font-weight:100; color:white; font-size:21px;line-height:35px;z-index:2;position:relative}
.front-face b {margin-right:10px;z-index:2}
.front-face p {color:white; font-size:15px; margin:10px 0;z-index:2; position:relative}

.tab-black {background:#1c1c1c}
.tab-red {background:#1F61D2}