@font-face {
	font-family: 'robotoCDR';
	src: url('fonts/RobotoCondensed-Regular.eot');
	src: local('Ã¢ËœÂº'), url('fonts/RobotoCondensed-Regular.ttf') format('truetype'), url('fonts/RobotoCondensed-Regular.woff') format('woff'), url('fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
}
@font-face {
	font-family: 'UTMCol';
	src: url('fonts/UTM_Colossalis.eot');
	src: local('Ã¢ËœÂº'), url('fonts/UTM_Colossalis.ttf') format('truetype'), url('fonts/UTM_Colossalis.woff') format('woff'), url('fonts/UTM_Colossalis.svg#UTM_Colossalis') format('svg');
}
@charset "utf-8 ";
*:not(a):not(span) {
margin:0;
padding:0;
font-weight:normal;
line-height:normal;
font-family:Arial,Helvetica,sans-serif;
color:#333;
font-size:12px
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block
}

ol,ul {
list-style:none
}

a {
text-decoration:none;
outline:0 none;
color:#000
}

img {
display:block;
border:0
}

blockquote,q {
quotes:none
}

blockquote:after,blockquote:before,q:after,q:before {
content: ' ';
content:none
}

table {
border-collapse:collapse;
border-spacing:0
}

fieldset {
border:0
}

input {
border:0 none;
box-sizing:border-box;
color:#444;
height:28px;
padding:0 10px;
background:rgba(255,255,255,0.2);
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
-webkit-border-radius:5px;
-o-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}

textarea {
background:white;
border:1px solid #ddd;
box-sizing:border-box;
color:#666;
padding:6px 10px
}

.clearfix:after {
content: ". ";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0
}

.left {
float:left
}

.right {
float:right
}

.col1000 {
width:1000px;
margin:auto
}

.col300 {
width:300px
}

.mar15 {
margin-bottom:15px
}

.mar20 {
margin-bottom:20px
}

.mar25 {
margin-bottom:25px
}

.relative {
position:relative
}

/*.header {
background:url( "../images/header-bg2.png") no-repeat scroll center 0
}*/

.topbar {
background:#ebebeb;
height:28px;
border-bottom:1px solid #ccc
}

.topbar ul li {
border-left:1px solid #ccc;
float:left;
padding:7px 10px;
font-size:11px;
color:#666;
font-weight:bold;
height:28px;
box-sizing:border-box
}

.topbar .toplast {
background:white;
float:right;
border-right:1px solid #ccc;
height:29px
}

.topbar ul li:last-child span {
color:#bb0000;
font-weight:bold
}

.topbar ul li a {
font-size:11px;
color:#666;
font-weight:bold
}

.topbar ul li a:hover {
text-decoration:underline
}

.topbar .fa {
color:#999;
margin-right:5px;
vertical-align:middle;
font-size:13px
}

.topbar .fa-phone {
font-size:16px
}

.header-ctn {
padding:7px 0 5px
}

img.logo-2 {
    max-width: 220px;
    float: left;
    margin: 15px 15px 15px 0;
}

.logo {
background:url(../images/logoPNG.png?v=6) no-repeat;
width:163px;
height:111px;
display:block;
text-indent:-999em;
float:left;
margin-right:5px
}

.header-news {
float:left;
height:96px;
overflow:hidden;
width:200px
}

.news-label {
font-size:11px;
font-weight:bold;
color:white;
background:#bb0000;
padding:2px 7px;
margin:1px 0;
display:inline-block
}

.header-news ul li {
color:#bb0000;
font-size:9px;
list-style:square inside none;
padding:4px 0 3px 2px
}

.header-news h2,.header-news h3 {
width:97%;
display:inline-block
}

.header-news a {
margin-left:2px;
max-height:29px;
overflow:hidden;
vertical-align:text-top;
width:100%;
display:inline-block
}

.header-news a:hover {
text-decoration:underline
}

.top-banner {
float:right;
margin:5px 0 0 15px
}

.nav {
height:38px;
background:#a91140;
position:relative;
z-index:999;
margin:0 auto;
width:1000px
}

.nav ul li {
float:left;
position:relative
}

/*.nav ul li:last-child {
float:right
}*/

.nav-parent {
border-left:1px solid #b94165;
color:white;
display:block;
padding:13px 5px 10px;
text-transform:uppercase
}

.nav-selected {
background:#91133A
}

.nav-parent:hover,.nav ul li:hover .nav-parent,.nav-home:hover .fa-home,.nav ul li:hover .nav-parent .fa-reorder {
background:#f7f7f7;
color:#a91140
}

.nav-home {
padding:8px 11px 4px
}

.fa-home {
color:white;
font-size:26px
}

.nav ul li:hover .nav-child {
display:block
}

.nav ul li:last-child .nav-child {
left:auto;
right:0
}

.nav-child {
background:#f7f7f7;
display:none;
position:absolute;
width:200px;
-webkit-box-shadow:0 3px 3px 0 #999;
-moz-box-shadow:0 3px 3px 0 #999;
box-shadow:0 3px 3px 0 #999
}

.nav-child a {
border-bottom:1px solid #ddd;
display:block;
padding:10px 12px;
color:#004175
}

.nav-child a:hover {
background:#d22c60;
color:white
}

.nav-more {
padding:7px 13px 6px;
border:0 none;
background:#c90c46
}

.fa-reorder {
color:white;
font-size:24px
}

.banner-area {
margin:15px auto;
width:1000px
}

.slide-area {
background:#F8F8F8;
border:1px solid #E6E6E6;
clear:both;
height:95px
}

.slide-area ul li {
border-left:1px solid #fefefe;
border-right:1px solid #e6e6e6;
float:left;
padding:7px 15px 8px;
width:300px
}

.slide-area ul li:last-child {
border-right:0 none
}

.thumb130x80 {
display:block;
height:80px;
overflow:hidden;
width:130px;
float:left;
margin-right:12px
}

.top-tlt {
color:#222;
display:block;
font-weight:bold;
line-height:16px;
max-height:49px;
overflow:hidden;
margin:1px 0 6px
}

.top-tlt:hover {
text-decoration:underline
}

.tag {
font-size:11px;
color:white;
background:#aaa;
padding:2px 7px;
display:inline-block;
font-weight:bold;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.12s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out
}

.tag:hover {
background:#333
}

.content {
width:670px;
margin-right:15px;
border-right:1px solid #ebebeb;
padding-right:14px;
float:left
}

.thumb441x275 {
display:block;
height:275px;
overflow:hidden;
width:441px;
margin-bottom:3px;
position:relative
}

.big-news {
float:left;
width:441px
}

.title {
}

.big-news .title {
color:#a91140;
font-size:25px;
font-weight:bold;
line-height:29px;
margin-bottom:8px;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.12s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out
}

.big-news .title:hover {
color:#111
}

.timer {
background:url( "../images/clock.png ") no-repeat scroll 0 center;
color:#888;
font-size:11px;
padding-left:17px;
margin-bottom:10px;
display:block
}

.timer .comment {
margin-left:15px
}

.comment {
background:url( "../images/comment.png ") no-repeat scroll 0 1px;
color:#3989dd;
font-size:11px;
margin-left:5px;
padding-left:17px
}

.big-news .caption {
color:#666;
line-height:21px;
font-size:14px;
text-align: justify;
}

.big-news .caption * {
font-size:14px;
color:#333
}

.list-news {
background:#f4f4f4;
box-sizing:border-box;
float:right;
padding:15px;
width:213px;
min-height:420px
}

.list-news li {
border-bottom:1px solid #dcdada;
margin-bottom:7px;
padding-bottom:8px
}

.list-news .last {
border:0 none;
padding-bottom:0
}

.thumb180x110 {
width:180px;
height:110px;
display:block;
overflow:hidden;
margin-bottom:5px;
position:relative
}

.list-news .btlt {
color:#000;
font-weight:bold
}

.list-news .title {
font-size:14px;
line-height:16px;
max-height:48px;
overflow:hidden;
display:block
}

.list-news .title:hover {
color:#004175
}

.misc {
background:url( "../images/misc.png ") no-repeat;
display:inline-block;
vertical-align:middle
}

.camera-icon {
width:16px;
height:12px;
margin-left:3px
}

.photo-icon {
background-position:-24px 0;
width:17px;
height:12px;
margin:0 5px 0 3px
}

.video-icon {
background-position:0 -23px;
bottom:10%;
height:25px;
left:6%;
position:absolute;
width:25px
}

.list-more {
margin:18px 0
}

.list-more li {
float:left;
margin-right:18px;
width:211px
}

.list-more li:last-child {
margin-right:0
}

.thumb211x120 {
width:211px;
height:120px;
display:block;
overflow:hidden;
margin-bottom:5px
}

.list-more .title {
font-weight:bold;
color:#000;
font-size:14px;
line-height:18px
}

.list-more .title:hover,.block .title:hover,.block-title:hover,.block-child a:hover,.block-list .title:hover,.block-diff-list a:hover {
text-decoration:underline
}

.banner {
margin-bottom:25px
}

.block {
border-bottom:1px solid #ebebeb;
padding-bottom:18px;
margin-bottom:18px
}

.thumb300x170 {
width:300px;
height:170px;
display:block;
overflow:hidden;
margin-right:17px;
float:left
}

.block-ctn {
float:left;
width:52%
}

.block .title {
font-size:19px;
line-height:23px;
display:block;
margin-bottom:7px
}

.block .title:hover,.block-title:hover,.block-child a:hover,.block-list .title:hover,.block-diff-list a:hover,.video-title:hover,.readtitle:hover,.eventtlt:hover,.footer a:hover,.concern-list .title:hover {
text-decoration:underline
}

.block-ctn .timer,.block .col300 .timer {
margin:3px 0 0;
float:left
}

.block-ctn .caption,.block .caption {
color:#666;
line-height:17px;
font-size:12px;
margin-top:10px;
margin-bottom:10px;
height:51px;
overflow:hidden;
text-align: justify;
}

.block .col300 {
margin-right:17px
}

.block .col300 .thumb300x170 {
margin:0 0 4px
}

.thumb135x85 {
width:135px;
height:85px;
display:block;
overflow:hidden;
margin-right:15px;
float:left
}

.block-title {
font-size:14px;
font-weight:bold
}

.block.last {
border:0 none;
margin:0;
padding:0 0 5px
}

.block-shape {
background:url( "../images/corner.png ") no-repeat scroll right 0 #dbeaf9;
border-bottom:1px dotted #6aa7e8;
height:35px;
margin-bottom:17px
}

.block-shape .title {
color:#222;
float:left;
font-size:20px;
padding:6px 10px;
text-transform:uppercase
}

.block-hdr {
border-bottom:1px solid #ddd;
margin-bottom:17px;
height:23px
}

.block-hdr .title {
font-size:16px;
font-weight:bold;
text-transform:uppercase;
border-bottom:1px solid #a91140;
float:left;
padding:0 3px 5px;
color:#a91140
}

.block-child {
float:right;
margin:6px 12px
}

.block-child li {
color:#8fbded;
float:left;
font-size:9px;
list-style:square outside none;
margin:0 10px
}

.block-child a {
font-size:11px
}

.block-list li {
border-bottom:1px dotted #ccc;
float:left;
margin:0 20px 10px 0;
padding-bottom:10px;
width:45%
}

.block-list li:nth-child(2n) {
width:48%
}

.thumb75x50 {
width:75px;
height:50px;
display:block;
overflow:hidden;
margin-right:10px;
float:left
}

.block-list .title {
    color: #222;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.block-diff {
border:0 none;
padding:0
}

.block-diff .block-ctn {
width:49%;
margin-left:2px
}

.block-diff-list li {
border-bottom:1px solid #ebebeb;
display:block;
font-size:13px;
margin-bottom:10px;
padding-bottom:9px
}

.red-bor {
border-bottom:1px solid #a91140 !important
}

.video {
width:470px;
float:left
}

.video-area {
margin-bottom:4px
}

.sharing {
border-bottom:1px solid #eaeaea;
padding-bottom:8px
}

.video .sharing {
border-bottom:none
}

.sharing .timer {
margin:5px 0 0;
float:left
}

.video-child {
border-bottom:1px solid #eaeaea;
float:right;
width:180px;
padding-bottom:12px;
margin-bottom:12px
}

.video-child:last-child {
border-bottom:none
}

.video-title {
font-weight:bold;
line-height:16px;
font-family:Arial,Helvetica,sans-serif;
margin-bottom:7px
}

.contact {
background:url( "../images/corner.png ") no-repeat scroll right 0 #e9e9e9;
margin-bottom:20px
}

.contact p {
border-bottom:1px dotted #bbb;
font-family:times new roman;
font-size:18px;
padding:8px 15px
}

.contact p img {
display:inline-block;
margin-right:8px;
vertical-align:top
}

.block-hdr .red-tlt {
border:0 none;
color:#a91140
}

.block-hdr .blue-tlt {
border:0 none;
color:#a91140
}

.warn-ctn {
border-bottom:1px solid #e5e5e5;
padding-bottom:13px;
margin-bottom:13px
}

.warn-ctn .title {
float:left;
font-size:14px;
font-weight:bold;
line-height:18px;
width:57%;
margin-left:3px
}

.warn-ctn .title:first-letter {
color:#a91140;
font-size:16px
}

.warn-ctn .title:hover {
color:#004175
}

.thumb115x75 {
display:block;
height:75px;
overflow:hidden;
width:115px
}

.readlist li {
border-bottom:1px dotted #ccc;
color:#bbb;
font-size:7px;
list-style:inside none square;
margin:0 0 8px 2px;
padding:0 0 8px
}

.readlist li:last-child {
border-bottom:0 none
}

.readlist .first {
list-style:none;
margin:0 0 8px;
padding:0 0 12px
}

.readlist .thumb115x75 {
margin-right:10px;
float:left
}

.readtitle {
display:inline-block;
line-height:16px;
margin-left:3px;
vertical-align:text-top;
width:96%
}

.event-ctn {
padding:10px;
background:#f8f8f8
}

.event-ctn:nth-child(2n) {
background:white
}

.event-ctn .thumb115x75 {
float:left;
margin-right:10px
}

.eventtlt {
color:#222;
line-height:16px
}

.photo-slider .bxslider li {
background:#e9e9e9;
height:208px
}

.thumb300x160 {
width:300px;
height:160px;
display:block;
overflow:hidden
}

.photo-slider .bxslider img {
width:100%
}

.photo-slider .bx-controls {
display:none
}

.dial-slider li {
width:300px !important
}

.dial-char {
background:#f0f0f0;
padding:0;
position:relative
}

.thumb95x95 {
margin:0;
display:block;
float:left;
height:255px;
margin-right:0;
overflow:hidden;
width:100%
}

.thumb95x95 img {
width:100%
}

.desc_dial {
padding:10px;
position:absolute;
bottom:0;
left:0;
right:0;
background:rgba(0,0,0,0.5);
color:#fff
}

.office {
color:#fff;
font-size:14px;
margin:0px 0 8px
}

.office * {
color:#fff;
font-weight:bold;
font-size:14px
}

.dial-char p {
color:#fff;
line-height:17px;
margin-bottom:11px
}

.quote {
background:url( "../images/quote.png ") no-repeat scroll 3px 19px white;
color:black;
border-bottom:3px solid #AE204C;
font-size:18px;
line-height:22px;
padding:15px 0 15px 48px;
position:relative
}

.dial-icon {
background-position:-33px -22px;
height:19px;
position:absolute;
right:13%;
top:-19px;
width:43px
}

.dialogue .bx-controls-direction {
display:none
}

.dialogue .bx-has-controls-direction {
position:absolute;
right:0;
top:-22px
}

.bottom-banner {
margin:25px 0
}

.bottom-banner img {
margin:auto
}

.business .bx-pager {
display:none
}

.business-slide li a {
background:white;
border:1px solid #cecece;
display:block;
height:68px;
width:136px
}

.business-slide li a:hover {
border-color:#9fb4ca
}

.business .bx-controls-direction {
position:absolute;
right:0;
top:-52px
}

.business .bx-wrapper .bx-controls-direction .bx-prev {
width:26px
}

.business .bx-wrapper .bx-controls-direction .bx-next {
background-position:-26px 0
}

.business .bx-wrapper .bx-controls-direction a {
height:27px;
outline:0 none;
text-indent:-999em;
float:left;
width:27px;
background:url( "../images/controls.png ") no-repeat
}

.business .bx-wrapper .bx-controls-direction a:active {
margin-top:1px
}

.footer {
background:#f0f0f0;
border-top:3px solid #d8d8d8;
font-size:11px
}

.footer * {
font-size:11px
}

.footer strong {
font-weight:bold
}

.footer-link {
border-bottom:1px solid #dedede;
padding:10px 0
}

.footer-link a {
padding:0 12px;
font-weight:bold
}

.footer-link .uptop {
float:right;
padding-right:0
}

.fa-chevron-circle-up {
color:#c2c2c2;
font-size:15px;
margin-left:3px;
vertical-align:middle
}
.fontRobotoR {
	font-family: 'robotoR', Arial, Helvetica, sans-serif;
	font-weight: normal
}
.fontRobotoB {
	font-family: 'robotoB', Arial, Helvetica, sans-serif;
	font-weight: normal
}
.fontRobotoCDR {
	font-family: 'robotoCDR', Arial, Helvetica, sans-serif;
	font-weight: normal
}
.fontRobotoCDB {
	font-family: 'robotoCDB', Arial, Helvetica, sans-serif !important;
	font-weight: normal
}
.fontbold {
	font-weight: bold
}
.footer-info {
border-bottom:1px solid #dedede;
padding:13px 0
}

.footer-logo {
background:url( "../images/logoPNG.png?v=5") no-repeat scroll -3px 0;
width:168px;
height:112px;
display:block;
float:left;
text-indent:-999em;
margin-right:4px
}

.footer-ctn {
line-height:17px;
width:39%;
color:black
}

.source {
text-align:center;
padding:7px 0;
color:black
}

.cate-hdr {
height:25px
}

.cate-hdr .title {
font-size:17px
}

.cate-hdr .block-child {
margin:9px 0
}

.cate-title {
background:rgba(0,0,0,0.5);
color:white;
font-size:20px;
line-height:23px;
position:absolute;
left:0;
bottom:0;
box-sizing:border-box;
padding:10px;
width:100%;
text-shadow:1px 1px 1px black;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}

.cate-title:hover {
background:rgba(0,0,0,0.8)
}

.big-news .sharing {
margin:7px 0 10px
}

.cate .big-news .caption {
margin-bottom:20px
}

.cate .list-more {
margin-bottom:22px
}

.paging {
margin:25px 0 30px;
text-align:center
}

.paging a {
background:#ccc;
color:white;
font-size:20px;
font-weight:bold;
margin:0 4px;
padding:7px 14px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}

.paging a:hover,.paging .pag-active {
background:#333
}

.paging .prevnext {
background:none !important;
margin:0 5px;
padding:0
}

.paging .prevnext .fa {
font-size:28px;
vertical-align:middle
}

.cate-hdr .fa-angle-right {
color:#c9c9c9;
float:left;
font-size:24px;
line-height:27px;
margin:0 12px
}

.direct {
color:#555;
float:left;
font-family: "Times New Roman ",Times,serif;
font-size:18px;
line-height:28px
}

.slide-area .topslide li {
width:330px !important;
padding:7px 25px 8px;
border-left:0 none;
box-sizing:border-box
}

.slide-area .bx-pager {
display:none
}

.slide-area .bx-controls-direction a {
background:url(../images/arrow.png) no-repeat;
height:50px;
position:absolute;
top:22px;
width:22px;
cursor:pointer;
text-indent:-999em;
-webkit-transition:all 0.1s ease-in-out;
-moz-transition:all 0.1s ease-in-out;
-o-transition:all 0.1s ease-in-out;
-ms-transition:all 0.1s ease-in-out;
transition:all 0.1s ease-in-out
}

.slide-area .bx-controls-direction .bx-prev {
left:-1px
}

.slide-area .bx-controls-direction .bx-next {
right:0;
background-position:-44px 0
}

.slide-area .bx-controls-direction .bx-prev:hover {
background-position:-22px 0
}

.slide-area .bx-controls-direction .bx-next:hover {
background-position:-66px 0
}

.detail-art {
border-bottom:3px solid #ddd;
margin-bottom:25px
}

.detail-art.last {
border:0 none;
padding-bottom:0
}

.detail-title {
color:#222;
font-family: "Times New Roman ",Times,serif;
font-size:30px;
font-weight:bold;
line-height:35px
}

.social {
background:white;
border:1px solid #efefef;
box-sizing:border-box;
padding:8px 0;
float:left;
margin-left:-110px;
top:-1px;
width:100px;
clear:both;
margin-top:80px
}

.social .title {
color:#555;
font-weight:bold;
text-align:center;
text-transform:uppercase;
margin-bottom:10px
}

.sharing-icons {
background:url( "../images/sharing.png ") no-repeat;
display:block;
height:22px;
margin:auto auto 8px;
text-indent:-999em;
width:24px;
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
-o-transition:all .1s ease-in-out;
transition:all .1s ease-in-out
}

.tt {
background-position:-27px 0
}

.gg {
background-position:-53px 0
}

.detail-intro {
border-bottom:1px solid #ddd;
padding:12px 0
}

.author {
float:left;
text-align:center;
width:120px
}

.thumb60x60 {
width:60px;
height:60px;
display:block;
overflow:hidden;
background:#eee;
margin:auto auto 7px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}

.author h4 {
font-weight:bold;
text-transform:uppercase;
margin-bottom:2px
}

.author time {
color:#888;
font-size:11px;
line-height:17px
}

.sum {
float:right;
width:77%
}

.sum .caption,.vi-detail .caption {
color:#666;
font-size:14px;
line-height:21px;
margin-bottom:12px;
font-weight:bold;
text-align: justify;
}

.sum .caption *,.vi-detail .caption * {
color:#333;
font-size:14px
}

.detail-list {
padding:8px 0 12px
}

.detail-list li {
color:#bbb;
font-size:9px;
list-style:square inside none;
margin:0 0 0 0px;
padding:9px 0
}

.detail-list .readtitle {
font-size:15px;
color:#004175
}

#main-detail {
padding:0 12px 0 0
}

.comment-area {
background:#f8f8f8;
box-sizing:border-box;
padding:15px;
margin-bottom:20px
}

.comment-area textarea {
width:100%;
margin-bottom:6px
}

.btn {
background:#999;
border:1px solid #888;
color:white;
padding:5px 12px;
float:right;
text-transform:uppercase;
font-weight:bold;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}

.btn:hover {
background:#333
}

.comment-title {
color:#222;
font-size:20px;
padding:0 0 5px 3px;
border-bottom:1px solid #ddd
}

.comment-ctn {
border-bottom:1px dotted #ccc;
padding:15px 0
}

.ava {
width:48px;
height:48px;
display:block;
overflow:hidden;
border:1px solid #ddd;
margin-right:13px;
float:left
}

.comment-dtl {
float:left;
width:90%
}

.comment-dtl .title {
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
float:left
}

.comment-dtl time {
color:#888;
font-size:11px;
line-height:17px;
margin:0 6px;
float:left
}

.comment-dtl time span {
background:#bbb;
display:inline-block;
height:2px;
margin:0 3px;
vertical-align:middle;
width:2px
}

.stars {
background:url(../images/stars.png) no-repeat;
width:75px;
height:14px;
display:block;
float:left;
text-indent:-999em
}

.star4 {
background-position:0 -19px
}

.star3 {
background-position:0 -39px
}

.star2 {
background-position:0 -60px
}

.star1 {
background-position:0 -81px
}

.comment-dtl p {
color:#555;
font-size:13px;
line-height:18px;
margin:5px 0 8px
}

.like {
color:#3989dd;
font-size:11px;
text-transform:uppercase
}

.like-icon {
background:url( "../images/heart.png ") no-repeat;
cursor:pointer;
display:inline-block;
height:11px;
margin-right:4px;
vertical-align:text-top;
width:13px
}

.liked,.like-icon:hover {
background-position:-18px 0
}

.morecmt {
background:url( "../images/more-icon.png ") no-repeat scroll center center #f8f8f8;
display:block;
margin-top:10px;
padding:10px 0;
text-indent:-999em
}

.morecmt:hover {
background:url( "../images/more-icon.png") no-repeat scroll center center #eee
}

.concern-list li {
float:left;
margin:0 7px 10px 0;
width:160px
}

.detail-art .concern-list li:last-child {
margin-right:0
}

.thumb160x100 {
display:block;
height:110px;
margin-bottom:5px;
overflow:hidden;
width:155px;
position:relative
}

.concern-list .title {
color:#004175;
font-family:Arial,Helvetica,sans-serif;
line-height:16px
}

.vi-main {
margin-bottom:17px
}

.thumb436x248 {
width:430px;
height:240px;
display:block;
overflow:hidden;
position:relative;
margin-bottom:10px;
background:#ddd
}
.thumb420x230 {
width:420px;
height:230px;
display:block;
overflow:hidden;
position:relative;
margin-bottom:16px;
background:#ddd
}
.play-icon {
background:url(../images/play.png) no-repeat;
width:62px;
height:64px;
display:block;
left:42%;
position:absolute;
top:33%
}

.thumb216x132 {
width:210px;
height:132px;
display:block;
overflow:hidden;
position:relative;
margin-right:10px;
float:left;
background:#ddd
}
.thumb205x132 {
width:205px;
height:132px;
display:block;
overflow:hidden;
position:relative;
margin-right:12px;
float:left;
background:#ddd
}
.thumb265x181 {
    width: 265px;
    height: 181px;
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0 12px 16px 0;
    background: #ddd;
}
.thumb216x132 .cate-title,.thumb278x190 .cate-title {
font-size:16px;
line-height:19px;
padding:6px 10px
}

.thumb216x132 .play-icon {
background-size:42px auto;
left:40%;
top:23%
}

.vi-main ul li {
float:left
}

.vi-main ul li:nth-child(2n) .thumb278x190 {
margin-right:0
}

.thumb278x190 {
width:270px;
height:185px;
display:block;
overflow:hidden;
position:relative;
margin:0 10px 10px 0;
background:#ddd
}

.thumb278x190 .play-icon {
left:40%;
top:27%
}

.vi-popular .concern-list li {
margin-bottom:15px
}

.vi-popular .concern-list li:nth-child(4n) {
margin-right:0
}

.playmisc {
background:url(../images/play-sml.png) no-repeat;
width:37px;
height:38px;
display:block;
left:38%;
position:absolute;
top:35%
}

.bx-wrapper .thumb160x100 img {
max-width:inherit
}

.bx-wrapper .concern-list li {
margin-right:3px
}

.vi-detail {
margin-bottom:25px
}

.vi-detail .detail-title {
font-size:25px;
line-height:29px;
margin:7px 0 0
}

.vi-sharing {
border-bottom:1px solid #ddd;
margin-bottom:15px;
padding:13px 0
}

.slide_photo_detail {
margin-bottom:20px
}

.jssora05l,.jssora05r,.jssora05ldn,.jssora05rdn {
position:absolute;
cursor:pointer;
display:block;
background:url(../images/a17.png) no-repeat;
overflow:hidden
}

.jssora05l {
background-position:-10px -40px
}

.jssora05r {
background-position:-71px -40px
}

.jssora05l:hover {
background-position:-130px -40px
}

.jssora05r:hover {
background-position:-191px -40px
}

.jssora05ldn {
background-position:-250px -40px
}

.jssora05rdn {
background-position:-310px -40px
}

.jssort01 .w {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%
}

.jssort01 .c {
position:absolute;
top:0px;
left:0px;
width:68px;
height:68px;
border:#000 2px solid
}

.jssort01 .p:hover .c,.jssort01 .pav:hover .c,.jssort01 .pav .c {
background:url(../images/t01.png) center center;
border-width:0px;
top:2px;
left:2px;
width:68px;
height:68px
}

.jssort01 .p:hover .c,.jssort01 .pav:hover .c {
top:0px;
left:0px;
width:70px;
height:70px;
border:#fff 1px solid
}

.detail_img_photo {
width:auto !important;
position:relative !important;
top:auto !important;
left:inherit !important
}

.box_photo {
text-align:center
}

.sapo_photo {
background:rgba(0,0,0,0.6);
bottom:0;
color:#fff;
font-size:15px !important;
font-weight:normal;
left:0;
padding:10px;
position:absolute;
right:0;
text-align:left
}

.list-item-news-1 li {
margin-bottom:5px
}

.list-item-news-1 li a {
background:url(../images/bullet.png) no-repeat 0px 7px;
padding-left:12px;
display:inline-block;
font-size:13px;
color:#777
}

.list-item-news-1 li a:hover {
color:#a91140
}

.col50per {
width:47%
}

.concern-list {
border-bottom:1px solid #e4e4e4
}

.box_search {
padding:3px 6px!important;
background:#fff;
border:1px solid #ddd;
border-radius:3px;
float:right !important;
margin:2px !important;
height:25px !important;
margin-right:5px !important
}

.txt_search {
float:left;
height:20px;
padding:3px;
width:120px
}

.btn_search {
float:left;
background:url(../images/icon_search.png);
width:20px;
height:19px;
text-indent:-999px
}

#back-top {
position:fixed;
bottom:30px;
right:20px
}

#back-top a {
width:40px;
display:block;
text-align:center;
font:10px/100% Arial,Helvetica,sans-serif;
text-transform:uppercase;
text-decoration:none;
color:#bbb;
-webkit-transition:1s;
-moz-transition:1s;
transition:1s
}

#back-top a:hover {
color:#000
}

#back-top span {
width:40px;
height:40px;
display:block;
margin-bottom:7px;
background:#a91140 url(../images/up-arrow.png) no-repeat center center;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
-webkit-transition:1s;
-moz-transition:1s;
transition:1s
}

#back-top a:hover span {
background-color:#777
}

.warning_box .bx-has-controls-direction {
position:absolute;
right:0px;
top:-34px
}

.warning_box .bx-controls-direction {
display:none
}

.warning_box .warn-ctn {
border-bottom:1px solid #fff
}

.warning_box .warn-ctn:last-child {
border-bottom:none;
margin-bottom:0;
padding-bottom:0
}

.warning_box {
background:#f6e7ec;
padding:10px
}

.head_warning {
background:#a91140;
height:33px;
margin-bottom:1px
}

.head_warning .red-tlt {
color:#fff;
padding:8px 13px
}

.warning_box .thumb115x75 {
width:100%;
margin-bottom:5px;
height:110px
}

.warning_box .thumb115x75 img {
width:100%
}

.warning_box .title {
width:100%;
margin-left:0
}

.head_dhd {
background:url(../images/head-dhd.jpg) #e1312a left no-repeat;
min-height:62px;
border:3px solid #e1312a;
color:#fff;
text-align:center;
padding-left:70px;
padding-right:10px
}

.head_dhd span {
margin-top:18px;
color:#fff;
display:inline-block
}

.box_news_dhd {
border:1px solid #ddd572;
background:#fff9b2
}

.thumb100x75 {
display:inline-block;
width:100px;
height:75px;
margin-right:10px;
float:left;
overflow:hidden
}

.thumb100x75 img {
height:100%
}

.title_dhd {
display:block
}

.list_news_dhd {
margin:10px
}

.list_news_dhd li {
border-bottom:1px solid #ddd572;
margin-bottom:10px;
padding-bottom:10px
}

.list_news_dhd li a:hover {
text-decoration:underline
}

.list_news_dhd li:last-child {
margin-bottom:0;
padding-bottom:0;
border-bottom:none
}

.view_more_dhd {
background:#fff;
display:block;
padding:5px;
text-align:center;
border-top:1px solid #ddd572;
text-transform:uppercase;
font-size:11px;
color:#666
}

.view_more_dhd:hover {
color:#e1312a
}

/*css gltt*/
.subnav ul li {float: left;padding: 4px 10px 0 0;height: 18px;overflow: hidden;}
.subnav .active {width: 90px;height: 20px;float: left;margin: 4px 5px 0 0;padding: 0;}
.subnav ul a {color: #004175;background-position: 0 -2390px;background-repeat: no-repeat;padding-right: 10px;line-height: 18px;}
.nav-parent{border-color:#ce1800;padding:13px 5px 11px}
.nav-more{padding:7px 13px 7px}
.nav-home{padding:8px 11px 4px}
.topic_gltt .nav{width:100%;background:#b00e01}
.topic_gltt .nav-more,.topic_gltt .head_warning{background:#b00e01}
.topic_gltt .nav-selected{background:#ce1800}
.topic_gltt .nav-child a:hover{background:#b00e01}
.topic_gltt  .block-hdr .blue-tlt{color:#b00e01}
.topic_gltt .block-hdr .title{color:#b00e01;border-color:#b00e01 !important}
.topic_gltt  .head_warning .red-tlt{color:#fff}
.topic_gltt .mar20{margin-bottom:30px}
.block-hdr .title{font-size:15px}
.cate-hdr{height:22px}
.big_news_gltt{width:100%;float:none}
.thumb350{width:100%;height:350px;overflow:hidden;position:relative;display:block}
.thumb211x120{position:relative}
.line{height:1px;background:#eaeaea;width:100%;margin-bottom:15px}
.topic_gltt  .list-more li{margin-bottom:15px}
.topic_gltt .list-more{margin-bottom:0}
.topic_gltt  .list-more .title{font-weight:normal}
.topic_gltt .detail-art{border-bottom:none	}
.topic_gltt #main-detail{border-bottom:none}
.list-more li:last-child,.list-more li:nth-child(3n){margin-right:0}
.list-more li:nth-child(3n+1){clear:left}
.warning_box .thumb115x75{height:auto}
.guests_gltt{border:1px solid #ddd;border-top:none}
.guests_gltt li{padding:10px}
.guests_gltt li:nth-child(2n){background:#f2f2f2;border:1px solid #ddd;border-width:1px 0}
.guests_gltt li:last-child{border-bottom:none}
.name_guess{font-weight:bold;margin-bottom:5px;display:block}
.regency_guess{color:#888}
.thumb65x65{width:65px;height:65px;border-radius:5px;overflow:hidden;position:relative;display:inline-block;float:left;margin-right:10px}
.thumb65x65 img{width:100%}
.txt_question{background:#f0f0f0;border-radius:4px;padding:10px 5px;width:100%;margin-bottom:10px;height:auto;border:1px solid #ddd}
.send_question{background:#b00e00;border-bottom:3px solid #800000;border-radius:4px;padding:7px 10px;min-width:80px;text-align:center;color:#fff;font-size:12px;font-weight:bold;}
.clear_question{background:#dddddd;border-bottom:3px solid #cbcbcb;border-radius:4px;padding:7px 10px;min-width:80px;text-align:center;color:#444;font-size:12px;font-weight:bold;}
.send_question:hover,.clear_question:hover{opacity:0.8}
.vi-popular .concern-list li:nth-child(4n){margin-right:0}
.vi-popular .concern-list li:nth-child(4n+1){clear:left}
.head_content_gltt{border:1px solid #ccc;padding:5px 10px;font-size:12px;font-weight:bold}
.slt_short{border:none;padding:3px 5px;border-radius:3px;}
.box_ques{border:1px solid #ddd}
#main-detail div.ques_gltt{background:#f2f2f2;padding:15px;margin:0 !important}
#main-detail div.rep_gltt{padding:5px 15px;margin:0 !important}
#main-detail div.content_ques{border-left:1px solid #bbb;padding-left:20px;margin:0 0 10px !important;margin-left:20px !important}
#main-detail div.name_user_ques{color:#a9111d !important;font-weight:bold;margin:0 0 10px !important;margin-left:40px !important; }
#main-detail img{max-width:100% !important}
#main-detail div.box_ques{margin-bottom:20px !important}
.name_user_rep{font-weight:bold;}
.content_ques{font-style:italic;font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif !important;font-size:15px !important;text-align: justify;}
.backtop_gltt{background:#f5f5f5;border-bottom:1px solid #ddd;color:#888 !important;text-align:center;padding:10px;font-size:14px;width:100%;display:block;box-sizing:border-box;}