body{font-family: "微軟正黑體","Helvetica Neue",Helvetica,Arial,sans-serif;}
a{color:#000;}
a.disable{pointer-events: none;cursor: not-allowed;-webkit-box-shadow: none;box-shadow: none;}
.a_blue a{color:#013299;}
.a_blue_u a{color:#013299;text-decoration: underline;}
ol, ul {margin-bottom: 0px;  padding-left: 25px;}
ol.pl12, ul.pl12{padding-left: 12px;}
ol.pl0, ul.pl0{padding-left: 0px;}
li{margin:0px;}
hr{border-top: 1px solid #ccc;}
label.font-normal{font-weight:400;}
.inline-block{display:inline-block;}
.table.nobk{  background-color: transparent;}

/*特殊*/
.pre{white-space: pre-wrap;word-break: break-all;text-overflow: ellipsis;}

.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font19{font-size:19px;}
.font20{font-size:20px;}
.font21{font-size:21px;}
.font24{font-size:24px;}
.font-bold{font-weight:bold;}
.lineheight17{line-height: 1.7em;}
.t-shadow{text-shadow: 1px 1px 0px #F5F5F5;}

.p2{padding:2px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.pt1{padding-top:1px;}
.pt2{padding-top:2px;}
.pt3{padding-top:3px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt80{padding-top:80px;}
.pt100{padding-top:100px;}
.pt150{padding-top:150px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl12{padding-left:12px;}
.pl15{padding-left:15px;}
.pl30{padding-left:30px;}
.pl80{padding-left:80px;}
.pr0{padding-right:0px;}
.ptb5{padding-top:5px;padding-bottom:5px;}
.ptb7{padding-top:7px;padding-bottom:7px;}
.ptb10{padding-top:10px;padding-bottom:10px;}
.plr3{padding-left:3px;padding-right:3px;}
.plr5{padding-left:5px;padding-right:5px;}
.plr7{padding-left:7px;padding-right:7px;}
.plr10{padding-left:10px;padding-right:10px;}
.plr10perc{padding-left:10%;padding-right:10%;}
.plr20perc{padding-left:20%;padding-right:20%;}
.plr20{padding-left:20px;padding-right:20px;}
.plr30{padding-left:30px;padding-right:30px;}
.mg0{margin:0px;}
.mg15{margin:15px;}
.mgt-5{margin-top:-5px;}
.mgt5{margin-top:5px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt30{margin-top:30px;}
.mgt60{margin-top:60px;}
.mgb3{margin-bottom:3px;}
.mgb5{margin-bottom:5px;}
.mgl3{margin-left:3px;}
.mgl5{margin-left:5px;}
.mgl10{margin-left:10px;}
.mgl12{margin-left:12px;}
.mgl20{margin-left:20px;}
.mgl30{margin-left:30px;}
.mgl40{margin-left:40px;}
.mgl120{margin-left:120px;}
.mgl60{margin-left:60px;}
.mglr30{margin-left:30px;margin-right:30px;}
.mgr5{margin-right:5px;}
.mgr15{margin-right:15px;}
.margin-center{margin:0 auto;}

.hl_orange{color: rgb(252, 109, 6);font-weight: bold;}
.hl_dred{color: #cf0001;font-weight: bold;}
.color_black{color:#000;}
.color_white{color:#fff;}
.color_dred{color:#cf0001;}
.color_dgray{color:#555;}
.color_dblue{color:#013298;}
.color_orange{color: rgb(252, 109, 6);}
.color_green{color: #009900;}
.color_violet{color: #cc0066;}
.bk_white{background:#fff;}
.bk_lightyellow{background:#ffffb3;}
.bk_gray{background:#e9e9e9;}
.bk_darkgray{background:#ccc;}
.bk_whiteblue{background:#f5faff;}
.bk_greenblue{background:#a9d9e3;}
.bk_lightblue{background:#d6ebff;}
.bk_blue{background:#99cdff;}

.border_c{border: 1px solid #ccc;}
.border_9{border: 1px solid #999;}
img.icon{margin-top: -2px;margin-right: 3px;display:inline-block;}
img.icon.mgr5{margin-right:5px;}

.sqbox{border-radius: 0px; -webkit-box-shadow:none;box-shadow:none;width:auto;padding:0 5px;display:inline-block;vertical-align: middle;border: 1px #a9a9a9 solid;}
.sqbox.sqbox_style1{border-radius: 4px;width:330px;height:32px;}
input.sqbox{font-size:15px;height: 22px;}
input.sqbox.vertical-top{vertical-align:top;}
input.sqbox.width240px{width:240px;}
input.sqbox.width260px{width:260px;}
select.sqbox{padding-left:3px;font-size:14px;}
textarea.sqbox{padding:7px 12px;}

div.file-inputstyle{position:relative;}
div.file-inputstyle input[type="text"].ftext{width:240px;}
div.file-inputstyle input[type="file"].fubtn{position: absolute;top: 3px; left: 2px; height: 24px; filter: alpha(opacity:0); opacity: 0;}
div.file-inputstyle input[type="file"].fubtn.width305px{width: 305px;}

.floatleft{float:left;}
.floatright{float:right;}
.clear{clear:both;}
.vertical-top{vertical-align:top;}
.vertical-center{vertical-align:middle;}
.vertical-bottom{vertical-align:bottom;}


.starbox.inline{display:inline-block; margin-top:-5px;vertical-align:middle;}

/*基本表格*/
.table{display:table;position:relative;}
.tcaption{display: table-caption;}
.trow{display:table-row;}
.cell{display:table-cell;}
.colspan{position:absolute;word-break: break-all;}
.colspan.hasoc{width:auto;}
.colspan.hasoc.width80{width:80%;}
.colspan.hasoc.pt5{padding-top:5px;}

.nowarp{white-space: nowrap;}

/*hr 中間插入文字，請參考整頁登入頁面*/
.table.hrgroup{margin-bottom:0px;}
.table.hrgroup .text{width:1%;vertical-align:middle;padding:0 5px;font-size: 16px;}

.width1{width:1%;}
.width5{width:5%;}
.width7{width:7%;}
.width8{width:8%;}
.width10{width:10%;}
.width11{width:11%;}
.width12{width:12%;}
.width15{width:15%;}
.width16{width:16%;}
.width17{width:17%;}
.width18{width:18%;}
.width19{width:19%;}
.width20{width:20%;}
.width21{width:21%;}
.width23{width:23%;}
.width24{width:24%;}
.width25{width:25%;}
.width26{width:26%;}
.width27{width:27%;}
.width28{width:28%;}
.width29{width:29%;}
.width30{width:30%;}
.width31{width:31%;}
.width33{width:33%;}
.width35{width:35%;}
.width37{width:37%;}
.width40{width:40%;}
.width43{width:43%;}
.width90{width:90%;}
.width100{width:100%;}
.width80px{width:80px;}
.width100px{width:100px;}
.width150px{width:150px;}
.width450px{width:450px;}
.width600px{width:600px;}

/*註解 (灰色小字)*/
.note{font-size: 80%;color: #666;}

/*li 樣式:方塊*/
.in-ul-noliststyle ul > li{list-style:none;}
.in-ol-noliststyle ol > li{list-style:none;}
ul.squarelist{padding-left: 0px;}
ul.squarelist li{margin-bottom: 5px;list-style-type: none;background:transparent url(../../templet/images/dot4px.gif) 0px 50% no-repeat;padding-left: 10px;}
/*li 樣式:字母abc*/
ol.lower-alpha li{list-style-type: lower-alpha;}
/*li 樣式:右邊括號 "1)"、"2)"*/
ol.custom-counter {padding-left: 0px; margin-left: 0; padding-right: 0; list-style-type: none;}
ol.custom-counter > li{counter-increment: step-counter; position: relative;}
ol.custom-counter > li:before { content: counter(step-counter) ")"; padding: 0px; border-radius: 3px;display: block;position: absolute; right: 101%;}

/*bootstarp 進度條樣式*/
.progress.pgstyle-right{margin-right: 45px;overflow: visible;height: 15px;margin-bottom: 0px;background-color: transparent;-webkit-box-shadow:none; box-shadow: none;}
.progress.pgstyle-right .progress-bar{border:1px solid rgb(198, 101, 0);border-left-style:none;border-radius: 0 3px 3px 0;position: relative;background-image: url('../../templet/images/bar_bk_o.png');background-repeat: repeat-x;  background-color: transparent; -webkit-box-shadow:none; box-shadow: none;}
.progress.pgstyle-right .bartext{position: absolute;width:45px;right: -50px;white-space: nowrap;color:#000;text-align:left;font-size: 14px;line-height: 13px;}

/*影片版型:播放時間在右下角*/
.video{width:138px;}
.video img{padding: 4px;background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
.video .time{margin:-24px 7px 10px 0;}
.video .time span{color:#fff;background-color: rgba(50, 50, 50, 0.7);border: 0px solid #ccc;border-radius: 3px;padding:1px 3px;  font-size: 13px;}

/*分割成兩格，以某一邊為主的table格式*/
.t2group{position: relative;display: table;border-collapse: separate;}
.t2group .t2-body {display: table-cell;  width: 100%;vertical-align: middle;}
.t2group .t2-text {display: table-cell;width: 1%;white-space: nowrap;  vertical-align: middle;}
.t2group .vtop{vertical-align:top;}
.t2group .vbtm{vertical-align:bottom;}

/*含有底色的標籤*/
.colortab{padding:0 2px 1px 2px;font-size:12px;}
.colortab.red{color:#fff;background: #cc0000;}
.colortab.green{color:#fff;background: #009900;}
.colortab.purple{color:#fff;background: #cc33ff;}


/*button 樣式*/
.button {font-size:14px;font-weight:normal;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;border:1px solid #a4a4a4;padding:1px 10px;text-decoration:none;background:-moz-linear-gradient( center top, #f2f2f2 5%, #e3e3e3 100% );background:-ms-linear-gradient( top, #f2f2f2 5%, #e3e3e3 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e3e3e3');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f2f2f2), color-stop(100%, #e3e3e3) );background-color:#f2f2f2;color:#000;display:inline-block;-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;box-shadow:inset 1px 1px 0px 0px #ffffff;vertical-align:middle;}
.button:hover {background:-moz-linear-gradient( center top, #e3e3e3 5%, #f2f2f2 100% );background:-ms-linear-gradient( top, #e3e3e3 5%, #f2f2f2 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#f2f2f2');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e3e3e3), color-stop(100%, #f2f2f2) );background-color:#e3e3e3;}
.button:active {position:relative;top:1px;}

.button.bigbtn{font-size: 15px;border-radius:3px;padding:4px 15px;background:-moz-linear-gradient( center top, #fefefe 5%, #ededed 100% );background:-ms-linear-gradient( top, #fefefe 5%, #ededed 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#ededed');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fefefe), color-stop(100%, #ededed) );background-color:#fefefe;color:#111;}
.button.bigbtn:hover{background:-moz-linear-gradient( center top, #ededed 5%, #fefefe 100% );background:-ms-linear-gradient( top, #ededed 5%, #fefefe 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#fefefe');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #fefefe) );background-color:#ededed;}
.button.bigbtn.active, .button.bigbtn.active:hover{border:1px solid #333;
background:-moz-linear-gradient( center top, #4e4e4e 5%, #2c2c2c 100% );background:-ms-linear-gradient( top, #4e4e4e 5%, #2c2c2c 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e4e4e', endColorstr='#2c2c2c');
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #4e4e4e), color-stop(100%, #2c2c2c) );background-color:#000;color:#fff;
-webkit-box-shadow:inset 1px 1px 0px 0px #3b3b3b;-moz-box-shadow:inset 1px 1px 0px 0px #3b3b3b;box-shadow:inset 1px 1px 0px 0px #3b3b3b;}

.button.green{border:1px solid #5fb051;background:-moz-linear-gradient( center top, #7cca5a 5%, #57ba3f 100% );background:-ms-linear-gradient( top, #7cca5a 5%, #57ba3f 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7cca5a', endColorstr='#57ba3f');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #7cca5a), color-stop(100%, #57ba3f) );background-color:#7cca5a;color:#ffffff;-webkit-box-shadow:inset 1px 1px 0px 0px #abd685;-moz-box-shadow:inset 1px 1px 0px 0px #abd685;box-shadow:inset 1px 1px 0px 0px #abd685;}
.button.green:hover {background:-moz-linear-gradient( center top, #57ba3f 5%, #7cca5a 100% );background:-ms-linear-gradient( top, #57ba3f 5%, #7cca5a 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#57ba3f', endColorstr='#7cca5a');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #57ba3f), color-stop(100%, #7cca5a) );background-color:#57ba3f;}

.button.darkgreen{border:1px solid #198c3e;background:-moz-linear-gradient( center top, #7dc24e 5%, #2c9a48 100% );background:-ms-linear-gradient( top, #7dc24e 5%, #2c9a48 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7dc24e', endColorstr='#2c9a48');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #7dc24e), color-stop(100%, #2c9a48) );background-color:#7dc24e;color:#ffffff;-webkit-box-shadow:inset 1px 1px 0px 0px #a2dbb4;-moz-box-shadow:inset 1px 1px 0px 0px #a2dbb4;box-shadow:inset 1px 1px 0px 0px #a2dbb4;}
.button.darkgreen:hover {background:-moz-linear-gradient( center top, #2c9a48 5%, #7dc24e 100% );background:-ms-linear-gradient( top, #2c9a48 5%, #7dc24e 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c9a48', endColorstr='#7dc24e');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #2c9a48), color-stop(100%, #7dc24e) );background-color:#2c9a48;}

.button.blue{border:1px solid #5db9ff;background:-moz-linear-gradient( center top, #a8e4fe 5%, #75c6f1 100% );background:-ms-linear-gradient( top, #a8e4fe 5%, #75c6f1 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8e4fe', endColorstr='#75c6f1');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #a8e4fe), color-stop(100%, #75c6f1) );background-color:#a8e4fe;color:#000;-webkit-box-shadow:inset 1px 1px 0px 0px #b3defa;-moz-box-shadow:inset 1px 1px 0px 0px #b3defa;box-shadow:inset 1px 1px 0px 0px #b3defa;}
.button.blue:hover {background:-moz-linear-gradient( center top, #75c6f1 5%, #a8e4fe 100% );background:-ms-linear-gradient( top, #75c6f1 5%, #a8e4fe 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#75c6f1', endColorstr='#a8e4fe');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #75c6f1), color-stop(100%, #a8e4fe) );background-color:#75c6f1;}

.button.darkblue{border:1px solid #366cb4;background:-moz-linear-gradient( center top, #7ccdf3 5%, #4a7bbf 100% );background:-ms-linear-gradient( top, #7ccdf3 5%, #4a7bbf 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ccdf3', endColorstr='#4a7bbf');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #7ccdf3), color-stop(100%, #4a7bbf) );background-color:#7ccdf3;color:#ffffff;-webkit-box-shadow:inset 1px 1px 0px 0px #9cd0f0;-moz-box-shadow:inset 1px 1px 0px 0px #9cd0f0;box-shadow:inset 1px 1px 0px 0px #9cd0f0;}
.button.darkblue:hover {background:-moz-linear-gradient( center top, #4a7bbf 5%, #7ccdf3 100% );background:-ms-linear-gradient( top, #4a7bbf 5%, #7ccdf3 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a7bbf', endColorstr='#7ccdf3');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #4a7bbf), color-stop(100%, #7ccdf3) );background-color:#4a7bbf;}

.button.pink{border:1px solid #d13c73;background:-moz-linear-gradient( center top, #fd78a4 5%, #fb338a 100% );background:-ms-linear-gradient( top, #fd78a4 5%, #fb338a 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd78a4', endColorstr='#fb338a');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fd78a4), color-stop(100%, #fb338a) );background-color:#fd78a4;color:#ffffff;-webkit-box-shadow:inset 1px 1px 0px 0px #fa9bdd;-moz-box-shadow:inset 1px 1px 0px 0px #fa9bdd;box-shadow:inset 1px 1px 0px 0px #fa9bdd;}
.button.pink:hover {background:-moz-linear-gradient( center top, #fb338a 5%, #fd78a4 100% );background:-ms-linear-gradient( top, #fb338a 5%, #fd78a4 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb338a', endColorstr='#fd78a4');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fb338a), color-stop(100%, #fd78a4) );background-color:#fb338a;}

.button.orange{border:1px solid #ff8000;background:-moz-linear-gradient( center top, #ffaf01 5%, #f98900 100% );background:-ms-linear-gradient( top, #ffaf01 5%, #f98900 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaf01', endColorstr='#f98900');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffaf01), color-stop(100%, #f98900) );background-color:#ffaf01;color:#ffffff;-webkit-box-shadow:inset 1px 1px 0px 0px #ffc073;-moz-box-shadow:inset 1px 1px 0px 0px #ffc073;box-shadow:inset 1px 1px 0px 0px #ffc073;}
.button.orange:hover {background:-moz-linear-gradient( center top, #f98900 5%, #ffaf01 100% );background:-ms-linear-gradient( top, #f98900 5%, #ffaf01 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f98900', endColorstr='#ffaf01');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f98900), color-stop(100%, #ffaf01) );background-color:#f98900;}

.button.red_nogradient{border:1px solid #cb3301;background:#cb3301;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb3301', endColorstr='#cb3301');color:#ffffff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.button.red_nogradient:hover {background:#d93e0b;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d93e0b', endColorstr='#d93e0b');}

.button.blacktext{color:#000;}
.button.whitetext{color:#fff;}

/* + - 按鈕*/
.toggle_btn{background: transparent;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;border-width:0px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding: 0px;}
.toggle_btn.btn_plus{background: url(../../templet/images/plus_btn.png) no-repeat;width:14px;height:14px;}
.toggle_btn.btn_minus{background: url(../../templet/images/minus_btn.png) no-repeat;}

/*顯示搜索結果按鈕(像select)*/
.toggle_btn.selectstyle{background: transparent;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;border-width:0px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:0 20px 0 5px;display:inline-block;vertical-align: middle;border: 1px #a9a9a9 solid;}
.toggle_btn.selectstyle{background: url(../../templet/images/arrowdown_btn.png) right center no-repeat;}
.toggle_btn.selectstyle.open{background: url(../../templet/images/arrowup_btn.png) right center no-repeat;}

.remove{background: transparent;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;border-width:0px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding: 0px;background: url(../../templet/images/remove_btn.png) no-repeat;width:9px;height:10px;margin-left:1px;}


/*分頁樣式*/
.pagination>li:first-child>a, .pagination>li:first-child>span {border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.pagination>li:last-child>a, .pagination>li:last-child>span {border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.pagination>li>a, .pagination>li>span {  color: #fff;border: 1px solid #2c2c2c;background:#2c2c2c;margin-right:3px;  padding: 1px 6px;font-size: 13px;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {color: #fff;background-color: #777;border-color: #888;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {z-index: 2;color: #fff;cursor: default;background-color: #118c94;border-color: #118c94;font-weight:bold;}
.pagination>li>.nostyle{color: #000;border: 1px solid #fff;background:#fff;margin-right:3px;  padding: 0px;font-weight:bold;}


/*header*/
header .top{background:#666;color:#fff;font-size:13px;padding:1px 0;}
header .top a{color:#fff;}
header .top a:hover{color:#FFC10E;}
header > .container{padding-top:10px;padding-bottom:10px;}
header > .container .searchblock{margin: 10px 0 0 25px;}
@media (min-width: 768px) {
    header > .container .searchblock{margin: 15px 0 0 10px;}
}
header > .container .searchbar_label{font-size:15px;float:left;margin: 6px 2px 0 0;font-weight:bold;}
header > .container .searchbar{position: relative;cursor: text;width:255px;height:34px;float:left;}
header > .container .searchbar input{width:255px;}
header > .container .searchbar .glyphicon-search{position: relative;top:7px;right:8px;font-size:20px;}
header > .container .searchbar .searchtext{position: absolute;float:left;}
header > .container .searchbar .searchicon{float:right;z-index:10px;cursor: pointer;}
header > .container .searchbar a{color:#999;}
header > .container .keyword{padding-left:10px;}
header #main-menu{background-color: #54b3c7}
header #main-menu .title{color:#fff;font-size:18px;background:url(../../templet/images/header_btn.png) no-repeat right #54b3c7;text-align:center;line-height:2.1em;height:36px;padding:0px;position: static;  cursor: pointer;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
header #main-menu .title:hover{color:#000;background: url(../../templet/images/header_btn_hover.png) no-repeat right #fbc527;}
header #main-menu .title .glyphicon-chevron-down{font-size: 12px;top: 0px;left: 7px;}
header #main-menu .title > a{display:block;color:#fff;text-decoration:none;}
header #main-menu .title > a:hover{color:#000;}
header #main-menu .open{color:#000;background: url(../../templet/images/header_btn_open.png) no-repeat right #fbc527;}
header #main-menu .open:hover{color:#000;background: url(../../templet/images/header_btn_open.png) no-repeat right #fbc527;}
header #main-menu .open a{color:#000;}
header #main-menu .open a .glyphicon-chevron-down:before{content: "\e113";}
header #sub-menu{background:#fbc527;}
header #sub-menu .mtext{background:#fbc527;left: 0;width: 100%;opacity: 1;font-size:15px;padding:7px 0;text-align:left;margin-top: -1px;line-height: 1em;display:none;}
header .colorbar {background: url(../../templet/images/colorbar.png) repeat-x; margin: 0; height: 15px;margin-top: 1px;}

/*footer*/
footer{background: #54b3c7;padding-bottom:25px;color:#fff;margin-top: 30px;}
footer a{color:#fff;}
@media (min-width: 992px){
footer .logo-bottom{margin-top: 153px;margin-bottom: 5px;font-size:12px;}
}
footer .tag{margin-top:-23px;background: url(../../templet/images/topicon.png) no-repeat right;padding-top:3px;}
footer .tag a{margin-right:17px;font-weight:bold;}
footer .flist{float:left;}
footer .flist .title{font-size: 18px;font-weight:bold;border-bottom:1px solid #fff;padding:12px 12px 5px 12px;margin-bottom:2px;}
footer .flist .content{padding: 0 12px;}
footer .flist .content ul{padding-left:0px;list-style-type:none;}
footer .container > hr{margin-top: 0px;}

/*五等分*/
.col-lg-25, .col-md-25, .col-sm-25, .col-xs-25{
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-25{float: left;width: 20%;}

@media (min-width: 768px) {
    .col-sm-25 {float: left;width: 20%;}
}

@media (min-width: 992px){
    .container{width:980px;}
    .col-md-25{float: left;width: 20%;}
}

@media (min-width: 1200px) {
    .col-lg-25{float: left;width: 20%;}
}