@import url("../css/grid.css");
@import url("../css/notification.css");
@import url("../css/breadcrumb.css");
@import url("../css/pagination.css");
@import url("../css/form.css");
@import url("../css/button.css");
@import url("../css/pager.css");
@import url("../js/ezmenu/ezmenu.css");
@import url("../js/dropdown/dropdown-menu.css");
@import url("../js/font-awesome/css/font-awesome.min.css");
@import url("../js/tooltipster/css/tooltipster.css");
@import url("../js/wow/animate.css");
@import url("../js/layer/theme/default/layer.css");
@charset "utf-8";
/* Overall and normalize */
html,button,input,select,textarea{color:#222}
html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
hr{margin: 20px 0;border: 0;border-top: 1px solid #eeeeee;border-bottom: 1px solid #ffffff;-moz-box-sizing:content-box;box-sizing:content-box;}
audio,canvas,img,video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;image-rendering: -webkit-optimize-contrast;}
p{margin:0 0 10px}
a:focus{outline:0;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
/* Base styles */
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
iframe{ border: none;max-width: 100%;}
.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style]{width:100% !important} /*for facebook like box 100% width*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}  /*for youtube 100% width style*/
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}  /*for youtube 100% width style*/
.pull-right{float:right}
.pull-left{float:left}
.hidden{display: none;visibility: hidden;}
.hidden-desktop{display: none !important;}
.google-maps img{max-width:none}
.google-maps{width:100%;height:100%;border:1px solid #DDD}  /*for google map style*/
.text-cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} /*for text the word cut*/
.text-linecut{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}  /*for circle border style*/
.rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px} /*for rounded border style*/
.enter-content p {line-height:150%; margin:0}
article.enter-content table { max-width:940px  !important;border-color:#DDD}
.enter-content table th { font-weight: bold; }
.enter-content table td,.enter-content table th { padding: 9px 10px;}
.inline-block-fix {display:inline-block;zoom: 1;*display: inline;} /*for fix ie*/
/* Grid setting */
.grid-container {padding-left: 0px;padding-right: 0px; max-width:1000px}
.grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 {
padding-left: 10px;padding-right: 10px;}
.grid-parent {padding-left: 0;padding-right: 0;}
.grid-parent-left {padding-left:0}
.grid-parent-right {padding-right:0}
/* Format setting */
h1,.h1,h2,.h2,h3,.h3,h4,.h4 {font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;line-height:120%;font-weight:normal}
h1,.h1{font-size:36px}
h2,.h2{font-size:30px}
h3,.h3{font-size:24px}
h4,.h4{font-size:18px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px}
/* Color styles */
/* Author's custom styles */
body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:140%;color:#333;background-color:#fff;overflow-x: hidden;}
a{color:#333;text-decoration:none;}
a:hover,a:focus{color:#555;text-decoration:underline;}
.enter-content p {line-height:150%}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a {background-color:#15507f}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-color:#15507f}
.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background:#15507f}
.pagination ul>.active>a,.pagination ul>.active>span{background:#15507f}
.pager li > a:hover,.pager li > a:focus {background-color: #15507f;border-color: #15507f;}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus {border-color:#15507f;}
.btn-style { background-color: #15507f; border:1px solid #15507f;}
.btn-style:hover, .btn-style:focus { background-color:#15507f; border:1px solid #15507f;}
.owl-theme .owl-nav [class*=owl-]:hover{background:#15507f!important;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#15507f!important}
.tooltipster-default {background:#1fbf2a;}
.tooltipster-blue{background:#1f80bf;}
.tooltipster-float {background:#4dc247}
mark{background:#ff0 !important;color:#000}
ul.search-list { list-style:none; margin:0; padding:0}
ul.search-list li { border-bottom:1px dashed #DDD; padding:15px 0;}
.advanced_search{border: 1px solid #DDD;background: #F7F7F7;margin-bottom: 10px;padding: 8px 10px 3px 10px;}
.gallery-wall { margin-left:-10px; margin-right:-10px;}
.gallery-wall a { display:block; height:150px;}
.gallery-wall .photo-style {display: block;margin-bottom:20px; }
.image-description { position: absolute;left: 0;right:0; bottom: 0; text-align:left; padding:5px 8px;background:rgba(0,0,0,.68);font-size:14px;color:#FFF;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.image-frame { margin:5px; position: relative; }
.image-frame:before {position:absolute;left: -5px; right: -5px; top:-5px; bottom: -5px; background:#FFF;border:1px solid #DDD; content:'';z-index: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.image-frame:hover:before{ border-color: #15507f;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.image-frame a { position: relative; z-index: 1;display: block;width: 100%; overflow: hidden;}
.image-frame.active:before{ border-color:#15507f;}
.thumbnail-frame{margin:5px; position: relative;}
.thumbnail-frame:before {position:absolute;left: -5px; right: -5px; top:-5px; bottom: -5px; background:#FFF;;border:1px solid #eee; content:'';z-index: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.thumbnail-frame:hover:before{ border-color: #15507f;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.thumbnail-frame .cover { position: relative; z-index: 1; }
.page-tags{ margin-bottom: 20px;}
.page-tags > span{ font-size:14px; margin-right:5px; margin-bottom:5px;}
.page-tags .tags-lists{ display: inline-block; padding: 0; margin: 0;}
.page-tags .tags-lists li{ display: inline-block; margin-right: 5px;margin-bottom: 5px;}
.page-tags .tags-lists li a{ display: block; padding: 3px 5px; border: 1px solid #EEE; background-color: rgba(229, 229, 229, 0.6); color: #9F9E9C; border-radius: 3px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.page-tags .tags-lists li a:hover{ text-decoration: none; background-color: rgba(229, 229, 229, 1); color: #646464;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;border-color: #ddd;}
.form-inline { margin-left:-10px; margin-right:-10px;}
.form-inline label { display:block}
.form-inline .grid-100 { margin-bottom:10px;}
.animation{-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header { padding:0;}
header .top-bar{ padding: 10px 0; color: #fff;background-color: #15507f;}
header .top-bar .top-link,header .top-bar .top-tools{ margin: 0; padding: 0;}
header .top-bar .top-link > li,header .top-bar .top-tools > li{display: inline-block;}
header .top-bar .top-link > li{ margin-right: 10px;}
header .top-bar .top-link > li > a{display: block; width: 28px;height: 28px; text-align: center; line-height: 28px; border-radius: 5px;border: 2px solid #000;font-size: 14px;color: #fff;}
header .top-bar .top-link > li:nth-child(1) > a{ background-color: #0071bc;border-color: #0071bc;}
header .top-bar .top-link > li:nth-child(2) > a{ background-color: #009245;border-color: #009245;}
header .top-bar .top-link > li:nth-child(3) > a{ background-color: #c1272d;border-color: #c1272d;}
header .top-bar .top-link > li > a:hover{ text-decoration: none;background-color: transparent;}
header .top-bar .top-tools > li{ margin-left: 20px;position: relative;}
header .top-bar .top-tools > li::after{ content: "";width: 0px;height: 3px;display: block; background-color: #fff; position: absolute; left: 0; bottom: -10px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header .top-bar .top-tools > li:hover::after{ width: 100%;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header .top-bar .top-tools > li > a{opacity: 0.6;color: #fff; line-height: 32px;display: block;}
header .top-bar .top-tools > li > a:hover{ opacity: 1; text-decoration: none;}
header .top-bar .top-tools > li:last-child > a{font-size: 18px;}
header .top-bar .top-tools > li .dropdown-menu{ left: auto; right: 0;}
header .search-bar{padding:10px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
header .search-bar{position:absolute;top:340%;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;visibility:hidden; opacity: 0;right: 0;z-index: 2;}
header .active .search-bar{ top: 140%;visibility:visible; opacity: 1;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header .header-box{ border-bottom: 3px solid #15507f;}
header .logo{ display: block; margin: 20px 0;}
header .logo img{ max-width: 200px;}
header nav > ul{ margin: 0; padding: 0;}
header nav > ul > li{ display: inline-block;margin-left: 5px;position: relative;}
header nav > ul > li > a{ font-size: 15px;display: block; border-radius: 5px 5px 0 0;box-shadow: 0 0 5px rgba(0,0,0,0.1); padding:8px 12px;}
header nav > ul > li > a:hover,header nav > ul > li.active > a,header nav > ul > li > a:focus{ color: #fff;background-color: #15507f; text-decoration: none;}
header .pt-menu nav > ul > li > a{ font-size: 13px; padding: 8px 6px;}
header .login { margin: 10px 0;}
header .login .logged-in{ position: relative;display: inline-block;}
header .login .logged-in span{ display: inline-block; padding: 5px 10px;border-radius: 5px; background-color: #15a192;color: #fff;cursor: pointer;line-height:20px;}
header .login .logged-in span:hover{ opacity: 0.8;}
header .login .logged-in span > a{color: #fff; text-decoration: none !important;}
header .login .logged-in .login-dropdown{ margin: 0; padding: 0; box-shadow: 0 0 10px rgba(0,0,0,0.1); background-color: #fff;right: 0;position:absolute;top:340%;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;visibility:hidden; opacity: 0;z-index: 2;}
header .login .logged-in .login-dropdown.active{ top: 100%;visibility:visible; opacity: 1;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header .login .logged-in .login-dropdown > li{ list-style-type: none;}
header .login .logged-in .login-dropdown > li > a{ display: block; padding: 10px 20px;min-width: 140px; text-align: center;}
header .login .logged-in .login-dropdown > li > a:hover{ text-decoration: none; color: #fff; background-color: #06ac8a;}
header .login .login-btn{ display: inline-block; margin-left: 10px;min-height: 30px;}
header .login .login-btn a{ padding: 5px 20px;line-height:20px;margin: 0;}
header .login .login-btn a:hover,header .login .login-btn a:focus{ text-decoration: none;}

#slideshow { margin-bottom: 20px;}
#slideshow .owl-dots{ position: absolute; bottom: 0; left: 0; background-color: rgba(0,0,0,.5);width: 100%;margin:0; padding-top: 5px;}
#slideshow .owl-dots span{ background-color: #fff !important; opacity: 0.5;}
#slideshow .owl-dots .active span{ opacity: 1;}
.index-left-img .box{ margin-bottom: 20px;}
.index-activity-img .box{ margin-bottom: 20px;}
.index-link-img .box{ margin-bottom: 20px;}
.index-title.style-1{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.index-title.style-1 span{font-size: 18px; color: #15507f; font-weight: 600;}
.index-title.style-1 .more{ float: right; line-height: 18px;}
.index-title.style-2{ margin-bottom: 20px;}
.index-title.style-2 span{font-size: 22px; color: #000;display: inline-block; padding: 5px; border-left: 4px solid #15507f;}
.index-title.style-2 .more{ float: right; line-height: 38px;color: #15507f;}
.index-services{ background-color: #15507f;border-radius: 5px;}
.index-services .title{ padding: 20px; border-bottom: 1px solid rgba(255,255,255,0.15);}
.index-services .title > span{ display: inline-block; padding-left: 20px;border-left: 2px solid #fff; font-size: 18px; color: #fff;}
.index-services .services-list{ padding: 20px; margin:0;}
.index-services .services-list > li{ list-style-type: none;position: relative; background-color: #fff;border-radius: 5px;margin-bottom: 20px;}
.index-services .services-list > li:last-child{margin-bottom: 0;}
.index-services .services-list > li > a{ display:flex; padding:10px 30px 10px 50px; min-height: 30px;line-height: 120%;align-items: center;}
.index-services .services-list > li > a:hover{ text-decoration: none;color: #15507f;}
.index-services .services-list > li > a i{position: absolute; right: 10px; top: 10px;font-size: 18px; line-height: 30px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.index-services .services-list > li > a:hover i{ right: 20px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.index-services .services-list > li > a img{ width: 30px;position: absolute; top: 10px; left: 10px;}
.index-btn{ text-align: center;}
.index-btn .list-layout{ margin: 0 -5px;}
.index-btn .grid-33{ padding: 0 5px;}
.index-btn .box{ display: flex; padding: 10px 10px 10px 50px; border-radius: 5px; color: #fff; background-color: #15507f;margin-bottom: 10px;border: 2px solid #15507f;font-size: 13px;position: relative; align-items: center;min-height: 30px;}
.index-btn .box:hover{ text-decoration: none; opacity: 0.8;}
.index-btn .box .icon{ position: absolute; left: 10px;top: 10px;width: 30px;}
.index-btn .box .title{ text-align: left;}
.index-btn > div > div > div:nth-child(1) a{ background-color: #1f80bf;border-color: #1f80bf;}
.index-btn > div > div > div:nth-child(2) a{ background-color: #ad49a3;border-color: #ad49a3;}
.index-btn > div > div > div:nth-child(3) a{ background-color: #ffa304;border-color: #ffa304;}
.index-btn > div > div > div:nth-child(4) a{ background-color: #1fbf2a;border-color: #1fbf2a;}
.index-login{ background-color: #497af6;border-radius: 5px; padding-bottom: 83px;position: relative;}
.index-login::after{content: "";width: 100%;height: 83px;display: block; background-repeat: no-repeat; background-position: bottom center; background-size: 100% auto;background-image: url("../img/login-bg.png"); position: absolute; bottom: -1px; left: 0;}
.index-login .title{ padding: 20px; border-bottom: 1px solid rgba(255,255,255,0.15);}
.index-login .title > span{ display: inline-block; padding-left: 20px;border-left: 2px solid #fff; font-size: 18px; color: #fff;}
.index-login .content{ padding: 20px;color: #fff;}
.index-login .content a{color: #fff;}
.login-btn button{ display:block; padding:10px; color: #fff;background-color: #509ed3; margin:0 0 10px 0; text-align: center; border-radius: 5px;line-height: 22px;width: 100%;}
.login-btn button:hover,.login-btn button:focus{ text-decoration: none; background-color: #6cb1e0; outline: none;}

.login-btn a{ display:block; padding:10px; color: #fff;background-color: #009888; margin-bottom: 10px; text-align: center; border-radius: 5px;line-height: 22px;}
.login-btn a img{ margin-right: 10px;}
.login-btn a:hover{ text-decoration: none; background-color: #15a192;}

.index-login .btn-area{ margin: 20px -5px 0 -5px;}
.index-login .btn-area a{ display: block; padding: 5px; border-radius: 5px; background-color: #fff; color: #1f80bf; text-align: center;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;margin-bottom: 5px;}
.index-login .btn-area a:hover{ background-color: #009888;color: #fff; text-decoration: none;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.index-login .btn-area .grid-100 > div{ padding: 0 5px;}
.news-list .box{ margin-bottom: 20px;}
.news-list .box .title{ margin-bottom: 5px;}
.news-list .box .title a{font-size: 16px;color: #000;}
.news-list .box .title a:hover{ color: #15507f;}
.news-list .box .date { color: #999;margin-bottom: 5px;}
.news-list .box .details{ color: #888888;line-height: 150%;}
.news-list .box .thumbnail-frame{ margin-left: 20px; }
.news-list-2 .box{ margin:0 -10px 10px -10px;}
.news-list-2 .box {padding-bottom: 11px; margin-bottom: 10px;position: relative;}
.news-list-2 .box::after{ content: "";width: calc( 100% - 20px ); height: 1px; background-color: #e2e2e2;display: block; position: absolute; bottom: 0px; left: 10px;}
.news-list-2 .box .date{ color: #999;}
.news-list-2 .box:last-child{margin-bottom: 20px; padding: 0;}
.news-list-2 .box:last-child::after{ display: none;}
.index-gallery-slider{ margin-bottom: 20px;}
.index-gallery-slider .owl-nav{ margin: 0;}
.index-gallery-slider .owl-nav > div{ position: absolute;top: 50%; margin: 0;padding: 0 !important; line-height: 40px; background-color: #fff !important; background-position: center center; background-repeat: no-repeat; margin-top: -20px !important; display: block; width: 40px; height: 40px; font-size: 24px !important; border-radius: 50px !important;color: #15507f !important;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.index-gallery-slider .owl-nav > div:hover{ background-color: #15507f !important;color: #fff !important;}
.index-gallery-slider .owl-nav .owl-prev i{ position: relative; left: -1px;}
.index-gallery-slider .owl-nav .owl-next i{ position: relative; right: -1px;}
.index-gallery-slider .owl-nav .owl-prev{ left: -20px;}
.index-gallery-slider .owl-nav .owl-next{ right: -20px;}
.index-gallery-slider .owl-nav .disabled,.index-gallery-slider .owl-nav .disabled:hover,.index-gallery-slider .owl-nav .disabled:focus{background-color: #fff !important;color: #15507f !important;}
.page-title{ line-height: 140%;font-size: 30px; text-align: center;color: #15507f;margin-bottom: 20px; background-color: #f3f9ff;padding: 30px 20px;}
#content{ padding: 20px 0;}
.left-nav-box{ padding: 10px; background-color: #154a86; margin-right: 20px;border-radius: 5px;}
.left-nav-title { font-size:18px; text-align:center;color: #fff; line-height: 100%;margin-bottom: 10px;}
.left-nav {list-style: none; margin:0; padding:0;}
.left-nav li { margin:2px 0; position: relative;}
.left-nav li a {padding:10px 35px 10px 10px;font-size:15px;background-color: #fff; display: block;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;border-radius: 3px;}
.left-nav li a i{ right: 30px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;opacity: 0;color: #fff; position: absolute; top: 50%; margin-top: -7px;}
.left-nav li > a:hover > i,.left-nav li.active > a > i{-webkit-transition-duration: 0.3s;transition-duration: 0.3s;opacity: 1; right: 10px;}
.left-nav li > a:hover,.left-nav li > a:focus,.left-nav li.active > a {background-color: #06ac8a;color: #fff;text-decoration: none;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.left-dropdown-menu{ margin: 0; padding: 0;max-height: 0px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;overflow: hidden;}
.left-dropdown-menu.active{ max-height: 500px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.left-dropdown-menu li{ color:#fff;list-style-type: none;margin-bottom: 0;}
.left-dropdown-menu li a{ text-indent: 20px;border-left: 10px solid #06ac8a;}
.news-box { margin-bottom: 20px;}
.news-box .title a{ font-size: 16px;line-height: 100%;}
.news-box .details{ color: #999;}
.news-box .date{color: #154a86;}
.news-box-2 {padding-bottom: 11px; margin-bottom: 10px;position: relative;}
.news-box-2::after{ content: "";width: calc( 100% - 20px ); height: 1px; background-color: #e2e2e2;display: block; position: absolute; bottom: 0px; left: 10px;}
.news-box-2 .date{ color: #999;}
.news-box-2:last-child{margin: 0; padding: 0;}
.news-box-2:last-child::after{ display: none;}
.information-list .box{ margin-bottom: 20px;}
.information-list .box > .title{ padding:10px 15px; background-color: #154a86;color: #fff;font-size: 16px;}
.information-list .box .content{ padding: 20px;background-color: #e9f1f7;}
.information-list .box .content .news-box{ margin-bottom: 20px;}
.information-list .box .content .more a{ display: inline-block; padding: 6px 12px;color: #fff; position: relative;border-radius: 5px;background: #154a86;
background-image: -webkit-linear-gradient(top, #154a86, #021E3E);
background-image: -moz-linear-gradient(top, #154a86, #021E3E);
background-image: -ms-linear-gradient(top, #154a86, #021E3E);
background-image: -o-linear-gradient(top, #154a86, #021E3E);
background-image: linear-gradient(to bottom, #154a86, #021E3E);}
.information-list .box .content .more a::after{ content: "";width: 0px;height: 100%; background-color: rgba(255,255,255,0.1);position: absolute; left: 0; top: 0;display: block;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.information-list .box .content .more a:hover::after{ width: 100%;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.information-list .box .content .more a:hover{text-decoration: none;}
.activity-box { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #ddd;}
.activity-box:last-child{ border: none; padding: 0; }
.activity-box .title a:hover{ color: #154a86;}
.activity-box .date{ text-align: right; color: #999;}
.list-control { background-color: #F7F7F7;padding:10px; line-height: 36px; margin-bottom: 20px;}
.list-control select { margin-bottom: 0; height: 36px; line-height: 100%;padding: 4px 6px;}
.download-box { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #ddd;}
.download-box:last-child{ border: none; padding: 0; }
.download-box .title{ line-height: 28px;}
.download-box .download-btn{ text-align: right;}
.download-box .download-btn a{ display: inline-block; padding: 5px 15px; border-radius: 5px; background-color: #154a86;color: #fff; position: relative;}
.download-box .download-btn a::after{ content: "";width: 0px;height: 100%; background-color: rgba(255,255,255,0.1);position: absolute; left: 0; top: 0;display: block;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.download-box .download-btn a:hover::after{ width: 100%;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.download-box .download-btn a:hover{text-decoration: none;}
.gallery-box{ text-align: center; margin-bottom: 20px;}
.gallery-box .title{margin: 15px 0 5px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height: 40px;}
.gallery-box .title a{color: #154a86;font-size: 16px;}
.gallery-box .date{ color: #999;}
.suggestions-form-box{ max-height: 0px;overflow:hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.suggestions-form-box.active{ max-height: 3000px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.suggestions-form-box form{ max-width: 560px; padding: 20px 10px; background-color: #f3f9ff;border: 1px solid #cee4f8; margin:20px auto auto auto;}
.suggestions-form-box .title{ font-size: 24px; text-align: center; color: #ff7e00;margin-bottom: 20px;}
.suggestions-form-box hr{ border-bottom: 0px; margin: 20px 10px;border-top-color: #ccc;}
.sm-agree label input[type="checkbox"],.sm-agree label input[type="radio"]{ position: relative; top: 2px; margin-right: 10px;}
label input[type="checkbox"],label input[type="radio"]{ position: relative; top: -3px; margin-right: 5px;}
.label-inline{ display: inline-block !important;margin-right: 20px; margin-top: 5px;}
.list-content{ padding: 20px; background-color: #f7f7f7;margin-bottom: 20px;}
.video-box{ margin-bottom: 20px;}
.video-box .title a{ font-size: 18px; color: #15507f;}
.video-box .details{ color: #999;}
.first-video-box .cover{ max-height: 392px;}
.first-video-box .title{margin: 30px 0 0 0;}
.first-video-box .title a{ font-size: 24px; color: #15507f; line-height: 100%;}
.preview-bar{ padding: 20px; background-color: red;color:#fff; text-align: center; font-size: 24px; line-height: 100%;}
.preview-bar i{ margin-right: 10px;}
.list-btn a{ display:block; padding: 10px; color: #fff; background-color: #15507f;border: 2px solid #15507f;font-size: 14px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; text-align: center;}
.list-btn a:hover{ background-color: #fff;color: #15507f; text-decoration: none;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.constitution{height: 450px;overflow-y: scroll;border: 2px #ccc solid;padding: 20px; background-color: #f3f3f3;}
.must{ margin-right: 5px; color: red;}
.form-link{ color: #15507f;font-weight: bolder; text-decoration: underline;}
.form-inline label.input-inline{ display: inline-block;}
.input-tips{ margin-top: 5px; font-size: 12px;color: #888;}
.tips-box{ padding:10px; background-color: #fff3cd;border: 1px solid #f1e4bb;border-radius: 5px;color: #856404;display: inline-block;}
.tips-box i{ color: #856404;margin-right: 10px;}
.tips-box.drange{ color: #721c24; background-color: #f8d7da;border-color: #f5c6cb;}
.tips-box.drange i{color: #721c24;}
#form_login,#form_register{ max-width: 560px; margin: auto;}
.register-success{ text-align: center; font-size: 20em;color: #1fbf2a;}
.ticket-box { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #ddd;}
.ticket-box:last-child{ border: none; padding: 0;margin: 0;}
.ticket-box .title a:hover{ color: #154a86;}
.ticket-box .date{ text-align: right; color: #999;}
.ticket-list .box{ border: 1px solid #b8daff; background-color: #f3f9ff; padding: 20px 10px 20px 100px;position: relative; margin-bottom: 20px; border-radius: 5px; overflow: hidden;}
.state{ padding: 10px 20px; color: #fff; background-color: #15507f;display:block; width: 200px; text-align: center; position: absolute; left: -82px;top: 20px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.state.orange{ background-color: #f39800;}
.state.green{ background-color: #28a745;}
.state.red{ background-color: #721c24;}
.ticket-list .box .cover{ max-height: 200px;}
.ticket-list .box .title{ margin-bottom: 20px;}
.ticket-list .box .title a{font-size: 18px;}
.ticket-list .box .content{ color: #666;margin-bottom: 10px;}
.ticket-list .box .btn{ margin: 0 10px 0 0;}
.ticket-page-box{ margin-bottom: 20px; background-color: #f3f9ff;}
.ticket-page-box .box-title{ padding: 20px; background-color: #15507f; color: #fff;font-size: 18px; line-height: 100%;}
.ticket-page-box .content{ padding: 20px;}
.ticket-page-box .btn-area .btn{ margin: 0 10px 0 0;}
.ticket-page-box .more-box{ padding: 20px; border: 1px solid #ddd; background-color: #fff; border-radius: 10px; margin:20px 0 0 0;word-break: break-word;}
.ticket-slider .item{ position: relative; overflow: hidden;}
.ticket-slider .cover{ margin-bottom: 20px;}
.ticket-slider .title{ text-align: center;font-size: 16px;}
.ticket-form-title{padding: 20px;background-color: #ebebeb;border-left: 5px solid #15507f;font-size: 18px; line-height: 100%;margin-bottom: 20px;}
#login-box{ padding: 20px; background-color: #fff;}
#login-box.desktop > form{ min-width: 500px;}
#login-box .login-btn{ margin-top: 10px;}
#login-box .login-btn a{ max-width: 200px; padding: 5px; margin: auto auto 10px auto;}
#login-box .login-btn button{ max-width: 210px; padding: 5px;margin: auto auto 10px auto;font-size: 14px;}
#login-border{ display: flex; align-items: center; justify-content: center;}
.btn.btn-gov{ background-color:#009888;color:#fff;}
.btn.btn-gov img{ margin-right:5px;}
.btn.btn-gov:hover{background-color: #15a192;text-decoration: none;}
.tabs{ margin: 0 0 20px 0; padding: 0;}
.tabs > li{ display: inline-block; margin-right: 10px;}
.tabs > li > a{ display: block; padding: 10px 20px; border: 2px solid #15507f; background-color: #15507f; color: #fff;border-radius: 5px;}
.tabs > li > a:hover,.tabs > li.active > a{ background-color: #fff;color: #15507f; text-decoration: none;}
#captcha-box img{ position: relative; top:-5px;}
.search-tag{display: inline-block; padding: 3px 6px; font-size: 12px; color: #fff; background-color: #15507f;border-radius: 3px; margin-left: 5px;}
.search-tag:hover,.search-tag:focus{ color: #fff; text-decoration: none; opacity: 0.8;}
.btn{ border-radius: 3px;}
.phone-login{ margin-top: 10px;}
.phone-login a{ display: block; padding: 10px 20px; background-color: #fff; color: #15507f; border-radius: 5px; text-align: center;}
.page-tool{ margin-bottom: 20px;}
.page-tool .date{ color: #888; line-height: 40px;}
.page-tool .share{ margin: 0; padding: 0;}
.page-tool .share > li{ list-style-type: none; display: inline-block;}
.page-tool .share > li > a{ display: block; width:40px;height: 40px; border-radius: 5px; background-color: #15507f; color: #fff; text-align: center; line-height: 40px;font-size: 16px;padding: 0;}
.page-tool .share > li > a:hover{ opacity: 0.8;}
.page-tool .share > li.facebook > a{ background-color: #3C5A99;}
.page-tool .share > li.twitter > a{ background-color: #1da1f2;}
.page-tool .share > li.wechat > a{ background-color: #4dc247;}
.page-tool .share > li.weibo > a{ background-color: #FE484C;}

.popup-bg{position: fixed;left: 0;top: 0;background-color: rgba(0,0,0,0.7);z-index: 9999999999;width: 100%;height: 100%;display: flex;justify-items: center;align-items: center;align-content: center;justify-content: center;opacity: 0;}
.popup-bg.animated{ opacity: 1;}
.popup-bg.close{ display: none !important;}
.popup-bg .content{ max-width: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.2); background-color: #fff;position: relative; padding: 20px;}
.popup-bg .close-btn{ position: absolute; top:-24px; right: -24px;}
.popup-bg .close-btn a{display: block; width: 40px; height: 40px;border: 2px solid #15507f; background-color: #fff; border-radius: 50px;font-size: 18px; line-height: 40px; text-align: center;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;color: #15507f;}
.popup-bg .close-btn a:hover{ background-color: #15507f; color: #fff;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.popup-bg .content img{ max-width: 500px;}

/*Tourist tickets*/
#btn_sms{ background-color: #009245;border-color: #009888;margin: 0 0 0 20px; width: calc(100% - 20px);}
#btn_sms:hover{ opacity: 0.8;}
#btn_sms.disabled{ color: #333;background-color: #ddd;cursor:default;border-color: #ddd;}

/*login-page*/
.login-border{ border: 1px solid #ddd; padding:0 20px 20px 20px; margin: 40px 0 20px 0;position: relative;}
.login-border:last-child{margin-bottom: 0;}
.login-border .title{ padding: 10px; color: #fff; background-color: #009888;border-left:10px solid #fff;border-right:10px solid #fff;display: inline-block;top: -20px;position: relative;margin-bottom: 0px;}
.layui-layer .login-border:first-child{margin-top: 20px;}

footer { padding: 30px 0; border-top: 2px solid #15507f;}
footer .footer-link{ margin: 0; padding: 0;}
footer .footer-link > li{ display: inline-block; margin-left: 20px; color: #999;padding-left: 20px; border-left: 1px solid #ddd;}
footer .footer-link > li:first-child{ padding: 0; margin: 0;border: none;}
footer .footer-link > li > a{ color: #999;}
footer .footer-link > li > a:hover{ color: #15507f; text-decoration: none;}
footer .copyright{color: #999; margin-top: 10px;}
/*Default class*/
.list-layout{ margin: 0 -10px;}
.hidden-y{overflow-y: hidden;}
/*Default component*/
.go-top{position:fixed;bottom:20px;right:20px;background:#15507f;text-decoration:none;color:white;font-size:24px;display:none;filter:Alpha(Opacity=50);opacity:.5; z-index:9999;width:50px;height: 50px; line-height: 50px; text-align: center;border-radius: 100%;}
.go-top:hover{color:#FFF;text-decoration:none;filter:Alpha(Opacity=100);opacity:1}
.social-link{ margin: 0; padding: 0;}
.social-link > li{ display: inline-block;margin: 0 10px;}
.social-link > li > a{font-size: 18px;width: 44px;height: 44px; background-color: #15507f;color: #fff;text-align: center;line-height: 44px;border-radius: 100%;display: block;border:2px solid #15507f;}
.social-link > li:nth-child(1) > a{ background-color: #0071bc;border-color: #0071bc;}
.social-link > li:nth-child(2) > a{ background-color: #009245;border-color: #009245;}
.social-link > li:nth-child(3) > a{ background-color: #c1272d;border-color: #c1272d;}
.social-link > li:nth-child(1) > a:hover{color: #0071bc; background-color: #fff;}
.social-link > li:nth-child(2) > a:hover{color: #009245; background-color: #fff;}
.social-link > li:nth-child(3) > a:hover{color: #c1272d; background-color: #fff;}
#wechat_qrcode{ padding: 20px;background-color: #fff;}
/* responsive layout styles */
@media(max-width:1020px) and (min-width:768px){
  header .pt-br{ float: none; width: 100%; text-align: center;}
}
@media(max-width:1020px){
  header .top-bar{ padding: 10px 20px;}
  header .header-box{ margin:0 20px;}
  header .pt-menu nav{ margin-top: 20px;}
  header .pt-menu nav > ul > li{ margin-left: 2px;}
  header .pt-menu nav > ul > li > a{ font-size: 12px; padding: 8px 4px;}
  #content{ padding: 20px;}
  #index-content{ padding: 0 20px;}
  .left-nav li a{font-size: 14px;}
  footer{ padding: 30px 20px;}
}
@media(max-width:1024px){
  header nav > ul > li > a{padding: 6px 10px;}
  .index-login{ font-size: 12px;}
  .login-btn a{ padding: 5px;}
  .index-services .services-list > li > a img{ width: 20px;}
  .index-services .services-list > li > a{padding: 5px 5px 5px 40px; font-size: 12px;}
  .index-services .services-list > li > a i{ display: none;}
  .index-btn .box{font-size: 12px;}
}
@media(max-width:767px){
.hidden-desktop{display: block !important;}
.hidden-phone{display: none !important;}
.mobile-text-left{text-align:left}
.mobile-text-right{text-align:right}
.mobile-text-center{text-align:center}
.enter-content img,.logo img{max-width:100% !important;height:auto !important} /*for img set style width and height unable responsive*/
.enter-content table { margin-bottom: 0; }
.enter-content div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden;}
.enter-content div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
.enter-content table td, .enter-content  table th { position: relative; white-space: nowrap; overflow: hidden; }
.grid-parent-left {padding-right:0}
.grid-parent-right {padding-left:0}
.mobile-grid-parent{ padding: 0;}
.list-layout{margin: 0;}
.mobile-list-layout{margin: 0 -10px;}
/* Author's custom styles */
.mobile-menu-btn a,.mobile-menu-btn a::after,.mobile-menu-btn a::before,.menu-box nav{background-color:#15507f;}
header .header-box{ margin: 0; padding: 20px;box-shadow: 0 0 20px rgba(0,0,0,0.1);margin-bottom: 20px;border: none;}
header .logo{ margin: 0;}
.mobile-menu-btn{ margin-top: 10px;}
.mobile-language{ position: relative;margin-top: 5px;}
.mobile-language > a{font-size: 30px;color: #15507f;}
.mobile-language .dropdown-menu{ left: auto; right: 0;}
.index-services .select{ margin:20px 20px 20px 20px;padding: 12px; background-color: #fff; color: #15507f;border-radius: 5px;font-size: 16px; text-align: center;border: 2px solid #fff;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.index-services .select i{ margin-left: 10px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.index-services .select:focus,.index-services .select:hover{ text-decoration: none;}
.index-services .select.active{ background-color: #15507f;color: #fff; text-decoration: none;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;margin-bottom: 0;}
.index-services .select.active i{-webkit-transition-duration: 0.3s;transition-duration: 0.3s;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.index-services .services-list{ padding: 0 20px; max-height: 0;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.index-services .services-list.active{ padding: 20px;max-height: 999px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.social-link{ margin-top: 20px;}
.calendar-box{overflow: auto;}
.calendar-box #calendar{ width: 600px;}
footer .copyright{ margin-top: 20px;}
.left-nav-box{ margin-bottom: 20px;padding: 10px;margin-right: 0;}
.phone-search{ position: relative;}
.phone-search input{ border: none; display: block; padding-right: 53px;margin: 0;}
.phone-search .btn{ margin: 0;border: none; background-color: transparent; position: absolute; right: 0; top: 0;box-shadow: none; color: #154a86;}
.left-nav-box > .dropdown-btn{color: #fff; text-align: center;display: block;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.left-nav-box > .dropdown-btn:hover,.left-nav-box > .dropdown-btn:focus,.left-nav-box > .dropdown-btn.active{ text-decoration: none;}
.left-nav-box > .dropdown-btn.active{margin-bottom: 10px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.left-nav-box > .dropdown-btn i{ margin-left: 10px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.left-nav-box > .dropdown-btn.active i{-webkit-transition-duration: 0.3s;transition-duration: 0.3s; transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.left-nav{ max-height: 0px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;overflow: hidden;}
.left-nav.active{ max-height: 500px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.information-list{ margin: 0 -10px;}
.list-control select{ margin-bottom: 10px;}
.news-list .box .title{ white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-list .box .title a{ line-height: 140%; font-size: 14px;}
.information-list .box .content .news-box .title{ white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.information-list .box .content .news-box .title a{ line-height: 140%; font-size: 16px;}
.activity-box .title{ white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-box .title{ white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-box .title a{ font-size: 16px; line-height: 140%;}
.video-box .title{ white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.video-box .title a{ font-size: 16px; line-height: 140%;}
.first-video-box .title{ white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.first-video-box .title a{ font-size: 16px; line-height: 140%;}
.download-box .title{ white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.download-box .title{ font-size: 14px; line-height: 140%;}
.gallery-box .title{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; min-height: 40px;}
.gallery-box .title a{font-size: 14px;}
.enter-content{ overflow: auto;}
.index-login .btn-area a{ margin-bottom: 10px;}
.page-title{ font-size: 24px;}
.btn.btn-gov{ margin-top: 10px;}
footer .footer-link > li{ margin: 0 10px;padding: 0;border:none;}
#login-box{ min-width: 80vw;}
.ticket-list .box .btn{ margin-bottom:10px;}
header .pt-menu nav{ margin-top: 0px;}
}