@import url("../css/grid.css");
@import url("../css/buttons.css");
@import url("../css/forms.css");
@import url("../js/dropdown/dropdown-menu.css");
@import url("../js/gotop/totop.css");
@import url("../css/breadcrumb.css");
@import url("../css/pager.css");
@import url("../css/tables.css");
@import url("../css/pagination.css");
@import url("../js/tooltipster/css/tooltipster.css");
@import url("../css/notification.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;}
.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*/
.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*/
.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: 1100px; width:1100px; min-width:1100px;}
.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:2em}
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; background-image:url(../img/bg.gif); min-width:1100px;}
a{color:#02014C;text-decoration:none}
a:hover,a:focus{color:#6599FF;text-decoration:underline}
.link {color:#02014C;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.link a { font-weight:bold;}
/* 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;}
header { padding:30px 0 0 0; width:100%;}
header > nav { background:#02014C; width:100%;}
header > nav > .grid-container > ul { list-style:none; margin:0; padding:0; text-align:center;font-size: 0;}
header > nav > .grid-container > ul > li {display:inline-block;zoom: 1;*display: inline; position:relative}
header > nav > .grid-container > ul > li > a { padding:15px 12px; color:#FFF; display:block; background:#02014C;font-size:15px; font-weight:bold; text-decoration:none;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}
header > nav > .grid-container > ul > li > a:hover { background:#6599FF;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}
header > nav > .grid-container > ul > li.active > a,header > nav > .grid-container > ul > li.open > a { background:#6599FF}
header .user-control {list-style:none; margin:0; padding:0; text-align:right}
header .user-control > li { padding:5px 0 5px 15px;display:inline-block;zoom: 1;*display: inline; position:relative; text-align:center}
header .pure-form { width:400px;}
header .pure-form input { width:300px;}
header .share {list-style:none; margin:0 150px 0 0; padding:0; text-align:right}
header .share li {display:inline-block;zoom: 1;*display: inline;}
header .share li a { background:#F7F7F7; display:block; width:30px; height:30px; line-height:30px; text-align:center; color:#FFF;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
header .share .facebook { background:#3C5A98}
header .share .twitter { background:#32C5F6}
header .share .google { background:#C64432}
header .share .weibo { background:#F5AD20}
header .language { list-style:none; margin:5px 0; padding:0;font-size: 0; text-align:right}
header .language li {display:inline-block;zoom: 1;*display: inline; padding-left:20px;}
header .language li a { font-size:14px;}
header .language li.active a { color:#6599FF; text-decoration:underline}
.wrapper { background:#FFF; padding:20px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.3);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.3);box-shadow:0 2px 4px rgba(0,0,0,0.3);}
.slideshow { width:100%; background:#F7F7F7; list-style:none; margin:0; padding:0}
.title-bar h3 { margin:0; padding:0 0 0 15px; border-left:5px solid #6599FF; font-size:2em;}
.news-list,.download-list { list-style:none; margin:0; padding:0}
.news-list .label { padding:5px 20px; background:#02014C; color:#FFF; margin-right:15px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; font-size:12px;}
.news-list .label:hover { background:#6599FF; text-decoration:none}
.news-list .date { margin-right:15px; color:#888}
.news-list .news-box { padding:12px 0;}
.download-list li { padding:15px 0 8px 0; border-bottom:1px dashed #DDD;}
.cover a { display:block; padding:0; border:1px solid #DDD;}
.cover a:hover { border-color:#6599FF}
.page-date { color:#888}
.font-size-control button { background:#FFF; border:1px solid #DDD; padding:6px 10px;}
.google-maps { height:280px;}
.contact-from { padding:15px 20px; border:1px solid #DDD; background:#F7F7F7;}
.contact-from textarea { width:100%; height:260px;}
#page-gallery ul { list-style:none; margin:0; padding:0;}
#page-gallery li { text-align:center}
#page-gallery .page-gallery img { margin:auto}
#page-gallery-pager { text-align:center}
#page-gallery-pager img { border:1px solid #DDD; background:#FFF; padding:2px; margin:0 3px;}
#page-gallery-pager a.active img { border-color:#6599FF}
a.imgresize { display:block; height:180px;}
.page-news-list { border-bottom:1px dashed #DDD; padding:15px; margin-bottom:10px; display:block}
.page-news-list .body {display:block;overflow: hidden;*overflow: visible;zoom: 1;}
.page-news-list .date { color:#888; font-size:14px}
.page-news-list .gap { padding-right:15px;}
.member-box { border:1px solid #DDD; padding: 20px;}
.member-box .body {display:block;overflow: hidden;*overflow: visible;zoom: 1;}
.member-box .gap { padding-right:15px;}
.member-box .info { list-style:none; margin:0; padding:0 0 10px 0}
.member-box .info li { padding:5px 0; border-bottom:1px dashed #DDD; }
.qanda-box { border:1px solid #DDD; margin-bottom:20px;}
.qanda-box p { margin:0; padding:0}
.qanda-box .head { border-bottom:1px solid #DDD; background:#F7F7F7; font-weight:bold}
.qanda-box .head,.qanda-box .body { padding:12px;}
.page-cover { background:#02014C}
.page-cover-img { height:280px; width:530px;}
.login-page { width:500px; margin:auto; padding:30px 15px 30px 15px; text-align:center}
.login-page label { width:75px; display:inline-block;zoom: 1;*display: inline; text-align:right; padding-right:10px;}
.login-page input { width:250px;}
.account-box { display:block; text-align:center; background:#02014C; color:#FFF; padding:25px 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; text-decoration:none;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}
.account-box:hover { background:#6599FF; color:#FFF;text-decoration:none}
.account-box h1 { margin:0; padding:0; font-size:3em;}
.pure-form label.pure-radio {display:inline-block;zoom: 1;*display: inline;}
span.req { color:#FF0000; margin-left:10px;}
.process-box span { display:block; padding:15px 0; background:#F7F7F7; text-align:center }
.process-box i { margin-top:15px;}
.process-box span.active {background:#6599FF;color:#FFF;}
footer .copyright { color:#888;}
footer { padding-bottom:8px;}
.tab-content { display:none;}
.footer-links a { margin-right:8px;}
/* responsive layout styles */