@charset "UTF-8";
/*
 * Start Bootstrap - Half Slider (http://startbootstrap.com/) 
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

.smale {font-size:0.6em;}
.ml-1 {margin-left:1em;}
.ml-3 {margin-left:3em;}
body{font-size:1.5rem; font-family:微軟正黑體, Arial, Helvetica, sans-serif; background:#0000ad; padding:0 0 20px 0;}

.hex {text-align:center}
.hex:invalid {  background: red;  color: #fff; text-align:center}

.pointer {cursor:pointer;}
.none {display:none;}
.pages ul {list-style-type:none;}
.pages ul li {display:inline-table;padding:0 2em;}
.disable {color:#dedede;}
h1{ text-align:center; font-size:1.5em; color:#2380c8; margin:15px 0 10px 0;}

/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */




.wrapper{ max-width:1200px; text-align:center; margin:0 auto; z-index:0;}

.toggle {display:none;}





/* -- 導覽列 -- */
.panel{ font-size:1.2em; border-radius:0; border-top:solid 2px #adaaad; border-bottom:solid 2px #adaaad; color:#FFF; 
background:#00aaad; padding:8px 0; margin:0; box-shadow:0 1px 10px rgba(0,0,0,.5);}

.top_title{ font-weight:bold; margin:0 5px 0 0;}

.sel_menu{ width:80%; border-radius:20px; background:#00aaad; padding:15px; margin:30px auto; box-shadow:1px 1px 10px rgba(0,0,0,.5);}
.menu{ width:100%; border:solid 2px #fff; border-radius:15px; color:#fff; 
background:#00aaad; padding:10px; margin:0 auto; box-shadow:inset 1px 1px 15px rgba(0,0,0,.5); overflow:hidden;}
.menu li{ font-size:1.1em; font-weight:bold;  border-top:solid 1px #99eaeb; border-bottom:solid 1px #00585a; padding:10px; margin:0;}
.menu li:hover{ background:#000;} 
.menu_hover { background:#000;} 


.mu_inpu input{ border-radius:8px; border:solid 2px #adaaad; padding:20px 15px; box-shadow:inset 1px 1px 5px rgba(0,0,0,.2);}
.mu_inpu label{ font-size:1.2em;}

.mgm_s{ width:97%; border-radius:5px 5px 10px 10px; border:none; color:#FFF; 
background:#008587; padding:15px; margin:0 auto 30px auto; box-shadow:inset 1px 1px 5px rgba(0,0,0,.2);}

.down_foot{ font-size:1em; border-radius:0; border-top:solid 2px #adaaad; border-bottom:solid 2px #adaaad; color:#FFF; 
background:#00aaad; padding:5px 0; margin:0;position: fixed; width: 100%; bottom: 0;}

.panel_main{ width:100%; background:#009194; padding:1px 0 20px 0; margin:0 auto 0 auto;}
.panel_main h1{ width:100%; font-size:2em; font-weight:bold; text-align:left; color:#FFF; padding:0 0 0 20px;}
.panel_main input{ font-size:1.3em;}
.panel_main table{ width:100%; font-size:1.5em; color:#FFF; margin:0 0 0 0;}
.panel_main table tr{}
.panel_main table tr td{padding:5px; text-align:right}
.panel_main table tr th{padding:5px; text-align:right}

.tbt_title{ font-weight:bold; background:#874c00;}

.tbt_info{ border-bottom:solid 1px #aaeaeb; background:#47c8ca;}
.tbt_info:hover , .tbt_info_hover { color:#956809; background:#e9e9e4; box-shadow:inset 1px 1px 5px rgba(0,0,0,.2);}

.info_sec_tit h2{ width:100%; font-size:1.2em; font-weight:bold; text-align:left; border-bottom:solid 1px #fff; color:#FFF; padding:0 0 8px 10px; margin:10px 0 15px 0;}

.dow_line{ width:100%; border-top:solid 1px #FFF; padding:0; margin:10px 0 0 0;}

.dow_dobbt{ width:100%; font-size:1.2em; font-weight:bold; border-radius:10px; border:solid 2px #62dcde; font-size:1.5em;
padding:10px; margin:0 0 0 0; box-shadow:inset 1px 1px 10px rgba(0,0,0,.5);}

.dowbbt_r{ color:#fff; background:#af0000;}

.dowbbt_g{ color:#fff; background:#0caf00;}






@media (max-width: 1024px) {
}



@media (max-width: 768px) {
.mgm_s{ width:94%;}
.menu li:first-child{border-top:none; border-radius:10px 10px 0 0;}
.menu li:last-child{border-bottom:none;  border-radius:0 0 10px 10px;}
}



@media (max-width: 414px) {
.mgm_s{ width:88%;}
.down_foot{ font-size:1em;}
.panel_main table{ font-size:1em;}
.dow_spp{ padding:0; margin:0;}
.dowbbt_r{ margin:0 0 25px 0;}
}



@media (max-width: 375px) {
.mgm_s{ width:87%;}
.panel_main table{ font-size:.8em;}
}