/* Reset */
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-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body { -webkit-text-size-adjust: none; }
/* Box Model */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ie8only, .ie8onlyinline { display:none; }
/* Containers */
.container { margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1680px) {.container {width:100%; max-width: 1200px; }}
@media screen and (max-width: 980px) {.container { width: 100%; }}
/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face { font-family:'FontAwesome'; src:url('../fonts/fontawesome-webfont.eot?v=4.4.0'); src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg'); font-weight:normal; font-style:normal }
.fa { display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }.fa-lg { font-size:1.33333333em; line-height:.75em; vertical-align:-15% }.fa-2x { font-size:2em }
.fa-pencil:before { content:"\f040" }.fa-book:before { content:"\f02d" }.fa-search:before { content:"\f002" }.fa-angle-up:before { content:"\f106" }.fa-chevron-circle-right:before { content:"\f138" }
.fa-map-marker:before{content:"\f041"}
/* Basic */
body { background: #f3f6fa; }
body, input, select, textarea { color: #1A1A1A; font-family: 'Microsoft JhengHei', '微軟正黑體', sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 0.01em; line-height: 1.8em; }
a { -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; color: #369085; text-decoration: none;}
a:hover ,.info-box a{ border-bottom-color: transparent; color:#333; }
strong, b { font-weight: 600; }.bold {font-weight: 700;}
p, ul, ol, dl, table, blockquote ,h1, h2, h3, h4, h5, h6{ margin: 0 0 0 0; font-size:18px; line-height: 1.8em; text-align:left; }
div { font-size:18px; line-height: 1.8em; text-align:left; }
p {margin:0 0 1em 0}
.inline {display:inline-block;}
.t1{font-size: 1.55em;line-height: 2em;  letter-spacing: 0.05em;margin:0.275em 0; }.item-page .t1{font-size: 1.75em;line-height: 1.35em;margin:0.7em 0 0.7em;}
.t2{font-size: 1.4em;line-height: 1.9em;  letter-spacing: 0em;margin:0.275em 0 0.275em;}.item-page .t2{margin:1.275em 0 0.275em;line-height: 1.4em;color:rgba(71,176,163,1);}
.t3{font-size: 1.25em;line-height: 1.8em;  letter-spacing: 0em;margin:0.275em 0;}
.t4{font-size: 1.15em;line-height: 1.6em;  letter-spacing: 0em;margin:0.275em 0;}
.t5{font-size: 1em;line-height: 1.45em; letter-spacing: 0em;margin:0.275em 0;}
.t6{font-size: 0.85em;line-height: 1.3em; letter-spacing: 0em;margin:0.275em 0;}
.black { font-size:1.2em; font-weight:500; padding:0 1em; color:#FFF; background-color:rgba(71,176,163,1);margin-top:0.5em;}
sub { font-size: 0.8em; position: relative; top: 0.5em; }
sup { font-size: 0.8em; position: relative; top: -0.5em; }
hr { border-top: solid 1px rgba(124, 128, 129, 0.2); margin: 1.5em 0; }
blockquote,.info-box { font-size:0.9em;border-left: solid 0.5em rgba(123,213,202,0.3); padding: 0.7em 0 0.7em 1.4em;margin-bottom:1em; }
.writer {font-size:0.9em; padding: 0.5em 0 0.7em 3em;margin-bottom:1em; position:relative; }
.writer span:first-child {position:absolute;}
.clr { clear:both !important; }
.txtcenter {text-align:center !important;}.txtleft {text-align:left !important;}
.txtbolder {font-weight:600 !important;}
.txtgreen {color:rgba(71,176,163,1);}
.item-page .t1.txtbolder {font-weight:400 !important;}
.dark { color:#222 !important;}
.white,.whiteword {color:#fff !important;}
.redword{color:#E04425 !important;}
.smalltxt *,.smalltxt {font-size:15px;line-height:1.6em;}
.margin-bottom1{margin-bottom:1em;}
.margin-top1{margin-top:1em;}
.margin-top2,.space-top2{margin-top:2em;}
.padding-1{padding:1em;}
.padding-small{padding:0.5em;}
.viewhiden,.hidden { display:none !important; }
/* Section/Article */
section.special, article.special { text-align: left; }
section.special .row { text-align: left; }
header.major { padding-bottom: 2em; }
header.special { margin-bottom: 1.5em; padding-top: 1em; position: relative; text-align: center; }
header.special p { text-align:left; }
header.special p.t2::before, header.special p.t2::after { border-bottom: solid 1.5px; border-top: solid 1.5px; content: ''; height: 7px; opacity: 0.1; position: absolute; top: 1.3em; width: 40%; }
header.special p.t2::before { left: 0; }
header.special p.t2::after { right: 0; }
header.special p.t2 { margin-bottom: 0; font-size:1.8em; line-height:1.2em; font-weight:400; }
header.special p.t2 + p { margin-bottom: 0; padding-top: 1.5em; }
header.special .icon { cursor: default; height: 7em; left: 0; position: absolute; text-align: center; top: 1em; width: 100%; }
header.special .icon:before { font-size: 3.5em; opacity: 0.35; }
footer > :last-child { margin-bottom: 0; }
footer.major { padding-top: 3em; }
.narrow { width:860px;margin:0 auto;}
.card-box {display:inline-flex;width:100%;}
.card-box > div {margin: 0 auto;position:relative;}
.card-box.two > div {width:50%;}
.card-box.three > div {width:33%;}
.card-box.four > div {width:25%;}
.card-box.four > div.col-7 {width:70%;}
.card-box.four > div.col-3 {width:30%;}
.tm.six {text-align:center;}
.tm.six > div {display:inline-block;width:24%;min-width:220px; padding:0.5em;vertical-align:text-top;margin:0em auto 1em;}
.insert-media{padding:2em;margin:1em 0;background-color:rgba(123,213,202,0.2);}
.insert-media img {display:table;}
.insert-media span {display:inline-block;font-size: 0.85em;line-height:1.2em;margin-top:0.5em;color:#666}
.insert-media span:before {-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; content:"\f077";font-size:1em;margin-right:0.1em;}
.jcemediabox-zoom-span {width:100% !important;margin:auto !important;}
/* youtube 影片RWD */  
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
lite-youtube { background-color: #000; position: relative; display: block; contain: content; background-position: center center; background-size: cover; cursor: pointer; }
lite-youtube::before { content: ''; display: block; position: absolute; top: 0; /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);*/
    background-position: top; background-repeat: repeat-x; height: 60px; padding-bottom: 50px; width: 100%; transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); }
lite-youtube::after { content: ""; display: block; padding-bottom: calc(100% / (16 / 9)); }
lite-youtube > iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
lite-youtube > .lty-playbtn { width: 68px; height: 48px; position: absolute; transform: translate3d(-50%, -50%, 0); top: 50%; left: 50%; z-index: 1; /* YT's actual play button svg */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>'); filter: grayscale(100%); transition: filter .1s cubic-bezier(0, 0, 0.2, 1); }
lite-youtube:hover > .lty-playbtn { filter: none; }
lite-youtube.lyt-activated { cursor: unset; }
lite-youtube.lyt-activated::before, lite-youtube.lyt-activated > .lty-playbtn { opacity: 0; pointer-events: none; }
lite-youtube img { display:table; width:100%; height:auto; position:absolute }
/* Form */
input[type="text"], input[type="search"], input[type="password"], input[type="email"], textarea { -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; background: none; border: solid 1px rgba(124, 128, 129, 0.6); color: inherit; display: block; padding: 0.6em; text-decoration: none; width: 100%; outline: 0; }
input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border-color: #7BD5CA; }
input[type="text"], input[type="search"], input[type="password"], input[type="email"] { line-height: 1em; }
input[type="search"] { width:12em; display:inline-block;  *display:inline;}
::-webkit-input-placeholder { color: inherit; opacity: 0.5; position: relative; top: 3px;}
:-moz-placeholder { color: inherit; opacity: 0.5;}
::-moz-placeholder { color: inherit; opacity: 0.5;}
:-ms-input-placeholder { color: inherit; opacity: 0.5;}
.formerize-placeholder { color: rgba(124, 128, 129, 0.5) !important; }
/* Image */
.image { border: 0; position: relative;}
.image.fit img{ display: block; width:100%;max-width:100%;height:auto; }
.image.center { display: block; }
.image.center img { display: block; margin:auto;max-width:100%;height:auto;}
img[src$="yp=10044953"] {position:fixed;}
/* Icon */
.icon { text-decoration: none; position: relative; }
.icon:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-style: normal; font-weight: normal; text-transform: none !important; }
.icon.featured { cursor: default; display: block; margin: 0 0 0.5em 0; text-align: center; }
.icon.featured:before { font-size: 5em; line-height: 1em; }
.icon.featured > img { width:65%; height:auto; border-radius:50%; border-width: 4px; border-color:#FFF; border-style: solid; -webkit-box-shadow: 1px 1px 13px 0px rgba(122,122,122,0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(122,122,122,0.4); box-shadow: 1px 1px 13px 0px rgba(122,122,122,0.4); }
.icon.circle {border: 0; border-radius: 100%; display: inline-block; font-size: 1.25em; height: 2.25em; left: 0; line-height: 2.25em; text-align: center; text-decoration: none; top: 0; width: 2.25em;margin-right:0.5em;background-color:rgba(71,176,163,1);color:#fff; }
.icon > .label { display: none; }
/* List */
ol { list-style: decimal; padding-left: 1.25em; }
ul.icons { list-style: circle; cursor: default; }
ul.icons li { padding-left: 0em; margin-left:2em;line-height:1.5em;margin-bottom:0.5em;}
ul.icons li:last-child { margin-bottom:0em; }
ul.icons li a { display:block; border-bottom:solid 1px; border-color:#C7C8C8; }ul.icons li a.inline{display: inline-block;}
ul.icons li.border {border-bottom:solid 1px; border-color:#C7C8C8;}
ul.icons li a:hover, ul.icons li a:focus { color:#E04425; }
.tm.six ul.icons li {line-height:2em;margin-bottom:0;}
ul.txtindent {margin-left:3em;text-indent:-3em;}
ul.featured-icons {cursor: default; margin: -0.75em 0 0 0; opacity: 0.35; overflow: hidden; position: relative; }
ul.featured-icons li { display: block; float: left; text-align: center; width: 50%; }
ul.featured-icons li .icon {display:inline-block; font-size:6.25em;height:1.25em; line-height:1.25em; width:1em;}
ul.buttons { cursor: default; }
ul.buttons:last-child { margin-bottom: 0; }
ul.buttons li { display: inline-block; padding: 0 0 0 1.5em; }
ul.buttons li:first-child { padding: 0; }
ul.buttons.vertical li { display: block; padding: 1.5em 0 0 0; }
ul.buttons.vertical li:first-child { padding: 0; }
ul.breadcrumb { text-align:left;font-size:0.9em;  margin-bottom:0em;}
ul.breadcrumb li { display:inline-block; margin:0 0 0 0 ;}
span.icon-location { display:none !important; }
.pagination {margin:1em;}
.pagination p, .pagination li {font-size:0.9em;color:#999;}
/* pagination-list */    
ul.pagination-list { width:80%; }
ul.pagination-list li { display:inline-block; margin:0.2em; }
ul.pagination-list li a { display:block; padding:0 0.4em; }
ul.pagination-list li.active a { border-bottom: dotted 0px; color:#333; }
/* Table */
table { width: 100%; }
table.default { width: 100%; }
table.default tbody tr { border-bottom: solid 1px rgba(124, 128, 129, 0.2); }
table.default td { padding: 0.5em 1em 0.5em 1em; }
table.default th { font-weight: 600; padding: 0.5em 1em 0.5em 1em; text-align: left; }
table.default thead { background: #7c8081; color: #fff; }
.item-page table.styleb, .blog table.styleb { width:100%; margin:auto; border:4px solid #7BD5CA; margin-bottom:1em; }
.item-page table.styleb td, .blog table.styleb td { border:1px solid #7BD5CA; padding:2px; line-height:1.4em; }
.item-page table.styleb tr:first-child, .blog table.styleb tr:first-child { background-color:#7BD5CA; color:#FFF; text-align:center; }
.item-page table.styleb td p, .blog table.styleb td p { margin:0 0 0 0; }
table.styleb.center td { text-align:center; vertical-align:middle; }
/* Button */
input[type="button"], input[type="submit"], input[type="reset"], .button { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; background: none; border: solid 1px; color: inherit; cursor: pointer; display: inline-block; font-size: 1em; font-weight: 900; letter-spacing: 2px; min-width: 18em; padding: 0 0.75em; line-height: 3.75em; text-align: center; text-decoration: none; text-transform: uppercase; }
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover { background: rgba(188, 202, 206, 0.15); border-color: inherit; }
input[type="button"].special, input[type="submit"].special, input[type="reset"].special, .button.special { background: #7BD5CA; border-color: #7BD5CA; color: #222 !important; }
input[type="button"].special:hover, input[type="submit"].special:hover, input[type="reset"].special:hover, .button.special:hover { background: #96dad1 !important; border-color: #96dad1 !important; }
input[type="button"].fit, input[type="submit"].fit, input[type="reset"].fit, .button.fit { width: 5em; }
input[type="button"].small, input[type="submit"].small, input[type="reset"].small, .button.small { font-size: 0.8em; padding: 0.5em 0; min-width:100%;line-height:2em;letter-spacing: 1px;}
.button.round { border-radius:50%; }
.btn { padding:0.6em; cursor:pointer; }
.btn-group.pull-left { float:none; width:49%; display:inline-block; }
/* Wrapper */
.view-category .wrapper, .view-article .wrapper, .view-tag .wrapper, .view-tags .wrapper { padding:1em 5em 3em 5em; }
/* Header */
@-moz-keyframes reveal-header { 0% { top: -5em;} 100% { top: 0;}}
@-webkit-keyframes reveal-header { 0% { top: -5em;} 100% { top: 0;}}
@-ms-keyframes reveal-header { 0% { top: -5em;} 100% { top: 0;}}
@keyframes reveal-header { 0% { top: -5em;} 100% { top: 0;}}
#header { background: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.075); color: inherit; cursor: default; font-size: 0.8em; left: 0; padding: 0em 1.5em 0em; position: fixed; height:70px; top: 0; width: 100%; z-index: 10000; }
#header #logo { padding:0px; display:inline-block; width:20%; }
#header #logo img { margin-top:8px; width:100%;max-width:250px;height:auto;}
#header #logo a { border-bottom:0px; }
#header h1 { font-weight: 600; margin: 0; position:relative; }
#header h1 span { font-weight: 400; }
#header nav { letter-spacing: 0.06em; position: absolute; right: 1.5em; text-transform: uppercase; top: 1.6em; }
#header nav ul { margin:0 0 0 0; }
#header nav ul li { display: inline-block;  *display:inline;
margin-left: 0.5em; font-size: 15px; }
#header nav ul li > ul { display: none; }
#header nav ul li a { border: solid 0px transparent; color: inherit; display: inline-block; line-height: 1em; padding: 0.6em 0.5em; text-decoration: none; }
#header nav ul li input[type="button"], #header nav ul li input[type="submit"], #header nav ul li input[type="reset"], #header nav ul li .button { font-size: 1em; min-width: 0; width: auto; }
#header nav ul li > a.submenu { text-decoration: none; }
#header nav ul li > a.submenu:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-style: normal; font-weight: normal; text-transform: none !important; }
#header nav ul li > a.submenu:before { content: '\f107'; margin-right: 0.4em; }
#header nav ul li.active > a, #header nav ul li:hover > a { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: #7BD5CA; }
#header nav ul li.current > a { font-weight: 900; }
#header { -moz-animation: reveal-header 0.5s; -webkit-animation: reveal-header 0.5s; -ms-animation: reveal-header 0.5s; animation: reveal-header 0.5s; }
.view-featured #header.alt { -moz-animation: none; -webkit-animation: none; -ms-animation: none; animation: none; background: transparent; box-shadow: none; color: #fff; padding: 0em 2.5em 0em; position: absolute; }
.view-featured #header.alt nav { right: 2.5em; top: 1.75em; }
.view-featured #header.alt nav ul li.active > a, #header.alt nav ul li:hover > a { border: solid 0px; }
.view-featured #header.alt nav ul li a { text-shadow:1px 1px 2px #000; }
/* Dropotron */
.dropotron { background: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.075); line-height: 2.25em; min-width: 13em; padding: 1em 0; text-transform: uppercase; margin-top: calc(-1em + 1px); font-size: 15px; }
.dropotron.level-0 { font-weight: 400; margin-top: 0.5em; }
.dropotron.level-0:before { border-bottom: solid 0.5em #fff; border-left: solid 0.5em transparent; border-right: solid 0.5em transparent; content: ''; left: 0.75em; position: absolute; top: -0.45em; }
.dropotron > li { border-top: solid 1px rgba(124, 128, 129, 0.2); }
.dropotron > li > a { -moz-transition: none; -webkit-transition: none; -ms-transition: none; transition: none; color: inherit; text-decoration: none; padding: 0 1em; border: 0; }
.dropotron > li:hover > a { background: #7BD5CA; color: #fff; }
.dropotron > li:first-child { border-top: 0; }
/* Banner */
#banner { color: #fff; cursor: default; padding: 0; height:auto; position: relative; top:0px; z-index:100; overflow:hidden;}
#banner .search { z-index:3; width:90%; position:absolute; left:5%; top:20%; margin:auto; }
#banner.inside { background-image: url("../../images/inside-banner-6.jpg"); height:260px; padding: 0em 0 0em 0; background-size:cover; background-repeat:no-repeat; background-position:bottom center; background-attachment: scroll; position:relative; }
#banner.inside>div.custom {height:100%;}
#banner .repleatslide {position: relative;overflow: hidden;}
.sl01,.sl02 {width:100%;height:auto;display:block;}
.sl02{position:absolute;left:0; top:0;opacity:0}
.mainkey {position:absolute;display:inline-block; width:525px;top: 28%;	left: 5%;	background: #77bfb7\9;	background: rgba(119,191,183,0.65);	padding:1em;}
.mainkey > * {margin-bottom:0em;color:#222;font-weight:600;}
/* mod-languages */
div.mod-languages{position: relative;float:right;z-index:100;margin-top:-45px;}
div.mod-languages ul.lang-inline li{margin-left:0;margin-right:0;font-size:1em;}
div.mod-languages ul.lang-inline li a{display:inline-block;width:45px;height:45px;line-height:45px;background-color: rgba(0,127,198,0.1);border-bottom: 0px;text-align: center;}
div.mod-languages ul.lang-inline li a:hover{color:#FFFFFF;}
div.mod-languages ul.lang-inline li.lang-active{color:#222;display: none;}
#back-top { position: fixed; bottom:388px; right: 0px; margin: 0 0 0 0;display:block;text-align:center;width:45px;line-height:45px;height:45px; z-index:102;}
#back-top a {display:block;width:45px;height:45px;border-bottom:0;background-color:rgba(0,127,198,0.1);margin-bottom:2px;}
#back-top a.fas{font-family: FontAwesome;}
#back-top a:hover{color:#1a1a1a;background-color:rgba(0,127,198,0.6);}
#back-top div.mod-languages {margin-top:0px;}
#back-top a img {width:100%;height:auto;display:table;}
.social-icon {float:right;}
.social-icon a > span{position:absolute; z-index:-1;right:-200px;}
.customplacard { padding:0em 1em 0em 1em; }
.customplacard ul.default { margin:0 0 0 0; }
.customplacard ul.default:last-child { margin:0 0 1em 0; }
.view-featured .customplacard { margin-bottom:-5em; }
/*醫生陣容*/  
.da .card-box {justify-content:center;}
.da .card-box > div,.st .card-box > div{border:1px solid #ddd;} 
.da .card-box > div {margin:0 1em 1em 1em;padding-bottom:2em;}
.st .card-box {padding:0 1em 1em 1em;}
.st .card-box .button ,.da .card-box .button {position:absolute;bottom:0; cursor:default;}
.st-right-txt {padding-bottom:2.2em;}
.st h2,.st .dg{padding-left:1em;}
.dg span{font-weight: bold; padding: 0.2em; border-bottom: 3px double #ddd; border-top: 3px double #ddd;}
/*醫生陣2022容*/
.branch {margin:0 auto 1em;width:50%;color: #222 !important;
background: #f3f6fa; /* Old browsers */
background: -moz-linear-gradient(left,  #f3f6fa 0%, #7bd5ca 26%, #7bd5ca 76%, #f3f6fa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f3f6fa 0%,#7bd5ca 26%,#7bd5ca 76%,#f3f6fa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f3f6fa 0%,#7bd5ca 26%,#7bd5ca 76%,#f3f6fa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f6fa', endColorstr='#f3f6fa',GradientType=1 ); /* IE6-9 */
}
.branch.kao{margin:2em auto 1em;}.branch p { letter-spacing:.2em;padding:.3em;}
.team > div {display:inline-block;width:30%;padding:0em 1em 1em 1em;}
.team .image{border:4px solid #FFF;border-radius:5px;box-shadow: 1px 1px 13px 0px rgba(122,122,122,0.4);}
/* right sidebar */	
.sidebar {padding:0 0 0 2em}
.sidebar>div, .sidebar>div ul { margin-bottom:0em; }
.search { text-align:center; }
.search input[type="search"] { margin:auto; }
.view-featured .search { text-align:left; }
.view-featured .search input[type="search"] { float:none; }
.sidebar p.t3 { background-color:rgba(71,176,163,1); font-size:1em; line-height:2em; color:#FFF; text-align:center; letter-spacing:0.15em; margin-bottom:0em; margin-top:1em; }
.well ul li ,td.list-title{ border-bottom:1px solid #ddd; height:auto; }
.well ul li a ,td.list-title a{ line-height:1.4em; display:block; border-bottom:0px; padding:0.7em 0.7em 0.7em 2.8em; background-image:url(../../images/sidebaricon-2_03.png); background-repeat:no-repeat; background-position:0.5em center; }
.well ul li a:hover,td.list-title a:hover
{ background-color:rgba(123,213,202,0.08); color:#1A1A1A; background-image:url(../../images/sidebaricon-1_03.png); }
.well ul li a.active, .well ul li a:focus, .well ul li.active a ,
.td.list-title a.active, td.list-title a:focus
{ background-color:rgba(123,213,202,0.3); color:#1A1A1A; background-image:url(../../images/sidebaricon-1_03.png); }
.col-7 .well ul li a ,td.list-title a{padding:0.7em 5em 0.7em 2.8em;}
.col-7 .well {margin-top:2em;}.col-7 .category-list + .well {margin-top:0em;}
ol.list-striped li {border-bottom:1px solid #ddd;padding:0.5em 0.5em}
.mod-articles-category-date, .list-date.small { position:relative; right:0.5em; font-size:0.8em; color:#999; display:inline-block; float:right; margin-top:-2.8em;}
.well .button { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out; background: none; border: solid 1px #ccc; color: inherit; cursor: pointer; display: inline-block; font-size: 1em; font-weight: normal; letter-spacing: 2px; min-width: 100%; padding: 0 0.75em; line-height: 1.8em; text-align: center; text-decoration: none; text-transform: uppercase; }
.well.sidebanner p { margin:0.5em 0 0 0; }
.well.sidebanner p a { border-bottom:0px; }
.well img { max-width:100%; height:auto; }
.well.placard ul li { color: #f00; border-bottom:0px; }
.customsidebanner p { text-align:center; }
/* Tags */
.tagspopular {padding:1em 0 0;display:none;}
ul.tags.inline { text-align:right;display:none; }
.tags {padding:0em;}
.tags ul { padding:0em;text-align:center;}
.tags ul li { display:inline-block; font-size:0.85em;margin:0em 0;}
.tags ul li a { display:inline-block;padding:0.3em 1em;border-bottom:0px;color:#222;background-color:rgba(123,213,202,0.2); }
.tags ul li a:hover { background-color:rgba(71,176,163,1); color:#FFF;}
/* Main */
#main { padding: 0.5em 1em 1em 2em; }
#main > :last-child { margin-bottom: 0; }
#main .sidebar section { border-top: solid 1px rgba(124, 128, 129, 0.2); margin: 3em 0 0 0; padding: 3em 0 0 0; }
#main .sidebar section:first-child { border-top: 0; padding-top: 0; margin-top: 0; }
body.index #main { padding-top: 0.5em; }
/* inside content */
.itemid-331 ul.breadcrumb li:nth-child(4),.itemid-332 ul.breadcrumb li:nth-child(4),
.itemid-333 ul.breadcrumb li:nth-child(4),.itemid-334 ul.breadcrumb li:nth-child(4),
.itemid-335 ul.breadcrumb li:nth-child(4),.itemid-336 ul.breadcrumb li:nth-child(4),.itemid-337 ul.breadcrumb li:nth-child(4)
{display:none}
.itemid-324 ul.breadcrumb li:nth-child(4),.itemid-325 ul.breadcrumb li:nth-child(4),
.itemid-326 ul.breadcrumb li:nth-child(4),.itemid-327 ul.breadcrumb li:nth-child(4),
.itemid-328 ul.breadcrumb li:nth-child(4),.itemid-329 ul.breadcrumb li:nth-child(4),.itemid-330 ul.breadcrumb li:nth-child(4)
{display:none}

.blog .span6 {display:inline-block;width:48%;padding:1.5em;vertical-align:top; }
.blog .span6 * {text-align:center;}
.blog .span6 img {border:8px solid rgba(71,176,163,0.3);}
.blog .span6 img:hover {border:5px solid rgba(71,176,163,1);}
.search.result { text-align:justify; }
#searchForm fieldset { margin-top:2em; border-top:1px dashed #ccc; }
#searchForm fieldset.only { display:none; }
.phrases-box { display:inline-block; *display:inline;}
.search-results dt { margin-top:1em; }
.search-results dd { padding-left:1em; }
.highlight { color:#E04425; }
.clearfix { *zoom: 1;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
table.wdform_table1 { width:auto; margin:auto; }
#form13 table.wdform_table1 { width:400px; margin:auto; }
.wdform_table2 td { vertical-align: middle; padding:3px 3px; }
.wdform_table2 td:first-child { width:7em; text-align:right; }
.wdform_table2 td:first-child span { line-height:1.7em; }
.wdform_table2 td>table { margin:0 0 0 0; }
.wdform_table2 td>table td:first-child { width:auto; text-align:left; }
.wdform_table2 td>table td { display:inline-block;  *display:inline;text-align:left; float:left; }
.wdform_table2 td>table td button { margin:5px; padding:3px 6px; }
.wdform_table2 td>table td button:hover { cursor:pointer; }
.captcha_refresh { width: 30px; height: 30px; border-width: 0px; margin: 0px; padding: 0px; vertical-align: middle; cursor: pointer; background-image: url(../../images/refresh_black.png); }
#system-message { padding:2em; background-color:#FFF; border-radius:0.3em; }
a.close { display:inline-block;  *display:inline;padding:0.5em; }
a.close:hover { cursor: pointer; }
h4.alert-heading { display:inline-block;  *display:inline;margin:0 0 0 0; }
p.readmore { text-align:right; font-size:15px; }

.titleqa { border:1px solid #7BD5CA; margin-bottom:0em; padding:0.5em 3em 0.5em 1em; font-weight:600; position: relative; }
.titleqacorner { width:34px; height:29px; background:url(../../images/righttopcorner_03.png) no-repeat right top; position: absolute; right:-1px; top:-1px; }
.qacontentbox { padding:0.5em 0em 0.5em 1em; margin-bottom:1em;}

#infobox { padding-top:0em; }
#infobox .row { margin: 0px 0 0px 0px; }
#infobox .row > div { padding:0.2em; display:inline-block; vertical-align:text-top; margin-bottom:1em; font-size:1em; }
#infobox .row .span-2 { width:14%; background-color:#7BD5CA; color:#FFF; text-align:center; }
#infobox .row .span-10 { width:85%; padding:0 0.5em 0 0.5em; border-top:1px solid #ddd; }
#infobox .row ol { list-style-type:decimal; }
#infobox .row .span-10 img { max-width:100%; }

.picturestory{padding:5%;background-color:#eee;margin-bottom:2em;border:1px solid #ccc;}
.picturestory p:last-child {margin-bottom:0em;}
.picturetitle-up {margin-top:0em;}
.picturetitle-up:before { font-family: FontAwesome; font-style: normal; font-weight: normal; content: '\f0d8'; font-size:1.2em; margin-right:0.2em; }

.searchintro.result { display:none; }

.tag-category .filters { display:none; }
.tag-category ul.thumbnails li { display:inline-block; float:left; margin-right:1.5em; }
.tag-category ul.thumbnails li h3 { font-size:1em; font-weight:400; }
.tag-category ul.thumbnails li h3 a:before { font-family: FontAwesome; font-style: normal; font-weight: normal; content: '\f02c'; font-size: 1em; margin-right:0em; color:#ccc; }

/* popup once - 公告 */
.sugarbar{	height:100%; width:100%;top: -100%;	left: 0;position: fixed;color: white;z-index: 10002;transition: all 0.5s; box-sizing: border-box; display: flex; align-items: center; background-color:rgba(0,0,0,0.3);}
.sugarbar > div {width: 320px;height:480px;background:url(../../../../images/opennews.jpg) center ;margin:auto;box-shadow: 0 5px 5px rgba(0,0,0,.3); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position:relative;}.sugarclose{float: right;background-color:#333;font-size:0.85em;padding:0 0.5em;cursor: pointer;-webkit-user-select: none; /* disable chrome touch-to-search */}.sugarbar a{display:block;position:absolute;bottom:0;height:20%;width:100%;}
/* CTA */
#cta { background-attachment: fixed; background-color: #1A1A1A; background-image: url("../../images/bannercta.jpg"); background-position: bottom center; background-repeat: no-repeat; background-size: cover;  padding: 0em; text-align: center; }
#cta header { padding: 5em; }
#cta header.special { margin-bottom:0em; }
#cta header.special h4 { font-weight:400; }
#cta .caseex { background-color:#7BD5CA; padding:2em 5em 2em;  }
#cta .caseex { text-align:center; }
#cta p.t3 { padding-left:80px;margin:0 0 0 0; }
#cta .card-box .quote{padding:2em 0 1em;
 background-image:url(../../images/double-quotes-right.png), url(../../images/double-quotes-left.png);
 background-position:bottom right, 0px 20px; background-repeat:no-repeat; background-size:70px 53px;}
#cta .button       { background: rgba(188, 202, 206, 0.3);border: solid 1px rgba(0, 0, 0, 0.3); color:#FFF}
#cta .button:hover { background: rgba(188, 202, 206, 0.6);border: solid 1px rgba(188, 202, 206, 0.8); color:#1a1a1a;}
/* Footer */
#footer { background: #1A1A1A; color: #bbb; padding: 2em 5em 2em 5em; margin-bottom:-1px;text-align: center; font-size:0.9em; line-height:2em; }
#footer .custom.v2 { padding-top:0em; max-width:860px;margin:auto;}
#footer .custom.v2 .outlink,#footer .custom.v2 .address * {text-align:center;}
#footer .custom.v2 .outlink a{border:0px;margin:0 0.5em;}
#footer .custom.v2 .outlink a:hover img{ opacity:0.6;}
#footer .custom.v2 .address p {font-size:0.9em;line-height:1.3em;margin:0 0 0 0;}
#footer .custom.v2 .address p:first-child {margin-bottom:0.5em;margin-top:0.5em;font-size:1.2em;font-weight: bold;}
#footer .custom.v2 .address p span {margin:0.5em;}
#footer .custom.v2 .allwebsite {border-top:dotted 2px #484848;border-bottom:dotted 2px #484848;margin-bottom:1em;margin-top:1em;padding:1em 0;}
#footer .custom.v2 .allwebsite > div {display:inline-block;width:48%;height:auto; vertical-align:text-top;}
#footer .custom.v2 .allwebsite .logoimg {text-align:right;}
#footer .custom.v2 .allwebsite p {margin-bottom:0;margin-top:0em;padding-left:30px;background:url(../../../../images/footer_16.png) left center no-repeat;}
#footer .custom.v2 .allwebsite ul {margin-left:30px;margin-bottom:0;}
#footer .custom.v2 .allwebsite ul li {font-size:0.9em;padding-left:1.2em;background:url(../../../../images/footer_16.png) left center no-repeat;background-size:18px;margin:0 0 0 0 ;}
#footer .custom.v3 { padding-top:0em; max-width:960px;margin:auto;}
#footer .custom.v3 h2 {text-align:center;}
#footer .custom.v3 ul {font-size:.9em;}
#footer .custom.v3 .copyright {border-top:dotted 2px #484848;margin-top:1em;margin-bottom:0em;padding-top:1em;}
#footer .copyright { font-size: 0.8em; line-height: 1.2em; text-align:center; margin-bottom:0em; }
#footer .copyright a { color: inherit; }
#footer .copyright li { display: inline-block; margin-left: 1em; padding-left: 1em; border-left: dotted 1px ; }
#footer .copyright li:first-child { margin: 0; padding: 0; border: 0; }

/*image slider fade*/
.w3-animate-fading{animation:fading 4s infinite}@keyframes fading{0%{opacity:.15}15%{opacity:1}90%{opacity:1}100%{opacity:0}}
.slidesbox {position:relative;width:100%;padding-bottom:45%;padding-top: 0px; height: 0; overflow: hidden;background-color:#00629f;}
.mySlides{display:none;position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-size:cover;}
.mySlides.a { background-image:url(../../../../images/banners/banner-3a.jpg);}
.mySlides.b { background-image:url(../../../../images/banners/banner-3b.jpg);}
/* Wide */  
@media screen and (min-width: 1440px) {
header.special { padding-top: 1.5em; margin-bottom: 2em; }
#cta .caseex .row { width:1200px; margin:auto; }
}
/* Normal */
@media screen and (max-width: 1280px) {
header.major { padding-bottom: 1.5em; }
footer.major { padding-top: 2em; }
.view-category .wrapper, .view-article .wrapper { padding:1em 1em 3em 1em; }
.view-featured #header.alt { padding:0 1.5em 0; }
#header nav ul li { margin-left: 1em; }
#header nav, .view-featured #header.alt nav { right:0.5em; }
#header nav ul li { margin-left:0.5em; }
#banner { background-attachment: scroll; }
input[type="search"] { width:12em; }
#cta { background-attachment: scroll; }
#cta .caseex .row { width:100%; }
#cta .caseex { padding:2em 3em 1em; }
}
/* Narrow */
#navPanel, #navButton { display: none; }
@media screen and (max-width: 980px) {
.onlypc{ display: none; }
header.major { padding-bottom: 1em; }
header.special { padding-left: 2.5em; padding-right: 2.5em; margin-bottom:2em; }
header.special p.t2::before, header.special p.t2::after {width:30%;}
footer.major { padding-top: 1.5em; }
.view-category .wrapper, .view-article .wrapper, .view-tag .wrapper, .view-tags .wrapper { padding:1em 0em 3em 0em; }
#header { display: none; }
#banner { top:50px; }
#banner.inside { height:200px; }
.mainkey {position: relative;padding:0.5em;display:block;top:0;left: 0%;width:100%;background: rgba(119,191,183,1);	}
#main { padding: 1em 2.8em 1em 1em; position:relative; margin-top:60px; }
#treatment .\33 u { width:50%; }
.tm.six > div {width:32%;}
.tm.six ul.icons li a {padding:0.2em 0;font-size:1.1em;}
input[type="search"] { width:12em; }
.narrow { width:100%; margin:auto; }
.sidebar.scroll-to-fixed-fixed { z-index: auto!important; position: static !important; top: auto !important; }
.container>.card-box.four {display:block;}
.card-box.four > div.col-7,.card-box.four > div.col-3{width:100%;}
.docsidelink .card-box {display:inline-block;width:24.5%;}
.sidebar {padding: 0 0 0 0em;}

#cta header { padding: 2em; }
#footer { padding:2em 4em; }
#recruit { top:30%; }
/* Off-Canvas Navigation */
#page-wrapper { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -moz-transition: -moz-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; transition: transform 0.5s ease; padding-bottom: 1px; }
#navButton { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -moz-transition: -moz-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; transition: transform 0.5s ease; display: block; background-color:#FFF; background-image: url(../../../../images/logo_03.jpg); background-repeat:no-repeat; background-position:center; background-size:auto 90%; height: 60px; -webkit-box-shadow: 1px 1px 13px 0px rgba(122,122,122,0.4); -moz-box-shadow: 1px 1px 13px 0px rgba(122,122,122,0.4); box-shadow: 1px 1px 13px 0px rgba(122,122,122,0.4); left: 0; position: fixed; top: 0; width: 100%; z-index: 10001; }
#navButton .toggle { text-decoration: none; height: 60px; left: 0; position: absolute; text-align: center; top: 0; width: 100%; border: 0; outline: 0; }
#navButton .toggle:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-style: normal; font-weight: normal; text-transform: none !important; }
#navButton .toggle:before { color: #fff; content: '\f0c9'; font-size: 1em; height: 40px; left: 10px; line-height: 40px; opacity: 0.5; position: absolute; top: 11px; width: 60px; z-index: 1; }
#navButton .toggle:after { background: rgba(163, 169, 170, 0.75); border-radius: 2px; content: ''; height: 40px; left: 10px; position: absolute; top: 10px; width: 60px; }
#navPanel { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: translateX(-275px); -webkit-transform: translateX(-275px); -ms-transform: translateX(-275px); transform: translateX(-275px); -moz-transition: -moz-transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; transition: transform 0.5s ease; display: block; height: 100%; left: 0; overflow-y: auto; position: fixed; top: 0; width: 275px; z-index: 10002; background: #1A1A1A; color: #fff; font-size: 1em; letter-spacing: 0.075em; text-transform: uppercase; padding: 0em 0em 0em 0em; }
#navPanel .link { font-size: 16px;border: 0; border-top: solid 1px rgba(255, 255, 255, 0.05); color: inherit; display: block; height: 3em; line-height: 3em; opacity: 0.75; text-decoration: none; padding-left:1em; }
#navPanel .link.depth-2:after { content:'\f138'; font-family: FontAwesome; position:absolute; right:1em; }
#navPanel .link.depth-0 { background-color:#7BD5CA; color:#1A1A1A; border-top: solid 1px rgba(255, 255, 255, 0.3); }
#navPanel .link.depth-0 { font-weight: 900; }
#navPanel .link:first-child { border-top: 0; }
#navPanel .indent-1 { display: inline-block; width: 1em; }
#navPanel .indent-2 { display: inline-block; width: 2em; }
#navPanel .indent-3 { display: inline-block; width: 3em; }
#navPanel .indent-4 { display: inline-block; width: 4em; }
#navPanel .indent-5 { display: inline-block; width: 5em; }
body.navPanel-visible #page-wrapper { -moz-transform: translateX(275px); -webkit-transform: translateX(275px); -ms-transform: translateX(275px); transform: translateX(275px); }
body.navPanel-visible #navButton { -moz-transform: translateX(275px); -webkit-transform: translateX(275px); -ms-transform: translateX(275px); transform: translateX(275px); }
body.navPanel-visible #navPanel { -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
/* Narrower */
@media screen and (max-width: 840px) {
html, body { overflow-x: hidden; }
header.major { padding-bottom: 0.25em; }
header.special h2:before, header.special h2:after { width: 30%; }
header.special h2 + p { padding-top: 1.25em; }
section:first-child { margin-top: 0; }
ul.featured-icons { margin: 0; }
ul.featured-icons li { display: inline-block; float: none; width: auto; }
ul.featured-icons li .icon { font-size: 4em; width: 1.25em; }
ul.buttons li { display: block; padding: 1em 0 0 0; }
#banner { margin: 0; }
.wrapper.special-alt { text-align: center; }
#main .sidebar { border-top: solid 1px rgba(124, 128, 129, 0.1); padding-top: 3em; }
#main .sidebar section { border-top: 0; padding-top: 0; }
#cta { margin: 0; }
#footer .custom.v2 .address p span{display:block;}
}
/* Mobile */
@media screen and (max-width: 736px) {	
body { min-width: 320px; }
body, input, select, textarea { font-size: 16px;}
p, ul, ol, dl, table, blockquote ,h1, h2, h3, h4, h5, h6,div {font-size:16px;}
.insert-media {padding: 1em;}
header { text-align: center; }
header.major { padding-bottom: 0; }
header.special:before, header.special:after { width: 38%; }
header p { text-align: center; }
.slidesbox {padding-bottom:53%}
.mySlides.a { background-image:url(../../../../images/banners/banner-3ax720.jpg);}
.mySlides.b { background-image:url(../../../../images/banners/banner-3bx720.jpg);}
footer.major { padding-top: 0; }
input[type="button"], input[type="submit"], input[type="reset"], .button { max-width: 20em; width: 100%; }
input[type="button"].fit, input[type="submit"].fit, input[type="reset"].fit, .button.fit { width: auto; }
ul.featured-icons li .icon { width: 1.1em; }
ul.buttons { text-align: center; }
#banner .search { display:none; }
#banner.inside { background-image: url("../../images/inside-bannerx720.jpg"); height:160px; position:relative; }
.mainkey p {font-size:15px;}
.tm.six > div {width:48%;padding:0;}
.narrow { width:100%; }
.narrow.da, .narrow.st { max-width:400px; }
.card-box {display:block;}
.card-box > div {display:inline-block; vertical-align:text-top;width:100%;}
.card-box.two > div,.card-box.three > div,.card-box.four > div{width:100%;}
.da .card-box > div {margin:0 0 1em 0;}
.st .card-box {padding: 0 0em 0em 0em;}
.card-box > div.st-right-txt {margin-top:-5px;}
.st h2,.st .dg{padding-left:0em;text-align:center;}
.team > div {width:80%;}
.team > div .image {width:45%;float:left;margin-right:5%;}
.team > div .txtcenter {text-align:left !important;}
.tags ul li {width:32%;margin-bottom:0.3em;}.tags ul li a{width:100%;padding:0.3em 0.3em;}
.blog .span6 {padding:0.8em; }
#cta {background-image: url("../../images/bannerctax720.jpg");}
#cta .caseex { padding: 1em 2em 1em;}
#cta .card-box .quote{background-size: 50px 33px;}
.mod-articles-category-date, .list-date.small {right:0;}
#footer { padding: .51em 3em 1.5em 1em; }
#footer .copyright li { display: block; margin: 1em 0 0 0; padding: 0; border: 0; }
#footer .custom.v3 h2 {text-align:left;}
#navButton { height:50px; }
#navButton .toggle:before { top: 8px; left: 8px; width: 50px; height: 34px; line-height: 34px; }
#navButton .toggle:after { top: 8px; left: 8px; width: 50px; height: 34px; }
}
@media screen and (max-width: 600px) {
header.special h2 { font-size:1.8em; }
input[type="button"], input[type="submit"], input[type="reset"], .button { max-width: 100%; min-width:100%; width: 100%; }
#cta .caseex a.button { max-width:12em; min-width:12em; width:12em; }
.customlanguages ul { text-align:center; }
.row .\36 u { width:100%; }
.row .\36 u p { text-align:center; }
.pagination p, .pagination ul { text-align:center; }
.pagination .pull-right { float:none; }
ul.pagination-list { width:100%; }
.docsidelink .card-box {display:inline-flex;width:100%;}
.docsidelink .card-box.four > div.col-3{width:30%;}
.docsidelink .card-box.four > div.col-7{width:70%;}
#infobox .row .span-2{width:20%}
#infobox .row .span-10{width:78%}

#footer .custom.v2 .address p span {margin: 0em;font-size:0.9em;}
#footer .custom.v2 .allwebsite {display:none;}
#footer .copyright {text-align:left;padding-right:45px;margin-top:1em;}
}
@media screen and (max-width: 490px) {
.mainkey br {display:none;}	
.mainkey h1,.mainkey h3{font-size:0.9em;}
.mainkey ul.icons li {margin-bottom:0;}
header.special p.t2::before, header.special p.t2::after {width: 25%;}
.da .t3, .st .t3 {margin:0.2em 0;font-size:1.2em;}
.branch{width:70%;}
.team > div {width:100%;}
.team > div .image {width:40%;float:left;margin-right:4%;margin-top:.8em;}
.tm.six > div {width:80%;}	
.tm.six ul li a {padding:0.5em 0.2em;}
.view-category .wrapper, .view-article .wrapper, .view-tag .wrapper, .view-tags .wrapper {
padding: 0em 0em 1em 0em;}
.blog .span6 {padding: 0em;}
.item-page .t2{font-size:1.1em;}
ul.breadcrumb,.tags ul li,.writer,.info-box{font-size:0.8em;}
.t5{font-size:0.9em;}
}