/*!********************************************************************
***************************Copyright (c) 2017 by yuchen.****************
*************************************************************************/body, h1, h2, h3, h4, h5, h6 {
    font-family: Verdana, Helvetica, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    line-height: 30px;
}
h1, h2, h3, h4, h5, h6, label, li, p, td {
    letter-spacing: 2px;
}
h3, h6, label, li, p, td {
    font-size: 16px;
}
.navbar-nav>li, .navbar>.container .navbar-brand {
    margin-left: 0;
}
.pp_gallery ul, .pp_nav p {
    float: left;
    white-space: nowrap;
}
body {
    color: #3c3c3c;
    background: #fff;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}
#services_menu h1 {
    font-family: 'times new roman', "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
table, td {
    font-family: Verdana, Helvetica, "微軟正黑體", "Microsoft JhengHei", sans-serif;
}
h1, h2 {
    font-size: 24px;
}
h4 {
    font-size: 14px;
}
h5 {
    font-size: 18px;
}
@media screen and (max-width:767px) {
    label, li, p, td {
    font-size: 14px;
}
}a {
    color: #ffc800;
    -webkit-transition: color 300ms, background-color 300ms;
    -moz-transition: color 300ms, background-color 300ms;
    -o-transition: color 300ms, background-color 300ms;
    transition: color 300ms, background-color 300ms;
}
a:focus, a:hover {
    color: #f39800;
    text-decoration: none;
    outline: 0;
}
img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
::selection {
    background: #ea9721;
    color: #fff;
}
::-moz-selection {
    background: #ea9721;
    color: #fff;
}
.navbar, .navbar-inverse .navbar-nav .dropdown-menu>li.divider, .navbar-inverse .navbar-nav>li>a:hover, .panel {
    background-color: transparent;
}
#services_albumman a, #services_albumman a:focus, #services_albumman a:visited {
    color: #003cff;
}
#services_albumman a:hover {
    color: #009cff;
}
#gotop {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 150px;
    padding: 0 10px;
    font-size: 54px;
    cursor: pointer;
    z-index: 999;
}
@media(max-width:1199px) {
    #gotop {
    bottom: 200px;
    right: 0;
}
}@media(max-width:991px) {
    #gotop img {
    max-width: 60px;
}
#gotop {
    bottom: 10px;
    right: 0;
}
}#gotop img:hover {
    -webkit-animation: top .5s ease-in-out infinite;
    animation: top .5s ease-in-out infinite;
    opacity: 1;
}
@-webkit-keyframes top {
    0%, 100% {
    -webkit-transform: scale(1);
}
50% {
    -webkit-transform: scale(1.1);
}
}@keyframes top {
    0%, 100% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
}.navbar-brand {
    padding: 0 0 0 220px;
    margin: 0;
}
@media(max-width:1919px) {
    .navbar-brand {
    padding: 0;
    margin: 0;
}
}.navbar {
    border-radius: 0;
    margin-bottom: 0;
}
.navbar-nav {
    margin-top: 0;
}
.navbar-nav.navin>li {
    margin-left: 0;
    padding-top: 5px;
}
@media screen and (max-width:991px) {
    .navbar-nav>li {
    padding-top: 0;
}
.navbar-nav.navin>li {
    margin-left: 0;
    padding-top: 0;
}
}.navbar-inverse .navbar-nav>li>a {
    padding: 0;
    margin: 0;
    border-radius: 3px;
    color: #767676;
    line-height: 24px;
    display: inline-block;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color: #767676;
}
.navbar-inverse {
    border: none;
}
.navbar-inverse .navbar-brand {
    font-size: 36px;
    line-height: 50px;
    color: #fff;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    background-color: transparent;
    color: #000;
}
.navbar-inverse .navbar-nav .dropdown-menu {
    border: 0;
    padding: 0;
    margin-top: 0;
    border-top: 0;
    border-radius: 0;
    left: 0;
    color: #fff;
}
.navbar-inverse .navbar-nav .dropdown-menu:before {
    position: absolute;
    top: 0;
}
.navbar-inverse .navbar-nav .dropdown-menu>li>a {
    padding: 8px 15px;
    color: #fff;
}
.navbar-inverse .navbar-nav .dropdown-menu>li.active>a, .navbar-inverse .navbar-nav .dropdown-menu>li:focus>a, .navbar-inverse .navbar-nav .dropdown-menu>li:hover>a {
    color: #fff;
}
.navbar-inverse .navbar-nav .dropdown-menu>li:last-child>a {
    border-radius: 0 0 3px 3px;
}
.dropdown-menu p {
    color: #fff;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-top: 0;
    padding-bottom: 0;
}
.footer {
    vertical-align: middle;
    word-wrap: break-word;
    word-break: break-all;
    letter-spacing: 1px;
}
@media screen and (max-width:767px) {
    .footer {
    font-size: 13px;
}
}@media screen and (max-width:450px) {
    .footer {
    font-size: 12px;
    letter-spacing: .5px;
}
}@media screen and (max-width:350px) {
    .footer {
    letter-spacing: .1px;
}
}.panel {
    margin-top: 120px;
}
@media screen and (max-width:768px) {
    .loginbtn input {
    margin-top: 10px;
}
}.panel-info {
    border-color: #5cb85c;
}
.panel-info>.panel-heading {
    color: #fff;
    background-color: #5cb85c;
    border-color: #bce8f1;
}
.panel-info .ripple input[type=submit] {
    position: relative;
    outline: 0;
    cursor: pointer;
    background: #5cb85c;
    color: #fff;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    border: 1px solid #5cb85c;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.panel-info .ripple input[type=submit]:hover {
    background: #3d8b3d;
    border: 1px solid #3d8b3d;
}
.panel-info .ripple input[type=reset] {
    position: relative;
    outline: 0;
    cursor: pointer;
    background: #fff;
    color: #5cb85c;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    border: 1px solid #5cb85c;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.panel-info .ripple input[type=reset]:hover {
    color: #3d8b3d;
    border: 1px solid #3d8b3d;
}
.panel-default {
    border-color: #5fb0e4;
}
.panel-default>.panel-heading {
    color: #fff;
    background-color: #5fb0e4;
    border-color: #bce8f1;
}
.panel-default .ripple input[type=button] {
    position: relative;
    outline: 0;
    cursor: pointer;
    background: #fff;
    color: #5fb0e4;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    border: 1px solid #5fb0e4;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.panel-default .ripple input[type=button]:hover {
    background: #248ed3;
    border: 1px solid #248ed3;
    color: #fff;
}
#services_login a, #services_login a:visited {
    color: #000;
}
#services_login a:focus, #services_login a:hover {
    color: #5fb0e4;
}
.panel-success {
    border-color: #748bce;
}
.panel-success>.panel-heading {
    color: #fff;
    background-color: #748bce;
    border-color: #748bce;
}
.panel-success .ripple input[type=button] {
    position: relative;
    outline: 0;
    cursor: pointer;
    background: #748bce;
    color: #fff;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    border: 1px solid #748bce;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.panel-success .ripple input[type=button]:hover {
    background: #7475ce;
    border: 1px solid #7475ce;
    color: #fff;
}
#particles {
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: -2;
}
.panel-default2 {
    border-color: #2b85bf;
}
.panel-default2>.panel-heading {
    color: #fff;
    background-color: #2b85bf;
    border-color: #2b85bf;
}
.panel-default2 .ripple input[type=button] {
    position: relative;
    outline: 0;
    cursor: pointer;
    background: #fff;
    color: #2b85bf;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    border: 1px solid #2b85bf;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.panel-default2 .ripple input[type=button]:hover {
    background: #248ed3;
    border: 1px solid #248ed3;
    color: #fff;
}
.ripple0 input {
    background: 0 0;
    padding: 8px 20px;
    border: 1px solid #14aebc;
    transition: .3s ease-in-out;
}
.ripple0 input, .ripple01 input {
    -webkit-transition: .3s ease-in-out;
    outline: 0;
    cursor: pointer;
    position: relative;
    color: #14aebc;
    border-radius: 2px;
    font-size: 14px;
}
.ripple01 input {
    background: #fff;
    border: 1px solid #14aebc;
    transition: .3s ease-in-out;
}
.ripple0 input:hover {
    border: 1px solid #107780;
    color: #107780;
}
div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right, div.pp_default .pp_top, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_right {
    height: 13px;
}
div.pp_default .pp_top .pp_left {
    background: url(../../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
}
div.pp_default .pp_top .pp_middle {
    background: url(../../images/prettyPhoto/default/sprite_x.png) top left repeat-x;
}
div.pp_default .pp_top .pp_right {
    background: url(../../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
}
div.pp_default .pp_content .ppt {
    color: #f8f8f8;
}
div.pp_default .pp_content_container .pp_left {
    background: url(../../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
    padding-left: 13px;
}
div.pp_default .pp_content_container .pp_right {
    background: url(../../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
    padding-right: 13px;
}
div.pp_default .pp_next:hover {
    background: url(../../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
    cursor: pointer;
}
div.pp_default .pp_previous:hover {
    background: url(../../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
    cursor: pointer;
}
div.pp_default .pp_expand {
    background: url(..../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px;
}
div.pp_default .pp_expand:hover {
    background: url(../../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
    cursor: pointer;
}
div.pp_default .pp_contract {
    background: url(../../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px;
}
div.pp_default .pp_contract:hover {
    background: url(../../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
    cursor: pointer;
}
div.pp_default .pp_close {
    width: 30px;
    height: 30px;
    background: url(../../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
    cursor: pointer;
}
div.pp_default .pp_gallery ul li a {
    background: url(../../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
    border: 1px solid #aaa;
}
div.pp_default .pp_social {
    margin-top: 7px;
}
div.pp_default .pp_gallery a.pp_arrow_next, div.pp_default .pp_gallery a.pp_arrow_previous {
    position: static;
    left: auto;
}
div.pp_default .pp_nav .pp_pause, div.pp_default .pp_nav .pp_play {
    background: url(../../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
    height: 30px;
    width: 30px;
}
div.pp_default .pp_nav .pp_pause {
    background-position: -51px -29px;
}
div.pp_default a.pp_arrow_next, div.pp_default a.pp_arrow_previous {
    background: url(../../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
    height: 20px;
    width: 20px;
    margin: 4px 0 0;
}
div.pp_default a.pp_arrow_next {
    left: 52px;
    background-position: -82px -3px;
}
div.pp_default .pp_content_container .pp_details {
    margin-top: 5px;
}
div.pp_default .pp_nav {
    clear: none;
    height: 30px;
    width: 110px;
    position: relative;
}
div.pp_default .pp_nav .currentTextHolder {
    font-family: Georgia;
    font-style: italic;
    color: #999;
    font-size: 11px;
    left: 75px;
    line-height: 25px;
    position: absolute;
    top: 2px;
    margin: 0;
    padding: 0 0 0 10px;
}
div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover, div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_nav .pp_play:hover {
    opacity: .7;
}
div.pp_default .pp_description {
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    margin: 5px 50px 5px 0;
}
div.pp_default .pp_bottom .pp_left {
    background: url(../../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
}
div.pp_default .pp_bottom .pp_middle {
    background: url(../../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
}
div.pp_default .pp_bottom .pp_right {
    background: url(../../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
}
div.pp_default .pp_loaderIcon {
    background: url(../../images/prettyPhoto/default/loader.gif) center center no-repeat;
}
div.light_rounded .pp_top .pp_left {
    background: url(../../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
}
div.light_rounded .pp_top .pp_right {
    background: url(../../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
}
div.light_rounded .pp_next:hover {
    background: url(../../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
    cursor: pointer;
}
div.light_rounded .pp_previous:hover {
    background: url(../../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}
div.light_rounded .pp_expand {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}
div.light_rounded .pp_expand:hover {
    background: url(../../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer;
}
div.light_rounded .pp_contract {
    background: url(../../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}
div.light_rounded .pp_contract:hover {
    background: url(../../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer;
}
div.light_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}
div.light_rounded .pp_nav .pp_play {
    background: url(../../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}
div.light_rounded .pp_nav .pp_pause {
    background: url(../../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}
div.light_rounded .pp_arrow_previous {
    background: url(../../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
}
div.light_rounded .pp_arrow_next {
    background: url(../../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
}
div.light_rounded .pp_bottom .pp_left {
    background: url(../../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
}
div.light_rounded .pp_bottom .pp_right {
    background: url(../../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
}
div.dark_rounded .pp_top .pp_left {
    background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
}
div.dark_rounded .pp_top .pp_right {
    background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
}
div.dark_rounded .pp_content_container .pp_left {
    background: url(../../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
}
div.dark_rounded .pp_content_container .pp_right {
    background: url(../../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
}
div.dark_rounded .pp_next:hover {
    background: url(../../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
    cursor: pointer;
}
div.dark_rounded .pp_previous:hover {
    background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}
div.dark_rounded .pp_expand {
    background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}
div.dark_rounded .pp_expand:hover {
    background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer;
}
div.dark_rounded .pp_contract {
    background: url(../../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}
div.dark_rounded .pp_contract:hover {
    background: url(../../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer;
}
div.dark_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}
div.dark_rounded .pp_description {
    margin-right: 85px;
    color: #fff;
}
div.dark_rounded .pp_nav .pp_play {
    background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}
div.dark_rounded .pp_nav .pp_pause {
    background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}
div.dark_rounded .pp_arrow_previous {
    background: url(../../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
}
div.dark_rounded .pp_arrow_next {
    background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
}
div.dark_rounded .pp_bottom .pp_left {
    background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
}
div.dark_rounded .pp_bottom .pp_right {
    background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
}
div.dark_rounded .pp_loaderIcon {
    background: url(../../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
}
div.dark_square .pp_content, div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right {
    background: #000;
}
div.dark_square .pp_description {
    color: #fff;
    margin: 0 85px 0 0;
}
div.dark_square .pp_loaderIcon {
    background: url(../../images/prettyPhoto/dark_square/loader.gif) center center no-repeat;
}
div.dark_square .pp_expand {
    background: url(../../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}
div.dark_square .pp_expand:hover {
    background: url(../../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer;
}
div.dark_square .pp_contract {
    background: url(../../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}
div.dark_square .pp_contract:hover {
    background: url(../../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer;
}
div.dark_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}
div.dark_square .pp_nav {
    clear: none;
}
div.dark_square .pp_nav .pp_play {
    background: url(../../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}
div.dark_square .pp_nav .pp_pause {
    background: url(../../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}
div.dark_square .pp_arrow_previous {
    background: url(../../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
}
div.dark_square .pp_arrow_next {
    background: url(../../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
}
div.dark_square .pp_next:hover {
    background: url(../../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
    cursor: pointer;
}
div.dark_square .pp_previous:hover {
    background: url(../../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}
div.light_square .pp_expand {
    background: url(../../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}
div.light_square .pp_expand:hover {
    background: url(../../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer;
}
div.light_square .pp_contract {
    background: url(../../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}
div.light_square .pp_contract:hover {
    background: url(../../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer;
}
div.light_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}
div.light_square .pp_nav .pp_play {
    background: url(../../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}
div.light_square .pp_nav .pp_pause {
    background: url(../../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}
div.light_square .pp_arrow_previous {
    background: url(../../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
}
div.light_square .pp_arrow_next {
    background: url(../../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
}
div.light_square .pp_next:hover {
    background: url(../../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
    cursor: pointer;
}
div.light_square .pp_previous:hover {
    background: url(../../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}
div.facebook .pp_top .pp_left {
    background: url(../../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
}
div.facebook .pp_top .pp_middle {
    background: url(../../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
}
div.facebook .pp_top .pp_right {
    background: url(../../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
}
div.facebook .pp_content_container .pp_left {
    background: url(../../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
}
div.facebook .pp_content_container .pp_right {
    background: url(../../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
}
div.facebook .pp_expand {
    background: url(../../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}
div.facebook .pp_expand:hover {
    background: url(../../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
    cursor: pointer;
}
div.facebook .pp_contract {
    background: url(../../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}
div.facebook .pp_contract:hover {
    background: url(../../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
    cursor: pointer;
}
div.facebook .pp_close {
    width: 22px;
    height: 22px;
    background: url(../../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}
div.facebook .pp_description {
    margin: 0 37px 0 0;
}
div.facebook .pp_loaderIcon {
    background: url(../../images/prettyPhoto/facebook/loader.gif) center center no-repeat;
}
div.facebook .pp_arrow_previous {
    background: url(../../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px;
}
div.facebook .pp_arrow_previous.disabled {
    background-position: 0 -96px;
    cursor: default;
}
div.facebook .pp_arrow_next {
    background: url(../../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px;
}
div.facebook .pp_arrow_next.disabled {
    background-position: -32px -96px;
    cursor: default;
}
div.facebook .pp_nav {
    margin-top: 0;
}
div.facebook .pp_nav p {
    font-size: 15px;
    padding: 0 3px 0 4px;
}
div.facebook .pp_nav .pp_play {
    background: url(../../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
    height: 22px;
    width: 22px;
}
div.facebook .pp_nav .pp_pause {
    background: url(../../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
    height: 22px;
    width: 22px;
}
div.facebook .pp_next:hover {
    background: url(../../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
    cursor: pointer;
}
div.facebook .pp_previous:hover {
    background: url(../../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}
div.facebook .pp_bottom .pp_left {
    background: url(../../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
}
div.facebook .pp_bottom .pp_middle {
    background: url(../../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
}
div.facebook .pp_bottom .pp_right {
    background: url(../../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
}
div.pp_pic_holder a:focus {
    outline: 0;
}
div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
}
div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
}
.pp_content {
    height: 40px;
    min-width: 40px;
}
* html .pp_content {
    width: 40px;
}
.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%}
.pp_content_container .pp_left {
    padding-left: 20px;
}
.pp_content_container .pp_right {
    padding-right: 20px;
}
.pp_content_container .pp_details {
    float: left;
    margin: 10px 0 2px;
}
.pp_description {
    display: none;
    margin: 0;
}
.pp_social {
    float: left;
    margin: 0;
}
.pp_social .facebook {
    float: left;
    margin-left: 5px;
    width: 55px;
    overflow: hidden;
}
.pp_social .twitter {
    float: left;
}
.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0;
}
.pp_nav p {
    margin: 2px 4px;
}
.pp_nav .pp_pause, .pp_nav .pp_play {
    float: left;
    margin-right: 4px;
    text-indent: -10000px;
}
a.pp_arrow_next, a.pp_arrow_previous {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px;
}
.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}
.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000;
}
.pp_gallery div {
    float: left;
    overflow: hidden;
    position: relative;
}
.pp_gallery ul {
    height: 35px;
    position: relative;
    margin: 0 0 0 5px;
    padding: 0;
}
.pp_gallery ul a {
    border: 1px solid rgba(0, 0, 0, .5);
    display: block;
    float: left;
    height: 33px;
    overflow: hidden;
}
.pp_gallery ul a img {
    border: 0;
}
.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}
.pp_gallery li.default a {
    background: url(../../images/prettyPhoto/facebook/default_thumbnail.gif) no-repeat;
    display: block;
    height: 33px;
    width: 50px;
}
a.pp_next, a.pp_previous {
    text-indent: -10000px;
    background: url(../../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    height: 100%;
    width: 49%}
.pp_gallery .pp_arrow_next, .pp_gallery .pp_arrow_previous {
    margin-top: 7px!important;
}
a.pp_next {
    float: right;
}
a.pp_previous {
    float: left;
}
a.pp_contract, a.pp_expand {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000;
}
.pp_loaderIcon, a.pp_close {
    display: block;
    position: absolute;
}
a.pp_close {
    right: 0;
    top: 0;
    line-height: 22px;
    text-indent: -10000px;
}
.pp_loaderIcon {
    height: 24px;
    left: 50%;
    top: 50%;
    width: 24px;
    margin: -12px 0 0 -12px;
}
.pp_fade, .pp_gallery li.default a img, div.ppt {
    display: none;
}
#pp_full_res {
    line-height: 1!important;
}
#pp_full_res .pp_inline {
    text-align: left;
}
#pp_full_res .pp_inline p {
    margin: 0 0 15px;
}
div.ppt {
    color: #fff;
    font-size: 17px;
    z-index: 9999;
    margin: 0 0 5px 15px;
}
div.light_rounded .pp_content, div.pp_default .pp_content {
    background-color: #fff;
}
div.facebook #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.pp_default #pp_full_res .pp_inline {
    color: #000;
}
.pp_gallery li.selected a, .pp_gallery ul a:hover, div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a {
    border-color: #fff;
}
div.dark_rounded .pp_details, div.dark_square .pp_details, div.facebook .pp_details, div.light_rounded .pp_details, div.light_square .pp_details, div.pp_default .pp_details {
    position: relative;
}
div.facebook .pp_content, div.light_rounded .pp_bottom .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_top .pp_middle, div.light_square .pp_content, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right {
    background: #fff;
}
div.light_rounded .pp_description, div.light_square .pp_description {
    margin-right: 85px;
}
div.dark_rounded .pp_gallery a.pp_arrow_next, div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next, div.dark_square .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next, div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous {
    margin-top: 12px!important;
}
div.dark_rounded .pp_arrow_previous.disabled, div.dark_square .pp_arrow_previous.disabled, div.light_rounded .pp_arrow_previous.disabled, div.light_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default;
}
div.dark_rounded .pp_arrow_next.disabled, div.dark_square .pp_arrow_next.disabled, div.light_rounded .pp_arrow_next.disabled, div.light_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default;
}
div.light_rounded .pp_loaderIcon, div.light_square .pp_loaderIcon {
    background: url(../../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
}
div.dark_rounded .pp_bottom .pp_middle, div.dark_rounded .pp_content, div.dark_rounded .pp_top .pp_middle {
    background: url(../../images/prettyPhoto/dark_rounded/contentPattern.png) top left;
}
div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder {
    color: #c4c4c4;
}
div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline {
    color: #fff;
}
.pp_bottom, .pp_top {
    height: 20px;
    position: relative;
}
* html .pp_bottom, * html .pp_top {
    padding: 0 20px;
}
.pp_bottom .pp_left, .pp_top .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}
.pp_bottom .pp_middle, .pp_top .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}
* html .pp_bottom .pp_middle, * html .pp_top .pp_middle {
    left: 0;
    position: static;
}
.pp_bottom .pp_right, .pp_top .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
@media (max-width:768px) {
    .pp_pic_holder.pp_default {
    width: 95%!important;
    margin-top: -100px!important;
    left: 2.5%!important;
    overflow: hidden;
}
#pp_full_res img, .pp_content, .pp_details, .pp_fade {
    width: 100%!important;
}
div.pp_default .pp_content_container .pp_left {
    padding-left: 0!important;
}
div.pp_default .pp_content_container .pp_right {
    padding-right: 0!important;
}
.pp_content {
    height: auto!important;
}
.pp_fade {
    height: 100%!important;
}
.pp_bottom, .pp_gallery, .pp_hoverContainer, .pp_top, a.pp_contract, a.pp_expand {
    display: none!important;
}
#pp_full_res img {
    height: auto!important;
}
.pp_details {
    background-color: #fff;
    margin-top: -2px!important;
    padding: 10px 4% 25px 3%}
a.pp_close {
    right: 10px!important;
    top: 10px!important;
}
}.carousel-control.left {
    background-image: -webkit-linear-gradient(left, color-stop(rgba(255, 255, 255, .1) 0), color-stop(rgba(0, 0, 0, .0001) 100%));
    background-image: linear-gradient(to right, rgba(255, 255, 255, .1) 0, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000',  endColorstr='#00000000',  GradientType=1);
}
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0), color-stop(rgba(255, 255, 255, .1) 100%));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(255, 255, 255, .1) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000',  endColorstr='#80000000',  GradientType=1);
}
.hide-bullets {
    list-style: none;
    margin-left: -40px;
    margin-top: 0;
    text-align: right;
    cursor: pointer;
    line-height: 22px;
    color: #000;
}
.thumbnail {
    padding: 0;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    width: 100%}
.hide-bullets a, .hide-bullets a:link, .hide-bullets a:visited {
    color: #000;
}
.hide-bullets a:hover {
    color: #a16b55;
}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
.carousel-control {
    position: absolute;
    top: 0;
    z-index: 10;
    min-height: 100%;
    padding-top: 25%}
#services_order .ripple input[type=submit] {
    position: relative;
    outline: 0;
    cursor: pointer;
    background: #193562;
    color: #fff;
    padding: 8px 20px;
    border-radius: 2px;
    font-size: 14px;
    border: 1px solid #193562;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#services_order .ripple input[type=submit]:hover {
    border: 1px solid #193562;
    color: #fff;
    border-radius: 30px;
}
#services_order h3 {
    color: #fff;
}
#services_order input[type=email], #services_order input[type=date], #services_order input[type=text], #services_order textarea {
    padding: 2px 0;
    line-height: 26px;
    border-radius: 2px;
    border: 1px solid #193562;
    background: 0 0;
    color: #193562;
}
#services_order input:hover, #services_order textarea:hover {
    border-color: #0062ff;
    outline: 0;
}
#services_order input:focus, #services_order textarea:focus {
    border-color: #193562;
    outline: 0;
    box-shadow: inset 0 0 0 rgba(25, 53, 98, .5), 0 0 6px rgba(25, 53, 98, .5);
}
@media(max-width:768px) {
    #service_album input, #service_album textarea, #services_bbs input, #services_bbs textarea, #services_login input, #services_login textarea, #services_news input, #services_news textarea, #services_order input, #services_order textarea {
    font-size: 16px;
}
}#services_bbs .bbsfont td {
    padding: 6px 0;
}
#services_bbs input[type=text], #services_bbs textarea[type=text] {
    padding: 2px 0;
    line-height: 26px;
    border-radius: 2px;
    border: 1px solid #353535;
    background: 0 0;
    color: #353535;
}
#services_bbs input:hover, #services_bbs textarea:hover {
    border-color: #4a8dac;
    outline: 0;
}
#services_bbs input:focus, #services_bbs textarea:focus {
    border-color: #4a8dac;
    outline: 0;
    box-shadow: inset 0 0 0 rgba(74, 141, 172, .5), 0 0 6px rgba(74, 141, 172, .5);
}
.ripple button {
    position: relative;
    outline: 0;
    cursor: pointer;
    background: 0 0;
    color: #c61e1e;
    padding: 8px 20px;
    border-radius: 2px;
    font-size: 14px;
    border: 1px solid #c61e1e;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.ripple button:hover {
    background: #c61e1e;
    border-radius: 30px;
    color: #fff;
}
.ripple input {
    background: 0 0;
    color: #c61e1e;
    border-radius: 2px;
    border: 1px solid #c61e1e;
    transition: .3s ease-in-out;
}
.ripple input, .ripple2 input {
    position: relative;
    outline: 0;
    cursor: pointer;
    padding: 8px 20px;
    font-size: 14px;
    -webkit-transition: .3s ease-in-out;
}
.ripple input:hover {
    background: #c61e1e;
    border-radius: 30px;
    color: #fff;
}
.ripple2 input {
    background: 0 0;
    color: #564124;
    border-radius: 2px;
    border: 1px solid #564124;
    transition: .3s ease-in-out;
}
.ripple2 input:hover {
    background: #564124;
    border-radius: 30px;
    color: #fff;
}

/*---map---------------------------------------------------------------------------------------------------------------------*/

.map {
	position:relative;
	margin:0 auto;
	max-width:100%;
	min-height:580px;
}
.map2 {
	min-height:540px;
}
.map iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
	@media screen and (max-width:800px) {
		.map {
			min-height:500px;
		}
	}
	@media screen and (max-width:600px) {
		.map {
			min-height:400px;
		}
		.location {
			padding: 0em 0 6em;
		}
		.location .title {
			padding:2em 1em;
		}
	}
	@media screen and (max-width:430px) {
		.map {
			min-height:300px;
		}
		.location {
			padding: 0em 0 3em;
		}
		.location .title {
			padding:1em 0em;
		}
	}
	@media screen and (max-width:350px) {
		.map {
			min-height:270px;
		}
		.location {
			padding: 0em 0 1em;
		}
	}