@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(../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}
p{margin:0 0 10px;word-break: break-word;}
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 !important;visibility: hidden !important;}
.hidden-desktop{display: none !important;}
.hidden-phone{display: block;}
.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*/
.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; }
.enter-content table th{border-width: 1px;border-style: solid;border-color: rgb(221, 221, 221);}
.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", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "Arial", sans-serif;font-size:14px;line-height:140%;color:#333;background-color:#e9fcff;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:#154a86}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-color:#154a86}
.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background:#154a86}
.pagination ul>.active>a,.pagination ul>.active>span{background:#154a86}
.pager li > a:hover,.pager li > a:focus {background-color: #154a86;border-color: #154a86;}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus {border-color:#154a86;}
.btn-style { background-color: #154a86; border:1px solid #154a86;}
.btn-style:hover, .btn-style:focus { background-color:#154a86; border:1px solid #154a86;}
.owl-theme .owl-nav [class*=owl-]:hover{background:#154a86!important;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#154a86!important}
.tooltipster-default {background:#154a86}
.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;}
.image-frame a { position: relative; z-index: 1;display: block;width: 100%; overflow: hidden;}
.image-frame.active:before{ border-color:#154a86;}
.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; border-radius: 5px;}
.thumbnail-frame:hover::before{border-color: #154a86;-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;}

.top-bar{ color: #fff;background: rgba(21,74,134,1);
background: -moz-linear-gradient(top, rgba(21,74,134,1) 0%, rgba(4,108,182,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(21,74,134,1)), color-stop(100%, rgba(4,108,182,1)));
background: -webkit-linear-gradient(top, rgba(21,74,134,1) 0%, rgba(4,108,182,1) 100%);
background: -o-linear-gradient(top, rgba(21,74,134,1) 0%, rgba(4,108,182,1) 100%);
background: -ms-linear-gradient(top, rgba(21,74,134,1) 0%, rgba(4,108,182,1) 100%);
background: linear-gradient(to bottom, rgba(21,74,134,1) 0%, rgba(4,108,182,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#154a86', endColorstr='#046cb6', GradientType=0 );}
.top-bar a{ color: #fff;}
.top-bar .main-logo{ display: inline-block; margin: 20px 0;}
.top-bar .link{ margin: 0; padding: 0;}
.top-bar .link > li{display: inline-block; margin-left: 20px;position: relative;margin-top: 10px;}
.top-bar .link > li > a{ color: rgba(255,255,255,0.6); line-height: 30px;display: block; padding: 15px 20px;border-radius: 5px 5px 0 0;font-size: 16px; font-weight: 600;}
.top-bar .link > li > a:hover,.top-bar .link > li.active > a,.top-bar .link > li > a:focus{ background-color: #fff;text-decoration: none;color: #154a86;}
.top-bar .link > li.search{ top: -5px;}
.top-bar .link > li.search > a{ padding: 6px 10px; color: #fff; background-color: #d7b231;border-radius: 5px;border: 2px solid #d7b231;}
.top-bar .link > li.search.active > a{ background-color: transparent;}
.top-bar .link > li .search-bar{position:absolute;right:0;top:340%;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;visibility:hidden; opacity: 0; padding: 10px; border-radius: 5px; background-color: #fff;  z-index: 2; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.top-bar .link > li.active .search-bar{ top: 140%;visibility:visible; opacity: 1;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
header { padding: 20px 0; background-color: #fff;}
header nav { margin-top: 25px;}
header nav > ul{ margin: 0; padding: 0;}
header nav > ul > li{ display: inline-block;margin-left: 3px;position: relative; margin-bottom: 5px;}
header nav > ul > li > a{ font-size: 18px; padding: 10px 12px;border-radius: 5px;font-weight: bold;color: #666;display: block;}
header nav > ul > li > a:hover,header nav > ul > li > a:focus,header nav > ul > li.active > a{ background-color: #d6e0eb;color: #154a86; text-decoration: none;}
.search-bar{margin: 0 0 20px 0;}
.search-bar input{ height: auto; padding: 7px 10px;}
.search{ display: inline-block;position: relative;}
.search > a{ display:block; padding: 8px 10px; border-radius: 5px; background-color: #42d1fc;font-size: 18px;border: 2px solid #154a86;}
.search.active > a{ background-color: transparent;}
.search-bar{ position: absolute; right: 0px; width: 480px; background-color: #fff; padding:10px;top:340%;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;visibility:hidden; opacity: 0;text-align: center;z-index: 2;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.active ..search-bar{ top: 120%;visibility:visible; opacity: 1;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.search-bar select{ padding: 7px; border-radius: 5px 0 0 5px;height: auto;min-height:40px;}
.search-bar input{ height: auto !important; padding:9px 12px;border-left: 0px;margin: 0;}
.search-bar .btn{ border: none; box-shadow: none;width: 100%;padding:10px 0; background-color: #154a86;color:#fff;border-radius:0 5px 5px 0;margin: 0;}

.page-title{ line-height: 100%;font-size: 26px; text-align: center;color: #154a86;}
.page-box{ margin: 20px 0; border-radius: 10px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); background-color: #fff;padding: 20px;}
.index-box{ margin-bottom: 20px; border-radius: 10px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); background-color: #fff;}
.index-box .content{ padding: 20px;}
.index-title{padding: 20px; border-bottom: 1px solid #ededed;}
.index-title > span{font-size: 24px;line-height: 100%;}
.index-title .more {display: inline-block;float: right;margin-top: 3px;}
.index-title .more span{ width: 8px;height: 8px;position: relative;border-radius: 8px;background-color: #cccccc;margin: 0 16px;display: inline-block;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.index-title .more span::after,.index-title .more span::before{ content: "";display: block;width: 8px;height: 8px;position: absolute;border-radius: 8px;background-color: #cccccc;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.index-title .more span::after{ left: -16px;}
.index-title .more span::before{ right: -16px;}
.index-title .more:hover span,.index-title .more:hover span::after,.index-title .more:hover span::before{ background-color: #154a86;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.preview-bar{ padding: 20px; background-color: red;color:#fff; text-align: center; font-size: 24px; line-height: 100%;}
.preview-bar i{ margin-right: 10px;}
#content{ padding: 20px 0; background-repeat: no-repeat; background-size: 100% auto; background-position: center top; background-image: url(../img/slideshow-bg.png);}
#slideshow{border: 3px solid #d3b236; border-radius: 10px;overflow: hidden;margin-bottom: 20px;}
#slideshow .owl-dots{ position: absolute; left: 15px;bottom: 10px;z-index: 2;}
#slideshow .owl-dots span{ background-color: #fff;}
.index-box.icon .content{ padding: 20px 10px 0 10px;}
.index-box.icon .list .box{ display: block; padding: 30px; border-radius: 10px; text-align: center; background-color: #154a86;color: #fff; margin-bottom: 20px;overflow: hidden;position: relative;}
.index-box.icon .list .box:hover{ text-decoration: none;}
.index-box.icon .list .box::after{content:"";width: 0;height: 100%; display: block;position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.1);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.index-box.icon .list .box:hover::after{ width: 100%;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.index-box.icon .list > div:nth-child(1) .box{ background-color: #f7748b;}
.index-box.icon .list > div:nth-child(2) .box{ background-color: #3da55d;}
.index-box.icon .list > div:nth-child(3) .box{ background-color: #f8b62d;}
.index-box.icon .list > div:nth-child(4) .box{ background-color: #3eb5e5;}
.index-box.icon .list > div:nth-child(5) .box{ background-color: #a6ce3a;}
.index-box.icon .list > div:nth-child(6) .box{ background-color: #a36cea;}
.index-box.icon .list .box .icon{ margin-bottom: 10px;}
.index-box.icon .list .box .icon,.index-box.icon .list .box .title{ position: relative; z-index: 2;}
.index-box.icon .list .box .title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height: 140%;min-height: 38px;}
.index-box.news .box{ margin-bottom: 20px;}
.index-box.news .box:last-child{ margin: 0; padding: 0;border: none;}
.index-box.news .box .content{ padding:0 0 0 20px;}
.index-box.news .box .title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden; margin-bottom: 5px;}
.index-box.news .box.first{padding:0 20px 20px 20px; border-bottom: 1px solid #ededed;margin: 0 -20px 20px -20px;}
.index-box.news .box.first .title{margin-bottom: 10px;}
.index-box.news .box.first .title a{font-size: 18px;}
.index-box.news .box .title a{font-size: 16px;}
.index-box.news .box .details{ color: #686868;margin:0 0 10px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.index-box.news .box .date{ color: #154a86;text-align: right;}
.index-box.news .box.first .date{ text-align: left;}
.index-box.activity .content{ padding-bottom: 0;}
.index-box.activity .box{ margin-bottom: 20px;}
.index-box.activity .box .content{ padding: 0 0 0 20px;}
.index-box.activity .box .content .title{margin-bottom: 10px;font-size: 16px;}
.index-box.activity .box .content .date{ color: #154a86;}
.preview-bar{ padding: 20px; background-color: red;color:#fff; text-align: center; font-size: 24px; line-height: 100%;}
.preview-bar i{ margin-right: 10px;}
.left-dropdown-menu{ margin: 0; padding-left: 30px;max-height: 0px;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;overflow: hidden;}
.left-dropdown-menu.active{ max-height: none;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.phone-language ul{ margin: 0; padding: 10px 0; text-align: center;}
.phone-language ul > li{ display: inline-block; border-left: 1px solid #ddd; padding:0 20px;}
.phone-language ul > li:first-child{ padding-left: 0; border: none;}
.phone-language ul > li:last-child{ padding-right: 0;}
.release-date{ color: #999;margin-bottom: 20px;}
.release-date i{ margin-right: 5px;}

footer { color: #fff;background: rgba(4,108,182,1);
background: -moz-linear-gradient(top, rgba(4,108,182,1) 0%, rgba(21,74,134,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(4,108,182,1)), color-stop(100%, rgba(21,74,134,1)));
background: -webkit-linear-gradient(top, rgba(4,108,182,1) 0%, rgba(21,74,134,1) 100%);
background: -o-linear-gradient(top, rgba(4,108,182,1) 0%, rgba(21,74,134,1) 100%);
background: -ms-linear-gradient(top, rgba(4,108,182,1) 0%, rgba(21,74,134,1) 100%);
background: linear-gradient(to bottom, rgba(4,108,182,1) 0%, rgba(21,74,134,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#046cb6', endColorstr='#154a86', GradientType=0 );}
footer .copyright{ text-align: center;padding: 30px 0;color: #fff;}

/*Default class*/
.list-layout{ margin: 0 -10px;}
.hidden-y{overflow-y: hidden;}

/*Default component*/
.go-top{position:fixed;bottom:20px;right:20px;background:#154a86;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: 20px 0 0 0; padding: 0; text-align: center;}
.social-link > li{ display: inline-block;margin: 0 10px;}
.social-link > li > a{font-size: 28px;}
#wechat_qrcode{ padding: 20px;background-color: #fff;}

.qlist-style { list-style: none; margin:0; padding:0; }
.qlist-style li { padding:10px; border-bottom: 1px dotted #DDD; font-size:15px;}
.qlist-style li i { margin-right: 3px; color: #154a86; }
.photo-box .cover{margin-bottom: 15px;}
.photo-box .title { font-size:18px; line-height: 100%;min-height: 24px;}
.photo-box .tags { margin-top:5px; }
.left-nav {list-style: none; margin:0; padding:0; }
.left-nav li > a {padding:10px;font-size:15px;background-color: #F7F7F7; display: block;}
.left-nav li { margin:2px 0; }
.left-nav > li > a:focus,.left-nav li > a:hover,.left-nav li.active > a{background-color: #d6e0eb;color: #154a86;text-decoration: none;}
.left-nav-title { font-size:24px; text-align:center;color: #154a86;line-height: 120%;}
@-moz-document url-prefix() {
  .left-nav-title { margin-bottom: 20px;}
}
.page-subtitle { padding:0 0 10px 0; }
.page-subtitle span { padding:10px 20px; line-height: 150%; color:#000;font-size:18px;display:block;border-left: 3px solid #154a86; background-color: #f0f7ff;}
a.label {display: inline-block;padding: 0 .3em;font-size: 12px;font-weight: bold;line-height: 1;color: #fff;text-align: center;vertical-align: baseline;border-radius: .25em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width: 90%;margin: auto;}
a.label:hover { color: #FFF; text-decoration: none; }
a.label-default {background-color: #d7b231;}
a.label-2 {background-color: #158647;}
.list-control { background-color: #F7F7F7;padding:10px; line-height: 36px; }
.list-control select { margin-bottom: 0; height: 36px; line-height: 1}
.calculation-box .title{font-size: 18px; font-weight: bolder; line-height: 100%;}
.calculation-box .apply-box,.calculation-box .resumindo-box{ border: 1px solid #ddd; background-color: #f3f3f3; padding: 20px; border-radius: 5px;}
.calculation-box hr{border-top: 0px; border-bottom-color: #ddd;}
.calculation-box .item{ line-height: 150%;font-size: 16px;margin:0 -10px 20px -10px;}
.calculation-box .item > div{ display: flex;align-items: center;}
.calculation-box .item input{ margin: 0;}
.calculation-box .item .btn{ border: none; border-radius: 5px; background-color: #154a86;color: #fff;}
.calculation-box .item .btn:hover{ opacity: 0.8;}
.calculation-box .item .tips{ margin: 0 10px;}
.calculation-box .notes { line-height: 160%;color: #666; margin-top: 20px;}
.apply-start,.report-start{ background-color: #fff !important; cursor: pointer !important;}

.enter-content ul > li{ list-style-type: none;position: relative;}
.enter-content ul > li::after{ content: ""; position: absolute; left: -25px; top: 2px;color: #154a86;width: 15px;height: 15px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/ul-after.png);}

/* Grow Rotate */
.grow-rotate {display: inline-block;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transform: translateZ(0);transform: translateZ(0);}
.grow-rotate:hover, .grow-rotate:focus, .grow-rotate:active {-webkit-transform: scale(1.1) rotate(4deg);transform: scale(1.1) rotate(4deg);}

/* responsive layout styles */
@media(max-width:1100px){
  .top-bar{ padding: 0 20px;}
  header{ padding: 20px;}
  .slideshow-box{ padding: 20px;margin: 0 -20px;}
  #content{ padding: 0 20px;}
}
@media(max-width:1060px){
  .photo-box .cover{min-height: 320px;}
}
@media(max-width:767px){
.hidden-desktop{display: block !important;}
.hidden-phone{display: none !important;}
.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; overflow: hidden; }
.grid-parent-left {padding-right:0}
.grid-parent-right {padding-left:0}
.mobile-grid-parent{ padding: 0;}
.list-layout{margin: 0;}

/* Author's custom styles */
.mobile-menu-btn a > span,.mobile-menu-btn a::after,.mobile-menu-btn a::before,.menu-box nav{background-color:#154a86;}
header{ padding: 20px;}
.top-bar { padding: 10px 0;}
.top-bar .link{ text-align: center;}
.top-bar .link > li{ margin-top: 0;}
.top-bar .link > li > a{ padding: 0;}
.list-control select { margin-bottom: 5px;}
.list-control a.btn { margin-left: 0; }
.top-bar .link > li.search{top:0; padding-left: 20px; border-left: 1px solid rgba(255,255,255,0.5);}
.top-bar .link > li:first-child{ top: -5px;}
.top-bar .link > li > a{max-width: 170px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.top-bar .link > li .search-bar{ width: 300px;right: -35px;}
.index-box.activity .content{ padding: 20px;}
.left-nav-box > .dropdown-btn{color: #154a86; 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-y: auto;}
.left-nav.active{ max-height: unset;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.index-box.icon .list .box{padding: 20px 10px;}
.index-title > span{ font-size: 18px;}
.datepicker-dropdown{position: absolute;top: 120%;left: 0;z-index: 1000;display: none;float: left;min-width: 120px;padding: 0;margin: 0;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;text-align: center;border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.photo-box .cover{min-height: auto;}
.index-box.news .box .title{white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.photo-box .title{white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; min-height: 40px;}
.photo-box .title a{ font-size: 14px;}
.index-box.icon{ margin-top: 20px;}
.calculation-box .item > div{display: block;}
.left-dropdown-menu{ max-height: none;}
}

/*重寫fullCalendar樣式*/
.fc-event-container>a{
  width: 100%;
  background-color: #3a87ad;
  border-radius: 10%;
}