@charset "UTF-8";
/* 不改變文字單位 */
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 8/9. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address variable `h1` font size within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; }

/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/* html { font-size: 62.5%; @include rem(line-height, 24px);} */
body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; -webkit-text-size-adjust: none; text-rendering: optimizeLegibility; color: #444; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 400; color: black; }

h1, h2, h3, h4, h5, h6, th { color: #444; font-family: "微軟正黑體", "Microsoft Jhenghei", sans-serif; }

h1 { font-size: 2em; line-height: 1.125em; margin-bottom: 1.5em; }

h2 { font-size: 1.125em; line-height: 1.3333333333em; margin-bottom: 1.5em; }

h3 { font-size: 1.0625em; line-height: 1.4117647059em; margin-bottom: 1.5em; }

h4 { font-size: 0.9375em; line-height: 1.6em; font-weight: bold; color: #555; margin-bottom: 1em; }

h5 { font-size: 0.875em; line-height: 1.7142857143em; font-weight: bold; color: #777; margin-bottom: 1em; }

p, li, td, th { font-family: Tahoma, Geneva, "微軟正黑體", "新細明體", sans-serif; font-size: 0.875em; line-height: 1.6285714286em; margin-bottom: 1.5em; }

a { color: #444; text-decoration: none; }
a:hover { color: #666; }
a:hover, a:focus { text-decoration: underline; }

ul { line-height: 1; }
ul li:last-child { margin-bottom: 0; }

li { margin-bottom: 0.375em; }

/*     mixins     */
table { width: 100%; margin: 0 auto 20px auto; -moz-box-shadow: 0px 0px 2px #bbb; -webkit-box-shadow: 0px 0px 2px #bbb; box-shadow: 0px 0px 2px #bbb; border-top: #fff 1px solid; border-left: #fff 1px solid; }
table th, table td { padding: 5px 15px; border-right: #fff 1px solid; border-bottom: #fff 1px solid; }
table thead tr th { color: #fff; background-color: #b60000; }
table thead tr td { font-weight: bold; background-color: #19a8ff; }
table tbody tr th { background-color: #b3b3b3; }

table.left_style, table.en { margin: 0 auto 20px auto; border-top: #fff 1px solid; border-left: #fff 1px solid; }
table.left_style th, table.en th, table.left_style td, table.en td { padding: 5px 15px; border-right: #fff 1px solid; border-bottom: #fff 1px solid; }
table.left_style th, table.en th { color: #fff; background-color: #b60000; }

table.en th, table.en td { font-size: 0.625em; line-height: 1.44em; }

tr:nth-child(even) { background: #e6e6e6; }

/*     Layout     */
/* 480 / 16 = 30 */
/* 481 / 16 = 30.01 - 720 / 16 = 45 */
/* 720 / 16 = 45 */
.container { width: 960px; margin-left: auto; margin-right: auto; }
.container:after { content: " "; display: block; clear: both; }

body { background: url(../images/bg_img.jpg) repeat center 0px; }

.row { *zoom: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.row:after { content: ""; display: table; clear: both; }

header { height: 160px; background: url(../images/head_bg_img.png) repeat-x 0px 0px; }
header .header_content { width: 960px; position: relative; margin: 0 auto; }
header .logo { width: 340px; height: 115px; white-space: nowrap; text-indent: 150%; overflow: hidden; background: url(../images/Logo-1.png) no-repeat 0px 0px; }
header .logo a { width: 340px; height: 115px; display: block; }
header .language { top: 15px; left: 545px; position: absolute; z-index: 10; font-size: 0.875em; line-height: 1.6285714286em; }
header .language a { color: #b60000; }
header .search { top: 13px; left: 770px; position: absolute; z-index: 10; }
header .search .form-control { width: 130px; font-size: 12px; height: 21px; padding: 2px 5px; }
header .search .btn { font-size: 12px; color: #666; padding: 4px 5px; }
header .search input, header .search button { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }

nav.main, nav.main_Eng { width: 960px; height: 38px; *zoom: 1; position: absolute; z-index: 10; top: 113px; background: url(../images/NAV_img-1.png) no-repeat 0px 0px; }
nav.main:after, nav.main_Eng:after { content: ""; display: table; clear: both; }
nav.main ul.nav, nav.main_Eng ul.nav { padding: 0; margin: 0; }
nav.main ul.nav li, nav.main_Eng ul.nav li { margin-bottom: 0; }

nav.main ul.nav li.menu_0 a.dropdown-toggle:hover, nav.main_Eng ul.nav li.menu_0 a.dropdown-toggle:hover { width: 120px; height: 46px; background: url(../images/NAV_img-1.png) no-repeat 0px -46px; }
nav.main ul.nav li.menu_1 a.dropdown-toggle:hover, nav.main_Eng ul.nav li.menu_1 a.dropdown-toggle:hover { width: 120px; height: 46px; background: url(../images/NAV_img-1.png) no-repeat -120px -46px; }
nav.main ul.nav li.menu_2 a.dropdown-toggle:hover, nav.main_Eng ul.nav li.menu_2 a.dropdown-toggle:hover { width: 120px; height: 46px; background: url(../images/NAV_img-1.png) no-repeat -240px -46px; }
nav.main ul.nav li.menu_3 a.dropdown-toggle:hover, nav.main_Eng ul.nav li.menu_3 a.dropdown-toggle:hover { width: 120px; height: 46px; background: url(../images/NAV_img-1.png) no-repeat -360px -46px; }
nav.main ul.nav li.menu_4 a.dropdown-toggle:hover, nav.main_Eng ul.nav li.menu_4 a.dropdown-toggle:hover { width: 120px; height: 46px; background: url(../images/NAV_img-1.png) no-repeat -480px -46px; }
nav.main ul.nav li.menu_5 a.dropdown-toggle:hover, nav.main_Eng ul.nav li.menu_5 a.dropdown-toggle:hover { width: 120px; height: 46px; background: url(../images/NAV_img-1.png) no-repeat -600px -46px; }
nav.main ul.nav li.menu_6 a.dropdown-toggle:hover, nav.main_Eng ul.nav li.menu_6 a.dropdown-toggle:hover { width: 120px; height: 46px; background: url(../images/NAV_img-1.png) no-repeat -720px -46px; }
nav.main ul.nav li.menu_7 a.dropdown-toggle:hover, nav.main_Eng ul.nav li.menu_7 a.dropdown-toggle:hover { width: 120px; height: 46px; background: url(../images/NAV_img-1.png) no-repeat -840px -46px; }


nav.main ul.nav li.menu_0 a.dropdown-toggle:hover, nav.main_Eng ul.nav li.menu_0 a.dropdown-toggle:hover { width: 120px; height: 46px; }
nav.main ul.nav li.menu_1 a.dropdown-toggle:hover, nav.main_Eng ul.nav li.menu_1 a.dropdown-toggle:hover { width: 120px; height: 46px; }
nav.main ul.nav li.menu_2 a.dropdown-toggle:hover, nav.main_Eng ul.nav li.menu_2 a.dropdown-toggle:hover { width: 120px; height: 46px; }
nav.main ul.nav li.menu_3 a.dropdown-toggle:hover, nav.main_Eng ul.nav li.menu_3 a.dropdown-toggle:hover { width: 120px; height: 46px; }
nav.main ul.nav li.menu_4 a.dropdown-toggle:hover, nav.main_Eng ul.nav li.menu_4 a.dropdown-toggle:hover { width: 120px; height: 46px; }
nav.main ul.nav li.menu_5 a.dropdown-toggle:hover, nav.main_Eng ul.nav li.menu_5 a.dropdown-toggle:hover { width: 120px; height: 46px; }
nav.main ul.nav li.menu_6 a.dropdown-toggle:hover, nav.main_Eng ul.nav li.menu_6 a.dropdown-toggle:hover { width: 120px; height: 46px; }
nav.main ul.nav li.menu_7 a.dropdown-toggle:hover, nav.main_Eng ul.nav li.menu_7 a.dropdown-toggle:hover { width: 120px; height: 46px; }

/*
nav.main a.dropdown-toggle, nav.main_Eng a.dropdown-toggle { white-space: nowrap; text-indent: 150%; overflow: hidden; }
nav.main li.dropdown, nav.main_Eng li.dropdown { width: 120px; float: left; text-align: center; list-style-type: none; }
nav.main li.dropdown a, nav.main_Eng li.dropdown a { width: 120px; height: 38px; display: block; }
nav.main ul.dropdown-menu, nav.main_Eng ul.dropdown-menu { padding: 7px 10px; top: 38px; }
nav.main ul.dropdown-menu li, nav.main_Eng ul.dropdown-menu li { border-bottom: #cccccc 1px dashed; }
nav.main ul.dropdown-menu li a, nav.main_Eng ul.dropdown-menu li a { width: auto; height: auto; font-size: 1.125em; line-height: 2em; text-decoration: none; }
nav.main ul.dropdown-menu li:last-child, nav.main_Eng ul.dropdown-menu li:last-child { border-bottom: 0px none; }
nav.main .dropdown-menu > li > a:hover, nav.main_Eng .dropdown-menu > li > a:hover, nav.main .dropdown-menu > li > a:focus, nav.main_Eng .dropdown-menu > li > a:focus { color: #fff; background-color: #a6a6a6; text-decoration: none; }
*/
nav.main_Eng { background: url(../images/NAV_img_ENG.png) no-repeat 0px 0px; }
nav.main_Eng ul.nav li.menu_0 a.dropdown-toggle:hover { width: 120px; height: 46px; background: url(../images/NAV_img_ENG.png) no-repeat 0px -46px; }
nav.main_Eng ul.nav li.menu_1 a.dropdown-toggle:hover { width: 120px; height: 46px; background: url(../images/NAV_img_ENG.png) no-repeat -120px -46px; }
nav.main_Eng ul.nav li.menu_2 a.dropdown-toggle:hover { width: 120px; height: 46px; background: url(../images/NAV_img_ENG.png) no-repeat -240px -46px; }
nav.main_Eng ul.nav li.menu_3 a.dropdown-toggle:hover { width: 120px; height: 46px; background: url(../images/NAV_img_ENG.png) no-repeat -360px -46px; }
nav.main_Eng ul.nav li.menu_4 a.dropdown-toggle:hover { width: 120px; height: 46px; background: url(../images/NAV_img_ENG.png) no-repeat -480px -46px; }
nav.main_Eng ul.nav li.menu_5 a.dropdown-toggle:hover { width: 120px; height: 46px; background: url(../images/NAV_img_ENG.png) no-repeat -600px -46px; }
nav.main_Eng ul.nav li.menu_6 a.dropdown-toggle:hover { width: 120px; height: 46px; background: url(../images/NAV_img_ENG.png) no-repeat -720px -46px; }
nav.main_Eng ul.nav li.menu_7 a.dropdown-toggle:hover { width: 120px; height: 46px; background: url(../images/NAV_img_ENG.png) no-repeat -840px -46px; }

footer { padding: 15px 0; margin-top: 10px; background-color: #b60000; /* @include box-shadow( 0px 0px 3px #000); */ }
footer .foot_content { width: 960px; margin: 0 auto; *zoom: 1; }
footer .foot_content:after { content: ""; display: table; clear: both; }
footer ul { padding: 0; margin: 0; }
footer li { font-size: 0.75em; line-height: 1.6em; color: #FFF; margin-bottom: 0; list-style-type: none; }
footer .foot_left_box { float: left; }
footer .foot_right_box { float: right; }

/* ------------- 圖片 ------------- */
.gallery img { margin-bottom: 15px; }
@media (max-width: 30em) { .gallery img { width: 299.2px; float: left; }
  .gallery img:nth-child(1n + 1) { margin-left: 10px; margin-right: -100%; clear: both; } }
@media (min-width: 30.01em) and (max-width: 45em) { .gallery img { width: 140px; float: left; }
  .gallery img:nth-child(3n + 1) { margin-left: 10px; margin-right: -100%; clear: both; }
  .gallery img:nth-child(3n + 2) { margin-left: 170px; margin-right: -100%; clear: none; }
  .gallery img:nth-child(3n + 3) { margin-left: 330px; margin-right: -100%; clear: none; } }
@media (min-width: 45em) { .gallery img { width: 140px; float: left; }
  .gallery img:nth-child(6n + 1) { margin-left: 10px; margin-right: -100%; clear: both; }
  .gallery img:nth-child(6n + 2) { margin-left: 170px; margin-right: -100%; clear: none; }
  .gallery img:nth-child(6n + 3) { margin-left: 330px; margin-right: -100%; clear: none; }
  .gallery img:nth-child(6n + 4) { margin-left: 490px; margin-right: -100%; clear: none; }
  .gallery img:nth-child(6n + 5) { margin-left: 650px; margin-right: -100%; clear: none; }
  .gallery img:nth-child(6n + 6) { margin-left: 810.0px; margin-right: -100%; clear: none; } }

#NEWS_content_box { float: left; width: 58.5%; margin-right: 1.5%; }

#HORNER_content_box { float: left; width: 40%; }

.aside_color_1 { color: #a62f0f; background: url(../images/font_img-1.png) no-repeat left 7px; }

.aside_color_2 { color: #01888e; background: url(../images/font_img-2.png) no-repeat left 7px; }

.color_1 { color: #b60000; background: url(../images/font_img.png) no-repeat left 7px; }
.color_1 .small a { color: #b60000; }

.color_2 { color: #df8e01; background: url(../images/font_img-3.png) no-repeat left 7px; }

/*--------------------------------------------------------------------------------*/
img { /* @include box-shadow(1px 1px 2px #999);  */ -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }

img.none { /* @include box-shadow(0px 0px 0px #fff); */ -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }

.button_box h4 { text-align: center; padding: 5px 0; margin: 10px 0; border-top: #b60000 1px solid; border-bottom: #b60000 1px solid; }
.button_box a { color: #fff; padding: 8px 15px; margin-bottom: 10px; display: inline-block; background-color: #b60000; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-decoration: none; }
.button_box a:hover { -moz-transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); display: inline-block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; }
.button_box a.top { width: 95%; margin: 15px auto; text-align: center; }.button_box a.top:hover { width: 95%; }
.button_box a.center { text-align: center; }

.center { width: 100%; text-align: center; }
.center a { text-align: center; }

.form_box { margin-bottom: 20px; }
.form_box .input-group { margin-bottom: 10px; }
.form_box input[type="text"].height { width: 515px; height: 24px; }
.form_box i { color: #666; }
.form_box button.btn { border-top: #ccc 1px solid; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; }

.photos_box_list ul { padding: 0; margin: 0; *zoom: 1; }
.photos_box_list ul:after { content: ""; display: table; clear: both; }
.photos_box_list li { float: left; width: 19%; margin-right: 5px; list-style-type: none; }
.photos_box_list img { width: 100%; }

/*-------------------------index------------------------*/
.content_index, .content_page, .content_page_Full { float: left; width: 75%; }
.content_index h3, .content_page h3, .content_page_Full h3 { /* color: $main_color; */ font-weight: bold; padding-left: 15px; margin-bottom: 3px; /* background: url(../images/font_img.png)no-repeat left 7px; */ }
.content_index .small, .content_page .small, .content_page_Full .small { padding-left: 0px; font-size: 0.75em; line-height: 2em; display: inline; text-align: right; }

/*-----#NEWS---------*/
#NEWS, #People_page_box { margin-bottom: 20px; }
#NEWS li, #People_page_box li { margin-bottom: 0; list-style-type: none; }
#NEWS h4, #People_page_box h4 { /* @include adjust-font-size-to(18px, 1); */ line-height: 1.1; margin-bottom: 7px; }
#NEWS p, #People_page_box p { font-size: 1em; line-height: 1.5em; margin: 0; }
#NEWS .ui-tabs-panel, #NEWS #tab1, #People_page_box #tab1, #NEWS #tab2, #People_page_box #tab2, #NEWS #tab3, #People_page_box #tab3, #NEWS #tab4, #People_page_box #tab4, #NEWS #tab5, #People_page_box #tab5, #NEWS #tab6, #People_page_box #tab6, #NEWS #tab7, #People_page_box #tab7, #NEWS #tab8, #People_page_box #tab8, #NEWS #tab9, #People_page_box #tab9, #NEWS #tab10, #People_page_box #tab10 {background-color: #fff; }

/*-----#HORNER---------*/
#HORNER { /* float:left; */ width: 100%; }
#HORNER p { margin: 0; }

.HORNER_box { padding: 6px 10px 0 10px; background-color: #fff; border: #e3e3e3 1px solid; }

.horner_content { /* width: 49%; */ float: left; padding-bottom: 12.7px; margin: 0 5px 9px 0; border-bottom: #e3e3e3 1px dashed; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { .horner_content { padding-bottom: 13px; } }
.horner_content img { float: left; /* border:1px solid #adadad; */ margin-right: 5px; }

.horner_content h5 { color: #df8e01; line-height: 1.3em; font-weight: bold; padding: 3px 0; margin-bottom: 0px; }

.horner_content p { font-size: 0.75em; line-height: 1.4em; padding-left: 3px; }

.horner_content p > a { color: #df8e01; text-decoration: none; }

.horner_content p > a:hover { color: #df8e01; text-decoration: underline; }

.HORNER_button { *zoom: 1; font-size: 0.6875em; line-height: 2.1818181818em; }
.HORNER_button:after { content: ""; display: table; clear: both; }
.HORNER_button a { float: left; width: 49.7%; color: #fff; padding: 0px 0; display: block; text-align: center; background-color: #ac6e01; border-right: #fff 1px solid; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px; border-radius: 5px 5px 0px 0px; /* @include box-shadow(0px 1px 3px #333 inset); */ }
.HORNER_button a:hover { text-decoration: none; background-color: #df8e01; }
.HORNER_button a:last-child { border-right: none 0px; }

/*-------------------------page------------------------*/
/*-----#path---------*/
#path { padding: 2px 8px; margin: 15px 0; background-color: #f2f2f2; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#path ul { padding: 0; margin: 0; }
#path li { margin-right: 15px; margin-bottom: 0; display: inline-block; list-style-type: none; }
#path li a { color: #666; }
#path li a:hover { color: #b60000; text-decoration: none; }
#path li.hover a { color: #b60000; }

/*-----content_page---------*/
.content_page_Full { width: 960px; }

article.page { padding: 20px; margin-bottom: 20px; background-color: white; border: #cccccc 1px solid; *zoom: 1; }
article.page:after { content: ""; display: table; clear: both; }
article.page a { text-decoration: underline; }
article.page a.none { text-decoration: none; }
article.page .button_box a { text-decoration: none; }
article.page h4 + p { margin-top: 0; }
article.page a + h4, article.page ul + h4 { margin-top: 20px; }
article.page p:first-child { margin-top: 0; }

/*-----.photos_box 系所簡介_活動剪影---------*/
.activity_photos_box ul { padding: 0; margin: 0; }
.activity_photos_box li { *zoom: 1; margin-bottom: 20px; list-style-type: none; /* @include box-shadow(0px 1px 2px lighten($minor_color, 10%)); */ }
.activity_photos_box li:after { content: ""; display: table; clear: both; }
.activity_photos_box img { float: left; margin-right: 15px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.activity_photos_box .text { padding: 5px; display: block; overflow: hidden; }
.activity_photos_box p { margin: 0; }
.activity_photos_box a { width: 100%; *zoom: 1; display: block; color: #444; background-color: #e6e6e6; }
.activity_photos_box a:after { content: ""; display: table; clear: both; }
.activity_photos_box a:hover { background-color: #f2f2f2; text-decoration: none; }

/*-----.photos_box_content 系所簡介_活動剪影---------*/
.photos_box_content { *zoom: 1; margin-bottom: 30px; }
.photos_box_content:after { content: ""; display: table; clear: both; }
.photos_box_content img { float: left; }
.photos_box_content ul { overflow: hidden; padding-left: 30px; }
.photos_box_content li { list-style-type: none; }
.photos_box_content strong { color: #b60000; }

.history_photos_box { *zoom: 1; background: #f2f2f2; /* @include box-shadow(0px 1px 2px lighten($minor_color, 10%)); */ }
.history_photos_box:after { content: ""; display: table; clear: both; }
.history_photos_box img { float: left; margin-right: 15px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.history_photos_box .text { padding: 5px; display: block; overflow: hidden; }
.history_photos_box p { margin: 0; }
.history_photos_box p.small { color: #777; font-size: 0.75em; line-height: 1.9em; }

/*-----Course 課程資訊---------*/
.course_box { padding-bottom: 20px; margin-bottom: 20px; border-bottom: #cccccc 1px dashed; }

.course_box:last-child { border-bottom: 0px none; padding-bottom: 0; }

.course_information_box ul { padding: 0; margin: 0; }
.course_information_box li { font-size: 1.0625em; line-height: 1.4117647059em; display: block; list-style-type: none; background-color: #e5f5ff; }
.course_information_box a { padding: 7px 10px; display: block; }

h4.panel-title { display: block; }
h4.panel-title a { display: block; padding: 10px 15px; }
h4.panel-title a:hover { color: #666; }

/*-----HR 榮譽成就---------*/
.HR_box { margin-bottom: 30px; }

/*-----People 電機成員---------*/
.people_top_content { *zoom: 1; margin-bottom: 20px; }
.people_top_content:after { content: ""; display: table; clear: both; }
.people_top_content .people_left, .people_top_content .people_right { float: left; width: 55%; margin-right: 4%; }
.people_top_content .people_left h4, .people_top_content .people_right h4 { color: #b60000; }
.people_top_content .people_left .block, .people_top_content .people_right .block { border-left: #006fb2 5px solid; padding-left: 5px; margin-right: 5px; }
.people_top_content .people_left ul, .people_top_content .people_right ul { padding-bottom: 15px; border-bottom: #cccccc 1px dashed; }
.people_top_content .people_left li, .people_top_content .people_right li { margin-bottom: 0; }
.people_top_content .people_left li span, .people_top_content .people_right li span { color: #fff; padding: 0 8px; background-color: #b60000; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.people_top_content .people_left ul.background, .people_top_content .people_right ul.background { padding-left: 30px; }
.people_top_content .people_left ul.background li, .people_top_content .people_right ul.background li { list-style-type: none; }
.people_top_content .people_left a, .people_top_content .people_right a { color: #444; }
.people_top_content .people_right { width: 40%; margin-right: 0; }
.people_top_content .people_right img { width: 90%; }

#People_page_box .p_content { padding: 15px; }
#People_page_box h4 { font-size: 1.125em; line-height: 1.3333333333em; }
#People_page_box p { font-size: 1em; line-height: 1.5em; margin: 0 0 10px 0; }
#People_page_box hr { padding: 0; margin: 20px 0; border-bottom: #cccccc 1px dashed; border-top: 0px none; border-left: 0px none; border-right: 0px none; }
#People_page_box table { width: 98%; margin: 10px 1%; }

.people_list_box { /* h5 { @extend h4; margin-bottom: 0; } */ }
.people_list_box + .people_list_box >h4 {padding-top:10px;}
.people_list_box h4 + table { margin-top: 13px; }
.people_list_box ul { padding: 0; *zoom: 1; }
.people_list_box ul:after { content: ""; display: table; clear: both; }
.people_list_box li { list-style-type: none; *zoom: 1; }
.people_list_box li:after { content: ""; display: table; clear: both; }
.people_list_box ul.usually li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: #cccccc 1px dashed; }
.people_list_box ul.usually li img.fl { float: left; margin: 0 15px; }
.people_list_box ul.usually li:last-child { padding-bottom: 0; border-bottom: 0px none; }
.people_list_box ul.pic li { float: left; width: 90px; min-height: 155px;  max-height: 155px; margin-right: 3.4%; margin-bottom: 15px; }
.people_list_box ul.pic li h5 { text-align: center; }
.people_list_box ul.pic li img { width: 100%; height: 105px; }
.people_list_box ul.pic li:nth-child(6n) { margin-right: 0%; }
.people_list_box .text { overflow: hidden; }
.people_list_box h4 { color: #b60000; margin-bottom: 5px; }
.people_list_box h4 a { color: #b60000; }
.people_list_box h4 .small { font-size: 0.8125em; line-height: 1.8461538462em; color: #444; }
.people_list_box p { margin: 0 0 1px 0; }
.people_list_box p span.big { font-size: 1.0625em; line-height: 1.4117647059em; margin-right: 8px; }

/*-----Research 研究概況---------*/
.Research_box_text { width: 380px; margin-left: 50px; margin-bottom: 20px; display: table; border: #b60000 1px solid; }
.Research_box_text h4 { width: 180px; color: #fff; padding: 10px; display: table-cell; vertical-align: middle; background-color: #b60000; }
.Research_box_text ul { padding-top: 10px; padding-bottom: 10px; padding-right: 10px; overflow: hidden; display: table-cell; }

/*-----Resources 相關資源---------*/
.Resources_box { width: 48%; float: left; margin-right: 2%; margin-bottom: 20px; }
.Resources_box ul { padding-left: 20px; }

/*---------關於我們---------*/
.CU_box_img { text-align: center; margin: 0 auto 20px auto; }

.CU_box { width: 49%; display: inline-block; vertical-align: top; }

/*---------網站地圖---------*/
.sitemap_box { width: 19%; padding: 2%; min-height: 205px; float: left; margin-right: 2%; margin-bottom: 30px; /* background-color: lighten($minor_color, 35%); @include border-radius(2px); */ }
.sitemap_box h4 { color: #b60000; margin-bottom: .5em; }
.sitemap_box ul { margin-top: 0; margin-bottom: 0; padding-left: 20px; }
.sitemap_box h4 a { color: #b60000; }

/*-------------------------電機所------------------------*/
/*---------研究法展_各組簡介---------*/
.groups_box { *zoom: 1; margin-bottom: 15px; }
.groups_box:after { content: ""; display: table; clear: both; }
.groups_box img { float: left; margin-right: 10px; }
.groups_box .text { overflow: hidden; }
.groups_box .text ul { padding-left: 20px; }

/*---------招生資訊_招生資訊---------*/
.admissions_box { padding-bottom: 10px; margin-bottom: 20px; border-bottom: #999 1px dashed; }
.admissions_box div { *zoom: 1; margin-bottom: 20px; }
.admissions_box div:after { content: ""; display: table; clear: both; }
.admissions_box img { float: left; margin-right: 10px; }
.admissions_box .text { overflow: hidden; }

/*---------表格下載---------*/
.t_download_box { width: 32%; float: left; margin-right: 2%; }
.t_download_box ul { padding: 10px 0 15px 23px; margin-bottom: 20px; border-top: #7fcfff 1px solid; border-left: #7fcfff 1px solid; border-right: #7fcfff 2px solid; border-bottom: #7fcfff 3px solid; background-color: #b2e2ff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.t_download_box h4 { border-bottom: #b60000 3px solid; padding-bottom: 10px; }

.t_download_box:nth-child(3n) { margin-right: 0; }

/*-------------------------index------------------------*/
aside.index { float: left; width: 23%; margin-right: 1.5%; /* .date_box:before { width: 220px; height: 25px; top: -11px; left: -2px; background: url(../images/CALENDAR_top_img.png)no-repeat 0px 0px; content: ""; position: absolute; z-index: 10; } */ }
aside.index h3 { /* color: $main_color; */ font-weight: bold; padding-left: 15px; margin-bottom: 3px; /* background: url(../images/font_img.png)no-repeat left 7px; */ }
aside.index .date_box { padding: 0; margin-bottom: 10px; /* background-color:#fff; */ /* border: lighten($minor_color, 20%) 1px solid; */ position: relative; }
aside.index .date_box ul { width: 90%;  padding: 10px 5%; margin: 0px auto; border: 1px solid #e3e3e3; background-color: #fff; }
aside.index .date_box li { color: #b60000; padding-left: 15px; padding-bottom: 10px; border-bottom: #999 1px dashed; list-style-type: none; background: url(../images/calendar_li-1.png) no-repeat left 8px; }
aside.index .date_box li:last-child { padding-bottom: 0; border-bottom: none 0px; }
aside.index .date_box li span { font-size: 0.75em; line-height: 0em; }
aside.index .date_box li p { padding: 0; margin: 0; line-height: 1.3; }
aside.index .date_box a { color: #666; }
aside.index .date_box a:hover { color: #b60000; text-decoration: none; }
aside.index .left_banner_box {  margin-bottom: 10px; }
aside.index .left_banner_box ul { padding: 0; margin: 0; }
aside.index .left_banner_box li { list-style-type: none; margin-bottom: 0; }

/*-------------------------page------------------------*/
aside.page { float: left; width: 23%; margin-right: 1.5%; background-color: #e6e6e6; border: #cccccc 1px solid; }
aside.page h4 { color: #fff; padding: 10px 15px; margin-bottom: 0; position: relative; background-color: #b60000; }
aside.page h4:before { content: ""; position: absolute; z-index: 10; top: 17px; left: 0; width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #fff; border-bottom: 5px solid transparent; }
aside.page ul { padding: 0 10px; margin: 8px 0; }
aside.page li { margin-bottom: 0; /* @include adjust-font-size-to(16px); */ border-bottom: #949494 1px dashed; list-style-type: none; }
aside.page li a { color: #444; padding: 8px 10px; display: block; }
aside.page li a:hover { color: #fff; background-color: #a6a6a6; text-decoration: none; }
aside.page li ul { margin-top: 0; }
aside.page li ul li { font-size: 0.875em; line-height: 1.2857142857em; border-bottom: 0px none; }
aside.page li ul li a { color: #444; background-color: #e6e6e6; }
aside.page li:last-child { border-bottom: 0px none; }
aside.page li.active a { color: #fff; background-color: #858585; }

/*-----#SLIDER---------*/
#SLIDER { position: relative; width: 960px; margin: 20px auto 15px auto; }

#SLIDER:before { width: 960px; height: 9px; content: ""; position: absolute; z-index: 10; top: 239px; left: 0px; /* background: url(../images/SLIDER_bottom_img.png)no-repeat 0px 0px; */ }

#SLIDER_SHOW { width: 960px; height: 240px; overflow: hidden; position: relative; }

#SLIDER_BOX { position: absolute; top: 0; left: 0; }

#SLIDER_BOX { width: 9600px; }

#SLIDER_BOX ul { padding: 0; margin: 0; }

#SLIDER_BOX li { float: left; list-style-type: none; }

#PREV { position: absolute; top: 190px; left: 0px; }

#NEXT { position: absolute; top: 190px; left: 917px; }

/*-----tabs---------*/
.ui-state-default { background-color: #eee; /* border-left: $main_color 1px solid; border-right: $main_color 1px solid; */ /* @include border-radius( 5px); */ }
.ui-state-default a { color: #444; }

.ui-tabs-active { background-color: #b60000; }
.ui-tabs-active a { color: #fff; }

.ui-helper-hidden { display: none; }

.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 90%; list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; }

.ui-helper-clearfix:after { clear: both; }

.ui-helper-clearfix { min-height: 0; /* support: IE7 */ }

.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }

.ui-front { z-index: 100; }

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; }

.ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ /*	padding: .2em;*/ }

.ui-tabs .ui-tabs-nav { width: 99.5%; margin: 0; padding: 5px 0; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; border-bottom: 1px dashed #ddd; background-color: #fff; }

.ui-tabs .ui-tabs-nav li { font-size: 0.9em; list-style: none; float: left; position: relative; top: 0; border-bottom-width: 0; white-space: nowrap; margin-left: 3px; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 3px 10px; text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; /*	padding-bottom: 1px;*/ }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; }

.ui-tabs .ui-tabs-panel { display: block; padding:15px; background: none; font-size: 0.85em; width: 99.5%; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; /* margin-top:-1px; */ width:883px;}

.ui-tabs .ui-tabs-panel ul { margin: 0; padding: 0; }

.ui-tabs .ui-tabs-panel li { border-bottom:none; padding: 6px 10px 6px 10px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { .ui-tabs .ui-tabs-panel li { padding: 6px 10px 6px 10px; margin:0 0 0 50px; } }
.ui-tabs .ui-tabs-panel li:last-child { border-bottom: 0px none; /* padding-bottom: 20px; */ }

.ui-tabs .ui-tabs-panel li:nth-child(odd) { background-color: #fff; }

.ui-tabs .ui-tabs-panel li:nth-child(2n) { background-color: #fff; }

.ui-tabs .ui-tabs-panel li p, .ui-tabs .ui-tabs-panel li p a { padding-left: 3px; text-decoration: none; color: #666; }

.ui-tabs .ui-tabs-panel li p a:hover { text-decoration: underline; }

.ui-tabs .ui-tabs-panel .news_cal { color: #b60000; font-weight: bold; line-height: 2.5em; }

.ui-tabs .ui-tabs-panel .news_cal span { font-weight: normal; color: #b60000; }

.ui-tabs .ui-tabs-panel th, .ui-tabs .ui-tabs-panel td { font-size: .9em; }