.icon-sprite, .icon-bus, .icon-car, .icon-firm, .icon-hr, .icon-mrt, .icon-staff, .icon-taxi, .icon-train { background: url('../images/icon-s012afecb22.png') no-repeat; }

.icon-bus { background-position: 0 0; height: 40px; width: 40px; }

.icon-car { background-position: -50px 0; height: 40px; width: 40px; }

.icon-firm { background-position: -100px 0; height: 17px; width: 21px; }

.icon-hr { background-position: -131px 0; height: 40px; width: 40px; }

.icon-mrt { background-position: -181px 0; height: 40px; width: 40px; }

.icon-staff { background-position: -231px 0; height: 17px; width: 23px; }

.icon-taxi { background-position: -264px 0; height: 40px; width: 40px; }

.icon-train { background-position: -314px 0; height: 40px; width: 40px; }

.text-sh { text-shadow: 1px 1px 1px black; }

.text-blue { color: #0f7eb5; font-weight: bold; }

.text-red { color: #c11717; }

.fl { float: left; }

.fr { float: right; }

.marginTLB { margin: 10px 0 10px 20px; }

.marginTLB81 { margin: -140px 0px 0px 425px; }

.marginTLB82 { margin: -100px 0px 0px 500px; }

.marginTRB { margin: 10px 20px 10px 0; }

.marginT2p { margin: 2% 0 0 0; }

.marginT3p { margin: 3% 0 0 0; }

.pl4 { padding: 0 0 0 4px; }

.w70p { width: 73%; }

.dashline { border-bottom: 1px dashed #999999; }

.f20b { font-size: 1.2em; font-weight: bold; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }

ol, ul { list-style: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

mark { background: yellow; color: black; }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

pre { white-space: pre-wrap; }

q { quotes: "\201C" "\201D" "\2018" "\2019"; }

small { font-size: 80%; }

sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; }

sub { bottom: -0.25em; }

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

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"] { -webkit-appearance: button; cursor: pointer; }

input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
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 { content: ""; display: table; }
.clearfix:after { content: ""; display: table; clear: both; }

html { font-family: sans-serif; line-height: 1; font-size: 1em; color: #333333; }

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

.introA, .introB, .year, .month, .introC, .introD, .planA, .planB, .planC { display: inline-block; }

/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH -------------------------- */
@font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.0.3"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }

.fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; }

.fa-2x { font-size: 2em; }

.fa-3x { font-size: 3em; }

.fa-4x { font-size: 4em; }

.fa-5x { font-size: 5em; }

.fa-fw { width: 1.28571em; text-align: center; }

.fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; }
.fa-ul > li { position: relative; }

.fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; }
.fa-li.fa-lg { left: -1.85714em; }

.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; }

.pull-right { float: right; }

.pull-left { float: left; }

.fa.pull-left { margin-right: .3em; }
.fa.pull-right { margin-left: .3em; }

.fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }

@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); } }

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

@-o-keyframes spin { 0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(359deg); } }

@-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(359deg); } }

@keyframes spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); } }

.fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); }

.fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); }

.fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); }

.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }

.fa-stack-1x { line-height: inherit; }

.fa-stack-2x { font-size: 2em; }

.fa-inverse { color: white; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.fa-glass:before { content: "\f000"; }

.fa-music:before { content: "\f001"; }

.fa-search:before { content: "\f002"; }

.fa-envelope-o:before { content: "\f003"; }

.fa-heart:before { content: "\f004"; }

.fa-star:before { content: "\f005"; }

.fa-star-o:before { content: "\f006"; }

.fa-user:before { content: "\f007"; }

.fa-film:before { content: "\f008"; }

.fa-th-large:before { content: "\f009"; }

.fa-th:before { content: "\f00a"; }

.fa-th-list:before { content: "\f00b"; }

.fa-check:before { content: "\f00c"; }

.fa-times:before { content: "\f00d"; }

.fa-search-plus:before { content: "\f00e"; }

.fa-search-minus:before { content: "\f010"; }

.fa-power-off:before { content: "\f011"; }

.fa-signal:before { content: "\f012"; }

.fa-gear:before, .fa-cog:before { content: "\f013"; }

.fa-trash-o:before { content: "\f014"; }

.fa-home:before { content: "\f015"; }

.fa-file-o:before { content: "\f016"; }

.fa-clock-o:before { content: "\f017"; }

.fa-road:before { content: "\f018"; }

.fa-download:before { content: "\f019"; }

.fa-arrow-circle-o-down:before { content: "\f01a"; }

.fa-arrow-circle-o-up:before { content: "\f01b"; }

.fa-inbox:before { content: "\f01c"; }

.fa-play-circle-o:before { content: "\f01d"; }

.fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; }

.fa-refresh:before { content: "\f021"; }

.fa-list-alt:before { content: "\f022"; }

.fa-lock:before { content: "\f023"; }

.fa-flag:before { content: "\f024"; }

.fa-headphones:before { content: "\f025"; }

.fa-volume-off:before { content: "\f026"; }

.fa-volume-down:before { content: "\f027"; }

.fa-volume-up:before { content: "\f028"; }

.fa-qrcode:before { content: "\f029"; }

.fa-barcode:before { content: "\f02a"; }

.fa-tag:before { content: "\f02b"; }

.fa-tags:before { content: "\f02c"; }

.fa-book:before { content: "\f02d"; }

.fa-bookmark:before { content: "\f02e"; }

.fa-print:before { content: "\f02f"; }

.fa-camera:before { content: "\f030"; }

.fa-font:before { content: "\f031"; }

.fa-bold:before { content: "\f032"; }

.fa-italic:before { content: "\f033"; }

.fa-text-height:before { content: "\f034"; }

.fa-text-width:before { content: "\f035"; }

.fa-align-left:before { content: "\f036"; }

.fa-align-center:before { content: "\f037"; }

.fa-align-right:before { content: "\f038"; }

.fa-align-justify:before { content: "\f039"; }

.fa-list:before { content: "\f03a"; }

.fa-dedent:before, .fa-outdent:before { content: "\f03b"; }

.fa-indent:before { content: "\f03c"; }

.fa-video-camera:before { content: "\f03d"; }

.fa-picture-o:before { content: "\f03e"; }

.fa-pencil:before { content: "\f040"; }

.fa-map-marker:before { content: "\f041"; }

.fa-adjust:before { content: "\f042"; }

.fa-tint:before { content: "\f043"; }

.fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; }

.fa-share-square-o:before { content: "\f045"; }

.fa-check-square-o:before { content: "\f046"; }

.fa-arrows:before { content: "\f047"; }

.fa-step-backward:before { content: "\f048"; }

.fa-fast-backward:before { content: "\f049"; }

.fa-backward:before { content: "\f04a"; }

.fa-play:before { content: "\f04b"; }

.fa-pause:before { content: "\f04c"; }

.fa-stop:before { content: "\f04d"; }

.fa-forward:before { content: "\f04e"; }

.fa-fast-forward:before { content: "\f050"; }

.fa-step-forward:before { content: "\f051"; }

.fa-eject:before { content: "\f052"; }

.fa-chevron-left:before { content: "\f053"; }

.fa-chevron-right:before { content: "\f054"; }

.fa-plus-circle:before { content: "\f055"; }

.fa-minus-circle:before { content: "\f056"; }

.fa-times-circle:before { content: "\f057"; }

.fa-check-circle:before { content: "\f058"; }

.fa-question-circle:before { content: "\f059"; }

.fa-info-circle:before { content: "\f05a"; }

.fa-crosshairs:before { content: "\f05b"; }

.fa-times-circle-o:before { content: "\f05c"; }

.fa-check-circle-o:before { content: "\f05d"; }

.fa-ban:before { content: "\f05e"; }

.fa-arrow-left:before { content: "\f060"; }

.fa-arrow-right:before { content: "\f061"; }

.fa-arrow-up:before { content: "\f062"; }

.fa-arrow-down:before { content: "\f063"; }

.fa-mail-forward:before, .fa-share:before { content: "\f064"; }

.fa-expand:before { content: "\f065"; }

.fa-compress:before { content: "\f066"; }

.fa-plus:before { content: "\f067"; }

.fa-minus:before { content: "\f068"; }

.fa-asterisk:before { content: "\f069"; }

.fa-exclamation-circle:before { content: "\f06a"; }

.fa-gift:before { content: "\f06b"; }

.fa-leaf:before { content: "\f06c"; }

.fa-fire:before { content: "\f06d"; }

.fa-eye:before { content: "\f06e"; }

.fa-eye-slash:before { content: "\f070"; }

.fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; }

.fa-plane:before { content: "\f072"; }

.fa-calendar:before { content: "\f073"; }

.fa-random:before { content: "\f074"; }

.fa-comment:before { content: "\f075"; }

.fa-magnet:before { content: "\f076"; }

.fa-chevron-up:before { content: "\f077"; }

.fa-chevron-down:before { content: "\f078"; }

.fa-retweet:before { content: "\f079"; }

.fa-shopping-cart:before { content: "\f07a"; }

.fa-folder:before { content: "\f07b"; }

.fa-folder-open:before { content: "\f07c"; }

.fa-arrows-v:before { content: "\f07d"; }

.fa-arrows-h:before { content: "\f07e"; }

.fa-bar-chart-o:before { content: "\f080"; }

.fa-twitter-square:before { content: "\f081"; }

.fa-facebook-square:before { content: "\f082"; }

.fa-camera-retro:before { content: "\f083"; }

.fa-key:before { content: "\f084"; }

.fa-gears:before, .fa-cogs:before { content: "\f085"; }

.fa-comments:before { content: "\f086"; }

.fa-thumbs-o-up:before { content: "\f087"; }

.fa-thumbs-o-down:before { content: "\f088"; }

.fa-star-half:before { content: "\f089"; }

.fa-heart-o:before { content: "\f08a"; }

.fa-sign-out:before { content: "\f08b"; }

.fa-linkedin-square:before { content: "\f08c"; }

.fa-thumb-tack:before { content: "\f08d"; }

.fa-external-link:before { content: "\f08e"; }

.fa-sign-in:before { content: "\f090"; }

.fa-trophy:before { content: "\f091"; }

.fa-github-square:before { content: "\f092"; }

.fa-upload:before { content: "\f093"; }

.fa-lemon-o:before { content: "\f094"; }

.fa-phone:before { content: "\f095"; }

.fa-square-o:before { content: "\f096"; }

.fa-bookmark-o:before { content: "\f097"; }

.fa-phone-square:before { content: "\f098"; }

.fa-twitter:before { content: "\f099"; }

.fa-facebook:before { content: "\f09a"; }

.fa-github:before { content: "\f09b"; }

.fa-unlock:before { content: "\f09c"; }

.fa-credit-card:before { content: "\f09d"; }

.fa-rss:before { content: "\f09e"; }

.fa-hdd-o:before { content: "\f0a0"; }

.fa-bullhorn:before { content: "\f0a1"; }

.fa-bell:before { content: "\f0f3"; }

.fa-certificate:before { content: "\f0a3"; }

.fa-hand-o-right:before { content: "\f0a4"; }

.fa-hand-o-left:before { content: "\f0a5"; }

.fa-hand-o-up:before { content: "\f0a6"; }

.fa-hand-o-down:before { content: "\f0a7"; }

.fa-arrow-circle-left:before { content: "\f0a8"; }

.fa-arrow-circle-right:before { content: "\f0a9"; }

.fa-arrow-circle-up:before { content: "\f0aa"; }

.fa-arrow-circle-down:before { content: "\f0ab"; }

.fa-globe:before { content: "\f0ac"; }

.fa-wrench:before { content: "\f0ad"; }

.fa-tasks:before { content: "\f0ae"; }

.fa-filter:before { content: "\f0b0"; }

.fa-briefcase:before { content: "\f0b1"; }

.fa-arrows-alt:before { content: "\f0b2"; }

.fa-group:before, .fa-users:before { content: "\f0c0"; }

.fa-chain:before, .fa-link:before { content: "\f0c1"; }

.fa-cloud:before { content: "\f0c2"; }

.fa-flask:before { content: "\f0c3"; }

.fa-cut:before, .fa-scissors:before { content: "\f0c4"; }

.fa-copy:before, .fa-files-o:before { content: "\f0c5"; }

.fa-paperclip:before { content: "\f0c6"; }

.fa-save:before, .fa-floppy-o:before { content: "\f0c7"; }

.fa-square:before { content: "\f0c8"; }

.fa-bars:before { content: "\f0c9"; }

.fa-list-ul:before { content: "\f0ca"; }

.fa-list-ol:before { content: "\f0cb"; }

.fa-strikethrough:before { content: "\f0cc"; }

.fa-underline:before { content: "\f0cd"; }

.fa-table:before { content: "\f0ce"; }

.fa-magic:before { content: "\f0d0"; }

.fa-truck:before { content: "\f0d1"; }

.fa-pinterest:before { content: "\f0d2"; }

.fa-pinterest-square:before { content: "\f0d3"; }

.fa-google-plus-square:before { content: "\f0d4"; }

.fa-google-plus:before { content: "\f0d5"; }

.fa-money:before { content: "\f0d6"; }

.fa-caret-down:before { content: "\f0d7"; }

.fa-caret-up:before { content: "\f0d8"; }

.fa-caret-left:before { content: "\f0d9"; }

.fa-caret-right:before { content: "\f0da"; }

.fa-columns:before { content: "\f0db"; }

.fa-unsorted:before, .fa-sort:before { content: "\f0dc"; }

.fa-sort-down:before, .fa-sort-asc:before { content: "\f0dd"; }

.fa-sort-up:before, .fa-sort-desc:before { content: "\f0de"; }

.fa-envelope:before { content: "\f0e0"; }

.fa-linkedin:before { content: "\f0e1"; }

.fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; }

.fa-legal:before, .fa-gavel:before { content: "\f0e3"; }

.fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; }

.fa-comment-o:before { content: "\f0e5"; }

.fa-comments-o:before { content: "\f0e6"; }

.fa-flash:before, .fa-bolt:before { content: "\f0e7"; }

.fa-sitemap:before { content: "\f0e8"; }

.fa-umbrella:before { content: "\f0e9"; }

.fa-paste:before, .fa-clipboard:before { content: "\f0ea"; }

.fa-lightbulb-o:before { content: "\f0eb"; }

.fa-exchange:before { content: "\f0ec"; }

.fa-cloud-download:before { content: "\f0ed"; }

.fa-cloud-upload:before { content: "\f0ee"; }

.fa-user-md:before { content: "\f0f0"; }

.fa-stethoscope:before { content: "\f0f1"; }

.fa-suitcase:before { content: "\f0f2"; }

.fa-bell-o:before { content: "\f0a2"; }

.fa-coffee:before { content: "\f0f4"; }

.fa-cutlery:before { content: "\f0f5"; }

.fa-file-text-o:before { content: "\f0f6"; }

.fa-building-o:before { content: "\f0f7"; }

.fa-hospital-o:before { content: "\f0f8"; }

.fa-ambulance:before { content: "\f0f9"; }

.fa-medkit:before { content: "\f0fa"; }

.fa-fighter-jet:before { content: "\f0fb"; }

.fa-beer:before { content: "\f0fc"; }

.fa-h-square:before { content: "\f0fd"; }

.fa-plus-square:before { content: "\f0fe"; }

.fa-angle-double-left:before { content: "\f100"; }

.fa-angle-double-right:before { content: "\f101"; }

.fa-angle-double-up:before { content: "\f102"; }

.fa-angle-double-down:before { content: "\f103"; }

.fa-angle-left:before { content: "\f104"; }

.fa-angle-right:before { content: "\f105"; }

.fa-angle-up:before { content: "\f106"; }

.fa-angle-down:before { content: "\f107"; }

.fa-desktop:before { content: "\f108"; }

.fa-laptop:before { content: "\f109"; }

.fa-tablet:before { content: "\f10a"; }

.fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; }

.fa-circle-o:before { content: "\f10c"; }

.fa-quote-left:before { content: "\f10d"; }

.fa-quote-right:before { content: "\f10e"; }

.fa-spinner:before { content: "\f110"; }

.fa-circle:before { content: "\f111"; }

.fa-mail-reply:before, .fa-reply:before { content: "\f112"; }

.fa-github-alt:before { content: "\f113"; }

.fa-folder-o:before { content: "\f114"; }

.fa-folder-open-o:before { content: "\f115"; }

.fa-smile-o:before { content: "\f118"; }

.fa-frown-o:before { content: "\f119"; }

.fa-meh-o:before { content: "\f11a"; }

.fa-gamepad:before { content: "\f11b"; }

.fa-keyboard-o:before { content: "\f11c"; }

.fa-flag-o:before { content: "\f11d"; }

.fa-flag-checkered:before { content: "\f11e"; }

.fa-terminal:before { content: "\f120"; }

.fa-code:before { content: "\f121"; }

.fa-reply-all:before { content: "\f122"; }

.fa-mail-reply-all:before { content: "\f122"; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; }

.fa-location-arrow:before { content: "\f124"; }

.fa-crop:before { content: "\f125"; }

.fa-code-fork:before { content: "\f126"; }

.fa-unlink:before, .fa-chain-broken:before { content: "\f127"; }

.fa-question:before { content: "\f128"; }

.fa-info:before { content: "\f129"; }

.fa-exclamation:before { content: "\f12a"; }

.fa-superscript:before { content: "\f12b"; }

.fa-subscript:before { content: "\f12c"; }

.fa-eraser:before { content: "\f12d"; }

.fa-puzzle-piece:before { content: "\f12e"; }

.fa-microphone:before { content: "\f130"; }

.fa-microphone-slash:before { content: "\f131"; }

.fa-shield:before { content: "\f132"; }

.fa-calendar-o:before { content: "\f133"; }

.fa-fire-extinguisher:before { content: "\f134"; }

.fa-rocket:before { content: "\f135"; }

.fa-maxcdn:before { content: "\f136"; }

.fa-chevron-circle-left:before { content: "\f137"; }

.fa-chevron-circle-right:before { content: "\f138"; }

.fa-chevron-circle-up:before { content: "\f139"; }

.fa-chevron-circle-down:before { content: "\f13a"; }

.fa-html5:before { content: "\f13b"; }

.fa-css3:before { content: "\f13c"; }

.fa-anchor:before { content: "\f13d"; }

.fa-unlock-alt:before { content: "\f13e"; }

.fa-bullseye:before { content: "\f140"; }

.fa-ellipsis-h:before { content: "\f141"; }

.fa-ellipsis-v:before { content: "\f142"; }

.fa-rss-square:before { content: "\f143"; }

.fa-play-circle:before { content: "\f144"; }

.fa-ticket:before { content: "\f145"; }

.fa-minus-square:before { content: "\f146"; }

.fa-minus-square-o:before { content: "\f147"; }

.fa-level-up:before { content: "\f148"; }

.fa-level-down:before { content: "\f149"; }

.fa-check-square:before { content: "\f14a"; }

.fa-pencil-square:before { content: "\f14b"; }

.fa-external-link-square:before { content: "\f14c"; }

.fa-share-square:before { content: "\f14d"; }

.fa-compass:before { content: "\f14e"; }

.fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; }

.fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; }

.fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; }

.fa-euro:before, .fa-eur:before { content: "\f153"; }

.fa-gbp:before { content: "\f154"; }

.fa-dollar:before, .fa-usd:before { content: "\f155"; }

.fa-rupee:before, .fa-inr:before { content: "\f156"; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; }

.fa-won:before, .fa-krw:before { content: "\f159"; }

.fa-bitcoin:before, .fa-btc:before { content: "\f15a"; }

.fa-file:before { content: "\f15b"; }

.fa-file-text:before { content: "\f15c"; }

.fa-sort-alpha-asc:before { content: "\f15d"; }

.fa-sort-alpha-desc:before { content: "\f15e"; }

.fa-sort-amount-asc:before { content: "\f160"; }

.fa-sort-amount-desc:before { content: "\f161"; }

.fa-sort-numeric-asc:before { content: "\f162"; }

.fa-sort-numeric-desc:before { content: "\f163"; }

.fa-thumbs-up:before { content: "\f164"; }

.fa-thumbs-down:before { content: "\f165"; }

.fa-youtube-square:before { content: "\f166"; }

.fa-youtube:before { content: "\f167"; }

.fa-xing:before { content: "\f168"; }

.fa-xing-square:before { content: "\f169"; }

.fa-youtube-play:before { content: "\f16a"; }

.fa-dropbox:before { content: "\f16b"; }

.fa-stack-overflow:before { content: "\f16c"; }

.fa-instagram:before { content: "\f16d"; }

.fa-flickr:before { content: "\f16e"; }

.fa-adn:before { content: "\f170"; }

.fa-bitbucket:before { content: "\f171"; }

.fa-bitbucket-square:before { content: "\f172"; }

.fa-tumblr:before { content: "\f173"; }

.fa-tumblr-square:before { content: "\f174"; }

.fa-long-arrow-down:before { content: "\f175"; }

.fa-long-arrow-up:before { content: "\f176"; }

.fa-long-arrow-left:before { content: "\f177"; }

.fa-long-arrow-right:before { content: "\f178"; }

.fa-apple:before { content: "\f179"; }

.fa-windows:before { content: "\f17a"; }

.fa-android:before { content: "\f17b"; }

.fa-linux:before { content: "\f17c"; }

.fa-dribbble:before { content: "\f17d"; }

.fa-skype:before { content: "\f17e"; }

.fa-foursquare:before { content: "\f180"; }

.fa-trello:before { content: "\f181"; }

.fa-female:before { content: "\f182"; }

.fa-male:before { content: "\f183"; }

.fa-gittip:before { content: "\f184"; }

.fa-sun-o:before { content: "\f185"; }

.fa-moon-o:before { content: "\f186"; }

.fa-archive:before { content: "\f187"; }

.fa-bug:before { content: "\f188"; }

.fa-vk:before { content: "\f189"; }

.fa-weibo:before { content: "\f18a"; }

.fa-renren:before { content: "\f18b"; }

.fa-pagelines:before { content: "\f18c"; }

.fa-stack-exchange:before { content: "\f18d"; }

.fa-arrow-circle-o-right:before { content: "\f18e"; }

.fa-arrow-circle-o-left:before { content: "\f190"; }

.fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; }

.fa-dot-circle-o:before { content: "\f192"; }

.fa-wheelchair:before { content: "\f193"; }

.fa-vimeo-square:before { content: "\f194"; }

.fa-turkish-lira:before, .fa-try:before { content: "\f195"; }

.fa-plus-square-o:before { content: "\f196"; }

body { width: 100%; height: 100%; background: white; color: #333333; line-height: 1.5; font-family: "Microsoft JhengHei", \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, "Helvetica Nueue", Arial, sans-serif; letter-spacing: 1px; }

.wrapper { width: 100%; margin: 0 0 10px 0; background: #fff; }

.indexwrapper { width: 100%; background: #666666; }

header { width: 1024px; margin: 0 auto; }

h1 { width: 33%; margin: 20px 10px 0 0; float: left; }

.menu { width: 66%; float: right; }
.menu ul { float: right; margin: 5px 0 0 0; }
.menu li { display: block; float: left; margin-left: -5px; position: relative; }
.menu li:hover > ul { display: block; }
.menu li a { padding: 10px 9px; color: white; display: block; font-weight: bold; }
.menu li a:hover { color: #333333; }
.menu li ul { width: 137px; margin: 0; display: none; float: left; position: absolute; z-index: 100; }
.menu li ul li { width: 100%; margin: 0; }
.menu li ul li:hover { background: #999999; }
.menu li ul li:hover > ul { display: block; position: absolute; top: 0; left: 100%; }
.menu li ul li a { padding: 8px 9px; }
.menu .menu_right ul { right: 0; width: auto; }
.menu .menu_right ul li:hover > ul { width: 180px; text-align: center; display: block; position: absolute; top: 0; left: -210%; }
.menu .menu_right ul li ul.join { width: 150px; left: -174%; }
.menu .menu_right ul li ul.investor { width: 140px; left: -135%; }
.menu .menu_right ul li ul.csr { width: 140px; left: -135%; }

.gblue { background: #81dfe8; }

.purple { background: #a195c7; }

.pink { background: #f496a7; }

.green { background: #1F7246; }

.yellow { background: #f9bf45; }

.dred { background: #f17c67; }

.dblue { background: #7db9de; }

.m-nav { display: none; height: 0; overflow: hidden; }

.language { display: block; font-size: 0.8em; float: right; padding: 0 10px; margin: 10px 3px 0 0; border-left: 1px solid #999999; border-right: 1px solid #999999; }

.mlanguage { display: none; }

.slider { width: 1024px; margin: 0 auto; }




footer { background: #666666; padding: 0.5% 0; }
footer .content { width: 1024px; margin: 0 auto; padding: 8px 0; }
footer .left { width: 750px; font-size: 0.8em; color: white; float: left; }
footer .left li { display: block; float: left; margin: 0 0 10px 0; border-right: 1px solid white; }
footer .left li:nth-child(7) { border-right: none; }
footer .left li a { padding: 10px 5px; color: white; }
footer .left li a:hover { color: #f9bf45; }
footer .left p { width: 100%; margin: 5px 0 0 4px; float: left; }
footer .left p a { color: white; }
footer .right { float: right; margin: 0 0 0 25px; }

.staff { margin: 3px 0 0 0; font-size: 0.8em; }
.staff li { width: 80px; height: 60px; display: inline-block; text-align: center; background: #e6e6e6; border-radius: 10px; box-sizing: border-box; padding: 6% 0 0 0; margin: 0 10px 0 0; font-size: 0.85em; float: left; box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); }
.staff .icon-staff, .staff .icon-firm { margin: 0 auto 5px auto; }

.banner, .banner02, .banner03, .banner04 { height: 130px; margin: 10px 0; text-align: center; }

.banner { background: url(../images/bannerBg.jpg) repeat; }

.banner02 { background: url(../images/bannerBg02.png) repeat; }

.banner03 { background: url(../images/bannerBg05.png) repeat; }

.banner04 { background: url(../images/bannerBg06.png) repeat; }

.content { 
    width: auto;
    margin: 0 auto;
    max-width:1150px;
}

.m-banner { display: none; }

.leftmenu { width: 20%; border-right: 1px solid #c4e7e8; margin: 0 0 20px 0; float: left; }
.leftmenu li { margin: 0 0 0 37px; }
.leftmenu li a { display: block; padding: 10px 0; }
.leftmenu li a:hover { background: #c4e7e8; text-align: center; border-radius: 20px 0 0 20px; }
.leftmenu h2 { width: 95%; font-size: 1.3em; color: #666666; border-bottom: 2px solid #999999; margin: 25px 0 15px 0; text-align: center; position: relative; }
.leftmenu h2:after { content: ""; display: block; width: 12px; height: 12px; background: #999999; position: absolute; left: 94%; top: 26px; border-radius: 50%; }
.leftmenu img { margin: 5% 0 0 0; }
.leftmenu .secondmenu, .leftmenu .joinSecond { width: 85%; margin: 0 0 0 15%; }
.leftmenu .secondmenu li, .leftmenu .joinSecond li { position: relative; }
.leftmenu .secondmenu li:before, .leftmenu .joinSecond li:before { content: ""; display: block; position: absolute; top: 20px; left: -15px; width: 5px; height: 5px; background: #64a222; }
.leftmenu .joinSecond li { margin: 0 0 0 10px; }
.leftmenu .f14 { font-size: 0.9em; }

.ml li { margin-left: 0; }

.current { background: #c4e7e8; text-align: center; border-radius: 20px 0 0 20px; }

.article { width: 77%; float: left; padding: 1.5% 0 2% 2%; }
.article h2 { font-size: 1.3em; color: #09aeb3; margin: 1% 0; border-bottom: 1px solid #999999; }
.article p, .article ol, .article ul, .article table { margin: 2% 0; font-size: 0.9em; }
.article .f16 { font-size: 1em; }
.article .future { list-style-type: decimal; }
.article .future li { margin: 0 0 0 34%; }
.article .idea { list-style-type: disc; }
.article .idea li { margin: 0 0 0 5%; }
.article .marginT5p { margin: 5% 0 0 0; }
.article .marginT7p { margin: 7% 0 0 0; }

h3 { font-size: 0.7em; color: #999999; }

.introM { width: 489px; float: left; }

.ttqs { height: 200px; }
.ttqs img { max-height: 193px; float: right; }

.introA, .introB { font-size: 0.9em; }

.introA { width: 90px; font-weight: bold; }

.textA { width: 75%; float: left; padding: 15px 0; }

.textB { width: 55%; float: left; padding: 15px 0; }

.even { border-bottom: 1px dashed #999999; }
.even li { margin: 2% 0; }

.year { font-size: 2em; }

.month { width: 120px; font-size: 1.1em; font-weight: bold; text-align: right; margin: 0 2% 0 0; float: left; }

.montheven { width: 70%; font-size: 0.9em; }

.fontG { font-family: georgia, 微�?�??�? sans-serif; color: #666666; }

.work li:nth-child(2n+1) { background: #eeeeee; }
.work li:nth-child(1) { background: #a5dee4; }

.introC, .introD { line-height: 25px; padding: 5px 10px; }

.introC { width: 18%; float: left; font-weight: bold; }

.introD { width: 76%; }

.about05-txt1 { width: 68%; height: 70%; background: url(../images/about05.jpg) no-repeat; background-size: cover; }

.customerTW, .customerTW1, .customerJP, .customerKO, .customerOther { height: 130px; padding: 70px 0 0 180px; border-bottom: 1px dashed #999999; }

.customerTW { background: url(../images/customer_tw.jpg) no-repeat left top; }

.customerJP { background: url(../images/customer_jp.jpg) no-repeat left top; }

.customerKO { background: url(../images/customer_ko.jpg) no-repeat left top; }

.customerOther { background: url(../images/customer_other.jpg) no-repeat left top; }

.contact .fa { color: #7db9de; font-size: 1.5em; }
.contact li { margin: 0 0 1.5% 0; }
.contact li span { display: inline-block; letter-spacing: 0; }
.contact li span.mailto { width: 48%; }
.contact li span:nth-child(1) { margin: 0 2% 0 0; }
.contact li span.address { width: 90%; }
.contact li span.tel { display: block; margin: 0 0 0 2%; }

.planA, .planB, .planC { line-height: 25px; padding: 5px; }

.planA { width: 5%; text-align: center; }

.planB { width: 60%; }

.planC { width: 20%; }

.links li, .links a { display: block; }
.links a { padding: 1% 3%; margin: 2px 0; border: 1px solid #999999; color: #999999; position: relative; }
.links a:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background: #c4e7e8; }
.links a:hover { padding: 1% 3% 1% 4%; border: 2px solid #7db9de; color: #333333; }
.links a:hover:before { background: #7db9de; }

.message { min-height: 350px; background: url(../images/responsibility02.jpg) no-repeat right bottom; }
.message table { width: 100%; }
.message tr { border-bottom: 1px solid #ddfff8; }
.message tr:hover td { background: #386d0c; color: red; }
.message tr:hover td a { color: red; }
.message tr:nth-child(even) td { background: rgba(247, 251, 229, 0.8); }
.message tr:nth-child(odd) td { background: rgba(255, 255, 255, 0.8); }
.message th { font-size: 1.05em; background: #ddfff8; padding: 0.5% 0; }
.message th:nth-child(1) { width: 30%; }
.message th:nth-child(2) { width: 50%; }
.message th:nth-child(3) { width: 20%; }
.message td { text-align: center; padding: 1% 0; }
.message td a { display: block; height: 20px; overflow: hidden; }
.message td.date { font-size: 0.85em; }

.newsdetail-title { font-size: 1.2em; }

.newsdetail-title2 { font-size: 0.8em; float: right; }

.down { border-top: 2px solid #c4e7e8; color: #7db9de; }

#downlist { margin: 1% 0; }
#downlist .fa { color: #f9bf45; margin-right: 3px; }
#downlist span { font-size: 0.9em; color: #333333; }
#downlist span:hover { color: red; }

.newslist { width: 100%; margin-top: 5px; }
.newslist th { background: #a5dee4; border-bottom: 1px solid #a2ce7e; color: #5c643a; padding: 5px; text-align: center; }
.newslist tr:hover td { background: #386d0c; color: white; }
.newslist tr:hover td a { color: white; }
.newslist tr:nth-child(even) td { background: #f7fbe5; }
.newslist td { padding: 5px; border-bottom: 1px dashed #215026; }
.newslist td a { display: block; }

.article .quality { list-style-type: disc; margin: 0 0 0 5%; }
.article .quality li { color: #519919; font-size: 1.1em; font-weight: bold; }
.article .quality p { font-size: 1em; }
.article .safe, .article .safe02, .article .safe03 { margin: 0 0 2% 4%; }
.article .safe li, .article .safe02 li, .article .safe03 li { position: relative; display: block; line-height: 2; }
.article .safe li:before, .article .safe02 li:before, .article .safe03 li:before { content: ""; display: block; position: absolute; top: 12px; left: -15px; width: 5px; height: 5px; background: #64a222; }
.article .safe02 li, .article .safe03 li, .article .safepic li { display: inline-block; }
.article .safe02 li { width: 135px; }
.article .safe03 li { width: 190px; }
.article .safepic li { width: 170px; text-align: center; position: relative; }
.article .safepic li:hover > .bigpic { display: block; }
.article .safepic .bigpic { position: absolute; z-index: 3; width: 250px; bottom: 20px; left: 0px; display: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }


.company_tb1 { border-top: none; border-left: none; background-color: white; }

.article p.update { font-size: 0.75em; color: #999999; }

.shipping { width: 870px; }
.shipping th { font-size: 0.85em; font-weight: bold; color: #999999; padding: 3px 5px; letter-spacing: 0; border-bottom: 2px solid #999999; text-align: left; }
.shipping th.item { width: 300px; }
.shipping tr .firstClass { width: 180px; font-weight: bold; }
.shipping tr:nth-child(even), .shipping tr.even { background: #ececec; }
.shipping tr:nth-last-child(2), .shipping tr.last2 { background: #fffba5; }
.shipping tr:last-child, .shipping tr.last { background: #f9bf45; }
.shipping td { font-size: 0.85em; padding: 5px; border: 1px dashed #999999; text-align: right; }
.shipping .firstClass { text-align: -webkit-auto; text-align: -mos-auto; text-align: left; }

.old { color: #29adb9; }
.old a { color: #29adb9; }
.old a:hover { color: #b9294b; }

.item { width: 200px; }

.investVideo { width: 100%; height: 400px; margin: 3% 0 0 0; }

.report { font-size: 3em; }
.report li { width: 24%; display: inline-block; }
.report select.financial { font-size: 0.9em; }

.downloadBTN { display: block; width: 80px; line-height: 2.5em; text-align: center; background: #c4e7e8; margin: 20px 0 0 30px; border-radius: 10px; }
.downloadBTN:hover { color: red; text-shadow: 1px 1px rgba(153, 153, 153, 0.5); }

.proxy .colA, .proxy .colB, .proxy .colC { display: inline-block; margin: 0 0 0 -1%; }
.proxy .colA p, .proxy .colB p, .proxy .colC p { line-height: 25px; padding: 0 1%; }
.proxy .colA p:nth-child(1), .proxy .colB p:nth-child(1), .proxy .colC p:nth-child(1) { background: #999999; color: white; }
.proxy .colA { width: 28%; }
.proxy .colB { width: 20%; }
.proxy .colC { width: 25%; }

.place li { padding: 0.5% 0; background: #e4f9fc; }
.place span { padding: 0 2%; }

.dash { display: table; border-bottom: 1px dashed #999999; }
.dash li { display: table-cell; }
.dash li.colA { width: 150px; }
.dash li.colB { width: 60%; }

.explain li { width: 45%; display: inline-block; border-left: 2px solid #999999; padding: 0 0 0 1%; }

.director th, .directorS th, table.join th { border: 1px solid white; padding: 1% 0; }

.director td, .directorS td, table.join td { padding: 1% 0; border-bottom: 1px dashed #999999; }

.director { width: 100%; }
.director th { background: #e5e5e5; }
.director th:nth-child(1) { width: 40%; }
.director th:nth-child(2) { width: 20%; }
.director th:nth-child(3) { border: none; }

.directorS { width: 100%; }
.directorS th { background: #e4f9fc; }
.directorS td { text-align: center; }

.relationship th, .relationshipS th, table.join th { border: 1px solid white; padding: 1% 0; }

.relationship td, .relationshipS td, table.join td { padding: 1% 0; border-bottom: 1px dashed #999999; }

.relationship { width: 100%; }
.relationship th { background: #e5e5e5; }

.relationship tr:nth-child(2n-1) { background: #c4e7e8; }
.relationship tr:nth-child(2n+2) { background: #eaffff; }


.company li:nth-child(2n-1) { background: #c4e7e8; }
.company li:nth-child(2n+2) { background: #eaffff; }
.company li a { display: block; padding: 2% 2%; }
.company li a:hover { color: red; }

.fa-calendar { color: #f9bf45; margin: 0 10px 0 0; }

table.invet { width: 100%; margin: 0 0 2% 0; }

.article .revise { list-style-type: decimal; margin: 0 0 0 3%; }
.article .revise li { margin: 2% 0; }

.video { width: 100%; }
.video .vediodoc { width: 48%; height: 350px; margin: 0 1%; float: left; }

.news { min-height: 400px; padding-bottom: 140px; background: url(../images/newsbg.jpg) no-repeat right bottom; }
.news iframe { width: 100%; height: 330px; }

table.join { width: 100%; }
table.join th { background: #e4f9fc; width: 20%; }
table.join td { text-align: center; }

.joinstep .fa { color: #e4f9fc; }
.joinstep li { width: 22%; float: left; margin: 0 4% 0 0; position: relative; }
.joinstep li:after { content: ""; display: block; position: absolute; top: 80px; right: -22px; height: 0; width: 0; border-style: solid; border-right: 0; border-left: 12px solid #7db9de; border-top: 30px solid transparent; border-bottom: 30px solid transparent; }
.joinstep li:nth-child(4) { margin: 0; }
.joinstep li:nth-child(4):after { border: 0; }
.joinstep li .title { padding: 1% 0; font-size: 1.3em; background: #7db9de; text-align: center; border-radius: 10px; color: white; }
.joinstep li .joindes { font-size: 1em; min-height: 150px; margin: 5% 0; padding: 4%; border-radius: 5px; box-shadow: inset 0 0 10px #c4e7e8; line-height: 2; }
.joinstep li .pic { text-align: center; }

.icon-train, .icon-hr, .icon-car, .icon-mrt, .icon-bus, .icon-taxi { width: 40px; height: 25px; font-size: 0.6875em; color: #4fbcd6; text-align: center; display: block; -webkit-text-size-adjust: none; padding: 30px 0 0 0; float: left; }

.article .traffic { margin: 0 0 0 40px; }
.article .traffic li { margin: 0 0 5% 0; }

.article .boon { background: url(../images/boon.gif) no-repeat right bottom; }
.article .boon ul { list-style-type: disc; }
.article .boon li { margin: 0 0 0 5%; }
.article .boon p { font-size: 1.2em; }

.article .welfare ul { list-style-type: disc; }
.article .welfare li { margin: 0 0 0 5%; }
.article .welfare p { font-size: 1em; }
.article .learnall li { width: 25%; height: 140px; float: left; font-size: 1.3em; margin: 0 0 2% 0; }
.article .learnall li:nth-child(2n) { width: 19%; padding: 0 3%; }

.article .card {
  position: relative;
  width: 350px;
  float:left;
  margin: 10px
}

.article .img{
  display: block;
  width: 30%;
  height: auto;
}
.employee01_1 {
    width: 70%;
    padding: 20px 0 20px 200px;
    overflow: hidden;
}
    .employee01_1 li {
        width: 25%;
        display: block;
        float: left;
        font-size: 1.5em;
    }
        .employee01_1 li a {
            display: block;
        }
        .employee01_1 li span {
            margin: 0 0 10px 0;
        }


.employee01, .employee02, .employee03, .employee04, .employee06, .employee07, .employee08 , .employee09 {
    width: 70%;
    padding: 30px 0 20px 200px;
    overflow: hidden;
}
.employee01 li, .employee02 li, .employee03 li, .employee04 li { width: 25%; display: block; float: left; font-size: 1.5em; }
.employee06 li { width: 65%; display: block; float: left; font-size: 1.0em; }
.employee01 li a, .employee02 li a, .employee03 li a, .employee04 li a, .employee06 li a, .employee07 li a, .employee08 li a { display: block; }
.employee01 li span, .employee02 li span, .employee03 li span, .employee04 li span, .employee06 li span, .employee07 li span, .employee08 li span { margin: 0 0 10px 0; }

.employee01 { background: url(../images/mail_icon.jpg) no-repeat left center; }

.employee02 { background: url(../images/easy_icon.jpg) no-repeat left center; }

.employee03 { background: url(../images/gp_icon.jpg) no-repeat left center; }

.employee04 { background: url(../images/ftp_icon2.jpg) no-repeat left center; }

.employee06 { background: url(../images/webex.jpg) no-repeat left center; }

.employee07 { background: url(../images/580logo.jpg) no-repeat left center;}

.employee08 { background: url(../images/xpaceplus.jpg) no-repeat left center;}

.employee09 { background: url(../images/ESS01.png) no-repeat left center;}

.partner li { width: 250px; display: block; float: left; text-align: center; }
.partner li.eb { margin: 0 10% 8% 0; }
.partner li p { font-size: 1.2em; }

@media only screen and (max-width: 1024px) { header, .content, .slider { width: 100%; }
  .menu > ul { margin: 10px 0 0 5px; }
  .banner, .banner02, .banner03, .banner04 { height: 114px; }
  footer .content { width: 100%; } }
@media only screen and (min-width: 901px) and (max-width: 1023px) { .menu { font-size: 0.85em; width: 65%; }
  footer .left { width: 75%; } }
@media only screen and (min-width: 801px) and (max-width: 1023px) { .banner, .banner02, .banner03, .banner04 { height: auto; } }
@media only screen and (max-width: 900px) { h1 { width: 60%; margin: 10px 0 0 0; }
  .menu, .language { display: none; }
  .navbar { background: none; position: absolute; z-index: 1; top: 3%; right: 5%; }
  .navbar .clickgroup { display: block; }
  .navbar .icon-bar { width: 35px; height: 2px; display: block; margin: 22% 1%; background: #333333; }
  .m-nav { width: 100%; height: auto; background: rgba(26, 26, 26, 0.8); position: absolute; z-index: 10; top: 90px; font-size: 1.125em; }
  .m-nav li { line-height: 45px; text-align: right; }
  .m-nav li a { color: white; display: block; padding: 0 5% 0 0; }
  .m-nav li a:hover { color: white; background: #333333; border-radius: 0; }
  .mlanguage { display: block; padding: 5px; position: absolute; border: 2px solid #999999; border-radius: 10px; top: 3%; right: 20%; }
  .banner, .banner02, .banner03, .banner04 { display: none; }
  .m-banner { display: block; text-align: center; padding: 2% 0; margin: 1% 0 0 0; font-size: 1.5em; color: white; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }
  .leftmenu { width: 100%; text-align: center; border: none; margin: 0; display: none; background: #eeeeee; }
  .leftmenu h2, .leftmenu img { display: none; }
  .leftmenu li { width: 50%; float: left; margin: 0; }
  .leftmenu li:hover { background: white; }
  .leftmenu li a:hover { border-radius: 0; }
  .leftmenu .secondmenu { width: 100%; margin: 0; }
  .leftmenu .secondmenu li { width: 100%; }
  .leftmenu .secondmenu li:before { left: 35px; }
  .current { border-radius: 0; }
  .article { width: 100%; box-sizing: border-box; padding: 2%; }
  .contact li span.tel { margin: 0 0 0 4%; }
  .explain a { display: block; padding: 2.5% 0; }
  .proxy .colA, .proxy .colB, .proxy .colC { float: none; width: 100%; }
  footer .left, footer .right, footer .content { width: 100%; }
  footer .right { margin: 0; }
  .staff { margin: 10px 0 0 0; }
  .staff li { width: 48%; height: auto; padding: 3px 5px; margin: 0 1%; }
  .staff .icon-staff, .staff .icon-firm { margin: 0 0 0 5px; float: left; }
  
  .customerTW, .customerTW1, .customerJP, .customerKO, .customerOther { height: 190px; padding: 10px 0 0 180px; }
  .video .vediodoc { width: 100%; height: 400px; margin: 0; } }
@media only screen and (max-width: 640px) { .article .pic100 { width: 100%; }
  .article .safepic li { width: 150px; }
  .staff li a { padding: 0 20%; }
  .month { width: 15%; }
  .w70p { width: 80%; }
  .introC, .introD { width: 100%; }
  .contact li span.address { width: 100%; }
  .report li { width: 45%; margin: 0 0 5% 0; }
  .dash li { display: normal; }
  .dash li.colA, .dash li.colB { width: 100%; display: block; }
  .explain li { width: 100%; padding: 0 0 3% 2%; }
  .contact li span.tel { margin: 0; }
  img.pic20 { width: 10%; }
  .joinstep li { width: 40%; margin: 0 10% 0 0; }
  .joinstep li:after { right: -35px; }
  .employee01, .employee02, .employee03, .employee04, .employee06, .employee07, .employee08 { width: 60%; padding: 20px 0 20px 165px; }
  .employee01 li, .employee02 li, .employee03 li, .employee04 li, .employee06, .employee07 li, .employee08 li { width: 50%; }
    .employee01_1 {
        width: 60%;
        padding: 20px 0 20px 165px;
    }

        .employee01_1 li {
            width: 50%;
        } }
@media only screen and (max-width: 480px) { footer .left span { width: 100%; display: block; }
  .m-nav { top: 70px; }
  .article img { width: 40%; }
  .article .safe, .article .safe02, .article .safe03 { margin: 0 0 2% 9%; }
  .article .learnall li { width: 50%; height: 140px; margin: 0 0 5% 0; }
  .article .learnall li:nth-child(2n) { width: 44%; padding: 0 3%; }
  .article .safepic a img { width: 100%; }
  .article .revise { margin: 0 0 0 6%; }
  .customerTW img, .customerTW1 img, .customerJP img, .customerKO img, .customerOther img { width: 40%; }
  .contact li span.mailto { width: 100%; margin: 2% 0; }
  .report img { width: 15%; }
  .com img { width: 7%; }
  .video img { width: 5%; }
  .investVideo { height: 250px; }
  .joinstep li:after { right: -28px; }
  .employee01 li, .employee02 li, .employee03 li, .employee04 li, .employee06 li, .employee07 li, .employee08 li { width: 100%; }
    .employee01_1 li {
        width: 100%;
    }
  .employee01 li img, .employee02 li img, .employee03 li img, .employee04 li img, .employee06 li img, .employee07 li img, .employee08 li img  { width: 20%; }
    .employee01_1 li img {
        width: 20%;
    }
  .employee03 li img { width: 50%; }
  .partner li { float: none; }
  .partner li img { width: 100%; } 
  .mlanguage{top: 2%;}
  .navbar{top: 2%;}}
@media only screen and (max-width: 376px) { footer { padding: 0.5% 0px 25% 0; }
  .m-nav { top: 60px; }
  .m-banner { font-size: 1.3em; }
  .customerTW img, .customerTW1 img, .customerJP img, .customerKO img, .customerOther img { width: 55%; } 
  .mlanguage{top: 2%;}
  .navbar{top: 2%;}}
  @media only screen and (max-width: 320px){
  .mlanguage{top: 1.5%;}
  .navbar{top: 1.5%;}
  }