@charset "utf-8";

/* CSS Document */
.btn.btn-primary.pull-right {
    display: none;
}

.pageheader {
    width: 100%;
    height: 380px;
    position: relative;
}

.count {
    padding: 10px;
}

.pageContainer {
    position: relative;
    width: 100%;
    height: 580px;
    overflow: hidden;
    z-index: 5;
    margin: 0 auto;
}

.intitle {
    position: relative;
    width: 695px;
    height: 71px;
    background-attachment: scroll;
    background-image: url(../images/intitle.png);
    background-repeat: no-repeat;
    /* text-indent: -9999px; */
}

.intitle2 {
    position: relative;
    width: 673px;
    height: 71px;
    background-attachment: scroll;
    background-image: url(../images/intitle2.png);
    background-repeat: no-repeat;
}

.intitle3 {
    position: relative;
    width: 673px;
    height: 71px;
    background-attachment: scroll;
    background-image: url(../images/intitle3.png);
    background-repeat: no-repeat;
}

.intitle4 {
    position: relative;
    width: 695px;
    height: 71px;
    background-attachment: scroll;
    background-image: url(../images/intitle4.png);
    background-repeat: no-repeat;
}

.intitle5 {
    position: relative;
    width: 695px;
    height: 65px;
    background-attachment: scroll;
    background-image: url(../images/intitle5.png);
    background-repeat: no-repeat;
}


.intitle em, .intitle2 em, .intitle3 em, .intitle4 em, .intitle5 em {
    position: absolute;
    left: 157px;
    top: 13px;
    font-weight: 300;
    font-size: 18px;
    font-style: initial;
}

#main-l {
    padding: 10px 0 10px 10px;
    float: left;
    width: 695px;
    /* background: url(../images/bodybg2.png) center bottom scroll repeat; */
}

.ce {
    display: block;
    width: 246px;
    margin: 10px 0 0 5px;
    /*background-color: rgb(235,235,235);*/
}

.ce li a {

    width: 246px;
    height: 56px;
    display: inline-block;
    cursor: pointer;
}


.more {
    margin-left: 36px;
}


.category {
    background: url(../images/category.png)center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 246px;
    height: 56px;
    margin-top: 5px;
}

.category:hover {
    background: url(../images/category_hover.png)center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.ce li .xz {
    /* text-indent: -9999px; */
    color: rgba(255, 255, 255, .9);
    font-size: 18px;
    /* font-weight: bold; */
    text-align: center;
    letter-spacing: 1px;
    width: 246px;
    height: 56px;
    margin-top: 4px;
    margin-bottom: 5px;
    padding-top: 17px;
    padding-left: 10px;
}

/* 選單1 */
.ce li .xz.xz-1 {
    background: url(../images/xz_d.png) center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.ce li .xz.xz-1:hover, .ce li .xz.xz-1.active {
    background: url(../images/xz_d_hover.png)center center;
    background-size: contain;
    background-repeat: no-repeat;
}

/* 選單2 */
.ce li .xz.xz-2 {
    background: url(../images/xz02.png)center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.ce li .xz.xz-2:hover, .ce li .xz.xz-2.active {
    background: url(../images/xz02_hover.png)center center;
    background-size: contain;
    background-repeat: no-repeat;
}

/* 選單3 */
.ce li .xz.xz-3 {
    background: url(../images/xz02-1.png)center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.ce li .xz.xz-3:hover, .ce li .xz.xz-3.active {
    background: url(../images/xz02-1_hover.png)center center;
    background-size: contain;
    background-repeat: no-repeat;
}

/* 選單4 */
.ce li .xz.xz-4 {
    background: url(../images/xz02-2.png)center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.ce li .xz.xz-4:hover, .ce li .xz.xz-4.active {
    background: url(../images/xz02-2_hover.png)center center;
    background-size: contain;
    background-repeat: no-repeat;
}

/* 選單5 */
.ce li .xz.xz-5 {
    background: url(../images/xz02-3.png)center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.ce li .xz.xz-5:hover, .ce li .xz.xz-5.active {
    background: url(../images/xz02-3_hover.png)center center;
    background-size: contain;
    background-repeat: no-repeat;
}

/* 選單5 */
.ce li .xz.xz-6 {
    background: url(../images/xz02-4.png)center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.ce li .xz.xz-6:hover, .ce li .xz.xz-6.active {
    background: url(../images/xz02-4_hover.png)center center;
    background-size: contain;
    background-repeat: no-repeat;
}

/* 子選單 */
.ce li a:not(.xz) {
    font-size: 1.1rem;
    color: #5e5e5e;
    padding-top: 18px;
    text-align: center;
}

.ce li a:not(.xz):hover {
    color: #aa8dff;
}

.ce li .dqian {
    background: none
}



.xza {
    background: url(../images/xz_a.png) center bottom scroll no-repeat !important;
}

.xzb {
    background: url(../images/xz_b.png) center bottom scroll no-repeat;
}

.xzc {
    background: url(../images/xz_c.png) center bottom scroll no-repeat;
}

.xzd {
    background: url(../images/xz_d.png) center center scroll no-repeat;
}

.er {
    display: none;
    width: 235px;
    background-color: rgb(253, 253, 253);
    text-align: center;
}

.er li {
    width: 100%;
    border: solid rgb(255, 255, 255);
    border-width: 1px 0px 0px;
}

.er li a {
    display: block;
    padding: 10px 10px 10px 20px;
    color: 333;
    background: none;
    font-size: 15px;
}


.er li a:hover,
.er li .sen_x {
    /*background-color: rgb(204,204,204);*/
}

.er .e_li a:hover,
.er .e_li .sen_x {
    /*background:url(../images/more.png) no-repeat 120px center rgb(253,83,49);*/
}

.thr {
    display: none;
}

.thr li {
    margin-bottom: 1px;
    border-top: 1px solid rgb(180, 180, 180);
    position: relative;
}

.er .e_li .thr li a {
    background: none;
}

.er .e_li .thr li a:hover {
    background-color: rgb(241, 241, 241);
}

.er .e_li .thr li .xuan {
    background-color: rgb(243, 243, 243);
}

.more1 {
    margin-left: 28px;
    margin-top: -4px;
}

.thr_nr {
    width: 300px;
    position: absolute;
    top: 0px;
    left: 150px;
    z-index: 10;
    border: 1px solid rgb(201, 201, 201);
    display: none;
}

.thr_nr h3 {
    font-weight: normal;
    font-size: 18px;
    display: block;
    text-align: center;
    width: 100%;
    padding: 10px 0px;
}

.thr_nr img {
    width: 100%;
}

.ti {
    width: 29px;
    height: 29px;
    float: left;
    padding-top: 3px;
    cursor: pointer;
    text-align: center;
    margin-right: 10px;
    margin-top: 40px;
    margin-left: 20px;
    background: url(../images/11.png) no-repeat;
}

.inpu {
    cursor: pointer;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    width: 29px;
    height: 29px;
}

.span {
    float: left;
    display: block;
    padding: 4px 40px 0px 0px;
    color: #000;
}

.tu1 {
    width: 29px;
    height: 29px;
    float: left;
    padding-top: 3px;
    cursor: pointer;
    text-align: center;
    margin-right: 10px;
    margin-top: 40px;
    margin-left: 20px;
    background: url(../images/22.png) no-repeat;
}

.span1 {
    color: #f00;
    float: left;
    display: block;
    padding: 4px 40px 0px 0px;
}

.span2 {
    color: #000;
}

/*翻頁按鈕*/

#pagelist {
    width: 600px;
    margin: 30px auto;
    padding: 6px 0px;
    height: 20px;
}

#pagelist ul li {
    float: left;
    border: 1px solid #5d9cdf;
    height: 20px;
    line-height: 20px;
    margin: 0px 2px;
}

#pagelist ul li a,
.pageinfo {
    display: block;
    padding: 0px 6px;
    background: #e6f2fe;
}

.pageinfo {
    color: #555;
}

.current {
    background: #a9d2ff;
    display: block;
    padding: 0px 6px;
    font-weight: bold;
}

/*search*/

.search_area {
    position: relative;
    left: 0;
    top: 0;
    width: 95%;
    height: 70px;
    padding-top: 18px;
    margin-top: 50px;
    text-align: center;
    background: #eeeeee;
    border: 1px solid #33333321;
    margin: 0 auto;
}

/*.search_area * {vertical-align: top;}*/

.search_area select {
    width: 125px;
    height: 31px;
    padding-left: 10px;
    font-size: 14px;
    color: #414141;
    border: 1px solid #bebebe;
}

.search_area img {
    vertical-align: top;
}

.search_area .inner {
    vertical-align: top;
    display: inline;
    zoom: 1;
    position: relative;
    left: 0;
    top: 0;
    margin: 0 5px;
}

.search_area .keyword {
    width: 246px;
    height: 31px;
    line-height: 31px;
    padding: 0 8px;
    border: 1px solid #bebebe;
}

.search_area .keyword_label {
    cursor: text;
    position: absolute;
    left: 0;
    top: 0;
    width: 264px;
    height: 33px;
    line-height: 33px;
    padding-left: 16px;
    text-align: left;
    font-size: 12px;
    color: #b6b6b6;
}

.submit_search {
    width: 75px;
}

.abgne_tab {
    width: 99%;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 5px;
    clear: both;
}

ul.tabs {
    width: 99%;
    height: 32px;
}

ul.tabs li {
    float: left;
    height: 31px;
    line-height: 31px;
    overflow: hidden;
    position: relative;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 5px;
    /* 讓 li 往下移來遮住 ul 的部份 border-bottom */
    border: 1px solid #999;
    background: #e1e1e1;
    width: 125px;
}

ul.tabs li a {
    display: block;
    padding: 0 20px;
    color: #000;
    text-decoration: none;
}

ul.tabs li a:hover {
    background: #ccc;
}

ul.tabs li.active {
    background: #fff;
}

ul.tabs li.active a:hover {
    background: #fff;
}

div.tab_container {
    clear: left;
    width: 100%;
    border-top: none;
    background: #fff;
}

div.tab_container .tab_content {
    padding: 20px;
}

div.tab_container .tab_content h2 {
    margin: 0 0 20px;
}

.movies ul {}

.movies ul li {
    float: left;
    width: 320px;
    height: 240px;
    margin: 0 0 10px 10px;
    padding: 0;
    text-align: center;
    background-image: url(../images/revision.png);
    background-repeat: no-repeat;
}

.movies ul li img {
    margin: 20px 0 0 0;
    width: 290px;
    height: 170px;
    margin-bottom: 10px;
}

.movies ul li em {
    width: 290px;
    background-color: #000;
}

.movies ul li div {
    margin-top: -5px;
    color: #fff;
}

.revision ul li {
    float: left;
    width: 320px;
    /* height: 240px; */
    margin: 0 0 10px 10px;
    padding: 0;
    text-align: center;
    /* background-image: url(../images/revision2.png); */
    background-repeat: no-repeat;
    background-color: #353535;
    border-radius: 10px;
}

.revision ul li img {
    /*	margin: 35px 0 0 0;
	width: 290px;
	height: 160px !important;
	margin-bottom: 10px;*/
}

.revision ul li em {
    width: 290px;
    background-color: #000;
}

}

.revision ul li div {
    width: 280px !important;
    margin: -1px 0 0 20px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}