@charset "utf-8";

.icon { font-family: icomoon; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; text-align: center; text-decoration: none; display: inline-block; position: relative; }

.icon-refresh::before { content: ""; display: block; animation: 1500ms linear 0s infinite normal none running Rotate; }

.icon-eye::before { content: ""; }

.icon-menu::before { content: ""; }

.icon-close::before { content: ""; }

.icon-ext::before { content: ""; }

.icon-lock::before { content: ""; }

.icon-tick::before { content: ""; }

.icon-bubble::before { content: ""; }

.icon-exclamation-mark::before { content: ""; }

.icon-facebook-square::before { content: ""; }

.icon-google-square::before { content: ""; }

.icon-info::before { content: ""; }

.icon-list::before { content: ""; }

.icon-print::before { content: ""; }

.icon-twitter-square::before { content: ""; }

.icon-logo::before { content: ""; }

.icon-calendar::before { content: ""; }

.icon-rss::before { content: ""; }

.icon-search::before { content: ""; }

.icon-ctk::before { content: ""; }

.icon-facebook::before { content: ""; }

.icon-google::before { content: ""; }

.icon-home::before { content: ""; }

.icon-twitter::before { content: ""; }

.icon-youtube::before { content: ""; }

.icon-weather-01::before { content: ""; }

.icon-weather-02::before { content: ""; }

.icon-weather-03::before { content: ""; }

.icon-weather-04::before { content: ""; }

.icon-weather-05::before { content: ""; }

.icon-weather-06::before { content: ""; }

.icon-weather-07::before { content: ""; }

.icon-weather-08::before { content: ""; }

.icon-weather-09::before { content: ""; }

.icon-weather-10::before { content: ""; }

.icon-weather-11::before { content: ""; }

.icon-weather-12::before { content: ""; }

.icon-weather-13::before { content: ""; }

.icon-weather-14::before { content: ""; }

.icon-weather-15::before { content: ""; }

.icon-weather-16::before { content: ""; }

.icon-weather-17::before { content: ""; }

.icon-weather-18::before { content: ""; }

.icon-weather-19::before { content: ""; }

.icon-weather-20::before { content: ""; }

.icon-weather-21::before { content: ""; }

.icon-weather-22::before { content: ""; }

.icon-weather-23::before { content: ""; }

.icon-weather-24::before { content: ""; }

.icon-weather-25::before { content: ""; }

.icon-weather-26::before { content: ""; }

.icon-weather-27::before { content: ""; }

.icon-weather-28::before { content: ""; }

.icon-weather-29::before { content: ""; }

.icon-weather-30::before { content: ""; }

.icon-weather-31::before { content: ""; }

.icon-weather-32::before { content: ""; }

.icon-weather-33::before { content: ""; }

.icon-weather-34::before { content: ""; }

.icon-weather-35::before { content: ""; }

.icon-weather-36::before { content: ""; }

.icon-weather-37::before { content: ""; }

.icon-weather-38::before { content: ""; }

.icon-weather-39::before { content: ""; }

.icon-weather-40::before { content: ""; }

.icon-weather-41::before { content: ""; }

.icon-weather-42::before { content: ""; }

.icon-weather-43::before { content: ""; }

.icon-weather-44::before { content: ""; }

.icon-weather-45::before { content: ""; }

.icon-weather-46::before { content: ""; }

.icon-weather-47::before { content: ""; }

.icon-weather-48::before { content: ""; }

.icon-weather-49::before { content: ""; }

.icon-weather-50::before { content: ""; }

.icon-weather-51::before { content: ""; }

.icon-weather-52::before { content: ""; }

.icon-weather-53::before { content: ""; }

.icon-weather-54::before { content: ""; }

.icon-weather-55::before { content: ""; }

.icon-weather-56::before { content: ""; }

.icon-weather-57::before { content: ""; }

.icon-weather-58::before { content: ""; }

.icon-weather-59::before { content: ""; }

.icon-weather-60::before { content: ""; }

@-webkit-keyframes Rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes Rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

body { color: rgb(0, 0, 0); background: none; font: 16px / 1.4 "PT Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; width: 100% !important; }

#menu-main, #menu-accessibility, #menu-other, #menu-sub, .menu-context, #box-weather, .box-offer, .box-list, .box-offer-body, .box-article-footer .social, .box-article-footer .right, .box-article-footer .btn-wrap, .box-article-footer .comments, .crossroad-grid .list-item .crossroad-light, .crossroad-grid .list-item .box-weather, .crossroad-grid .list-item .box-enquiry, .crossroad-grid .list-item .box-offer, #footer .menu, #footer .apps, #footer .up, #footer .social, .page-detail .col-side, form, .noprint, .btn-wrap, .btn, .link-more, .slide-link, .pager, .pages, .prev, .next { display: none; }

h1, h2, h3, h4, h5, h6, caption { font-family: "PT Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; line-height: 1.2; margin: 1.5em 0px 0.5em; }

h1 { font-size: 32px; margin-top: 0.75em; }

@media (min-width: 700px) {
  h1 { font-size: 40px; }
}

h2, caption { font-size: 24px; }

h3 { font-size: 20px; }

h4, h5, h6 { font-size: 18px; }

.title-main { text-transform: uppercase; margin: 0px 0px 15px; font-size: 20px; }

table { margin: 15px 1pt 35px; text-align: left; border-collapse: collapse; font-size: 8pt; width: 98% !important; }

tr { break-inside: avoid; }

th, td { border: 1pt solid rgb(0, 0, 0); padding: 4px 10px; }

th { font-weight: bold; }

#header { border-bottom: 1pt solid rgb(0, 0, 0); padding: 0px 20px 30px; margin: 0px 0px 20px; }

#header .vhide { display: none; }

#logo { font: 100% / 1 "PT Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; margin: 0px; padding: 0px; overflow: hidden; position: relative; width: 268px; height: 52px; }

#logo .icon { font-size: 268px; margin-top: -134px; position: absolute; top: 50%; left: 0px; }

#main { padding: 0px 20px; }

.copyrights { border-top: 1pt solid rgb(0, 0, 0); padding: 20px; margin: 30px 0px 0px; font-size: 14px; text-align: center; }

.copyrights strong { font-weight: normal; margin: 0px 15px; }

.copyrights .icon { vertical-align: middle; font-size: 40px; top: -2px; }

#main .copyrights { margin-left: -20px; margin-right: -20px; }

.reset { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin: 0px; padding: 0px; background: none; }

.reset td, .reset th { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: none; padding: 0px; }

.reset > li, .reset > dt, .reset > dd { margin: 0px; padding: 0px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; font-weight: inherit; float: none; display: inherit; text-align: inherit; width: auto; }

.big { font-size: 20px; }

.small { font-size: 14px; }

p { margin: 0px 0px 1.25em; }

hr { border-width: 1px medium medium; border-style: solid none none; border-color: rgb(221, 221, 221) currentcolor currentcolor; border-image: initial; margin: 40px 0px; height: 1px; overflow: hidden; }

blockquote { margin: 0px 0px 25px 20px; padding: 15px 0px 1px 15px; border-left: 5px solid rgb(221, 221, 221); position: relative; font-style: italic; }

blockquote::before { content: "â"; position: absolute; left: -20px; top: 50%; margin-top: -56px; font-size: 70px; line-height: 1; }

blockquote p { margin: 0px 0px 10px; }

a { color: rgb(0, 0, 0); text-decoration: none; }

ul, ol { margin: 0px 0px 1.25em 20px; padding: 0px; list-style-position: inside; }

li { }

li ol, li ul { margin: 0.25em 0px 0px; }

dl { margin: 0px 0px 1.25em; }

dt { margin: 0px; padding: 0px; float: left; width: 150px; }

dd { margin: 0px; padding: 0px 0px 0px 10px; overflow: hidden; }

table { width: 100%; font-size: 16px; clear: both; margin: 0px 0px 1.25em; empty-cells: show; border-collapse: collapse; border: 1px solid rgb(221, 221, 221); }

caption { font-weight: bold; text-align: left; caption-side: top; }

td, th { vertical-align: top; padding: 8px 10px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial; border-width: 1px 0px; }

th { font-weight: bold; }

img.l { margin: 0.25em 20px 20px 0px; float: left; }

img.r { float: right; margin: 0.25em 0px 20px 20px; }

img { max-width: 100%; height: auto; }

.tag { display: inline-block; vertical-align: middle; line-height: 17px; text-transform: uppercase; font-weight: bold; font-size: 11px; color: rgb(255, 255, 255); padding: 1px 5px 0px; position: relative; text-decoration: none; background: rgb(0, 0, 0); }

.crossroad-grid { margin: 0px 0px 40px; max-width: 1100px; }

.crossroad-grid .list { zoom: 1; line-height: 20px; margin: 0px 0px 0px -20px; height: auto !important; }

.crossroad-grid .list::after, .crossroad-grid .list::before { content: ""; display: table; clear: both; }

.crossroad-grid .list p { margin: 0px; }

.crossroad-grid li { float: left; width: 280px; position: static !important; }

.crossroad-grid li > .inner { display: block; text-decoration: none; margin: 0px 0px 20px 20px; border: 1px solid rgb(221, 221, 221); color: rgb(0, 0, 0); overflow: hidden; padding: 0px 0px 10px; height: 285px; box-sizing: border-box; position: relative; }

.crossroad-grid .img { margin: 0px; height: 180px; line-height: 180px; overflow: hidden; font-size: 0px; text-align: center; position: relative; }

.crossroad-grid .img .tag { left: 10px; }

.crossroad-grid .content { padding: 15px 10px 0px; overflow: hidden; max-height: 260px; }

.crossroad-grid .title { font-size: 24px; line-height: 28px; font-weight: bold; margin: 0px 0px 12px; }

.crossroad-grid .title.thin { font-weight: normal; }

.crossroad-grid p.title { margin-bottom: 12px; }

.crossroad-grid .desc { display: inline; }

.crossroad-grid .date { color: rgb(150, 150, 150); display: inline; }

.crossroad-grid .tag { position: absolute; left: 10px; bottom: 10px; }

.crossroad-grid .tag ~ .content { max-height: 235px; margin-bottom: 25px; }

.crossroad-grid li > .inner-autoHeight { height: auto !important; }

.crossroad-grid li > .inner-autoHeight .content { max-height: none; }

.crossroad-grid li > .inner-autoHeight .title { margin: -2px 0px 0px; }

.crossroad-grid li > .inner-img .content { max-height: 84px; }

.crossroad-grid li > .inner-img .title { display: inline; }

.crossroad-grid li > .inner-pattern { height: 170px; }

.crossroad-grid .main { width: 560px; font-size: 20px; line-height: 28px; }

.crossroad-grid .main > .inner { height: 540px; }

.crossroad-grid .main > .inner .img { height: 380px; }

.crossroad-grid .main .content { max-height: 515px; }

.crossroad-grid .main .tag ~ .content { max-height: 490px; }

.crossroad-grid .main .title { font-size: 40px; line-height: 44px; }

.crossroad-grid .main > .inner-img .content { max-height: 132px; }

.crossroad-light { margin: 0px -20px 40px; }

.crossroad-light .title-main { padding: 0px 20px; }

.crossroad-light ul { font-size: 0px; margin: 0px 0px 20px; line-height: 60px; border-top: 1px solid rgb(221, 221, 221); position: relative; }

@media (-webkit-min-device-pixel-ratio: 0) {
  .crossroad-light ul { letter-spacing: -1px; }
}

.crossroad-light ul > * { display: inline-block; vertical-align: top; letter-spacing: normal; width: 50%; font-size: 0px; }

.ie7 .crossroad-light ul > * { display: inline; zoom: 1; }

.crossroad-light ul a { display: block; padding: 20px 20px 20px 100px; color: rgb(0, 0, 0); text-decoration: none; zoom: 1; }

.crossroad-light ul a::after, .crossroad-light ul a::before { content: ""; display: table; clear: both; }

.crossroad-light li { border-bottom: 1px solid rgb(221, 221, 221); }

.crossroad-light > p { margin-right: 20px; }

.crossroad-light .img { float: left; margin-left: -80px; width: 60px; height: 60px; line-height: 60px; text-align: center; }

.crossroad-light .name { font-size: 18px; line-height: 20px; display: inline-block; vertical-align: middle; }

.crossroad-icon { margin: 0px 0px 25px; }

.crossroad-icon li { line-height: 50px; font-size: 0px; margin: 0px 0px 10px; }

.crossroad-icon a { display: inline-block; vertical-align: top; padding: 0px 0px 0px 70px; }

.crossroad-icon .icon { float: left; margin-left: -70px; width: 48px; height: 48px; line-height: 48px; border: 1px solid rgb(221, 221, 221); text-align: center; font-size: 26px; }

.crossroad-icon .name { display: inline-block; vertical-align: middle; line-height: 25px; font-size: 18px; text-decoration: underline; }

.box-people { margin: 0px 0px 40px; padding-left: 180px; min-height: 160px; position: relative; }

.box-people .author { font-size: 14px; margin: 0px; }

.box-people .author .img { position: absolute; left: 0px; top: 0px; }

.box-about { margin: 0px 0px 40px; }

.box-ctk { margin: 0px 0px 40px; overflow: hidden; }

.box-ctk .icon { float: right; font-size: 200px; margin: 0px 0px 0px 20px; }

.box-weather-main { margin: 0px 0px 40px; font-size: 20px; display: table; width: 100%; }

.box-weather-main > * { display: table-cell; vertical-align: middle; }

.box-weather-main p { margin: 0px; }

.box-weather-main .weather { font-size: 0px; width: 240px; }

.box-weather-main .weather .icon { font-size: 80px; vertical-align: middle; }

.box-weather-main .temperature { font-size: 32px; font-weight: normal; display: inline-block; vertical-align: middle; margin-left: 40px; }

.box-weather { margin: 0px 0px 25px; font-size: 0px; overflow: hidden; border: 1px solid rgb(0, 0, 0); }

.box-weather > .item { display: inline-block; vertical-align: top; width: 50%; font-size: 16px; }

.box-weather .inner { box-sizing: border-box; border-left: 1px solid rgb(0, 0, 0); margin: 0px 0px 0px -1px; }

.box-weather .content { padding: 10px 10px 20px; }

.box-weather .content p { margin: 0px; }

.box-weather .title { font-weight: normal; margin-top: 0px; }

.box-weather .weather-main { text-align: center; }

.box-weather .weather-main .label { display: inline-block; vertical-align: middle; text-align: center; width: 100px; font-size: 16px; }

.box-weather .weather-main .label .grey { display: block; }

.box-weather .weather-main .label .temperature { font-size: 24px; line-height: 30px; display: block; font-weight: normal; }

.box-weather .weather-main .icon { font-size: 80px; vertical-align: middle; }

.box-weather .weather { display: table; width: 100%; text-align: center; border-top: 1px solid rgb(221, 221, 221); }

.box-weather .weather > * { display: table-cell; vertical-align: middle; width: 25%; border-left: 1px solid rgb(221, 221, 221); padding: 20px 10px; }

.box-weather .weather > :first-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }

.box-weather .weather .grey { font-size: 14px; }

.box-weather .weather .temperature { display: block; font-weight: normal; margin: 10px 0px; }

.box-weather .weather .icon { font-size: 26px; vertical-align: top; }

.box-article { min-height: 1px !important; }

.box-article + .box-article { border-top: 1px solid rgb(0, 0, 0); margin-top: 40px; padding-top: 30px; }

.box-article-info, .box-article-footer { margin: 0px 0px 20px; border: 1px solid rgb(221, 221, 221); font-size: 16px; line-height: 30px; clear: both; padding: 5px 10px; }

.box-article-info p, .box-article-footer p { margin: 0px; }

.box-article-info .grey, .box-article-footer .grey { margin-left: 15px; }

.box-message { margin: 0px 0px 20px; border: 1px solid rgb(221, 221, 221); position: relative; padding: 25px 25px 8px 70px; }

.box-message h2 { font-weight: normal; }

.box-message .inner { max-width: 610px; }

.box-message .icon { position: absolute; left: 23px; top: 25px; font-size: 25px; }

.box-message .icon + * { margin-top: 0px; }

.box-img { margin: 0px 0px 25px; font-size: 16px; }

.box-img .img { display: block; margin: 0px 0px 5px; }

.box-enquiry { margin: 0px 0px 20px; border: 1px solid rgb(221, 221, 221); overflow: hidden; position: relative; }

.box-enquiry::before { content: ""; position: absolute; left: 270px; top: 0px; bottom: 0px; width: 1px; border-left: 1px solid rgb(221, 221, 221); }

.box-enquiry ul { font-size: 16px; overflow: hidden; }

.box-enquiry ul a { display: block; text-decoration: none; color: rgb(0, 0, 0); padding: 10px 20px; }

.box-enquiry ul .grey { margin-left: 5px; }

.box-enquiry .title { font-weight: normal; float: left; padding: 15px 20px 0px; max-width: 230px; margin: 0px 0px 50px; }

.box-enquiry .progress { display: block; height: 30px; line-height: 30px; position: relative; margin-top: 2px; }

.box-enquiry .progress span { position: absolute; left: 0px; top: 0px; bottom: 0px; color: rgb(150, 150, 150); font-size: 14px; white-space: nowrap; }

.box-enquiry .tag { position: absolute; left: 20px; bottom: 15px; }

.box-gallery { margin: 50px 0px 25px; position: relative; }

.box-gallery h2 { font-weight: normal; }

.box-gallery .item { display: none; position: relative; }

.box-gallery .item:first-child { display: block; }

.box-gallery .desc { position: absolute; display: block; right: 0px; top: 0px; bottom: 70px; overflow: hidden; width: 240px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial; border-width: 1px 0px 0px; padding-top: 15px; }

.box-gallery .img { display: block; overflow: hidden; background: rgb(0, 0, 0); text-align: center; margin-right: 260px; }

:first-child { margin-top: 0px; }