@import url("../css/grid-desktop.css");

@import url("../css/notification.css");

@import url("../css/dropdown-menu.css");

@import url("../css/pager.css");

@import url("../css/pagination.css");

@import url("../css/form.css");

@import url("../css/button.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}

ul{list-style:none;margin:0;padding:0}

p{margin:0 0 10px}

a:focus{outline:thin dotted}

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;}

.google-maps img{max-width:none}

.google-maps{width:100%;height:200px;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 {word-break: break-all;} /*for Text line breaks*/

.inline-block-fix {display:inline-block;zoom: 1;*display: inline;} /*for fix ie*/

/* Grid setting */

.grid-container {padding-left: 0px;padding-right: 0px;width: 1020px;}

.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:#fff;}

a{color:#333;text-decoration:none}

a:hover,a:focus{color:#555;text-decoration:underline}

/* content table display styles */

.enter-content table { border:1px solid #DDD;width:100%}

.enter-content table td {padding: 5px !important;border: 1px solid #ddd;vertical-align: top;}

.enter-content p {word-wrap:break-word;word-break:normal;text-align: justify;text-justify:inter-ideograph;}

/* responsive layout styles */

.icon-right { display:inline-block; *zoom:1; *display:inline; background:url(../img/icon-right.png) center left no-repeat; padding-left:20px;}

.top-info ,.share-bar { text-align:right; padding:10px 0 0; margin:0;}

.top-info > li,.share-bar > li { display:inline-block; *zoom:1; *display:inline; margin-left:25px; position:relative;}



.share-bar > li { margin-left:5px;}

.share-bar > li > a { display:inline-block; *zoom:1; *display:inline; padding:10px 20px; background:#CED4DE; color:#0C295C;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}

.share-bar > li > a:hover ,.share-bar > li > a:focus{ text-decoration:none; color:#fff; background:#3C598C; cursor:pointer;}



nav { background:url(../img/menu-bg.png) repeat-x #0C295C;}

nav > .grid-container > .grid-100 > ul { margin:0; padding:0; }

nav > .grid-container > .grid-100  > ul > li { width:13.5%;border-left:1px solid #0C295C;float:left; text-align:center; position:relative;}
nav > .grid-container > .grid-100  > ul > li.last { width:18%;}

nav > .grid-container > .grid-100  > ul > li > a {display:block; padding:15px 0;  border-left:1px solid #284877;color:#fff; font-size:15px;}

nav > .grid-container > .grid-100  > ul > li > a:hover ,nav > .grid-container > .grid-100  > ul > li > a:focus,nav > .grid-container > .grid-100  > ul > li.active > a{ text-decoration:none; background:#0C295C}



.search-bar { background:#fff;display:inline-block; *zoom:1; *display:inline; padding:5px 10px; margin-top:10px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}

.search-bar input[type="text"]{ outline:none; border:none;width:100px;}



footer { background:#EEEEEE; padding:20px 0 0 0; color:#666;}

.footer-title { margin:0 0 20px 0; padding: 0 0 20px 0; border-bottom:1px solid #ddd;}

.footer-title a { color:#666}

.footer-title a:hover { text-decoration:none; color:#0C295C;}

.copyright { background:#666; color:#c6c6c6; text-align:center; padding:15px 0;}



.gray-bg { padding:20px 0; background:#EFEFEF;}

.home-title{ margin:0; padding:0 0 15px 0; border-bottom:1px solid #ddd; color:#0C295C}

.home-title a { color:#0C295C;}

.home-title a:hover { text-decoration:none; color:#3C598C}

.home-news-list { margin:0; padding:0; overflow:hidden;}

.home-news-list li{ float:left; width:50%; height:20px; overflow:hidden; margin-bottom:10px;}

.home-news-list li a { display:block; padding:0 0 0 15px; background:url(../img/list-img.png) no-repeat center left; margin:0 10px; color:#666;}

.home-news-list li a:hover,.home-news-list li a:focus,.home-news-list li.active a { color:#3C598C; text-decoration:none;}



#content { min-height:250px;}

.page-title { color:#0C295C; margin:30px 0; padding:0;}

.page-cover { text-align:center;}

.sort-bar { margin:0; padding:0;}

.sort-bar li {border-bottom:1px solid #ddd; padding: 15px 0 15px 15px; background:url(../img/list-img.png) no-repeat center left;}

.sort-bar li a { color:#888}

.sort-bar li a:hover,.sort-bar li a:focus,.sort-bar li.active a {color:#3C598C; text-decoration:none;}

.sort-bar .title h4{ margin:0; color:#3C598C}

.sort-bar .title { background:none; padding:0 0 15px;}



.news-box { overflow:hidden;}

.news-box .cover { float:left; margin-right:15px; border:1px solid #ddd;}

.news-box .title { font-size:15px;}

.news-box .detail { color:#888; max-height:60px; overflow:hidden;}

.news-list .news-box { padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:20px;}



.project-box .cover{ border:1px solid #ddd;}

.slider-nav { margin:10px -5px;}

.slider-nav .thumb-img { margin:0 5px; cursor:pointer; border:1px solid #ddd; background:#fff;}

.slider-nav .thumb-img:hover ,.slider-nav .active{ border-color:#0C295C}

.slider a:focus { outline:none;}



.jobs-info { color:#666;}

.jobs-list { margin:0; padding:0;}

.jobs-list li { background:#fff; padding:10px 20px 0; overflow:hidden;color:#555;}

.jobs-list li:nth-child(odd) { background:#EEF0F3}

.jobs-list .job-title { cursor:pointer;}

.jobs-list .job-box { display:none;}



.prize-list .item { margin:0 10px;}









.imgfit{ display:block;}

.img-160-100 { width:160px; height:100px;}

.img-100-150 { width:100%; height:150px;}

.img-100-60 { width:100%; height:60px;}