/* Page Banner Star */
#page-banner { position: relative; text-align: center; color: #FFF; overflow: hidden; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
    #page-banner .texts { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; font-size: 38px; font-weight: 700; line-height: 100%; text-transform: uppercase; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
    #page-banner .texts i { font-size: 18px; letter-spacing: 1px; vertical-align: middle; margin: 0 15px;}
/* Page Banner End */

/* Current Location Star */
#current-location { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; width: 100%; line-height: 32px; height: 32px;}
    .current-location .breadcrumbs { text-align:left;}
    .current-location .breadcrumbs a { float: left; font-size: 14px; color: #999; transition: color .3s;}
    .current-location .breadcrumbs a:first-child { color: #666;}
    .current-location .breadcrumbs i { width: 4px; height: 32px; display: block; float: left; background: url('../img/arrow-left.png') no-repeat center; margin: 0 6px; }
    .current-location .breadcrumbs i.fa { width: auto; height: 32px; color: #999; background: none; line-height: 32px; margin: 0 8px 0 0;}
/* Current Location End */

/* Page Content Star */
#page-content { padding: 50px 0;}
    .page-content { width: 980px; margin: 0 auto;}
/* Page Content End */

/* List Text Star */
ul.list-text { margin: 30px 0 0 0;}
    ul.list-text li { margin: 0 0 25px 0;}
    ul.list-text li a { display: block;}
    ul.list-text li .titles { border-bottom: solid 1px #ececec; padding: 0 0 5px 0; color: #292929; font-size: 16px;}
    ul.list-text li .dates { color: #6e6e6e; font-size: 12px;}
    ul.list-text li .intros { color: #6e6e6e; font-size: 12px; margin: 10px 0 10px 0;}
    ul.list-text li .details { display: inline-block; border-radius: 1px; padding: 5px 30px; color: #43b6fe; text-align: center; font-size: 14px; border: solid 1px #43b6fe;}
    ul.list-text li:hover .details { background: #43b6fe; color: #FFF;}
    ul.list-text li:hover .titles { color: #43b6fe;}
/* List Text End */

/* Pages Star */
.pages{ text-align: center;padding: 30px 0 0 0;font-size: 13px; font-family:Verdana,Arial,Helvetica,sans-serif; }
    .pages .item { display: inline-block; vertical-align: top; margin: 0 2px 2px 2px; border: 1px solid #eaeaea; line-height: 40px; min-width: 20px; text-align: center; padding: 0 10px; text-transform:capitalize;}
    .pages .on { background: #eaeaea;}
/* Pages End */


/* Flip Page Star */
.flip-page { border-top: solid 1px #f3f3f3; padding-top: 15px; font-weight: lighter; margin-bottom: 50px;}
    .flip-page > .row > .left { text-align: left;}
    .flip-page > .row > .right { text-align: right; margin-top: 12px; }
    .flip-page > .row > .right a {  padding: 10px 30px;  background: #1586ee;  color: #FFF;  -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px; }
    .flip-page > .row > .right a:hover { transform:translate3d(0,-2px,0);-webkit-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);box-shadow:0 15px 20px rgba(0,0,0,.1);-webkit-box-shadow:0 15px 20px rgba(0,0,0,.1);-moz-box-shadow:0 15px 20px rgba(0,0,0,.1)}
/* Flip Page End */

/* List Detail Star */
.list-detail { }
    .list-detail .names { text-align: left; border-bottom: dotted 1px #d6d6d6; padding-bottom: 20px; margin: 30px 0 20px 0; }
    .list-detail .names h1 { font-size: 26px;  font-weight: lighter; text-align: center; margin: 0 0 15px 0;}
    .list-detail .names h1 a { font-weight: lighter;}
    .list-detail .names span { font-size: 14px;  margin-top: 5px;  font-weight: lighter; text-align: center; display: block; }
    .list-detail .details { text-align: left; font-size: 14px; font-weight: lighter; padding-bottom: 50px;}
/* List Detail End */

/* List Related Star */
.list-related { border: solid 1px #CCC; padding: 15px; margin: 0 auto; position: relative;}
    .list-related .titles { position: absolute; top: -10px; left: 20px; background: #FFF; padding: 0 20px; line-height: 1; font-size: 16px;}
    .list-related ul.lists li { border-bottom: dotted 1px #CCC; padding: 2px 0;}
/* List Related End */

/* Category Tab Star */
.category-tab { display: table; margin: 30px auto 0 auto;}
    .category-tab ul li { float: left; border: solid 1px #e3e3e3; margin: 0 5px; padding: 8px 30px; line-height: 1;}
/* Category Tab End */

/* Honor List Star */
ul.honor-list { }
    ul.honor-list img { max-width: 100%;}
    ul.honor-list li { margin: 0 0 30px 0; width: 33.333333%; float: left; text-align: center; border-bottom: dotted 1px #CCC; padding: 0 10px 10px 10px;}
    ul.honor-list li .names { margin: 5px 0 0 0; font-weight: 700;}
/* Honor List End */

/* List Images Star */
ul.list-images { margin: 50px 0 0 0;}
    ul.list-images img { max-width: 100%;}
    ul.list-images li { margin: 0 2% 30px 0; float: left; width: 48.000000%; padding: 4px; border: solid 1px #CCC; overflow:hidden;}
    ul.list-images li a { display: block;}
    ul.list-images li .imgs { float: left; width: 224px; height: 168px; line-height: 168px; background: #FFF;}
    ul.list-images li .infos { float: right; width: calc(100% - 224px); text-align: center;}
    ul.list-images li .infos .names { margin: 50px 0 0 0; font-size: 16px;}
    ul.list-images li:hover { background: #337ab7; }
    ul.list-images li:hover .infos { color: #FFF;}
/* List Images End */

/* Single Detail Star */
.single-detail { margin: 30px 0 0 0;}
/* Single Detail End */

/* Category Slogan Star */
.category-slogan { color:#999; font-size:14px; margin: 30px 0 0 0; text-align: center;}
/* Category Slogan End */

/* Detail Pro Star */
.detail-pro { margin: 30px 0 0 0;}
    .detail-pro .imgages { margin: 0 0 50px 0;}
    .detail-pro .imgages .imgagesL { float: left; width: 400px;}
    .detail-pro .imgages .imgagesR { float: right; width: calc(100% - 420px);}
    .detail-pro .imgages .imgagesR .names { color: #333; font-size: 36px; font-weight: 500; line-height: 1; margin: 0 0 15px 0;}
    .detail-pro .imgages .imgagesR .intros { font-size: 13px; color: #666;}
/* Detail Pro End */

.related-images { margin: 30px 0 0 0;}
    .related-images img { max-width: 100%;}
    .related-images ul.lists { margin: 30px 0 0 0;}
    .related-images ul.lists li { border: solid 1px #CCC;}

    .related-images ul.lists li { float: left; margin: 0 2% 0 0; width: 23.500000%; background: rgba(255, 255, 255, 1); text-align: center; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .related-images ul.lists li:nth-child(4n) { margin-right: 0;}

    .related-images ul.lists li .imgs { overflow: hidden; height: 170px; line-height: 170px;}
    .related-images ul.lists li:hover .imgs img { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);}

    .related-images ul.lists li .infos { margin: 0 10px 0 10px; height: 138px;}
    .related-images ul.lists li .infos .names { color: #666; font-size: 18px; margin: 10px 0 0 0;}
    .related-images ul.lists li .infos .texts { color: #666; margin: 15px 0 0 0;}
    .related-images ul.lists li:hover { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); behavior: url(ie-css3.htc);}


@media (max-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 1366px) {

}

@media (min-width: 1500px) {

}

@media (min-width: 1920px) {

}