/* ::::: http://www.tealit.com/templates/mobile_css/style_m.css ::::: */

body { font-family: Calibri,"微軟正黑體"; font-size: 16px; min-height: 100%; }
a { text-decoration: none; color: inherit; outline: medium none; transition: all 0.5s ease 0s; }
a:hover { color: rgb(66, 139, 202); text-decoration: none; }
p { text-align: left; line-height: 1.5; }
.c1 { color: rgb(255, 255, 255); }
.c1:hover { color: rgb(255, 255, 255); }
.c2 { color: rgb(66, 139, 202); }
.bgc1 { background-color: rgb(1, 64, 144); }
.bgc2 { background-color: rgb(228, 228, 228); }
.bgc4 { background-color: rgb(0, 117, 0); }
.bgc5 { background-color: rgb(150, 150, 150); }
.bgc6 { background-color: rgb(255, 255, 255); }
select, textarea { width: 100%; margin: 0px 0px 10px; }
input[type="text"], input[type="textbox"], input[type="password"] { width: 100%; margin: 0px 0px 10px; }
input[type="submit"], input[type="button"] { width: 100%; text-align: center; margin: 0px 0px 10px; color: rgb(255, 255, 255); border: 0px none; padding: 5px 10px; background-color: rgb(1, 64, 144); border-radius: 4px; font-size: 16px; }
.t1 { font-size: 26px; }
.t3 { font-size: 14px; }
.align_center { text-align: center; }
.align_left { text-align: left; }
@media only screen and (max-width: 990px) {
  body { min-width: 320px; }
}
@media only screen and (max-width: 1150px) {
}
@media only screen and (max-width: 640px) {
}
#adFun { width: 100%; overflow: hidden; }
#adFun .adFunBox { height: auto; width: 100%; overflow: hidden; position: relative; }
.adFunBox ul, .adFunBox li { list-style: outside none none; margin: 0px; padding: 0px; }
.adFunBox ul { position: absolute; width: 100%; }
.adFunBox ul li { float: left; }
#adFun .arrows {  }
#adFun .arrows a { padding: 6px 13px 8px; color: aliceblue; text-align: center; background: rgb(126, 126, 126) none repeat scroll 0% 0%; border-radius: 3px; }
#adFun a:hover { background: rgba(37, 37, 37, 0.93) none repeat scroll 0% 0%; }
#adFun a.next { position: fixed; top: 40%; right: 5px; }
#adFun a.prev { position: fixed; top: 40%; left: 8px; }
.nextPage { position: fixed; top: 40%; right: 5px; padding: 6px 11.5px 8px ! important; background: rgb(0, 0, 0) none repeat scroll 0% 0% ! important; color: rgb(255, 255, 255); border-radius: 3px; }
.prevPage { position: fixed; top: 40%; left: 8px; padding: 6px 11.5px 8px ! important; background: rgb(0, 0, 0) none repeat scroll 0% 0% ! important; color: rgb(255, 255, 255); border-radius: 3px; display: none; }
.fa { margin-top: 3px; }
@keyframes loading {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes loading {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.fordisplay { height: 0px; overflow: hidden; }
.span-4 { margin: 0px auto; float: none; }
@media only screen and (max-width: 800px) {
  input[type="text"], input[type="textbox"], input[type="password"] { width: 96%; margin: 0px 0px 10px; }
  .c_menu { margin-top: 15px; float: left; }
  .photo_center { text-align: center ! important; }
}
#adFun { width: 100%; overflow: hidden; }
#adFun .adFunBox { height: auto; width: 100%; overflow: hidden; position: relative; padding-bottom: 15px; margin-bottom: 5px; }
.adFunBox ul, .adFunBox li { list-style: outside none none; margin: 0px; padding: 0px; }
.adFunBox ul { position: absolute; width: 100%; }
.adFunBox ul li { float: left; }
#adFun .arrows {  }
#adFun .arrows a { padding: 6px 13px 8px; color: aliceblue; text-align: center; background: rgb(126, 126, 126) none repeat scroll 0% 0%; border-radius: 3px; }
#adFun a:hover { background: rgba(37, 37, 37, 0.93) none repeat scroll 0% 0%; }
#adFun a.next { position: fixed; top: 40%; right: 5px; }
#adFun a.prev { position: fixed; top: 40%; left: 8px; }
.nextPage { position: fixed; top: 40%; right: 5px; padding: 6px 11.5px 8px ! important; background: rgb(0, 0, 0) none repeat scroll 0% 0% ! important; color: rgb(255, 255, 255); border-radius: 3px; }
.prevPage { position: fixed; top: 40%; left: 8px; padding: 6px 11.5px 8px ! important; background: rgb(0, 0, 0) none repeat scroll 0% 0% ! important; color: rgb(255, 255, 255); border-radius: 3px; display: none; }
.fa { margin-top: 3px; }
@keyframes loading {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes loading {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.linkTitle .linkaBg { font-style: oblique; display: block; padding: 6px 20px 0px ! important; clear: both; line-height: 1.42857; color: rgb(51, 51, 51); white-space: nowrap; }
.linkTitle .linkaBg:hover { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(0, 0, 0); }
.linkli { padding-bottom: 7px; }
.linkli li { padding-top: 16px; }
a.top_post { text-decoration: none; background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 1px 12px; color: rgb(26, 68, 18); font-size: 13px; border-radius: 12px; font-weight: bold; margin-left: 20px; border: 1px solid rgb(255, 255, 255); box-shadow: 10px 6px 23px 2px rgb(151, 246, 0) inset; }
a.top_post:hover { box-shadow: 11px -46px 23px -37px rgb(151, 246, 0) inset; }
.top_logo { margin-top: 6px; margin-left: 7px; float: left; }
.navbar-toggle { margin: 3px 9px 0px -6px ! important; }
.linkli li a { text-indent: 30px; }
.login-li, .nav-menu2 { font-weight: bold; }
ul.c_menu li { background: rgb(66, 163, 99) none repeat scroll 0% 0%; width: 30%; margin: 0px 1%; padding: 4px 0px; text-align: center; border-radius: 5px; color: rgb(255, 255, 255); font-weight: bold; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.69); }
input { height: 35px ! important; }
select { height: 47px; }
.mb1 { text-align: left; width: 96%; }
.adFunBox li.selected { font-size: 62.5%; }
/* ::::: http://www.tealit.com/templates/mobile_css/box.css ::::: */

.login { margin: 10px 0px; }
@media only screen and (max-width: 800px) {
}
.title1 { border-bottom: 1px dotted rgb(150, 150, 150); border-top: 1px dotted rgb(150, 150, 150); padding: 8px 15px; margin: 10px 0px; font-weight: bold; font-size: 26px; text-align: center; }
.headline_m_table td { padding: 10px; border: 1px solid rgb(153, 153, 153); }
.btn1 { text-align: center; margin: 0px; color: rgb(255, 255, 255); border: 0px none; padding: 5px; border-radius: 4px; }
.btn2 { text-align: center; margin: 5px; color: rgb(255, 255, 255); border: 0px none; padding: 5px 10px; border-radius: 4px; font-size: 16px; }
.btn3 { text-align: center; margin: 5px 0px 0px; color: rgb(255, 255, 255); border: 0px none; padding: 5px 10px; border-radius: 4px; font-size: 16px; }
.fr { float: right; }
.mw { max-width: 100%; }
.w1 { width: 100px; }
.padding1 { padding: 0px 10px; }
.mb1 { margin: 0px 0px 10px; text-align: left; }
.mb1 img { text-align: center; }
/* ::::: http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap.min.css ::::: */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; }
a:focus { outline: thin dotted rgb(51, 51, 51); outline-offset: -2px; }
a:hover, a:active { outline: 0px none; }
img { height: auto; max-width: 100%; vertical-align: middle; border: 0px none; }
button, input, select, textarea { margin: 0px; font-size: 100%; vertical-align: middle; }
button, input { line-height: normal; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0px; border: 0px none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; }
@media print {
  * { color: rgb(0, 0, 0) ! important; text-shadow: none ! important; background: transparent none repeat scroll 0% 0% ! important; box-shadow: none ! important; }
  a, a:visited { text-decoration: underline; }
  a[href]::after { content: " (" attr(href) ")"; }
  .ir a::after, a[href^="javascript:"]::after, a[href^="#"]::after { content: ""; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% ! important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
}
body { margin: 0px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 20px; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); }
a { color: rgb(0, 136, 204); text-decoration: none; }
a:hover, a:focus { color: rgb(0, 85, 128); text-decoration: underline; }
[class*="span"] { float: left; min-height: 1px; margin-left: 20px; }
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; }
.container { margin-right: auto; margin-left: auto; }
.container::before, .container::after { display: table; line-height: 0; content: ""; }
.container::after { clear: both; }
p { margin: 0px 0px 10px; }
strong { font-weight: bold; }
ul, ol { padding: 0px; margin: 0px 0px 10px 25px; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0px; }
li { line-height: 20px; }
form { margin: 0px 0px 20px; }
label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; }
input, button, select, textarea { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
label { display: block; margin-bottom: 5px; }
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: rgb(85, 85, 85); vertical-align: middle; border-radius: 4px; }
input, textarea, .uneditable-input { width: 206px; }
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0px none; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6); }
input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; }
select, input[type="file"] { height: 30px; line-height: 30px; }
select { width: 220px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); }
select[multiple], select[size] { height: auto; }
select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted rgb(51, 51, 51); outline-offset: -2px; }
input:-moz-placeholder, textarea:-moz-placeholder { color: rgb(153, 153, 153); }
input, textarea, .uneditable-input { margin-left: 0px; }
input:focus:invalid, textarea:focus:invalid, select:focus:invalid { color: rgb(185, 74, 72); border-color: rgb(238, 95, 91); }
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: rgb(233, 50, 45); box-shadow: 0px 0px 6px rgb(248, 185, 183); }
table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0px; }
[class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; margin-top: 1px; line-height: 14px; vertical-align: text-top; background-image: url("glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; }
.dropup, .dropdown { position: relative; }
.dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0px; margin: 2px 0px 0px; list-style: outside none none; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); background-clip: padding-box; }
.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: rgb(51, 51, 51); white-space: nowrap; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(0, 129, 194); background-image: linear-gradient(to bottom, rgb(0, 136, 204), rgb(0, 119, 179)); background-repeat: repeat-x; }
.nav { margin-bottom: 20px; margin-left: 0px; list-style: outside none none; }
.nav > li > a { display: block; }
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: rgb(238, 238, 238); }
.nav > li > a > img { max-width: none; }
.nav > .dropdown.active > a:hover, .nav > .dropdown.active > a:focus { cursor: pointer; }
.navbar { margin-bottom: 20px; overflow: visible; }
.navbar .container { width: auto; }
.navbar .divider-vertical { height: 40px; margin: 0px 9px; border-right: 1px solid rgb(255, 255, 255); border-left: 1px solid rgb(242, 242, 242); }
.navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0px; left: 0px; z-index: 1030; margin-bottom: 0px; }
.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; }
.navbar-fixed-top { top: 0px; }
.navbar .nav { position: relative; left: 0px; display: block; float: left; margin: 0px 10px 0px 0px; }
.navbar .nav > li { float: left; }
.navbar .nav > li > a { float: none; padding: 10px 15px; color: rgb(119, 119, 119); text-decoration: none; text-shadow: 0px 1px 0px rgb(255, 255, 255); }
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover { color: rgb(51, 51, 51); text-decoration: none; background-color: transparent; }
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: rgb(85, 85, 85); text-decoration: none; background-color: rgb(229, 229, 229); box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.125) inset; }
.navbar .nav > li > .dropdown-menu::before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0, 0, 0, 0.2); border-left: 7px solid transparent; content: ""; }
.navbar .nav > li > .dropdown-menu::after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid rgb(255, 255, 255); border-left: 6px solid transparent; content: ""; }
.navbar-inverse .brand, .navbar-inverse .nav > li > a { color: rgb(153, 153, 153); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); }
.navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover, .navbar-inverse .brand:focus, .navbar-inverse .nav > li > a:focus { color: rgb(255, 255, 255); }
.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover { color: rgb(255, 255, 255); background-color: transparent; }
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { color: rgb(255, 255, 255); background-color: rgb(17, 17, 17); }
.navbar-inverse .divider-vertical { border-right-color: rgb(34, 34, 34); border-left-color: rgb(17, 17, 17); }
@keyframes progress-bar-stripes {
0% { background-position: 40px 0px; }
100% { background-position: 0px 0px; }
}
@keyframes progress-bar-stripes {
0% { background-position: 40px 0px; }
100% { background-position: 0px 0px; }
}
/* ::::: http://www.tealit.com/templates/mobile_css/bootstrap.css ::::: */

ul, ol { margin-top: 0px; margin-bottom: 10px; }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0px; }
.container { padding-right: 10%; padding-left: 15px; margin-right: auto; margin-left: auto; position: relative; width: 90%; background: rgb(0, 47, 106) none repeat scroll 0% 0%; border-bottom: 2px solid rgb(255, 255, 255); }
.mbl_nav { background: rgb(0, 47, 106) none repeat scroll 0% 0%; width: 74%; overflow: hidden; margin-left: -80%; position: absolute; z-index: 2; transition: all 0.3s ease 0s; left: 0px; height: auto; padding-bottom: 50px; margin-top: 2px; border-right: 3px solid rgb(0, 47, 106); }
.navbar_off { display: none; }
.dmenudis { display: block ! important; }
.dropdown { position: relative; }
.dropdown-menu { position: relative ! important; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0px; margin: 2px 0px 0px; font-size: 14px; list-style: outside none none; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176); background-clip: padding-box; }
.dropdown-menu > li > a { display: block; padding: 15px 20px ! important; clear: both; font-weight: normal; line-height: 1.42857; color: rgb(51, 51, 51); white-space: nowrap; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(66, 139, 202); }
.nav { padding-left: 0px; margin-bottom: 0px; list-style: outside none none; }
.nav > li { position: relative; display: block; }
.nav > li > a { position: relative; display: block; padding: 10px 15px; }
.nav > li > a > img { max-width: none; }
.navbar { position: relative; z-index: 1000; min-height: 50px; margin-bottom: 0px; border: 1px solid transparent; }
@media (min-width: 2100px) {
  .navbar { border-radius: 4px; }
}
.navbar-header::before, .navbar-header::after { display: table; content: " "; }
.navbar-header::after { clear: both; }
@media (min-width: 2100px) {
  .navbar-header { float: left; }
}
@media (min-width: 2100px) {
}
.container > .navbar-header, .container > .navbar-collapse { margin-right: -15px; margin-left: -15px; }
@media (min-width: 2100px) {
  .container > .navbar-header, .container > .navbar-collapse { margin-right: 0px; margin-left: 0px; }
}
.navbar-fixed-top, .navbar-fixed-bottom { right: 0px; left: 0px; border-width: 0px 0px 1px; }
@media (min-width: 2100px) {
  .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0px; }
}
.navbar-fixed-top { top: 0px; z-index: 1030; }
.navbar-toggle { position: relative; padding: 10px; margin: -2px 9px 0px -6px; background-color: transparent; border: 1px solid transparent; border-radius: 4px; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }
@media (min-width: 2000px) {
  .navbar-toggle { display: none; }
}
.navbar-nav { margin: 7.5px -15px; }
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; }
@media (max-width: 2000px) {
}
@media (min-width: 2000px) {
  .navbar-nav { float: left; margin: 0px; }
  .navbar-nav > li { float: left; }
  .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; }
}
.navbar-inverse .navbar-toggle { border-color: rgb(51, 51, 51); }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: rgb(51, 51, 51); }
.navbar-inverse .navbar-toggle .icon-bar { background-color: rgb(255, 255, 255); }
.divider-vertical { height: 50px; margin: 0px 9px; border-right: 1px solid rgb(1, 64, 144); border-left: 1px solid rgb(0, 47, 106); }
.-tm-dropdown > ul { width: 180px; border-top-right-radius: 4px; text-shadow: none; }
.-tm-dropdown ul li li a { color: rgb(0, 0, 0); display: block; padding: 3px 5px; margin-left: -4px; }
.-tm-dropdown ul li li a:hover { text-decoration: none; background-color: rgb(66, 139, 202); color: rgb(255, 255, 255); }
@media (max-width: 2000px) {
  .divider-vertical { display: none ! important; }
  .-tm-dropdown > ul { width: 100%; border-top-right-radius: 0px; text-shadow: none; }
  .-tm-dropdown ul li li a { color: rgb(0, 0, 0); display: block; padding: 3px 5px; margin-left: -4px; }
  .-tm-dropdown ul li a:hover, .-tm-dropdown ul li a.active { background-color: rgb(66, 139, 202); color: rgb(255, 255, 255); }
  .-tm-dropdown ul li li a:hover { text-decoration: none; background-color: rgb(66, 139, 202); color: rgb(255, 255, 255); }
}
.bs-docs-nav .navbar-toggle { background-color: rgb(1, 64, 144); border-color: rgb(1, 64, 144); float: left; }
.bs-docs-nav .navbar-toggle:hover { background-color: rgb(0, 47, 106); border-color: rgb(0, 47, 106); }
.bs-docs-nav { text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15); background-color: rgb(1, 64, 144); border-color: rgb(0, 47, 106); box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1); }
.bs-docs-nav .navbar-nav > li > a { color: rgb(205, 191, 227); }
.bs-docs-nav .navbar-nav > li > a:hover { color: rgb(255, 255, 255); }
.bs-docs-nav .navbar-nav > .active > a, .bs-docs-nav .navbar-nav > .active > a:hover { color: rgb(255, 255, 255); background-color: rgb(0, 47, 106); }
.bs-header { height: 62px; position: relative; background-color: rgb(1, 64, 144); padding-top: 20px; font-size: 16px; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15); background-image: url("top_home_bg.png"); background-repeat: repeat-x; }
.bs-header { height: 62px; position: relative; padding-top: 24px; font-size: 16px; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15); background: transparent url("top_home_bg.png") repeat-x scroll 0px -50px; }
.middlebox, #main_top_search { display: none; }
.navbar .nav { width: 100% ! important; margin: 0px ! important; }
.navbar .nav > li { border-bottom: 1px solid rgba(255, 255, 255, 0.09); }
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { float: left; width: 90.1%; padding: 15px; background-color: rgb(13, 93, 219) ! important; border-top: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); margin-top: -1px; }
.navbar-fixed-top, .navbar-fixed-bottom { position: relative ! important; }
.nav-menu2 a { padding: 20px 100% 20px 15px ! important; width: 100%; overflow: hidden; }
li.active.dropdown.-tm-dropdown { float: none; }
.navbar-inverse .brand, .navbar-inverse .nav > li > a { color: aliceblue ! important; }
.login-li { width: 100%; }
.login-li a { padding: 15px 14px ! important; color: rgb(255, 255, 0) ! important; }
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { box-shadow: 0px 0px 0px transparent ! important; }
.navbar .nav > li > .dropdown-menu::before { border-bottom-color: rgba(255, 255, 255, 0.52) ! important; margin-top: -3px; }
.dropdown-menu { box-shadow: 0px 0px 0px transparent ! important; }
.f_options_area input { background: rgb(95, 95, 95) none repeat scroll 0% 0%; }
.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 85%; }
/* ::::: http://www.tealit.com/templates/mobile_css/tag.css ::::: */

@media not all {
}
ul, li { list-style: outside none none ! important; }
/* ::::: http://www.tealit.com/templates/css/new.css ::::: */

/* ::::: http://www.tealit.com/templates/css/reset.css ::::: */

#new body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th { margin: 0px; padding: 0px; }
#new fieldset, img { border: 0px none; }
#new address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
#new ol, ul {  }
.fr { float: right; }
/* ::::: http://www.tealit.com/templates/mobile_css/weather.css ::::: */

/* ::::: http://www.tealit.com/templates/mobile_css/style_m.css ::::: */

body { font-family: Calibri,"微軟正黑體"; font-size: 16px; min-height: 100%; }
a { text-decoration: none; color: inherit; outline: medium none; transition: all 0.5s ease 0s; }
a:hover { color: rgb(66, 139, 202); text-decoration: none; }
p { text-align: left; line-height: 1.5; }
.c1 { color: rgb(255, 255, 255); }
.c1:hover { color: rgb(255, 255, 255); }
.c2 { color: rgb(66, 139, 202); }
.bgc1 { background-color: rgb(1, 64, 144); }
.bgc2 { background-color: rgb(228, 228, 228); }
.bgc4 { background-color: rgb(0, 117, 0); }
.bgc5 { background-color: rgb(150, 150, 150); }
.bgc6 { background-color: rgb(255, 255, 255); }
select, textarea { width: 100%; margin: 0px 0px 10px; }
input[type="text"], input[type="textbox"], input[type="password"] { width: 100%; margin: 0px 0px 10px; }
input[type="submit"], input[type="button"] { width: 100%; text-align: center; margin: 0px 0px 10px; color: rgb(255, 255, 255); border: 0px none; padding: 5px 10px; background-color: rgb(1, 64, 144); border-radius: 4px; font-size: 16px; }
.t1 { font-size: 26px; }
.t3 { font-size: 14px; }
.align_center { text-align: center; }
.align_left { text-align: left; }
@media only screen and (max-width: 990px) {
  body { min-width: 320px; }
}
@media only screen and (max-width: 1150px) {
}
@media only screen and (max-width: 640px) {
}
#adFun { width: 100%; overflow: hidden; }
#adFun .adFunBox { height: auto; width: 100%; overflow: hidden; position: relative; }
.adFunBox ul, .adFunBox li { list-style: outside none none; margin: 0px; padding: 0px; }
.adFunBox ul { position: absolute; width: 100%; }
.adFunBox ul li { float: left; }
#adFun .arrows {  }
#adFun .arrows a { padding: 6px 13px 8px; color: aliceblue; text-align: center; background: rgb(126, 126, 126) none repeat scroll 0% 0%; border-radius: 3px; }
#adFun a:hover { background: rgba(37, 37, 37, 0.93) none repeat scroll 0% 0%; }
#adFun a.next { position: fixed; top: 40%; right: 5px; }
#adFun a.prev { position: fixed; top: 40%; left: 8px; }
.nextPage { position: fixed; top: 40%; right: 5px; padding: 6px 11.5px 8px ! important; background: rgb(0, 0, 0) none repeat scroll 0% 0% ! important; color: rgb(255, 255, 255); border-radius: 3px; }
.prevPage { position: fixed; top: 40%; left: 8px; padding: 6px 11.5px 8px ! important; background: rgb(0, 0, 0) none repeat scroll 0% 0% ! important; color: rgb(255, 255, 255); border-radius: 3px; display: none; }
.fa { margin-top: 3px; }
@keyframes loading {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes loading {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.fordisplay { height: 0px; overflow: hidden; }
.span-4 { margin: 0px auto; float: none; }
@media only screen and (max-width: 800px) {
  input[type="text"], input[type="textbox"], input[type="password"] { width: 96%; margin: 0px 0px 10px; }
  .c_menu { margin-top: 15px; float: left; }
  .photo_center { text-align: center ! important; }
}
#adFun { width: 100%; overflow: hidden; }
#adFun .adFunBox { height: auto; width: 100%; overflow: hidden; position: relative; padding-bottom: 15px; margin-bottom: 5px; }
.adFunBox ul, .adFunBox li { list-style: outside none none; margin: 0px; padding: 0px; }
.adFunBox ul { position: absolute; width: 100%; }
.adFunBox ul li { float: left; }
#adFun .arrows {  }
#adFun .arrows a { padding: 6px 13px 8px; color: aliceblue; text-align: center; background: rgb(126, 126, 126) none repeat scroll 0% 0%; border-radius: 3px; }
#adFun a:hover { background: rgba(37, 37, 37, 0.93) none repeat scroll 0% 0%; }
#adFun a.next { position: fixed; top: 40%; right: 5px; }
#adFun a.prev { position: fixed; top: 40%; left: 8px; }
.nextPage { position: fixed; top: 40%; right: 5px; padding: 6px 11.5px 8px ! important; background: rgb(0, 0, 0) none repeat scroll 0% 0% ! important; color: rgb(255, 255, 255); border-radius: 3px; }
.prevPage { position: fixed; top: 40%; left: 8px; padding: 6px 11.5px 8px ! important; background: rgb(0, 0, 0) none repeat scroll 0% 0% ! important; color: rgb(255, 255, 255); border-radius: 3px; display: none; }
.fa { margin-top: 3px; }
@keyframes loading {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes loading {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.linkTitle .linkaBg { font-style: oblique; display: block; padding: 6px 20px 0px ! important; clear: both; line-height: 1.42857; color: rgb(51, 51, 51); white-space: nowrap; }
.linkTitle .linkaBg:hover { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(0, 0, 0); }
.linkli { padding-bottom: 7px; }
.linkli li { padding-top: 16px; }
a.top_post { text-decoration: none; background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 1px 12px; color: rgb(26, 68, 18); font-size: 13px; border-radius: 12px; font-weight: bold; margin-left: 20px; border: 1px solid rgb(255, 255, 255); box-shadow: 10px 6px 23px 2px rgb(151, 246, 0) inset; }
a.top_post:hover { box-shadow: 11px -46px 23px -37px rgb(151, 246, 0) inset; }
.top_logo { margin-top: 6px; margin-left: 7px; float: left; }
.navbar-toggle { margin: 3px 9px 0px -6px ! important; }
.linkli li a { text-indent: 30px; }
.login-li, .nav-menu2 { font-weight: bold; }
ul.c_menu li { background: rgb(66, 163, 99) none repeat scroll 0% 0%; width: 30%; margin: 0px 1%; padding: 4px 0px; text-align: center; border-radius: 5px; color: rgb(255, 255, 255); font-weight: bold; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.69); }
input { height: 35px ! important; }
select { height: 47px; }
.mb1 { text-align: left; width: 96%; }
.adFunBox li.selected { font-size: 62.5%; }
/* ::::: http://www.tealit.com/templates/mobile_css/box.css ::::: */

.login { margin: 10px 0px; }
@media only screen and (max-width: 800px) {
}
.title1 { border-bottom: 1px dotted rgb(150, 150, 150); border-top: 1px dotted rgb(150, 150, 150); padding: 8px 15px; margin: 10px 0px; font-weight: bold; font-size: 26px; text-align: center; }
.headline_m_table td { padding: 10px; border: 1px solid rgb(153, 153, 153); }
.btn1 { text-align: center; margin: 0px; color: rgb(255, 255, 255); border: 0px none; padding: 5px; border-radius: 4px; }
.btn2 { text-align: center; margin: 5px; color: rgb(255, 255, 255); border: 0px none; padding: 5px 10px; border-radius: 4px; font-size: 16px; }
.btn3 { text-align: center; margin: 5px 0px 0px; color: rgb(255, 255, 255); border: 0px none; padding: 5px 10px; border-radius: 4px; font-size: 16px; }
.fr { float: right; }
.mw { max-width: 100%; }
.w1 { width: 100px; }
.padding1 { padding: 0px 10px; }
.mb1 { margin: 0px 0px 10px; text-align: left; }
.mb1 img { text-align: center; }
/* ::::: http://www.tealit.com/templates/mobile_css/bootstrap.css ::::: */

ul, ol { margin-top: 0px; margin-bottom: 10px; }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0px; }
.container { padding-right: 10%; padding-left: 15px; margin-right: auto; margin-left: auto; position: relative; width: 90%; background: rgb(0, 47, 106) none repeat scroll 0% 0%; border-bottom: 2px solid rgb(255, 255, 255); }
.mbl_nav { background: rgb(0, 47, 106) none repeat scroll 0% 0%; width: 74%; overflow: hidden; margin-left: -80%; position: absolute; z-index: 2; transition: all 0.3s ease 0s; left: 0px; height: auto; padding-bottom: 50px; margin-top: 2px; border-right: 3px solid rgb(0, 47, 106); }
.navbar_off { display: none; }
.dmenudis { display: block ! important; }
.dropdown { position: relative; }
.dropdown-menu { position: relative ! important; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0px; margin: 2px 0px 0px; font-size: 14px; list-style: outside none none; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176); background-clip: padding-box; }
.dropdown-menu > li > a { display: block; padding: 15px 20px ! important; clear: both; font-weight: normal; line-height: 1.42857; color: rgb(51, 51, 51); white-space: nowrap; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(66, 139, 202); }
.nav { padding-left: 0px; margin-bottom: 0px; list-style: outside none none; }
.nav > li { position: relative; display: block; }
.nav > li > a { position: relative; display: block; padding: 10px 15px; }
.nav > li > a > img { max-width: none; }
.navbar { position: relative; z-index: 1000; min-height: 50px; margin-bottom: 0px; border: 1px solid transparent; }
@media (min-width: 2100px) {
  .navbar { border-radius: 4px; }
}
.navbar-header::before, .navbar-header::after { display: table; content: " "; }
.navbar-header::after { clear: both; }
@media (min-width: 2100px) {
  .navbar-header { float: left; }
}
@media (min-width: 2100px) {
}
.container > .navbar-header, .container > .navbar-collapse { margin-right: -15px; margin-left: -15px; }
@media (min-width: 2100px) {
  .container > .navbar-header, .container > .navbar-collapse { margin-right: 0px; margin-left: 0px; }
}
.navbar-fixed-top, .navbar-fixed-bottom { right: 0px; left: 0px; border-width: 0px 0px 1px; }
@media (min-width: 2100px) {
  .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0px; }
}
.navbar-fixed-top { top: 0px; z-index: 1030; }
.navbar-toggle { position: relative; padding: 10px; margin: -2px 9px 0px -6px; background-color: transparent; border: 1px solid transparent; border-radius: 4px; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }
@media (min-width: 2000px) {
  .navbar-toggle { display: none; }
}
.navbar-nav { margin: 7.5px -15px; }
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; }
@media (max-width: 2000px) {
}
@media (min-width: 2000px) {
  .navbar-nav { float: left; margin: 0px; }
  .navbar-nav > li { float: left; }
  .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; }
}
.navbar-inverse .navbar-toggle { border-color: rgb(51, 51, 51); }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: rgb(51, 51, 51); }
.navbar-inverse .navbar-toggle .icon-bar { background-color: rgb(255, 255, 255); }
.divider-vertical { height: 50px; margin: 0px 9px; border-right: 1px solid rgb(1, 64, 144); border-left: 1px solid rgb(0, 47, 106); }
.-tm-dropdown > ul { width: 180px; border-top-right-radius: 4px; text-shadow: none; }
.-tm-dropdown ul li li a { color: rgb(0, 0, 0); display: block; padding: 3px 5px; margin-left: -4px; }
.-tm-dropdown ul li li a:hover { text-decoration: none; background-color: rgb(66, 139, 202); color: rgb(255, 255, 255); }
@media (max-width: 2000px) {
  .divider-vertical { display: none ! important; }
  .-tm-dropdown > ul { width: 100%; border-top-right-radius: 0px; text-shadow: none; }
  .-tm-dropdown ul li li a { color: rgb(0, 0, 0); display: block; padding: 3px 5px; margin-left: -4px; }
  .-tm-dropdown ul li a:hover, .-tm-dropdown ul li a.active { background-color: rgb(66, 139, 202); color: rgb(255, 255, 255); }
  .-tm-dropdown ul li li a:hover { text-decoration: none; background-color: rgb(66, 139, 202); color: rgb(255, 255, 255); }
}
.bs-docs-nav .navbar-toggle { background-color: rgb(1, 64, 144); border-color: rgb(1, 64, 144); float: left; }
.bs-docs-nav .navbar-toggle:hover { background-color: rgb(0, 47, 106); border-color: rgb(0, 47, 106); }
.bs-docs-nav { text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15); background-color: rgb(1, 64, 144); border-color: rgb(0, 47, 106); box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1); }
.bs-docs-nav .navbar-nav > li > a { color: rgb(205, 191, 227); }
.bs-docs-nav .navbar-nav > li > a:hover { color: rgb(255, 255, 255); }
.bs-docs-nav .navbar-nav > .active > a, .bs-docs-nav .navbar-nav > .active > a:hover { color: rgb(255, 255, 255); background-color: rgb(0, 47, 106); }
.bs-header { height: 62px; position: relative; background-color: rgb(1, 64, 144); padding-top: 20px; font-size: 16px; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15); background-image: url("top_home_bg.png"); background-repeat: repeat-x; }
.bs-header { height: 62px; position: relative; padding-top: 24px; font-size: 16px; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15); background: transparent url("top_home_bg.png") repeat-x scroll 0px -50px; }
.middlebox, #main_top_search { display: none; }
.navbar .nav { width: 100% ! important; margin: 0px ! important; }
.navbar .nav > li { border-bottom: 1px solid rgba(255, 255, 255, 0.09); }
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { float: left; width: 90.1%; padding: 15px; background-color: rgb(13, 93, 219) ! important; border-top: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); margin-top: -1px; }
.navbar-fixed-top, .navbar-fixed-bottom { position: relative ! important; }
.nav-menu2 a { padding: 20px 100% 20px 15px ! important; width: 100%; overflow: hidden; }
li.active.dropdown.-tm-dropdown { float: none; }
.navbar-inverse .brand, .navbar-inverse .nav > li > a { color: aliceblue ! important; }
.login-li { width: 100%; }
.login-li a { padding: 15px 14px ! important; color: rgb(255, 255, 0) ! important; }
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { box-shadow: 0px 0px 0px transparent ! important; }
.navbar .nav > li > .dropdown-menu::before { border-bottom-color: rgba(255, 255, 255, 0.52) ! important; margin-top: -3px; }
.dropdown-menu { box-shadow: 0px 0px 0px transparent ! important; }
.f_options_area input { background: rgb(95, 95, 95) none repeat scroll 0% 0%; }
.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 85%; }
/* ::::: http://www.tealit.com/templates/mobile_css/tag.css ::::: */

@media not all {
}
ul, li { list-style: outside none none ! important; }
/* ::::: http://www.tealit.com/templates/css/new.css ::::: */

/* ::::: http://www.tealit.com/templates/css/reset.css ::::: */

#new body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th { margin: 0px; padding: 0px; }
#new fieldset, img { border: 0px none; }
#new address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
#new ol, ul {  }
.fr { float: right; }
/* ::::: http://www.tealit.com/templates/mobile_css/weather.css ::::: */

/* ::::: [internal] ::::: */

.c_menuBox { float: left; margin: 10px 0px; border-top: 2px solid rgb(1, 64, 144); }
ul.c_menu { width: 100%; float: left; padding-bottom: 10px; padding-top: 10px; }
.c_menu li { float: left; width: 26%; }
li.cmli { padding-left: 11%; }
/* ::::: http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css ::::: */

@font-face {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  src: url("fontawesome-webfont.eot") format("embedded-opentype"), url("fontawesome-webfont.woff") format("woff"), url("fontawesome-webfont.ttf") format("truetype"), url("fontawesome-webfont.svg") format("svg");
}
.fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size-adjust: none; font-stretch: normal; font-feature-settings: normal; font-language-override: normal; font-kerning: auto; font-synthesis: weight style; font-variant: normal; font-size: inherit; text-rendering: auto; }
@keyframes fa-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(359deg); }
}
.fa-angle-double-left::before { content: ""; }
.fa-angle-double-right::before { content: ""; }
/* ::::: [internal] ::::: */

.c_menuBox { float: left; margin: 10px 0px; border-top: 2px solid rgb(1, 64, 144); }
ul.c_menu { width: 100%; float: left; padding-bottom: 10px; padding-top: 10px; }
.c_menu li { float: left; width: 26%; }
li.cmli { padding-left: 11%; }