/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i');*/

/*
font-family: 'Roboto','FontAwesome';
font-weight: 300;
font-weight: 400;
font-weight: 700;
font-style: italic;
FontAwesome
*/
* { /*transition: all 0.3s ease;*/ }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
body { font-family: 'Century Gothic', Microsoft JhengHei , sans-serif; font-size:15px; line-height:1.6; color:#686868; text-align: justify; letter-spacing:1px; background: #F4F6F7; }
input , select , textarea , button { font-family: 'Century Gothic', Microsoft JhengHei , sans-serif; letter-spacing:1px; color:#686868;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -ms-border-radius: none;
    -o-border-radius: none;
    border-radius: none;
    background: none; border: none;
}
input:focus { outline: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

a { text-decoration:none; color:#686868; transition: all 0.3s ease; }
a:hover { opacity: .6; }

.clearfix { display: block; clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.left { float: left; }
.right { float: right; }

/*background: url(../images/img_faq_1.png) center center no-repeat #977569;*/

w100 { width: 100%; }
w90 { width: 90%; }
w80 { width: 80%; }
w70 { width: 70%; }
w60 { width: 60%; }
w50 { width: 50%; }
w40 { width: 40%; }
w30 { width: 30%; }
w20 { width: 20%; }
w10 { width: 10%; }

h1, h2, h3, h4, h5, h6 { text-align:center; letter-spacing: 5px; font-weight: 100; text-transform: uppercase; color: #031430; }
a.button { display: block; width: 150px; height: 44px; line-height: 42px; text-align: center; color: #686868; border:#686868 solid 1px; background: #fff; font-weight: 400; font-size: 12px; margin: 0 auto; text-transform: uppercase;; }
a.button:hover { background: #031430; color: #fff; opacity: 1; border-color: #031430; }

header {  }

/* Index */
.promos-container { padding: 7.5em 30px; text-align: center; }
.promos-container h2 { font-size: 36px; margin-bottom: .5em; }/*
.promos-container h2.highlight { font-family: 'Century', Serif; }*/
.promos-container h2 span { color: #686868; font-size: 15px; display: block; }
.promos-container p { margin-bottom: 3em; }
.promos-container span { display: block; }
.promos-container-column { margin: 0 auto; background-size: cover; padding: 10em 0; max-width: 1200px; }
.promos-box { background: #fff; padding: 50px; width: 50%; margin: 0 auto; }
.promos-box h3 { /*font-family: 'Century', Serif;*/ font-size: 24px; }
.box-line { background: #D9D9D9; height: 1px; width: 100%; margin: 2em 0; }

/* Content 
.main-title { padding: 5em 1em; text-align: center; }
.main-title h1.page-headline { color: #5DA9DD; font-size: 36px; letter-spacing: .5em; }
.main-title p.intro { color: #919195; }

.go-top a { display: block; margin: 5em auto; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 14px; border: #58595B 2px solid; transition: 0.3s; }
.go-top a:hover { border: none; color: #fff; background: #5DA9DD;  }
*/
.main-img { width:100%; height:800px; display: table; background-position:center; background-size:cover; background-repeat: no-repeat; text-align: center; }
.main-img div.main-img-title { display: table-cell; vertical-align:middle; }
.main-img div.main-img-title h2 { /*font-family: 'Century', Serif;*/ color: #fff; text-shadow: 0 0 10px #333; font-size: 300%; letter-spacing: 10px; }


.excellence-billboard-wrapper { margin-top: -50px; }
.excellence-billboard-wrapper li { max-width: 1260px; width: 100%; padding: 0 30px; margin: 0 auto 100px; }
.excellence-billboard-img { width:100%; height:450px; display: table; background-position:center; background-size:cover; background-repeat: no-repeat; text-align: center; }
.excellence-billboard-img div.excellence-billboard-title { display: table-cell; vertical-align:middle; }
.excellence-billboard-img div.excellence-billboard-title h3 { color: #fff; text-shadow: 0 0 10px #333; font-size: 250%; letter-spacing: 10px; }
.excellence-billboard-content { background: #fff; padding: 50px 100px; text-align: left; }
.excellence-billboard-content h4 { text-align: left; font-size: 24px; margin-bottom: 2em; }
.excellence-billboard-content p { font-size:15px; line-height:1.6; color:#686868; }

.promos-box-about-wrapper { display : table-cell; vertical-align:middle; padding: 30px; }
.promos-box-about-content { padding: 50px; width: 100%; max-width: 1200px; margin: 0 auto; background: #fff; text-align: left; }
.promos-box-about-content h3 { /*font-family: 'Century', Serif;*/ font-size: 24px; }

.about-billboard-wrapper { max-width: 1250px; margin: 5em auto; }
.about-billboard-wrapper li { float: left; width: 33.3333333333%; }
.about-billboard-wrapper li:last-child { margin:0; }
.about-billboard-wrapper li div { background-position: center 40px; background-repeat: no-repeat; background-color: #fff; padding-top: 305px; margin: 0 25px; }
.about-billboard-wrapper li div.finance { background-image: url(../img/icon_about_1.svg); }
.about-billboard-wrapper li div.admin { background-image: url(../img/icon_about_2.svg); }
.about-billboard-wrapper li div.safety { background-image: url(../img/icon_about_3.svg); }
.about-billboard-wrapper li div h4 { font-size: 21px; }
.about-billboard-wrapper li div p { padding: 30px 50px; text-align: left; }
.about-more-text { text-align: left; max-width: 1200px; margin: 5em auto; }
.about-more-text h4 {  margin-bottom: 1em; }

.contact-billboard-wrapper { max-width: 1250px; margin: 5em auto 0; }
.contact-billboard-wrapper li { float: left; width: 33.3333333333%; }
.contact-billboard-wrapper li:last-child { margin:0; }
.contact-billboard-wrapper li div { background-position: center top; background-repeat: no-repeat; padding-top: 250px; margin: 0 25px; }
.contact-billboard-wrapper li div.address { background-image: url(../img/icon_contact_1.svg); }
.contact-billboard-wrapper li div.tel { background-image: url(../img/icon_contact_2.svg); }
.contact-billboard-wrapper li div.location { background-image: url(../img/icon_contact_3.svg); }
.contact-billboard-wrapper li div p span { display: block; font-size: 11px; }
.maps { width:100%; height:600px; }

.news-billboard-wrapper { max-width: 1200px; margin: 0 auto; }
.news-billboard-wrapper li { width: 100%; background: #fff; padding: 30px; clear: both; display: table; text-align: left; margin-bottom: 30px; }
.news-billboard-wrapper li:last-child { margin-bottom: 0; }
.news-billboard-title { display: table-cell; vertical-align:middle; padding-right: 30px; color: #031430; font-size: 21px;  }
.news-billboard-data { max-width: 1200px; margin: 0 auto; text-align: left; font-size: 13px; }
.news-billboard-content { max-width: 1200px; margin: 1em auto; text-align: left; background: #fff; padding: 50px; }
.news-billboard-content p { font-size:15px; line-height:1.6; color:#686868; margin: 0; padding: 0; margin-bottom: 2em; }
.news-billboard-content a { max-width: 360px; height: 100px; line-height: 100px;  display: block; padding-left
: 30px; color: #686868; border:#686868 solid 1px; background: #fff; font-weight: 100; font-size: 18px; margin: 0 auto; text-transform: uppercase;; }
.news-billboard-content a::after { font-family: 'FontAwesome'; content: "\f0f6"; float: right; margin-right: 30px; }
.news-billboard-content a:hover { background: #031430; color: #fff; opacity: 1; border-color: #031430; }

/* bread crumb */
.bread-crumb { width: 100%; padding: 20px 30px; overflow: hidden; background: #fff; }
.bread-crumb ul li { float: left; margin:5px 10px 5px 0; font-size: 13px; }
.bread-crumb ul li a { display: inline-block; }
.bread-crumb ul li:hover a { }
.bread-crumb ul li::after { margin-left:10px; content: "\f101"; font-family: 'FontAwesome'; }
.bread-crumb ul li:last-child::after { content: none; margin: 0; }
.bread-crumb ul li:last-child , .bread-crumb ul li:last-child a { color: #031430; }

/* Page Nav */
.pagenav-area { width: 100%; margin: 5em auto 0; text-align: center; }
.pagenav-area ul li { position: relative; display: inline-block;  margin-right: -4px; }
.pagenav-area ul li a { display: block; width: 40px; height: 40px; line-height: 40px; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.pagenav-area ul li a:hover , .pagenav-area ul li.current a { background: #031430; color: #fff; opacity: 1; }
.pagenav-area ul li.prev a , .pagenav-area ul li.next a { position: relative; }
.pagenav-area ul li.prev a::after , .pagenav-area ul li.next a::after { font-size: 15px; position: absolute; top: 0; left: 15px; font-family: 'FontAwesome'; }
.pagenav-area ul li.prev a::after { content: "\f053"; }
.pagenav-area ul li.next a::after { content: "\f054"; }
.pagenav-area ul li.prev a:hover::after , .pagenav-area ul li.next a:hover::after { color: #fff; opacity: 1; }

/* Footer */
footer { padding: 50px 0; color: #fff; background: url(../img/img_bg_footer.jpg) center top no-repeat; background-size: cover; }
footer h3 { color: #fff; font-size: 24px; margin-bottom: 2em; }
footer ul { width: 100%; max-width: 700px; margin: 0 auto; }
footer li { clear: both; line-height: 50px; height: 50px; padding: 0 30px; }
footer li a { color: #fff; }
footer li div { width: 120px; float: left; border-right: #2B3138 solid 1px; margin-right: 50px; }
footer li span { margin-right: 15px; } 
footer li span:last-child { margin-right: 0; } 
footer div.social-link { border: #2B3138 solid 1px; border-left: none; border-right: none; padding: 30px 0; margin: 30px 0; text-align: center; }
footer div.social-link a { display: block; font-size: 18px; width: 44px; height: 44px; line-height: 44px; text-align: center; margin: 0 auto; background: #4D5258; color: #19222B; }
footer div.social-link a:hover { background: #F4F6F7; }
footer span.footer-legal-copyright { text-align: center; display: block; font-size: 12px; color: #4D5258; padding: 10px 0;}