body, html {
height: 100%;
}
a {
color: #7A7A7A;
transition: all linear 0.3s
}
a:hover {
text-decoration: none;
color: #197A57;
}
.wrapper {
min-height: 100%;
position: relative;
overflow: hidden;
}
/*main*/
header {
}
header >.container {
padding-bottom: 0px;
}
.headerlogo {
display: inline-block;
height: 48px;
width: 318px;
background-image: url(../img/mainlogo-03.png);
background-repeat: no-repeat;
background-size: 100%;
text-indent: -999999px;
}
.hquicklink {
text-align: right;
}
.hquicklink ul {
list-style: none;
display: inline-block;
}
.hquicklink ul li {
display: inline-block;
float: left;
}
.hquicklink ul li a {
padding: 2px 10px;
}
.hquicklink ul li a i {
display: inline-block;
font-size: 20px;
color: #8dc63f;
margin-right: 5px;
}
.page-content {
padding-top: 30px;
display: inline-block;
width: 100%;
padding-bottom: 44px;
}
.page-content.nptop {
padding-top: 0px;
background-color: #ffffff;
}
.txtacenter {
text-align: center !important;
}
.txtaright {
text-align: right!important;
}
.txtaleft {
text-align: left!important;
}
.mlm15 {
margin-left: -15px !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.form-cont-title {
color: #4EA3D1;
margin-bottom: 15px;
}
.txt_dblue {
color: #50919A;
}
.table {
background-color: #fff!important;
}
.tableli {
margin-bottom:15px;
margin-left:15px;
margin-right:15px;
width:90%;
}
.tableli td{
border:0px;
padding:6px 3px;
vertical-align:top;
border-bottom:1px #CFCFCF dotted;
}
.tableli th{
padding:6px 3px;
vertical-align:top;
font-weight: bold;
border-bottom:1px #CFCFCF dotted;
}
.chkradboxlist {
padding-left: 30px;
counter-reset: section;
list-style: none;
}
.chkradboxlist li {
margin-bottom: 15px;
position: relative;
}
.chkradboxlist li:before {
counter-increment: section;
content: counter(section)". ";
margin-left: -13px;
}
.table thead {
background-color: #c4efff;
white-space: nowrap;
}
/*scroll to top*/
a.scrollToTop {
text-align: center;
width: 50px;
height: 50px;
text-align: center;
background-color: #FFFFFF;
box-shadow: 0px 0px 5px #555;
font-weight: bold;
color: #444;
text-decoration: none;
position: fixed;
bottom: 60px;
right: 30px;
display: none;
z-index: 999999;
opacity: 0.5;
font-size: 40px;
border-radius: 25px;
transition: all linear 0.3s;
}
a.scrollToTop i {
transition: all linear 0.3s;
}
a.scrollToTop:hover {
background-color: #9ed9c5;
}
a.scrollToTop:hover i {
color: #fff;
}
/*main menu*/
section.mainmenu {
}
.mainmenuframe {
padding: 0px 0px;
}
.mainmenuframe ul {
padding: 0px;
display: inline-block;
width: 100%;
list-style: none;
margin: 0px;
margin-left:60px;
margin-top:5px;
}
.mainmenuframe ul li {
display: inline-block;
float: left;
margin-right: 10px;
}
.mainmenuframe ul li a {
display: block;
width: 100%;
padding: 10px 0px;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
}
.mainmenuframe ul li a i {
margin-right: 10px;
color: #FFFFFF;
}
.mainmenuframe ul li a:hover {
color: #f0ff00;
}
.xs-mmenubtn {
display: none;
font-size: 25px;
}
.xs-mmenubtn.left {
float: left;
margin-top: 10px;
}
.xs-mmenubtn.right {
float: right;
margin-top: 8px;
}
#menu.mm-menu {
background-color: #9ed9c5;
}
#qlinkmenu {
background-color: #FF8E8E;
}
.mm-listview>li>a {
font-size: 16px;
}
.mm-listview>li>a i {
color: #fff;
display: inline-block;
width: 30px;
}
.fixed-menu {
position: fixed;
width: 100%;
left: 0;
top: -600px;
z-index: 99;
display: none;
transition: all 0.2s linear;
}
.fixed-menu.fixed_show { /* top: 0px !important; */
display: block;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
transition: all 0.2s linear; /* top: 0px !important; */
background-color: #fff; /* top: 0px !important; */
padding: 10px 15px;
}
.funcbtn {
display: inline-block;
vertical-align: top;
text-align: center;
}
.fixed-menu .mainmenuframe {
display: inline-block;
margin-left: 40px;
margin-top: 6px;
}
.fixed-menu .mainmenuframe ul li a {
display: block;
width: 100%;
padding: 10px 0px;
font-size: 18px;
font-weight: bold;
color: #9E9E9E;
}
.fixed-menu .mainmenuframe ul li a i {
margin-right: 10px;
color: #9E9E9E;
}
.fixed-menu .mainmenuframe ul li a:hover {
color: #FF6D00;
}
/*breadcrumbarea*/
section.breadcrumbarea {
background-color:rgba(234, 234, 233, 0.3);
border-radius:30px;
padding-left:30px;
margin-top:0px;
margin-bottom:20px;
position:relative;
z-index:15;
}
.breadcrumb {
margin-bottom: 0px;
background-color: transparent;
padding: 8px 0px;
}
.breadcrumb>.active {
color: #0e6cbc;
}
.breadcrumb>li, .breadcrumb>li a {
color: #58a1e0;
padding-right: 10px;
}
.breadcrumb>li, .breadcrumb>li a:hover {
color: #034176;
}
.breadcrumb>li+li:before {
padding: 0 15px 0 5px;
color: #70b6f1;
content: "\f0da";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*footer*/
footer {
padding: 15px 0px;
position: absolute;
width: 100%;
bottom: 0px;
background-color: #D9D9D9;
}
.onlineinfo {
text-align: center;
}
/*index left*/
.indexinfo {
}
.panel-default>.panel-heading {
padding: 0px;
background-color: transparent;
border: none;
}
.panel-title>a {
display: block;
padding: 18px 10px;
font-size: 18px;
font-weight: bold;
color: #6B6B6B;
position: relative;
}
.panel-title {
position: relative;
}
.panel-title:before {
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 5;
}
.panel-title>a span {
float: right;
font-size: 12px;
color: #aaa;
vertical-align: text-bottom;
display: inline-block;
margin-top: 5px;
}
.panel-group.indexinfo .panel {
border: none;
border-radius: 0px;
box-shadow: none;
}
.indexinfo .panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top: none;
padding: 5px 0px;
}
.msgls {
list-style: none;
padding-left: 0px;
}
.msgls li {
margin-bottom: 15px;
}
.msgls li a {
display: table;
width: 100%;
box-shadow: 0 0 2px #dadada;
padding: 10px;
}
.msgls li a:hover {
box-shadow: 0 0 4px #81CDB1;
}
.msgls li a .messagedate {
display: table-cell;
vertical-align: top;
}
.msgls li a .messagedate .year {
display: block;
background-color: #81CDB1;
color: #fff;
font-size: 20px;
font-family: 'Myriad Pro', '微軟正黑體';
text-align: center;
margin-left: -16px;
position: relative;
padding: 0px 5px;
}
.msgls li a .messagedate .year:before {
content: "";
display: block;
width: 5px;
height: 5px;
border-bottom: 4px solid transparent;
border-right: 5px solid #1b7957;
position: absolute;
bottom: -5px;
left: 0px;
}
.msgls li a .messagedate .mmdd {
color: #1B7957;
font-size: 20px;
font-family: 'Myriad Pro', '微軟正黑體';
margin-top: 5px;
text-align: center;
}
.msgls li a .messagedes {
display: table-cell;
vertical-align: middle;
padding-left: 20px;
position: relative;
}
.msgls li a .messagedes .msgtext {
display: table-cell;
}
.msgls li a .messagedes .msgtext .msgdepart {
display: inline-block;
width: 100%;
}
.msgls li a .messagedes .msgtext .msgcase {
display: inline-block;
width: 100%;
}
.msgls li a .messagedes .msgtext .msgdepart span, .msgls li a .messagedes .msgtext .msgcase span {
display: inline-block;
}
.msgls li a .messagedes .msgtext .msgdepart span:first-child, .msgls li a .messagedes .msgtext .msgcase span:first-child {
float: left;
width: 40%;
max-width: 70px;
}
.msgls li a .messagedes .msgtext .msgdepart span:last-child, .msgls li a .messagedes .msgtext .msgcase span:last-child {
float: left;
width: 60%;
}
.msgls li a .messagedes .tagarea {
display: table-cell;
vertical-align: bottom;
position: relative;
}
.msgls li a .messagedes .tagarea .tag01 {
font-size: 12px;
white-space: nowrap;
padding: 2px 4px;
background-color: #CD6B6A;
color: #fff;
border-radius: 3px;
}
.morearea {
text-align: right;
}
.morebtn01 {
display: inline-block;
padding: 0px 6px;
background-color: #869D96;
border-radius: 2px;
color: #fff;
}
.morebtn01:hover {
color: #fff;
background-color: #81CDB1;
}
.morebtn01 i {
margin-left: 5px;
}
/*index right*/
.indexfnbrick {
}
.indexfnbrick h3 {
border-bottom: 1px solid #ccc;
}
.fnbtnls {
}
.fnbtnls ul {
list-style: none;
padding-left: 0px;
display: inline-block;
width: 100%;
margin-top: 15px;
}
.fnbtnls ul li {
padding-left: 5px;
padding-right: 5px;
}
.fnbtnls ul li a {
display: inline-block;
width: 100%;
transition: all linear 0.3s;
}
.fnbtnls ul li a span {
transition: all linear 0.3s;
background-color: transparent;
display: block;
font-size: 45px;
border: 1px solid #ccc;
border-radius: 100px;
text-align: center;
width: 75px;
height: 75px;
margin: 0px auto;
}
.fnbtnls ul li a span i {
display: inline-block;
width: 50px;
height: 45px;
text-align: center;
margin-top: 13px;
transition: all linear 0.3s;
}
.fnbtnls ul li a p {
text-align: center;
margin-top: 10px;
}
.fnbtnls ul li a:hover span {
background-color: #81CDB1;
}
.fnbtnls ul li a:hover span i {
color: #fff;
}
.indexfnbrick h3 {
display: block;
}
.indexfnbrick h3 span {
display: inline-block;
padding-bottom: 10px;
font-size: 18px;
}
.cnt_orange h3 {
color: #E27510;
}
.cnt_orange h3 span {
border-bottom: 5px solid #E27510;
}
.cnt_orange .fnbtnls ul li a span {
color: #E27510;
}
.cnt_lgreen h3 {
color: #6CB132;
}
.cnt_lgreen h3 span {
border-bottom: 5px solid #6CB132;
}
.cnt_lgreen .fnbtnls ul li a span {
color: #6CB132;
}
.cnt_lblue h3 {
color: #48A2D4;
}
.cnt_lblue h3 span {
border-bottom: 5px solid #48A2D4;
}
.cnt_lblue .fnbtnls ul li a span {
color: #48A2D4;
}
.cnt_purple h3 {
color: #BD3F88;
}
.cnt_purple h3 span {
border-bottom: 5px solid #BD3F88;
}
.cnt_purple .fnbtnls ul li a span {
color: #BD3F88;
}
/*content page*/
.page-content.nptop>.container {
}
.leftmenuS {
display: none;
}
.leftmenucol {
background-color: #8dc63f;
padding-right: 0px;
padding-left: 0px;
min-height: 650px;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
margin-top:20px;
margin-bottom:20px;
}
.rightcontentcol h2,h2.type01{font-size:28px;font-weight:bold;border-bottom:1px solid #ccc;}
.rightcontentcol h2,h2.type01.type02{text-align:left;}
.rightcontentcol h2 span,h2.type01 span{display:inline-block;padding-bottom:10px;}
.rightcontentcol h2 span,h2.type01 span i{color:#8cc657;margin-right:10px;font-size:26px;}
.rightcontentcol h2 span,h2.type01.type02 span{}
.rightcontentcol {
padding-top: 30px;
padding-left: 35px;
min-height: 650px;
}
.leftmenuarea {
}
.leftmenuarea h3 {
border-bottom: 1px solid #f2f2f2;
font-size: 18px;
color: #fff;
padding: 10px 20px 10px 20px;
}
.leftmenuarea h3 i {
font-size: 30px;
vertical-align: sub;
display: inline-block;
margin-right: 10px;
width: 30px;
}
.leftmenuarea ul {
list-style: none;
margin-top: 30px;
padding-left: 27px;
padding-right: 27px;
}
.leftmenuarea ul li {
}
.leftmenuarea ul li.active a {
background-color: #D8FF00;
color: #1e6b00;
}
.leftmenuarea ul li a {
color: #fff;
display: block;
width: 100%;
padding: 15px 15px;
border-bottom: 2px solid #D8FF00;
}
.leftmenuarea ul li a:hover {
background-color: #D8FF00;
color: #1e6b00;
}
.leftmenuarea ul li a i {
font-size: 24px;
vertical-align: middle;
width: 24px;
display: inline-block;
margin-right: 10px;
}
.rightcontentcol h2 {
font-size: 28px;
font-weight: bold;
border-bottom: 1px solid #ccc;
}
.rightcontentcol h2 span {
display: inline-block;
border-bottom: 4px solid #A2B2CB;
padding-bottom: 10px;
}
.rcontfnbtnarea {
display: inline-block;
width: 100%;
margin-bottom: 10px;
margin-top: 10px;
}
.table-responsive {
position: relative;
}
.flright {
float: right;
}
.btn {
border-radius: 10px;
margin-bottom: 3px;
}
.btn:hover {
color: #fff;
}
.btnno {
border-radius: 0px;
margin: 0px;
padding:0px 3px;
}
.btnno:hover {
color:#0C6C00;
}
.btn-send {
color: #fff;
background-color: #91B4DC;
border-color: #3472b3;
}
.btn-send:hover {
background-color: #7CA1CC;
}
.btn-pink {
background-color: #E8ADC9;
color: #fff;
border-color: #DEA1BE;
}
.btn-pink:hover {
background-color: #DEA1BE;
}
.btn-green {
background-color: #95cd49;
color: #fff;
border-color: #9ecf5c;
}
.btn-green:hover {
background-color: #86bd3b;
}
.btn-send.btn-outline {
background-color: #fff;
color: #3472b3;
}
.btn-outline:hover {
background-color: #eee;
}
.btn-manage {
padding: 0px 4px 0px 2px;
margin: 0px;
border-radius: 7px;
}
.form-control {
border-radius: 0px;
}
.formarea {
padding-top: 15px;
padding-bottom: 30px;
}
.form-horizontal .radio-inline {
padding-top: 0px;
}
.form-inline label.inlinelabel {
margin-left: 25px;
padding-right: 5px;
color: #49A2D3;
}
.form-inline label.inlinelabel.blk {
color: #000;
}
.form-inline label.inlinelabel.gre {
color: #337900;
}
.form-line{
padding: 10px;
border: 1px solid #FDC473;
}
.btn-file input[type=file] {
position: absolute;
top: 0px;
right: 0px;
font-size: 999px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
background: red;
cursor: inherit;
display: inline-block;
min-width: 100%;
min-height: 100%;
}
.input-group-btn {
overflow: hidden;
}
.msgcoverimg {
max-width: 150px;
margin-top: 10px;
}
.form-group.text-right {
text-align: right;
}
.form-group .formbtnarea {
}
.form-control.mid {
width: 400px;
}
.form-control.sm{
width: 100px;
}
.must-have {
/*color: #D95C49!important;*/
position: relative;
}
.must-have:after {
content: "*";
color: #D95C49!important;
font-size: 15px;
vertical-align: text-top;
margin-left: 2px;
}
.must-have-false.form-control {
background-color: #E48779!important;
color: #fff!important;
}
.must-have-correct.form-control {
background-color: #A2D99E!important;
color: #106D09!important;
}
.formps {
display: inline-block;
margin-bottom: 10px;
margin-top: 10px;
width: 100%;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: auto;
}
.confirm.bootstrap-select>.dropdown-toggle {
padding: 0px 25px 0px 0px;
}
.confirm.bootstrap-select>.btn .label {
padding: 9px 12px;
font-size: 14px;
font-weight: normal;
display: block;
border-radius: 0px;
top: 0px;
}
.bootstrap-select.btn-group .dropdown-menu.inner .label {
border-radius: 0px;
font-size: 14px;
font-weight: normal;
}
.captchaimg{display:inline-block;}
.loginpanel{margin-top:10px;}
.passwordList{float:right;}
.passwordList li{list-style:none;display:inline-block;}
.passwordList li a{text-decoration:underline;}
@media(max-width:991px) {
header {
background-image:none;
}
.panel-title>a {
background-color: #FFFFFF;
border-radius: 3px;
border: 1px solid #ECECEC;
position: relative;
}
.panel-title>a.collapsed:after {
content: "\f107";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
right: 10px;
}
.panel-title>a:after {
content: "\f106";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
right: 10px;
}
.panel-title>a span {
margin-right: 25px;
}
.panel-title:before {
content: none;
}
/*content page*/
.leftmenucol {
min-height: 0px;
background-color: transparent;
}
.rightcontentcol {
min-height: 0px;
padding-top: 5px;
padding-left: 15px;
}
.leftmenuarea >h3 {
display: none;
}
/*left menu*/
.leftmenuL {
display: none;
}
.leftmenuS {
display: inline-block;
width: 100%;
margin-top: 10px;
}
.leftmenuS>button {
float: left;
background-color: #8cc657;
border: 0;
padding: 15px;
font-size: 18px;
color: #fff;
border-radius: 0px;
width: 100%;
}
.leftmenuS .dropdown-menu {
width: 100%;
border-radius: 0px;
background-color: #7daf50;
box-shadow: none;
padding-left: 0px;
margin-top: 0;
border-top: 1px solid #f2f2f2;
}
.leftmenuS ul.dropdown-menu li.active a {
border-radius: 0px;
}
.leftmenuS ul.dropdown-menu li a:hover, .leftmenuS ul.dropdown-menu li a {
border-radius: 0px;
}
}
@media(max-width:767px) {
.chkradboxlist li:before {
vertical-align: top;
}
/*header*/
header {
padding-top: 5px;
background-image:none;
}
.headerlogo {
width: 300px;
margin-top: 6px;
}
.hquicklink {
text-align: left;
display: none;
}
.hquicklink ul {
padding-left: 0px;
margin-top: 0px;
}
/*main menu*/
.xs-mmenubtn {
display: inline-block;
}
section.mainmenu {
display: none;
}
.fixed-menu .mainmenuframe {
display: none;
}
.funcbtn {
width: 100%;
}
/*content page*/
.rwdtbframe {
position: relative;
margin-top: 30px;
}
.rwdtbframe:after {
content: "可向右滑 →";
position: absolute;
top: -25px;
right: 0px;
color: #A34243;
font-weight: bold;
}
.form-inline label.inlinelabel {
margin-left: 0px;
margin-top: 10px;
display: block;
color: #000;
}
.form-control.mid {
width: 100%;
}
/*left menu*/
.leftmenuS {
display: inline-block;
width: calc(100% + 30px);
margin-top: 0px;
margin-left: -15px;
}
}