@charset "utf-8";
/*  ===== 基本覆寫 ===== */

*{font-family:Verdana,微軟正黑體, Microsoft JhengHei, Arial, Helvetica, sans-serif;}
html,body{height:100%; margin:0; padding:0;}

/*
*{font-family:Verdana,新細明體, PMingLiU, Arial, Helvetica, sans-serif;}
html,body{height:100%; margin:0; padding:0;}
*/
/*  ===== 系統layout ===== */
.WrapperBody{width:100%;}
.WrapperBody .topinfo{padding:10px 0; height:47px;}
.WrapperHeader{background:url(../images/bgbody.jpg) center top  no-repeat; height:172px;}
.WrapperHeader .logo{position:absolute; margin-top:35px;}
.WrapperHeader .loginfo{position:absolute; margin-top:95px;}
.WrapperHeader .mainmenu{position:absolute; margin-top:120px;}
.WrapperFooter{background:#47b1ce;}
.WrapperFooter .footerblock{text-align:center; padding:10px 0;}
.corner10{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.yellowbgcolor{background:#ffeb85;}
.bluebgcolor{background:#13b2dd;}
.lightgreenbgcolor{background:#f6f9ed;}
.lightgreenborder{border:2px solid #e3eebe;}
.lightredbgcolor{background:#f9edee;}
.lightredborder{border:2px solid #f2ced1;}
.lightorangebgcolor{background:#f9f3ed;}
.lightorangeborder{border:2px solid #f2e0ce;}
.lightyellowbgcolor{background:#f9f7ed;}
.lightyellowborder{border:2px solid #f2ecce;}
.lightbluebgcolor{background:#eef8f0;}
.lightblueborder{border:2px solid #d0efd5;}
.lightdarkbluebgcolor{background:#edf2f9;}
.lightdarkblueborder{border:2px solid #d4e2f4;}
.blackbgcolor{background:#000;} 
.inputblock{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; border:1px solid #CDCDCD; width:100%;}
.loginbtnright{text-align:right;}

/* ie */
.ie8 .inputblock{padding:5px;}
.ie9 .inputblock{padding:5px;}
.ie10 .inputblock{padding:5px;}
.ie11 .inputblock{padding:5px;}

/*  ===== 網站元件樣式 ===== */
/* btnstyle */
.genbtn{background:url(../images/BgBtnOut.gif) repeat-x top #8ce4ee; border:1px solid #57bdc7; padding:5px 15px;*padding:5px;_padding:5px;color:#2e6b87; font-size:15px; margin:0px 2px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; font-weight:bold;}
.genbtnhover{background:url(../images/BgBtnOver.gif) repeat-x top #42c5d5; border:1px solid #2eaaba; padding:5px 15px;*padding:5px;_padding:5px;color:#024b55; font-size:15px; cursor:pointer; margin:0px 2px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;font-weight:bold;}
.genbtnS{background:url(../images/BgBtnOut.gif) repeat-x top #8ce4ee; border:1px solid #57bdc7; padding:3px 10px;*padding:5px;_padding:5px;color:#2e6b87; font-size:12px; margin:0px 2px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; font-weight:bold;}
.genbtnShover{background:url(../images/BgBtnOver.gif) repeat-x top #42c5d5; border:1px solid #2eaaba; padding:3px 10px;*padding:5px;_padding:5px;color:#024b55; font-size:12px; cursor:pointer; margin:0px 2px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;font-weight:bold;}
a.genbtnS{text-decoration:none;}
a.genbtn{text-decoration:none;}

/*  ===== 基本CSS ===== */
/* 版面控制項 */
.twocol:after{display:block; clear:both; content:"."; visibility:hidden; height:0;}
.twocol .right{float:right;}
.twocol .left{float:left;}

.fixwidth{width:1240px;margin:0 auto;}
.fixwidth1{width:1000px;margin:0 left; }
.fullliquid{width:100%; min-width:1240px; padding:0 5px;}

/* 間距微調與美編 */
.margin5TB{margin-top:5px; margin-bottom:5px;}
.margin10TB{margin-top:10px; margin-bottom:10px;}
.margin15TB{margin-top:15px; margin-bottom:15px;}
.margin20TB{margin-top:20px; margin-bottom:20px;}
.margin25TB{margin-top:25px; margin-bottom:25px;}
.margin30TB{margin-top:30px; margin-bottom:30px;}
.margin5B{margin-bottom:5px;}
.margin5T{margin-top:5px;}
.margin10B{margin-bottom:10px;}
.margin10T{margin-top:10px;}
.margin15B{margin-bottom:15px;}
.margin15T{margin-top:15px;}
.margin20B{margin-bottom:20px;}
.margin20T{margin-top:20px;}
.margin25B{margin-bottom:25px;}
.margin25T{margin-top:25px;}
.margin30B{margin-bottom:30px;}
.margin30T{margin-top:30px;}
.margin35B{margin-bottom:35px;}
.margin35T{margin-top:35px;}
.margin45T{margin-top:45px;}
.margin55T{margin-top:55px;}
.margin65T{margin-top:65px;}
.margin75T{margin-top:75px;}
.margin85T{margin-top:85px;}
.padding10TB{padding-top:10px; padding-bottom:10px;}
.padding20TB{padding-top:20px; padding-bottom:20px;}
.padding5TB{padding-top:5px; padding-bottom:5px;}
.padding5RL{padding-left:5px; padding-right:5px;}
.padding5all{padding:5px;}
.padding10all{padding:10px;}

.margin10R{margin-right:10px;}

.titlebackicon{background:url(../images/twocoltitleback.gif) no-repeat right; padding-right:10px;}
.textcenter{text-align:center;}
.inputex{padding:2px; border:1px solid #999;}

.bannerImage1{width:1000px;margin:0 left; }

/* 外深內淺藍雙色表單 */
.stripeMe table{border-collapse:collapse; border:1px solid #97c1c0;}
.stripeMe td{padding:10px 5px; border-collapse:collapse; border:1px solid #d7efef; background-color:#f8fdfe;}
.stripeMe th{color:#000; padding:8px; border-collapse:collapse; border:1px solid #97c1c0; background:#cbeeef;}
.stripeMe th a{color:#fff; text-decoration:none;}
.stripeMe th a:hover{text-decoration:underline;}
.stripeMe tr.alt td {background-color:#edfafb;}
.stripeMe tr td:first-child{border-left-color:#97c1b8;}
.stripeMe tr th:first-child{border-left-color:#97c1b8;}
.stripeMe tr td:last-child{border-right-color:#97c1b8;}
.stripeMe tr th:last-child{border-right-color:#97c1b8;}
.stripeMe tr:last-child td{border-bottom-color:#97c1b8;}
/* 雙層表格 */
.stripeMe tr.stripeMeHideTd td{background:#fff; padding:0;}
.stripeMe tr.stripeMeHideTd td td{padding:5px;}
/* 清單表格 */
.gentable table{border-collapse:collapse;}
.gentable td{padding:5px; border-collapse:collapse; border-bottom:1px dotted #bababa;}
td.leftTitle{background:#f1f6f9;}

.datatable table{border-collapse:collapse;border:1px solid #c5d0d7;}
.datatable td{border-collapse:collapse; border:1px solid #c5d0d7; padding:5px;}
/*.datatable td.titlebg{background:#f1f7f9;}*/
.datatable td.titlebg{background:#F2FFFF;}
.datatable td.titlebigbg{background:#d0eaf5; color:#245572;}
.datatable td.titlebgRed{background:red;}

/* 常用尺寸 */
.width5{width:5%;}
.width6{width:6%;}
.width7{width:7%;}
.width8{width:8%;}
.width9{width:9%;}
.width10{width:10%;}
.width12{width:12%;}
.width13{width:13%;}
.width15{width:15%;}
.width16{width:16%;}
.width17{width:17%;}
.width18{width:18%;}
.width19{width:19%;}
.width20{width:20%;}
.width21{width:21%;}
.width22{width:22%;}
.width23{width:23%;}
.width24{width:24%;}
.width25{width:25%;}
.width30{width:30%;}
.width33{width:33%;}
.width35{width:35%;}
.width37{width:37%;}
.width40{width:40%;}
.width45{width:45%;}
.width48{width:48%;}
.width50{width:50%;}
.width55{width:55%;}
.width60{width:60%;}
.width65{width:65%;}
.width70{width:70%;}
.width75{width:75%;}
.width80{width:80%;}
.width83{width:83%;}
.width85{width:85%;}
.width90{width:90%;}
.width95{width:95%;}
.width98{width:98%;}
.width99{width:99%;}
.width100{width:100%;}
	
/* line-hight */
.lineheight01{line-height:1.2em;}
.lineheight02{line-height:1.5em;}
.lineheight03{line-height:1.8em;}
.lineheight04{line-height:2em;}
.lineheight50{line-height:20em;}
/* font */
.font-size1{font-size:0.769em;}
.font-size2{font-size:0.923em;}
.font-size3{font-size:1.154em;}
.font-size4{font-size:1.385em;}
.font-size5{font-size:1.615em;}
.font-size6{font-size:1.843em;}
.font-size7{font-size:2em;}
.font-size8{font-size:2.2em;}
.font-size9{font-size:2.5em;}
.font-bold{font-weight:bold;}
.font-debold{font-weight:normal;}

/* 一般用字 */
.font-normal{color:#181818;}
.font-normal a{color:#0C87C9; text-decoration:none;}
.font-normal a:hover{color:#00d2ff; text-decoration:underline;}
/* 有色用字 */
.font-stress{color:#2173b3;}
.font-stress a{color:#2173b3; text-decoration:none;}
.font-stress a:hover{color:#00aeee;}
/* 標題用字 */
.font-title{color:#0880a0;}
.font-title a{color:#0079be; text-decoration:none;}
.font-title a:hover{color:#2173b3;}
.font-black{color:#000;}
.font-black a{color:#000; text-decoration:none;}
.font-black a:hover{color:#00ccff; text-decoration:underline;}
/* 說明用字 */
.font-light{color:#959595;}
.font-light a{color:#959595; text-decoration:none;}
.font-light a:hover{color:#00aeee;}
/* 純白字 */
.font-white{color:#fff;}
.font-white a{color:#fff; text-decoration:none;}
.font-white a:hover{color:#FF0;}
/* 紅字 */
.font-red{color:#FF0000;}

/*  ===== 套件覆寫用CSS ===== */
/* 覆寫bootstrap */
@media (max-width: 780px) {
	.GenFixWidth{width:inherit; margin:inherit;}
	.coltextright{text-align:left}
}
/* 覆寫bootstrap初始設定 */
@media (min-width: 768px) {
	.no-gutter > [class*='col-'] {
    padding-right:0px;
    padding-left:0px;
	}
	
}
@media (min-width: 992px) {
	.no-gutter > [class*='col-'] {
    padding-right:5px;
    padding-left:5px;
	}
	
}
@media (min-width: 1200px) {
    .no-gutter > [class*='col-'] {
    padding-right:5px;
    padding-left:5px;
	}
	.container{width:970px;}
}
/* colorbox */
#colorbox #cboxClose { top: 5px;  right: 0;background:url('../images/colorboxcancel.gif') no-repeat;z-index:10;}
#cboxTitle{position:absolute; top:0px; left:0; text-align:left; padding-top:5px; padding-left:5px; width:100%;height:35px; color:#FFF;font-weight:bold;background:url('../images/colorboxbarbg.gif') repeat-x top #2d70a4;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.colorboxnewborder{
    border: 0;
    border-radius: 5px;
    margin: 10px;
}

/* mixup filter */
.filter{cursor:pointer;}
#planlist .mix{
	display: none;
	width:100%;
}
/* 縱向頁籤 */
.ui-tabs.ui-tabs-vertical {
    padding: 0;
    width: auto;
}
.ui-tabs.ui-tabs-vertical .ui-widget-header {
    border: none;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
    float: left;
    width: auto;
    background: #CCC;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid gray;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    margin: 0.2em 0;
    border: 1px solid gray;
    border-width: 1px 0 1px 1px;
    border-radius: 4px 0 0 4px;
    overflow: hidden;
    position: relative;
    right: -2px;
    z-index: 2;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    width: 140px;
    padding: 0.6em 1em;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:hover {
    cursor: pointer;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0.2em;
    padding-bottom: 0;
    border-right: 1px solid #eae5dd;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li:last-child {
    margin-bottom: 10px;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-panel {
    float: left;
    width: 785px;
    border-left: 1px solid gray;
    border-radius: 0;
    position: relative;
    left: -1px;
}