/*
 * Start Bootstrap - Logo Nav (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */


@import url("reset.css");

  
BODY{ font-family:å¾®è»Ÿæ­£é»‘é«”, Arial, Helvetica, sans-serif; background:url(../img/pyramid.png); background-position:center;}
 
.WRAPPER{ padding:0; margin:0;}


/* --- 抬頭選項 ­ --- */
.top_bar_sel{ height:55px; font-family:Arial, Helvetica, sans-serif; 
background:url(../img/top_bar_bkere.jpg); padding:0; margin:0 0 10px 0;}

.title1{ font-size:2.2em; font-weight:bold; color:#FFF; padding:0; margin:0 10px;}
.title1 img{ width:auto; height:50px; vertical-align:top; margin:2px 0 0 0;}

.title1_mem{}
.title1_mem h3{ display:inline-table; color:#CCFFCC; padding:0; margin:0 15px 7px -10px; vertical-align:bottom;}
.title1_mem img{ display:inline-table; width:auto; height:40px; vertical-align:top; padding:0; margin:8px 0 0 0;}


.top_bar_sel button{ display:inline-table; height:35px; line-height:28px; font-size:1.2em; font-weight:bold; text-shadow:1px 1px 0 #b5f568; border:solid 2px #4e9000; border-radius:10px; color:#093d01; background:#8ce324; padding:2px 15px 5px 15px; margin:5px 8px 0 8px; vertical-align:top;
box-shadow:inset 1px 1px 5px 2px #CF0; transition:0.4s;}
.top_bar_sel button:hover{ text-shadow:1px 1px 0 #FF0; border:solid 2px #C63; background:#FFCC00; box-shadow:inset 1px 1px 5px 2px #FF0;}

.rep_box_zone{ position:relative;  font-family:Arial, Helvetica, sans-serif; border:solid 1px #d6d2c9; padding:0 0 20px 0; margin:0; transition:0.4s;}
.rep_box_zone_active{ background:rgba(255,255,255,.3); box-shadow:inset 0 0 25px rgba(255,0,0,.7);}
.title_top_led { position:absolute;right:1em;top:1.5em; }


/* --- 登入_綠 --- */
.tb_logo{ width:50%; margin:0 auto;}
.tb_logo img{ width:100%; height:auto;}

.login_tutle{ width:50%; margin:0 auto 10px auto;}
.login_tutle h1{ font-size:3em; font-weight:bold; border-bottom:dashed 1px #e6e6e6; color:#009999; margin:40px 0 0 0;}
.login_tutle label{ font-size:1.5em; font-weight:100; color:#76c4b4; margin:0 10px 0 5px;}
.login_tutle input{ font-size:1.2em; border:solid 1px #80d3c2; color:#06765f; padding:20px 10px;}

.login_tutle_s{ width:50%; margin:0 auto;}
.login_tutle_s input{ text-decoration:none; font-size:2em; border:solid 3px #007960; border-radius:10px; color:#FFF; background:#00a885; padding:10px 10px 48px 10px;}
.login_tutle_s input:hover{ box-shadow:inset 1px 1px 10px rgba(0,0,0,.8); transition:all 0.4s;}


.title1_bbt{ display:inline-block; height:55px; line-height:55px; padding:0; margin:0 8px 0 0; }

.tb_bbtere{ font-size:1.2em; border:solid 2px #6C0; border-radius:10px; color:#fff;
background: rgb(114,170,0);
background: -moz-linear-gradient(top, rgba(114,170,0,1) 0%, rgba(158,203,45,1) 100%);
background: -webkit-linear-gradient(top, rgba(114,170,0,1) 0%,rgba(158,203,45,1) 100%);
background: linear-gradient(to bottom, rgba(114,170,0,1) 0%,rgba(158,203,45,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72aa00', endColorstr='#9ecb2d',GradientType=0 );
padding:10px 15px 10px 0; margin:0; box-shadow:inset 1px 1px 10px rgba(255,255,255,.8);}
.tb_bbtere:hover{ border:solid 2px #FF0; color:#fff; 
background: rgb(255,214,94);
background: -moz-linear-gradient(top, rgba(255,214,94,1) 0%, rgba(255,171,5,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,214,94,1) 0%,rgba(255,171,5,1) 100%);
background: linear-gradient(to bottom, rgba(255,214,94,1) 0%,rgba(255,171,5,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#ffab05',GradientType=0 );
box-shadow:inset 2px 2px 5px rgba(0,0,0,.3);
transition:all 0.4s;}
.tb_bbtere:active{ border:solid 2px #00f0ff; color:#fff; 
background: rgb(45,237,255);
background: -moz-linear-gradient(top, rgba(45,237,255,1) 0%, rgba(41,184,229,1) 100%);
background: -webkit-linear-gradient(top, rgba(45,237,255,1) 0%,rgba(41,184,229,1) 100%);
background: linear-gradient(to bottom, rgba(45,237,255,1) 0%,rgba(41,184,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dedff', endColorstr='#29b8e5',GradientType=0 );
box-shadow:inset 2px 2px 5px rgba(0,0,0,.3); transition:all 0.4s;}


.tb_bbtere img{ width:auto; height:33px; vertical-align:middle;}


.tb_inmain{ width:100%; border-bottom:dashed 1px #ccc; padding:0 0 10px 0; margin:10px 0 15px 0; position:relative;}
.tb_inmain h4{ display:inline-table; font-weight:bold; text-shadow:1px 1px 0 #fff; color:#066; padding:0 10px 3px 10px; vertical-align:bottom;}

.tb_inmain input{ width:200px; height:32px; line-height:32px; font-size:1.2em; border:solid 2px #8c9862; border-radius:10px; color:#13583c; padding:0 10px; margin:0 15px;
box-shadow:inset 1px 1px 5px rgba(0,0,0,.2);}

.tb_inmain select{ width:220px; height:32px; line-height:32px; font-size:1.2em; border:solid 2px #8c9862; border-radius:10px; color:#13583c; padding:0 10px; margin:0 15px;
box-shadow:inset 1px 1px 5px rgba(0,0,0,.2);}


.tb_inmain a, .bt_edit a, .bt_del a{ display:inline-block; width:36px; height:36px; text-indent:-999999px;}

.tb_inmain a{ line-height:40px; font-size:1.3em; text-indent:0px; color:#708919; 
background:url(../img/menu_icon/bt_add.png) no-repeat bottom left; padding:0 0 0 35px; position:absolute; right:50px; bottom:0px;}
.tb_inmain a:hover{ color:#96c100; transition:all 0.4s;}

.bt_edit{}
.bt_edit a{ background:url(../img/menu_icon/bt_set.png) no-repeat bottom left;}

.bt_del{}
.bt_del a{ background:url(../img/menu_icon/bt_del.png) no-repeat bottom left;}

.tb_inmain a:hover, .bt_edit a:hover, .bt_del a:hover{ background-position:top right; transition:all 0.4s;}

.bt_tbtitle{ border-bottom:solid 3px #993; color:#d1fe34; background:#8c9862;}


/* --- 登入_藍 --- */
.top_bar_sel_bl{ height:55px; font-family:Arial, Helvetica, sans-serif; 
background:url(../img/top_bar_bkere_b.jpg); padding:0; margin:0 0 10px 0;}

.title1_mem_bl h3{ display:inline-table; color:#c8efff; padding:0; margin:0 15px 7px -10px; vertical-align:bottom;}
.title1_mem_bl img{ display:inline-table; width:auto; height:40px; vertical-align:top; padding:0; margin:8px 0 0 0;}


.login_tutle_bl{ width:50%; margin:0 auto 10px auto;}
.login_tutle_bl h1{ font-size:3em; font-weight:bold; border-bottom:dashed 1px #e6e6e6; color:#007fae; margin:40px 0 0 0;}
.login_tutle_bl label{ font-size:1.5em; font-weight:100; color:#27a9d9; margin:0 10px 0 5px;}
.login_tutle_bl input{ font-size:1.2em; border:solid 1px #27a9d9; color:#004c74; padding:20px 10px;}

.login_tutle_sbl{ width:50%; margin:0 auto;}
.login_tutle_sbl input{ text-decoration:none; font-size:2em; border:solid 3px #004c74; border-radius:10px; color:#FFF; background:#007ead; padding:10px 10px 48px 10px;}
.login_tutle_sbl input:hover{ border:solid 3px #005dbd; background:#00a2f6; box-shadow:inset 1px 1px 10px rgba(0,0,0,.8); transition:all 0.4s;}


.title1_bbt_bl{ display:inline-block; height:55px; line-height:55px; padding:0; margin:0 8px 0 0; }

.tb_bbtere_bl{ font-size:1.2em; border:solid 2px #0097e6; border-radius:10px; color:#fff;
background: rgb(59,103,158);
background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 98%);
background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 98%);
background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#2b88d9',GradientType=0 );
padding:10px 15px 10px 0; margin:0; box-shadow:inset 1px 1px 10px rgba(255,255,255,.8);}
.tb_bbtere_bl:hover{ border:solid 2px #00f0ff; color:#fff; 
background: rgb(45,237,255);
background: -moz-linear-gradient(top, rgba(45,237,255,1) 0%, rgba(41,184,229,1) 100%);
background: -webkit-linear-gradient(top, rgba(45,237,255,1) 0%,rgba(41,184,229,1) 100%);
background: linear-gradient(to bottom, rgba(45,237,255,1) 0%,rgba(41,184,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dedff', endColorstr='#29b8e5',GradientType=0 );
box-shadow:inset 2px 2px 5px rgba(0,0,0,.3);
transition:all 0.4s;}
.tb_bbtere_bl:active{ border:solid 2px #3F0; color:#fff; background:#0C3;
box-shadow:inset 2px 2px 5px rgba(0,0,0,.3); transition:all 0.4s;}


.tb_bbtere_bl img{ width:auto; height:33px; vertical-align:middle;}


.tb_inmain_bl{ width:100%; border-bottom:dashed 1px #ccc; padding:0 0 10px 0; margin:10px 0 15px 0; position:relative;}
.tb_inmain_bl h4{ display:inline-table; font-weight:bold; text-shadow:1px 1px 0 #fff; color:#4d7d98; padding:0 10px 3px 10px; vertical-align:bottom;}

.tb_inmain_bl input{ width:200px; height:32px; line-height:32px; font-size:1.2em; border:solid 2px #4d7d98; border-radius:10px; color:#1b93e7; padding:0 10px; margin:0 15px;
box-shadow:inset 1px 1px 5px rgba(0,0,0,.2);}

.tb_inmain_bl select{ width:200px; height:32px; line-height:32px; font-size:1.2em; border:solid 2px #4d7d98; border-radius:10px; color:#1b93e7; padding:0 10px; margin:0 15px;
box-shadow:inset 1px 1px 5px rgba(0,0,0,.2);}


.tb_inmain_bl a, .bt_edit_bl a, .bt_del_bl a{ display:inline-block; width:36px; height:36px; text-indent:-999999px;}

.tb_inmain_bl a{ line-height:40px; font-size:1.3em; text-indent:0px; color:#4d7d98; 
background:url(../img/menu_icon/bt_add_bl.png) no-repeat bottom left; padding:0 0 0 35px; position:absolute; right:50px; bottom:0px;}
.tb_inmain_bl a:hover{ color:#1b93e7; transition:all 0.4s;}

.bt_edit_bl{}
.bt_edit_bl a{ background:url(../img/menu_icon/bt_set_bl.png) no-repeat bottom left;}

.bt_del_bl{}
.bt_del_bl a{ background:url(../img/menu_icon/bt_del_bl.png) no-repeat bottom left;}

.tb_inmain_bl a:hover, .bt_edit_bl a:hover, .bt_del_bl a:hover{ background-position:top right; transition:all 0.4s;}

.bt_tbtitle_bl{ border-bottom:solid 3px #1a3850; color:#00f6ff; background:#4d7d98;}


.foot_bar_bl{ font-family:Arial, Helvetica, sans-serif; color:#FFF; 
background:url(../img/top_bar_bkere_b.jpg); border-top:solid 2px #002d45; border-bottom:solid 3px #002d45; padding:5px 0; margin:50px 0 0 0;}


/* --- å…§å®¹æ–¹å¡Š --- */
.title_top{ width:100%; text-align:center; font-size:2.5em; font-weight:bold; cursor: pointer;
border-bottom:solid 1px #00415f; color:#006ea2; padding:5px 0 5px 0; margin:0 0 10px 0;}

.press_left{ font-size:1.8em; padding:0; margin:0; vertical-align:top;}
.press_left li{ text-align:right; padding:3px 0; margin:0;}

.press_right{ font-size:1.8em; padding:0; margin:0; vertical-align:top;}
.press_right li{ padding:3px 0; margin:0; height: 42.3px;}

.lef_inp_zone{ display:block; line-height:45px; height:47px; padding:12S0px 0;}

.press_right li input{ width:100%; border:solid 1px #ccc; border-radius:5px; padding:2px 5px; margin:0; box-shadow:inset 1px 1px 5px rgba(0,0,0,.2);}

.sta_typ_a,
.sta_typ_b,
.sta_typ_c,
.sta_typ_e,
.sta_typ_d{ text-align:center; border-radius:5px; color:#FFF; padding:2px 10px 3px 10px;}

.sta_typ_a{ background:#9e1111;}
.sta_typ_b{ background:#5e790c;}
.sta_typ_c{ background:#ddbb00;}
.sta_typ_e{ background:#ff9800;}
/*.sta_typ_d{ border:solid 4px #276987; border-radius:10px; background:#478aa9; box-shadow:1px 1px 5px rgba(0,0,0,.5);}*/

.sta_typ_d{ cursor: pointer; font-weight:bold; text-shadow:1px 1px 0 #b5f568; border:solid 3px #4e9000; border-radius:10px; color:#093d01; background:#8ce324;
box-shadow:inset 1px 1px 5px 2px #CF0, 2px 2px 10px rgba(0,0,0,.5); transition:0.4s;}
.sta_typ_d:hover{ cursor: pointer; text-shadow:1px 1px 0 #FF0; border:solid 2px #C63; background:#FFCC00; box-shadow:inset 1px 1px 5px 2px #FF0;}


/* --- åº•éƒ¨ --- */
.foot_bar{ font-family:Arial, Helvetica, sans-serif; color:#FFF; 
background:url(../img/top_bar_bkere.jpg); border-top:solid 2px #003316; border-bottom:solid 3px #003316; padding:5px 0; margin:50px 0 0 0;}

.pt3{ font-size:1.1em; font-weight:bold; text-shadow:1px 1px 0 #036;}


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


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


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


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


@media (max-width: 414px) {
/* --- 登入 --- */
.tb_logo{ width:100%;}
.tb_logo img{ width:100%; height:auto;}

.login_tutle{ width:98%;}
.login_tutle_s{ width:98%;}

.login_tutle_bl{ width:98%;}
.login_tutle_sbl{ width:98%;}


}


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