@import url(grid.css);
@import url(notification.css);
@import url(breadcrumb.css);
@import url(pagination.css);
@import url(form.css);
@import url(button.css);
@import url(pager.css);
@import url(iconfont.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}
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}
.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;}
.hidden-phone{display: block !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; text-align: left; }
.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:1060px}
.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:20px;color:#333;background-color:#009eb7;}
a{color:#333;text-decoration:none}
a:hover,a:focus{color:#555;text-decoration:underline}
/* content table display styles */
.enter-content p {line-height:150%}

.main-box{ margin: 20px 0;border-radius: 10px; overflow: hidden;}
.main-box > div{ display: flex;align-items: stretch;}

header{ background-color: #006f83;position: relative; padding-bottom: 155px;height: calc(100% - 155px);}
header .main-logo{ text-align: center; padding: 20px;border-bottom: 1px solid rgba(0,0,0,0.1);}
header .menu-box nav > ul{ margin: 0;padding: 0;}
header .menu-box nav > ul > li{ display: block;border-bottom: 1px solid rgba(0,0,0,0.1);margin: 0; text-align: left;color: #000;}
header .menu-box nav > ul > li h3{ padding: 0 20px;margin: 20px 0;}
header .menu-box nav > ul > li > a{ color: #fff; padding: 20px;display: block; outline: none;text-decoration: none;border-radius: 0px;}
header .menu-box nav > ul > li > a.active,header .menu-box nav > ul > li.active > a{ background-color: rgba(255,255,255,0.2);color: #fff;}
header .menu-box nav > ul li a i{float: right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;margin-top: 5px; text-indent: 0 !important;}
header .menu-box nav > ul .active > i,header .menu-box nav > ul .active > a > i{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header .menu-box nav > ul > li .dropdown-menu{ margin: 0; padding: 0; overflow: hidden; max-height: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;position: relative; top: auto; float: none; opacity: 1;border-radius: 0;}
header .menu-box nav > ul > li .dropdown-menu.open{ max-height: 1000px; border-top: 1px solid rgba(0,0,0,0.1);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header .menu-box nav > ul > li .dropdown-menu > li{ border-bottom: 1px solid rgba(0,0,0,0.1); background-color: rgba(0,0,0,0.2);}
header .menu-box nav > ul > li .dropdown-menu > li > a{ text-indent: 20px; padding: 10px 20px;display: block;color: #fff;text-decoration: none;position: relative;}
header .menu-box nav > ul > li .dropdown-menu > li > a::after{content: "";width: 6px; height: 6px;display: block;border-radius: 100%;background-color: #d9e021;position: absolute; left: 20px; top: 50%; margin-top: -3px;}
header .menu-box nav > ul > li .dropdown-menu > li:last-child{border: none;}
header .menu-box nav > ul > li .dropdown-menu > li.active > a,header .menu-box nav > ul > li .dropdown-menu > li:hover > a{ background-color: rgba(255,255,255,0.2); color: #fff;text-decoration: none;}
header .bottom{ position: absolute; left: 20px;right: 20px; bottom: 20px;color: #fff;}
header .bottom .title{ font-size: 24px; line-height: 24px;margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1);}
header .bottom ul{ margin: 0; padding: 0;}
header .bottom ul li{ list-style-type: none;margin-bottom: 10px;}
header .bottom ul li:last-child{ margin-bottom: 0;}
header .bottom ul li a{ color:#fff;}

#content{background-color: #f5f6fa;height: 100%;}
.back_fmac{ padding: 20px;text-align: right;}
.back_fmac a i{margin-right: 10px; color: #009eb7;}
.content-box{ padding: 20px;}
.index-banner{ position: relative;}
.page-title{font-size: 24px; line-height: 100%;margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.photo-box .cover{margin-bottom: 20px;}
.photo-box .title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.activity-box{ margin: 0 -10px 20px -10px; padding-bottom: 20px;position: relative;}
.activity-box p{ margin-bottom: 10px;}
.activity-box::after{content: "";width: calc(100% - 20px); position: absolute;height: 1px;background-color: #ddd;left: 10px;bottom: 0;}
.activity-box:last-child{ margin-bottom: 0; padding-bottom: 0;}
.activity-box:last-child::after{ display: none;}
.activity-box .title{ font-size: 18px; line-height: 140%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.activity-box .title a{color: #000;}
.activity-box .details{ color: #666;}
.activity-box .date{ color: #999;}
.dropdown-list{ border: 1px solid #eee; margin-top: -1px;}
.dropdown-list:first-child{ margin: 0;}
.dropdown-list .title{ padding: 20px; font-size: 18px; line-height: 18px; background-color: #fafafa;cursor: pointer;}
.dropdown-list .name i{ margin-right: 10px;}
.dropdown-list .details{ max-height: 0px; padding: 0px 20px; background-color: #fff;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;overflow: hidden;}
.dropdown-list .details.open{ max-height: 1000px; padding: 20px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.dropdown-list .title .more{ font-size: 18px; line-height:18px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.dropdown-list .title.open,.dropdown-list .title:hover{  background-color: #009eb7;color: #fff;}
.dropdown-list .title.open .more{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}

.list-layout{margin: 0 -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;}
.image-frame a { position: relative; z-index: 1; }
.image-frame.active:before{ border-color:#000000;}
.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;}
.thumbnail-frame .cover { position: relative; z-index: 1; }
.preview-bar{ padding: 20px; background-color: red;color:#fff; text-align: center; font-size: 24px; line-height: 100%;}
.preview-bar i{ margin-right: 10px;}

footer .copyright{color: #fff; margin-bottom: 20px;}

ul.page-lists-style { margin:0;padding: 0;list-style: none; }
.page-lists-style li { border-bottom: 1px dotted #DDD;margin-bottom: 8px; padding-bottom: 5px; }
.page-lists-style li i{ color:#009eb7}
.page-lists-style li a { font-size:15px; }

/* responsive layout styles */
@media(max-width:1060px){
  .main-box{margin: 20px;}
}
@media(max-width:767px){
.hidden-desktop{display: block !important;}
.hidden-phone{display: none !important;}
.hidden-y{ overflow-y: hidden;}
.text-left,.text-right{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}

.main-box{ margin: 0;border-radius: 0px;}
.main-box > div{ display: block;}
header{ padding: 0;}
header .main-logo{ display: none;}
.back_fmac{ text-align: center; padding: 0px;}
.back_fmac a{ display: block;padding: 10px;}

footer .copyright{ margin: 20px 0;}

/*menu*/
.mobile-menu-btn{ color: #fff; display: inline-block;font-size: 28px;width: 48px;height: 48px;line-height: 48px; text-align: center;background-color: #006f83;border-radius: 100%;position: absolute; left: 20px; top: 50%; margin-top: -24px;}
.mobile-menu-btn:hover,.mobile-menu-btn:focus{ text-decoration: none;color: #fff;opacity: 0.8;}
header .menu-box{ position: fixed; left: 0; top: 0; width:100%;height: 100vh; text-align: left; margin: 0 !important;display:block;z-index: 997;visibility:hidden;}
header .menu-box.open{visibility:visible;}
header .menu-box .shadow{ position: absolute; left: 0; top: 0;width: 100%;height: 100%; background-color: rgba(0,0,0,0.6);z-index:998;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;visibility:hidden; opacity: 0;}
header .menu-box.open .shadow{-webkit-transition-duration: 0.3s;transition-duration: 0.3s;visibility:visible; opacity: 1;}
header .menu-box nav{ display: inline-block; width: 75%; background-color: #009eb7;z-index: 999;position: relative;height: 100%;overflow: auto; right: 100%;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header .menu-box.open nav{ right: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header .menu-box nav > ul > li{ display: block;border-bottom: 1px solid rgba(0,0,0,0.1);margin: 0; text-align: left;color: #000;}
header .menu-box nav > ul > li h3{ padding: 0 20px;margin: 20px 0;color: #fff;}
header .menu-box nav > ul > li > a{ color: #fff; padding: 20px;display: block; outline: none;text-decoration: none;border-radius: 0px;}
header .menu-box nav > ul > li > a.active{ background-color: #009eb7;color: #fff;}
header .menu-box nav > ul > li > a > i{float: right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header .menu-box nav > ul > li > a.active i{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header .menu-box nav > ul > li .dropdown-menu{ margin: 0; padding: 0; overflow: auto; max-height: 0;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;position: relative; top: auto; float: none; opacity: 1;border-radius: 0;}
header .menu-box nav > ul > li .dropdown-menu.open{ max-height: 300px; border-top: 1px solid rgba(0,0,0,0.1);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header .menu-box nav > ul > li .dropdown-menu > li{ border-bottom: 1px solid rgba(0,0,0,0.1);}
header .menu-box nav > ul > li .dropdown-menu > li > a{ text-indent: 20px; padding: 10px 20px;display: block;}
header .menu-box nav > ul > li .dropdown-menu > li:last-child{border: none;}
header .menu-box .mobile-menu-close{ float: right;display: block; padding: 0;margin: 0;position: relative;color:#009eb7;}
header .menu-box .mobile-menu-close > i{font-size: 28px;}
.activity-box .title{white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.activity-box .title a{ font-size: 16px;}
.photo-box .title{white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; min-height: 40px;}

article{ overflow: auto;}
}