@charset "UTF-8";

*{font-family:"微軟正黑體", Arial, sans-serif;}
body { background:#FFF;}
a {text-decoration:none;}

@media (max-width: 767px){.h-less { display: none;}}
@media (min-width: 768px){.h-more { display: none;}}
@media (max-width: 991px){.h-less991 { display: none;}}
@media (min-width: 992px){.h-more992 { display: none;}}


/*導行列開始*/
.navbar { margin-bottom:0px; }
.navbar-inverse { background-color: #8dc21f; border-color: #75991d;}
.navbar-brand { padding: 7px 15px;}
.navbar-nav > li > a { padding: 0 7.5px; font-size:16px;}
.navbar-inverse .navbar-nav > li > a { color: #FFFFFF;}
.navbar-inverse .navbar-nav > li > a:hover { color: #FFFF00;}
@media (min-width: 768px) {
.navbar-nav > li { float: left; border-right: 1px solid #FFFFFF; margin-top:15px;}
.navbar-nav > li.bodernone { border: none;}
.navbar-nav > li.margin01 { margin-top: 7.5px;}
}
/*小尺寸下拉選單*/
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form { border-color: #75991d;}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 395px;}
@media (max-width: 767px) {
.liPB { padding: 15px; border-bottom: 1px solid rgba(255,255,255,0.5);}
.navbar-nav { margin: 7.5px -15px 0px -15px;}
}
/*小尺寸下拉選單*/
@media (max-width: 992px){
.width768 { width: 768px;}
}
/*導行列結束*/

/*內容開始*/
/*滿版橫幅開始*/
.bannerfluid{ width:100%; margin-top:51px; padding:0px;}
.bannerfluid img{ width:100%;}
.btnbar { width:100%; height:70px; padding:0px; background:rgba(45,167,224,0.4); margin-top:-70px; padding: 10px 0;}
.btnQ { background:#8dc21f; color:#FFF; width:100%; height:50px; font-size: 1em; text-align:left;}
.btnW { background:#036EB8;}
.btnW br { display: none;}
@media (max-width: 991px) {
.btnW br { display:list-item;}
}
.btnicon { float: left; margin-right:10px;}
.btnicon i { font-size: 1.75em; margin-top:5px;}
.btniconW01 {line-height:36px;}
.btniconW02 {line-height:36px;}
@media (max-width: 991px) {
.btniconW02 {line-height:18px;}
}
.btnQ:hover { color: #FF0; background-color: #168797;}
.btnW:hover { background-color: #005693;}
@media (max-width: 767px) {
.btnbar { width:100%; height:70px; padding:0px; background: none; padding: 10px 10px;  margin-top:0px;}}
.btnQPB { padding-bottom:10px; padding-left: 5px; padding-right: 5px;}
.btnQPBNO { padding-bottom:0px;}
}
/*滿版橫幅結束*/

/*內容說明開始*/
.frameout {}
/*.frametop { border: 1px solid #C9C9CA; border-radius:5px; background:#DCDCDD; color:#3E3A39; font-size: 1.6em; font-weight:bold; /*height:50px; text-align:center; padding: 10px 0;}*/
.frametop { font-size: 1.6em; font-weight: bold; padding: 10px 0;} 
.frametBNO { border-bottom: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
.frametBNO br { display: none;}
.inputT br { display: none;}
.frametmid { border-left: 1px solid #C9C9CA; border-right: 1px solid #C9C9CA; color:#3E3A39; font-size: 1.4em; font-weight:300; height:300px; line-height:32px; padding: 20px;}
@media (max-width: 768px){
.frametBNO br { display: list-item;}
.inputT br { display: list-item;}
.frametmidH {height:350px;}
}
.frametONE { border: 1px solid #C9C9CA; border-bottom-left-radius: 5px;  border-bottom-right-radius: 5px; color:#3E3A39; font-size: 1.4em; font-weight:300; height:300px; line-height:32px;  }
@media (max-width: 991px){.frametONE { padding: 10px;}}
@media (min-width: 992px){.frametONE { padding: 20px;}}
.frametmid  span { color:#D11851; font-weight: 600;}
.frametmid  a { color:#8dc21f;}
.frametmid  a:hover { color:#F39700; text-decoration:none;}
.frametimg { border-left: 1px solid #C9C9CA; border-right: 1px solid #C9C9CA;}
.frametimg img { width:100%;}
.framebtm { border: 1px solid #C9C9CA; border-radius:5px; background:#8dc21f; color:#FFF; font-size: 1.4em; font-weight:100; height:60px; text-align:center; padding: 15px 0; line-height:32px;}
.framebtm a { color:#FFF;}
.framebtm a:hover { color:#FFFF00; text-decoration:none;}
.framebtmTNO { border-top-left-radius: 0px; border-top-right-radius: 0px;}
.framebtmTWO { border: 1px solid #C9C9CA; background:#036EB8; color:#FFF; font-size: 1.4em; font-weight:100; float:left; height:60px; width:50%; text-align:center; padding: 15px 0; line-height:32px;}
.framebtmTWO br { display: none;}
@media (max-width: 768px) {
.framebtmTWO { padding: 7px 0; line-height:24px;}
.framebtmTWO br { display:list-item;}
}
.framebtmTWO a { color:#FFF;}
.framebtmTWO a:hover { color:#FFFF00; text-decoration:none;}
.btnTWOL { border-bottom-left-radius: 5px;}
.btnTWOR { border-bottom-right-radius: 5px; border-left: none;}
@media (max-width: 991px){
.ghostP30 { padding-top:30px;}
}


/*輸入欄位*/
.form-group span { color: #D11851; font-size: 0.8em; font-weight: normal;}
.inputL { background:#c3e9ff; border-radius: 10px;}
.inputR { background:#c3e9ff; border-radius: 10px;}
.inputT { text-align:center; margin-top:5px; font-weight: bold;}
.line {border: 1px solid #ccc; height: 1px; border-width: 0 0 1px 0; margin: 10px 0;}
.input-min { margin-bottom: 30px; padding:0px; font-size:1em;}
@media (min-width: 1200px){
.frametmid .col-lg-6 { width: 48%;}
.inputL { margin-right:2%;}
.inputR { margin-left:2%;}
}
@media (min-width: 992px){
.frametmid .col-md-6 { width: 48%;}
.inputL { margin-right:2%;}
.inputR { margin-left:2%;}
}
@media (min-width: 768px){
.inputL { margin-bottom:30px;}
.inputR { margin-bottom:30px;}
}
@media (max-width: 767px){
.inputL { margin-bottom:30px;}
.inputR { margin-bottom:30px;}
}


/*活動頁新增按鈕*/
.D18629btn { width:20%; font-size: 21px;}
@media (max-width: 768px){
.D18629btn { width:40%; font-size: 21px;}
}

.flipA{cursor:pointer;}
.panelA{display:none;}

.inputL-T { background: #c3e9ff; border-radius: 10px; border-bottom-right-radius:0px; border-bottom-left-radius:0px; padding: 5px 15px 7px 15px;}
.inputL-B { background: #c3e9ff; border-radius: 10px; border-top-right-radius:0px; border-top-left-radius:0px; padding: 5px 15px 2px 15px;}
.inputR-T { background: #c3e9ff; border-radius: 10px; border-bottom-right-radius:0px; border-bottom-left-radius:0px; padding: 5px 15px 7px 15px;}
.inputR-B { background: #c3e9ff; border-radius: 10px; border-top-right-radius:0px; border-top-left-radius:0px; padding: 5px 15px 2px 15px;}




/*內容說明結束*/



/*內容結束*/


/*footer開始*/
.footerB { background-color: #8dc21f; padding: 15px 0 0 0;}
/*footer結束*/