html {font-size: 1em;line-height: 1.4;}
html,body {height: 100%;}
body {overflow-x: hidden;}
/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */
@-webkit-viewport {width: device-width;}
@-moz-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@-o-viewport {width: device-width;}
@viewport {width: device-width;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
li {list-style: none;}
audio,canvas,iframe,img,svg,video {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
a:hover {text-decoration: none;}
ul {padding: 0;margin: 0;}
h1,h2,h3,h4,h5,h6 {margin: 0;}
.container h1{font-size:30px;}
.container h2{font-size:24px;line-height:1.5;color:#004ea2;}
.container h3 {font-size: 15px;line-height: 1.5;color: #656565;padding:10px;margin:20px 0;border:2px solid #fe8a02;background-color:#FFF;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.container h3 a {font-size: 15px;line-height: 1.5;color: #656565;text-decoration: none;}
.container h3 a:hover {color: #fe8a02;font-weight: bold;}
.container .choose a {color:#333;}
.container .choose a:hover {color:#004ea2;}
.container .choose h4 {color: #fe8a02;line-height:1.5;}
.container .choose img {float: left;margin-right: 10px;margin-top: 5px;}
span.numbers {float: left;color: #ffffff;font-size: 12px;line-height: 12px;padding: 5px 8px;margin: 0 5px 10px 0;font-family: font-family:"Arial", "微軟正黑體", serif;background: #fe8a02;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;}
/* ==========================================================================
瀏覽器升級
========================================================================== */
.browserupgrade {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}
::-moz-selection {background: #3498db;color: #fff;text-shadow: none;}
::selection {background: #004ea2;color: #fff;text-shadow: none;}
/* ==========================================================================
輔助
========================================================================== */
.titlebutton {cursor: pointer;display: inline-block;font-size: 16px;font-weight: 600;line-height: 1.5;float: right;padding: 7px;background:#fe8a02;color: #fff;margin:10px;}
.english{font-family:Arial, Helvetica, sans-serif;}
.whiteword {color: #fff;}
.video-holder iframe {width: 100%;}
.responsive-menu select {display: none;}
.main-bg {background: #004ea2;}
.button-bg {padding: 20px;background: #fe8a02;border-radius: 4px;font-size: 16px;font-weight: bold;display: inline-block;}
.main-color {color: #004ea2;}
.white-color {color: #fff;}
.button-bg {padding: 10px 30px;margin:10px;background: #fe8a02;border-radius: 4px;font-size: 16px;font-weight: bold;display: inline-block;color: #fff;}
.button-bg:hover {cursor: pointer;color: #fff;padding: 15px 35px;margin:10px;}
.button {padding: 20px 40px;border-radius: 4px;font-size: 16px;font-weight: bold;display: inline-block;color: #fff;text-shadow: none;}
.button:hover {cursor: pointer;color: #fff;}
.button.light {padding: 20px 40px;}
.line {width: 120px;height: 2px;margin-top: 10px;}
.button.light {border: 2px solid #eeeeee;}
.padding-large {padding-top: 90px;padding-bottom: 90px;}
.padding-small {padding-top: 30px;padding-bottom: 10px;}
.padding-small2 {padding-top: 10px;padding-bottom: 10px;}
.padding-top-large {padding-top: 90px;}
.margin-top-large {margin-top: 90px;}
.margin-bottom-large {margin-bottom: 90px;}
.margin-top-medium {margin-top: 40px;}
.margin-bottom-medium {margin-bottom: 40px;}
.margin-bottom-small {margin-bottom: 25px;}
.margin-right-small {margin-right: 15px;}
.margin-left-small {margin-left: 15px;}
.mat-none {margin-top: 0;}
.mab-none {margin-bottom: 0;}
.mar-none {margin-right: 0;}
.mal-none {margin-left: 0;}
.hidden {display: none !important;visibility: hidden;}
.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}
.invisible {visibility: hidden;}
/* ========================================================================
1.4 Hover animation by hover.css http://ianlunn.github.io/Hover/
========================================================================== */
@-webkit-keyframes hvr-pulse {25% {-webkit-transform: scale(1.1);transform: scale(1.1);}75% {-webkit-transform: scale(0.9);transform: scale(0.9);}}
@keyframes hvr-pulse {25% {-webkit-transform: scale(1.1);transform: scale(1.1);}75% {-webkit-transform: scale(0.9);transform: scale(0.9);}}
.hvr-pulse {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.hvr-pulse:hover,.hvr-pulse:focus,.hvr-pulse:active {-webkit-animation-name: hvr-pulse;animation-name: hvr-pulse;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
/* Rectangle Out */
.hvr-rectangle-out {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hvr-rectangle-out:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: rgba(52, 152, 219, 0.9);-webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-rectangle-out:hover,.hvr-rectangle-out:focus,.hvr-rectangle-out:active {color: white;}
.hvr-rectangle-out:hover:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:active:before {-webkit-transform: scale(1);transform: scale(1);}
/* Grow */
.hvr-grow {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active {-webkit-transform: scale(1.1);transform: scale(1.1);}
/* ========================================================================
Header
========================================================================== */
header {position: relative;}
header .overlay {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: url(../images/slider-overlay.png) repeat;}
header .carousel,header .item,header .active {height: 100%;}
.carousel-inner {min-height: 500px;height: 100%;}
.fill {width: 100%;height: 100%;background-position: center;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;}
.carousel-indicators li {width: 40px;height: 4px;border: none;border-radius: 0;background: #fff;}
.carousel-indicators .active {width: 40px;height: 5px;background: #004ea2;}
.carousel-caption {top: 50%;}
.carousel-caption h1 {font-size: 46px;line-height:1.5;text-transform: uppercase;font-weight: normal;}
.carousel-control.left,.carousel-control.right {background: none;}
.icon-prev,.icon-next {font-size: 60px !important;}
header .logo-container {position: absolute;top: 30px;left: 40px;z-index: 10;}
/* ========================================================================
Header2
========================================================================== */
.full-width-wrapper {width: 100%;}
.fixed-width-wrapper {width: 1200px;margin: 0 auto;}
.full-width-wrapper, .fixed-width-wrapper, #banner, #slider-wrapper {clear: both;display: table;}
#banner {height: 130px;}
#banner .logo {margin-top: 15px;float: left;}
#banner .top-menu {margin-top: 10px;float: right;}
#banner .top-menu li {display: inline;float: left;}
#banner .top-menu li a {float: left;font-size: 15px;color: #273b8c;text-decoration: none;display: block;padding: 8px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#banner .top-menu li a:hover {color:#fff;background-color:#273b8c;}
#banner .top-menu li a.current {color:#fff;background-color:#273b8c;}
/* ========================================================================
Slider
========================================================================== */
#slider-bg {background:#cfcfcf;height: 320px;margin-top:20px;}
.slider {margin: 0px 10px;position: relative;}
.slider-small {display:none;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;max-height: 320px;}
a.rslides_nav {position: absolute;z-index: 200;top: 45%;}
a.rslides_nav.next {background: #322e39;display: block;padding: 12px;color: #ffffff;font-family: 'WebSymbolsRegular';font-size: 12px;right: 0;}
a.rslides_nav.prev {background: #322e39;display: block;padding: 12px;color: #ffffff;font-family: 'WebSymbolsRegular';font-size: 12px;left: 0;}
ul.rslides_tabs {display:none;}
.caption {position: absolute;bottom: 5%;left: 0%;background: rgba(0,0,0,0.4);margin: 0px;padding: 10px 0px 10px 0px;width: 50%;border-right: 5px solid rgba(255,138,2,0.8);}
.caption h3 {padding: 0px 20px 0px 20px;color: #fff;font-family: "微軟正黑體", "華康中黑體", "新細明體";font-size: 20px;line-height: 30px;}
.caption p {padding: 10px 20px 0px 20px;color: #fff;font-size: 13px;}
.caption p > a {color: #fe8a02;font-size: 13px;text-decoration: none;}
.caption p > a:hover {color: #fff;}
/* ========================================================================
navigation-bar
========================================================================== */
#navigation-bar {}
ul.simple-drop-down-menu {position: relative;z-index: 999;}
ul.simple-drop-down-menu li {float: left;position: relative;}
ul.simple-drop-down-menu li a {display:block;position: relative;color: #fff;font-size:15px;z-index: 10;padding: 15px 10px;}
ul.simple-drop-down-menu li a.parent {padding-right: 13px;position: relative;}
ul.simple-drop-down-menu li:hover {background-color:#fff100;color:#004ea2;font-weight:bold;}
ul.simple-drop-down-menu li.current {background-color:#fff100;}
ul.simple-drop-down-menu li.current a {color:#004ea2;font-weight:bold;}
ul.simple-drop-down-menu li:hover > a {text-decoration: none;background:#fff100;color:#004ea2;}
ul.simple-drop-down-menu ul {width: 200px;position: absolute;top: 100%;left: 0;display: none;}
ul.simple-drop-down-menu ul li {background: #fff100;border-bottom: 1px solid #f2f2f2;border-top: 1px solid #fff;float: none;clear: both;margin-right: 0;font-weight: 400;font-size:15px;}
ul.simple-drop-down-menu ul li:first-child {border-top: none;}
ul.simple-drop-down-menu ul li a {color: #004ea2;}
ul.simple-drop-down-menu li ul li a span {background: url(../images/drop-down-arr.png) no-repeat 0 0;background-position: 0 -9px;}
ul.simple-drop-down-menu ul li:hover {border-left: 5px solid #fe8a02;background: #fff100;color: #004ea2;}
ul.simple-drop-down-menu li ul li:hover {background: #fff100;border-left: 5px solid #fe8a02;}
ul.simple-drop-down-menu ul ul {left: 100%;top: 0;padding-left: 1px;}
ul.simple-drop-down-menu li.fb-button {float: right;padding-left: 20px;}
ul.simple-drop-down-menu li.fb-button a{float: left;padding-left: 20px;background-image: url(../images/facebook.png);background-repeat: no-repeat;background-position: left center;}
/* ========================================================================
腰帶-course, student, teacher, 大按鈕
========================================================================== */
.waistband .col-md-6 {padding: 0;color: #fff;transition: background .5s;}
.waistband-left .overlay {padding-left: 200px;padding-right: 50px;transition: background .5s;}
.waistband-right .overlay {padding-right: 200px;padding-left: 50px;transition: background .5s;}
.waistband .waistband-left {background: url("https://www.tilc.tw/images/left-right/course-left.gif") no-repeat;background-size: cover;}
.waistband .waistband-right {background-size: cover;background-image: url('https://www.tilc.tw/images/left-right/student-right.gif');}
.waistband .overlay:hover {width: 100%;background: rgba(52, 152, 219, 0.9);}
.waistband h3 {text-shadow: 1px 1px 1px #444;font-size: 28px;font-weight: bold;}
.waistband .description {font-weight: lighter;}
.waistband .description a {color: #fff;text-decoration:none;}
/* ========================================================================
Why choose us
========================================================================== */
.why-choose-us .icon {font-size: 35px;height: 80px;width: 80px;line-height: 80px;border: 1px solid #004ea2;display: inline-block;border-radius: 4px;}
.why-choose-us .icon i {color: #004ea2;}
.why-choose-us h4 {margin: 15px 0 20px;color: #000;}
.why-choose-us p {color: #333;}
.why-choose-us .service {padding: 5px;margin-bottom: 50px;cursor: pointer;}
.why-choose-us .service:hover > .icon {background: #004ea2;color: #fff;transition: all .85s;}
.why-choose-us .service:hover > .icon i {color: #fff;transition: all .85s;}
/* ========================================================================
Our Teacher
========================================================================== */
.teacher .teacher-member {border: 1px solid #004ea2;width: 220px;height: 300px;overflow: hidden;}
.teacher .teacher-member:hover > .team-overlay {margin-top: -297px;transition: all .85s;}
.teacher img {width: 100%;}
.teacher .team-overlay {margin-top: 0px;width: 220px;color: #fff;margin-left: -2px;position: relative;}
.teacher .team-overlay .info {height: 240px;padding: 100px 20px 20px 20px;background: rgba(52, 152, 219, 0.9);}
.teacher .team-overlay .learn-more {height: 60px;line-height: 60px;width: 100%;text-align: center;background: #2980b9;position: relative;cursor: pointer;}
.teacher .description {padding: 20px 20px 20px 0 ;}
.teacher .description h4 {text-transform: uppercase;color:#fe8a02;line-height:1.5;}
.teacher .description .about {font-size: 15px;color: #555;}
.teacher .description .about li{background-image: url(../images/list.gif);background-position: 5px 5px;padding-left: 17px;background-repeat: no-repeat;}
.teacher .description .about p{margin-top: 10px;padding-top: 10px;border-top: 1px solid #EAEAEA;}
.teacher .description .about strong{font-size: 15px;color: #000;display: block;margin-top: 20px;margin-bottom: 10px;}
/* ========================================================================
demo
========================================================================== */
#demo {}
/* ========================================================================
signup
========================================================================== */
.signup {padding: 20px;}
.signup .send-icon {height: 80px;width: 80px;margin: 0 auto;background: #004ea2;border-radius: 50%;line-height: 60px;margin-top: -60px;font-size: 26px;position: relative;}
.signup .send-icon a {color:#fff;}
.signup .send-icon a:hover {color:#fff100;}
.signup p {font-size: 20px;font-family:"微軟正黑體", "華康中黑體", "新細明體";}
.signup p a {color:#fff;}
.signup p a:hover {color:#fff100;}
.signup:hover {cursor: pointer;}
.modal .modal-content {box-shadow: none;border-radius: 0;border: 0;position: relative;}
.modal .close {margin: 0;position: absolute;right: 0;top: 0;background: #333;opacity: 1;height: 40px;width: 40px;color: #FFF;font-size: 28px;line-height: 45px;outline: none;z-index: 10;}
.modal .close span {outline: none;}
.modal .modal-body {padding: 40px 60px;}
.modal .member-info {padding: 0;}
.modal input {height: 50px;}
.modal input,.modal textarea {padding: 10px 20px;border-radius: 0;font-size: 18px;}
.modal input:focus,.modal textarea:focus {border-color: #004ea2;box-shadow: none;}
.modal textarea {resize: none;}
.modal .button {width: 100%;border-radius: 0;padding: 15px 60px;}
/* ========================================================================
float align
========================================================================== */
.align-center {text-align: center;}
.alignleft,img.alignleft {display: inline;float: left;margin-right: 15px;margin-top: 3px;}
.alignright,img.alignright {display: inline;float: right;margin-left: 15px;margin-top: 5px;}
.aligncenter,img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
.alignnone,img.alignnone {clear: both;display: block;margin-left: auto;margin-right: auto;margin-top:3px;}
img.alignleft, img.alignright, img.aligncenter,img.alignnone {margin-bottom: 12px;}
/* ========================================================================
2.16 Component: Footer
========================================================================== */
.footer {background: #2e2e2e;}
.footer p {color: #fff;font-size: 15px;margin-bottom:5px;text-align:left;}
.footer li {clear:both; margin:0 0 30px 0 !important; border:0px !important; padding:0 !important; background:transparent !important}
.footer li:hover {cursor: pointer;}
.footer li a {color: #fff;}
.frame{padding:4px; border:solid 1px #ececec; display:block}
.footer p.copyright {text-align:center;}
.back-to-top {position: fixed;right: 20px;bottom: 20px;z-index: 100;background:#004ea2;cursor: pointer;width: 60px;height: 60px;line-height: 60px;text-align: center;border-radius: 4px;color: #fff;-webkit-animation: pulse 1s linear 0s infinite alternate;-moz-animation: pulse 1s linear 0s infinite alternate;-o-animation: pulse 1s linear 0s infinite alternate;animation: pulse 1s linear 0s infinite alternate;}
/* #PRICE TABLE
================================================== */
.pricing-table {border: none;margin: 25px 0px 25px 0px;width: 100%;}
.pricing-table ul {font-family: "微軟正黑體", "華康中黑體", Arial, "新細明體", serif;list-style: none;float: left;width: 100%;margin: 0px;border: 1px solid #dddddd;padding: 5px;text-align: center;background-color: #ffffff;}
.pricing-table ul:hover {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-moz-box-shadow: 3px 5px 7px rgba(0,0,0,.1);-webkit-box-shadow: 3px 5px 7px rgba(0,0,0,.1);box-shadow: 3px 5px 7px rgba(0,0,0,.1);background: #ffffff;}
.pricing-table ul.active {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-moz-box-shadow: 3px 5px 7px rgba(0,0,0,.1);-webkit-box-shadow: 3px 5px 7px rgba(0,0,0,.1);box-shadow: 3px 5px 7px rgba(0,0,0,.1);background: #ffffff;}
.pricing-table ul li {padding: 10px 0;}
.pricing-table ul li:first-child {color: #ffffff;font-size: 20px;line-height:1.5;background: #fe8a02;}
.pricing-table ul li:nth-child(2) {background: #ffffff;color: #322e39;font-size: 16px;border-bottom: 1px solid #dddddd;}
.pricing-table ul li:nth-child(n+3) {background: #ffffff;color: #322e39;font-size: 16px;border-bottom: 1px solid #dddddd;}
.pricing-table ul li:last-child a {color: #ffffff;text-decoration: none;display: block;padding: 10px;margin: 5px auto;background: #7f7f7f;width: 70%;border:none;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
.pricing-table ul li:last-child a:hover {background:#004ea2;}
/*- List -*/
.list { height:47px; color:#373737;   clear:both;  }
.list li { float:left; margin:0; padding:0 10px 0 0; }
.list li a {display:block;float:left;text-align:center;text-decoration:none;color:#373737;padding:10px;}
.list li a:hover {color: #373737;background: #fff;padding:10px; 
border-left: 1px solid #dddddd;border-top: 5px solid #fe8a02;border-right: 1px solid #dddddd;}
.list li a.active {color: #373737;background: #fff;padding:10px; 
border-left: 1px solid #dddddd;border-top: 5px solid #fe8a02;border-right: 1px solid #dddddd;border-bottom: 1px solid #fff;}
/*.list li a.active { color:#373737; background:#f0f0f0; padding:8px 9px; border:1px solid #fe8a02; }*/
div.tabs_list { border:1px solid #dddddd; padding:0; margin:0; }
div.tabs_list ul {list-style:none;text-align:left;padding: 10px;}
div.tabs_list ul li {  padding:0; margin:0;  }
div.tabs_list ul li a {text-decoration: none;color: #dddddd;font-weight: bold;}
/***     9-1 QA    ***/
#qa {background-image: url(../images/Q.gif);line-height: 3em;padding-left: 40px;background-repeat: no-repeat;background-position: left 5px;
font-family: "微軟正黑體", "華康中黑體", "書法家中黑體", Arial, "新細明體";}
#qa a:link {text-decoration: none;}
#qa a:visited {text-decoration: none;}
#qa a:hover {text-decoration: none;color: #004ea2;}
#qa a:active {text-decoration: none}
#aq {background-image: url(../images/A.gif);padding-left: 40px;background-repeat: no-repeat;padding-top: 5px;margin-bottom: 5px;}	
/***     psyche    ***/
.psyche{background-image: url(../images/psyche/psyche-top.jpg);margin-left:auto;margin-right:auto;width:900px;height: 600px;padding-top: 200px;padding-left: 200px;}
/***     table    ***/
.responsive-table {width: 100%;margin-bottom: 1.5em;}
.responsive-table thead {position: absolute;clip: rect(1px 1px 1px 1px);/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);padding: 0;border: 0;height: 1px;width: 1px;overflow: hidden;}
.responsive-table thead th {background-color: #666666;border: 1px solid #666666;font-weight: normal;text-align: left;color: white;}
.responsive-table thead th:first-of-type {text-align: left;}
.responsive-table tbody,.responsive-table tr,.responsive-table th,.responsive-table td {display: block;padding: 0;text-align: left;white-space: normal;}
.responsive-table th,.responsive-table td {padding: .5em;vertical-align: middle;}
.responsive-table caption {margin-bottom: .5em;font-size: 1em;font-weight: bold;text-align: center;}
.responsive-table tfoot {font-size: 1em;}
.responsive-table tbody tr {margin-bottom: 1em;border: 2px solid #666666;}
.responsive-table tbody tr:last-of-type {margin-bottom: 0;}
.responsive-table tbody th[scope="row"] {background-color: #666666;color: white;border-bottom: 1px solid #666666;}
.responsive-table tbody td[data-type=currency] {text-align: right;}
.responsive-table tbody td[data-title]:before {content: attr(data-title);float: left;font-size: 1em;color:#fe8a02;}
.responsive-table tbody td {text-align: right;border-bottom: 1px solid #666666;}
@media (min-width: 75em) {.responsive-table th,.responsive-table td {padding: .75em;}}
@media (min-width: 62em) {.responsive-table {font-size: 1em;}
.responsive-table th,.responsive-table td {padding: .75em .5em;}
.responsive-table tfoot {font-size: 1em;}
}
@media (min-width: 52em) {.responsive-table {font-size: .9em;}
.responsive-table thead {position: relative;clip: auto;height: auto;width: auto;overflow: auto;}
.responsive-table tr {display: table-row;}
.responsive-table th,.responsive-table td {display: table-cell;padding: .5em;}
.responsive-table caption {font-size: 1.2em;}
.responsive-table tbody {display: table-row-group;}
.responsive-table tbody tr {display: table-row;border-width: 1px;}
.responsive-table tbody tr:nth-of-type(even) {background-color: rgba(94, 93, 82, 0.1);}
.responsive-table tbody th[scope="row"] {background-color: transparent;color: #5e5d52;text-align: left;}
.responsive-table tbody td {text-align: left;}
.responsive-table tbody td[data-title]:before {content: none;}
}
/*側邊欄Social*/
.social {position: fixed;display:block;right:-250px;top: 35%;z-index: 99999;}
.social ul {padding: 0px;-webkit-transform: translate(-270px, 0);-moz-transform: translate(-270px, 0);-ms-transform: translate(-270px, 0);-o-transform: translate(-270px, 0);transform: translate(0, 0);}
.social ul li {display: block;margin: 5px;background: rgba(0, 0, 0, 0.2);width: 300px;text-align: left;padding: 10px;-webkit-border-radius: 30px 0 0 30px;-moz-border-radius: 30px 0 0 30px;border-radius: 30px 0 0 30px;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.social ul li:hover {-webkit-transform: translate(-100px, 0);-moz-transform: translate(-100px, 0);-ms-transform: translate(-100px, 0);-o-transform: translate(-100px, 0);transform: translate(-100px, 0);background: rgba(0, 0, 0, 0.5);}
.social ul li#social-line:hover {background: #11b71f;}
.social ul li#social-fb:hover {background: #016beb;}
.social ul li#social-signup:hover {background: #fe8a01;}
.social ul li:hover a {color: #fff;}
.social ul li:hover i {color: #fff;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.social ul li i {padding: 5px 5px 5px 6px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;width: 40px;height: 40px;font-size: 30px;background: #ffffff;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.social ul li a{color: #fff;font-size:20px;line-height:1.5;font-family:"微軟正黑體", Arial, sans-serif;text-decoration:none;}
/**/
.tag_new_menu > a:after {content: '';display: block;position: absolute;left: 0;top: 0;width: 50px;height: 40px;background-image: url('../images/tag-newmenu.svg');background-size: contain;background-repeat: no-repeat;}