.fancybox-enabled { overflow: hidden }
.fancybox-enabled body { overflow: visible }
.fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999999993; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.fancybox-container ~ .fancybox-container { z-index: 99992 }
.fancybox-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #0f0f11; opacity: 0; -webkit-transition-timing-function: cubic-bezier(.55,.06,.68,.19); -o-transition-timing-function: cubic-bezier(.55,.06,.68,.19); transition-timing-function: cubic-bezier(.55,.06,.68,.19); -webkit-backface-visibility: hidden; backface-visibility: hidden }
.fancybox-container--ready .fancybox-bg { opacity: .87; -webkit-transition-timing-function: cubic-bezier(.22,.61,.36,1); -o-transition-timing-function: cubic-bezier(.22,.61,.36,1); transition-timing-function: cubic-bezier(.22,.61,.36,1) }
.fancybox-controls { position: absolute; top: 0; left: 0; right: 0; text-align: center; opacity: 0; z-index: 99994; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; direction: ltr }
.fancybox-show-controls .fancybox-controls { opacity: 1 }
.fancybox-infobar { display: none }
.fancybox-show-infobar .fancybox-infobar { display: inline-block; pointer-events: all }
.fancybox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; text-align: center; color: #ddd; background-color: rgba(30,30,30,.7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased }
.fancybox-buttons { position: absolute; top: 0; right: 0; display: none; pointer-events: all }
.fancybox-show-buttons .fancybox-buttons { display: block }
.fancybox-slider-wrap { overflow: hidden; direction: ltr }
.fancybox-slider, .fancybox-slider-wrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent }
.fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: 0; white-space: normal; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch }
.fancybox-slide:before { content: ""; height: 100%; width: 0 }
.fancybox-slide:before, .fancybox-slide > * { display: inline-block; vertical-align: middle }
.fancybox-slide > * { position: relative; padding: 24px; margin: 44px 0; border-width: 0; text-align: left; background-color: #fff; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box }
.fancybox-slide--image { overflow: hidden }
.fancybox-slide--image:before { display: none }
.fancybox-content { display: inline-block; position: relative; margin: 44px auto; padding: 0; border: 0; width: 80%; height: calc(100% - 88px); vertical-align: middle; line-height: normal; text-align: left; white-space: normal; outline: 0; font-size: 16px; font-family: Arial,sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch }
.fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff }
.fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe { background: 0 0 }
.fancybox-placeholder { z-index: 99995; background: 0 0; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.fancybox-image, .fancybox-placeholder, .fancybox-spaceball { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0 }
.fancybox-image, .fancybox-spaceball { width: 100%; height: 100%; max-width: none; max-height: none; background: 0 0; background-size: 100% 100% }
.fancybox-controls--canzoomOut .fancybox-placeholder { cursor: -webkit-zoom-out; cursor: zoom-out }
.fancybox-controls--canzoomIn .fancybox-placeholder { cursor: -webkit-zoom-in; cursor: zoom-in }
.fancybox-controls--canGrab .fancybox-placeholder { cursor: -webkit-grab; cursor: grab }
.fancybox-controls--isGrabbing .fancybox-placeholder { cursor: -webkit-grabbing; cursor: grabbing }
.fancybox-spaceball { z-index: 1 }
.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden }
.fancybox-error { position: absolute; margin: 0; padding: 40px; top: 50%; left: 50%; width: 380px; max-width: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: #fff; cursor: default }
.fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px Helvetica Neue,Helvetica,Arial,sans-serif }
.fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: 0; background: 0 0; z-index: 10; cursor: pointer }
.fancybox-close-small:after { content: "×"; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial,Helvetica Neue,Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; -webkit-transition: background .2s; -o-transition: background .2s; transition: background .2s; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2 }
.fancybox-close-small:focus:after { outline: 1px dotted #888 }
.fancybox-slide--video .fancybox-close-small { top: -36px; right: -36px; background: 0 0 }
.fancybox-close-small:hover:after { color: #555; background: #eee }
.fancybox-caption-wrap { position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 30px 0; z-index: 99998; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; background: -webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(20%,rgba(0,0,0,.1)),color-stop(40%,rgba(0,0,0,.2)),color-stop(80%,rgba(0,0,0,.6)),to(rgba(0,0,0,.8))); background: -webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8)); background: -o-linear-gradient(top,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8)); background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8)); opacity: 0; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; pointer-events: none }
.fancybox-show-caption .fancybox-caption-wrap { opacity: 1 }
.fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255,255,255,.4); font-size: 14px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none }
.fancybox-caption a, .fancybox-caption button { pointer-events: all }
.fancybox-caption a { color: #fff; text-decoration: underline }
.fancybox-button { display: block; position: fixed; width: 44px; height: 44px; line-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; cursor: pointer; top: 50%; margin-top: -22px; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; outline: 0;}
.fancybox-button--disabled { cursor: default; pointer-events: none }
.fancybox-button{ background-color: #a0a0a0;}
.fancybox-button:hover {background-color: #ff602a;}
.fancybox-button:after, .fancybox-button:before { content: ""; pointer-events: none; position: absolute; border-color: #fff; background-color: currentColor; color: currentColor; opacity: .9; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block }
.fancybox-button--disabled:after, .fancybox-button--disabled:before { opacity: .5 }
.fancybox-button--left:after { left: 20px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg) }
.fancybox-button--left:after, .fancybox-button--right:after { top: 18px; width: 6px; height: 6px; background: 0 0; border-top: 2px solid currentColor; border-right: 2px solid currentColor }
.fancybox-button--right:after { right: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.fancybox-button--left {  left: 1%; }
.fancybox-button--right {  right: 1%;}
.fancybox-button--close { float: right }
.fancybox-button--close:after, .fancybox-button--close:before { content: ""; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px) }
.fancybox-button--close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.fancybox-button--close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }
.fancybox-loading { border: 6px solid rgba(99,99,99,.4); border-top: 6px solid rgba(255,255,255,.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: a .8s infinite linear; animation: a .8s infinite linear; background: 0 0; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999 }

@-webkit-keyframes a {
    0% { -webkit-transform: rotate(0); transform: rotate(0) }
    to { -webkit-transform: rotate(359deg); transform: rotate(359deg) }
}

@keyframes a {
    0% { -webkit-transform: rotate(0); transform: rotate(0) }
    to { -webkit-transform: rotate(359deg); transform: rotate(359deg) }
}

@media (max-width:768px) {
    .fancybox-controls { text-align: left }
    .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) { display: none !important }
    .fancybox-caption { padding: 20px 0; margin: 0 }
}

.fancybox-button--fullscreen:before { width: 15px; height: 11px; left: 15px; top: 16px; border: 2px solid; background: 0 0 }
.fancybox-button--play:before { top: 16px; left: 18px; width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; background: 0 0 }
.fancybox-button--pause:before { top: 16px; left: 18px; width: 7px; height: 11px; border-style: solid; border-width: 0 2px; background: 0 0 }
.fancybox-button--thumbs span { font-size: 23px }
.fancybox-button--thumbs:before { top: 20px; left: 21px; width: 3px; height: 3px; -webkit-box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0; box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0 }
.fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap { right: 220px }
.fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; z-index: 99993; word-break: normal; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box }
.fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0 }
.fancybox-thumbs > ul > li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: 0; border: 5px solid #fff; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box }
li.fancybox-thumbs-loading { background: rgba(0,0,0,.1) }
.fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.fancybox-thumbs > ul > li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #f99e01; z-index: 99991; opacity: 0; -webkit-transition: all .2s cubic-bezier(.25,.46,.45,.94); -o-transition: all .2s cubic-bezier(.25,.46,.45,.94); transition: all .2s cubic-bezier(.25,.46,.45,.94) }
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1 }

@media (max-width:768px) {
    .fancybox-thumbs { display: none !important }
    .fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap { right: 0 }
}
.fancybox-button--close {
    float: right;
    top: 0;
    right: 0;
    margin: 0;
}
.list_box_08 li a .con, .list_box_08 li a .con h5, .list_box_08 li a .con p{ transition:.5s}
.list_box_06 li .txt p{ font-size:.875rem}
@media (min-width:768px) {
	.list_box_08 li a:hover .con{ background:#014590}
	.list_box_08 li a:hover .con h5{ color:#fff}
	.list_box_08 li a:hover .con p{ color:#fff; opacity:.8}
	.list_box_08 li a:hover .con .btn_xq .btn_bg:before { border-width: 165px 0 0 165px;}
	.list_box_08 li a:hover .con .btn_xq .btn_bg:after { border-width: 0 165px 165px 0;}
}