/**/
.main-container{margin-top:3px;padding-bottom: 40px;}

/*一般區塊*/
.c_block > .title{margin-top:2px;padding-left:10px;padding-right:4px;margin-bottom: 5px;}
.c_block > .title h3{font-size: 20px;color: #000;padding: 0px;margin: 0px;font-weight:bold;text-shadow: 1px 1px 0px #F5F5F5;;}
.c_block > .colorbar_s{background: url(../../templet/images/colorbar2.png) no-repeat #666; height: 3px;margin-bottom: 10px;}
.c_block > .content{font-size: 13px;color:#000;}
.c_block > .content.nofontset{font-size:inherit;}
.c_block > .content li{margin-left:0px;}
.c_block > .content p{margin-left:5px;margin-bottom:0px;}
/*右上角more 以及 社群icon*/
/*.toolicon_more {position: absolute;width: 39px;height: 11px;z-index: 10;background: url(image/more-icon.png) no-repeat;right: 19px;margin-top: 7px;}*/
.toolicon01 {position: absolute;width: 16px;height: 16px;z-index: 10;right: 70px;margin-top: 3px;}
.toolicon02 {position: absolute;width: 16px;height: 16px;z-index: 10;right: 94px;margin-top: 3px;}
.toolicon03 {position: absolute;width: 16px;height: 16px;z-index: 10;right: 118px;margin-top: 3px;}
.toolicon04 {position: absolute;width: 16px;height: 16px;z-index: 10;right: 142px;margin-top: 3px;}

/*一般區塊2 : title 灰底灰框*/
.gr_block_b > .title {color: #fff;display: block;text-transform: uppercase;padding:6px 10px 6px 23px;margin-bottom: 5px;background: #999;border: 3px solid #ddd;border-radius: 6px;display: table;width: 100%; content: " ";}
.gr_block_b > .right_s{padding-right:6px;}
.gr_block_b > .title h3{font-size: 16px;color: #fff;padding:0px;margin: 0px;font-weight:bold;line-height: 23px;}
.gr_block_b > .title .col-sm-25{padding:0px;}
.gr_block_b a.btnstyle{font-size: 16px;color: #fff;padding:1px 6px;margin: 0px;font-weight:bold;line-height: 23px;display:inline-block;  text-decoration:none;border-radius:3px;}
.gr_block_b a.btnstyle.small{font-size: 13px;padding:1px 6px;font-weight:normal;line-height: 23px;}
.gr_block_b a.btnstyle:hover,.gr_block_b a.btnstyle:focus{background:#bdbdbd;}
.gr_block_b a.btnstyle.active{background:#bdbdbd;}
.gr_block_b span.slash:before{display: inline-block;content:" ";box-sizing: border-box;background:transparent url(../../templet/images/slash.png) no-repeat;width:16px;height:16px;margin-right: 2px;margin-bottom: -2px;}
.gr_block_b > .content{color:#000;}
.gr_block_b .row{margin-right: -11px;margin-left: -11px;}
.gr_block_b .col-xs-3{padding-right: 11px;padding-left: 11px;}

/*一般區塊3 : title 藍底無框(字體大)*/
.bl_block > .title{background: #a9d9e3;}
.bl_block > .title h3{font-size: 20px;color: #000;display: block;text-transform: uppercase;padding: 10px 0;margin: 0px;text-align:center;}
.bl_block > .title.normalstyle{font-size: 16px;color: #000;padding: 4px 0;margin: 0px;text-align:center;}
.bl_block > .content{font-size: 15px;color:#000;}
.bl_block > .content li{margin-bottom:5px;}

/*一般區塊4 : title 橘底橘框*/
.org_block{border:1px #fac527 solid;}
.org_block > .title{background: #fac527;}
.org_block > .title h3{font-size: 17px;color: #000;display: block;text-transform: uppercase;padding: 8px 0;margin: 0px;text-align:center;}
.org_block > .content{font-size: 15px;color:#000;}
.org_block > .content a{display:block;margin-left:60px;}

/*一般區塊5 : title 深灰底無框*/
.darkgr_block > .title{background: #ccc;padding: 7px 15px;}
.darkgr_block > .title h3{font-size: 16px;font-weight:bold;color: #000;margin: 0px;}
.darkgr_block > .title.big-center{padding: 8px 15px;}
.darkgr_block > .title.big-center h3{font-size: 20px;text-align:center;font-weight:normal;}
.darkgr_block span.slash:before{display: inline-block;content:" ";box-sizing: border-box;background:transparent url(../../templet/images/slash2.png) no-repeat;width:16px;height:16px;margin-right: 2px;margin-bottom: -2px;}

/*一般區塊6 : title 藍底藍框*/
.bl_block_b{border:1px solid #a9d9e3;}
.bl_block_b > .title{background: #a9d9e3;padding: 7px 0;}
.bl_block_b > .title h3{font-size: 16px;font-weight:bold;color: #000;margin: 0px;text-align:center;}
.bl_block_b > .content{font-size: 15px;color:#000;}

/*一般區塊7 : 無框，title 像 li.squarelist 一樣*/
.sqlist_block > .title{background:transparent url(../../templet/images/dot4px.gif) 15px 50% no-repeat;padding-left: 25px;margin-bottom:5px;}
.sqlist_block > .title h3{font-size: 18px;font-weight:bold;color: #003399;margin: 0px;}
.sqlist_block > .content{font-size: 15px;color:#000;padding-left:25px;}
.sqlist_block > .content h4{ font-size: 14px;color: #cc0000;display: block;font-weight: bold;margin:7px 0px;}
.sqlist_block > .content p{line-height:23px;}

/*一般區塊 : 覆寫間距及字體大小*/
.c_block_style > .content{font-size: 15px;color:#000;}
.c_block_style > .content li{margin-bottom:5px;}
.c_block_style > .content ul.in_mgb3 li{margin-bottom:3px;}
.c_block_style > .content ul.in_mgb2 li{margin-bottom:2px;}
.c_block_style > .content ul.in_mgtb10 li{margin-top:10px;margin-bottom:10px;}
.c_block_style > .content .custom-counter > li{margin-left:20px;}
.c_block_style > .content .lower-alpha{padding-left: 13px;}
.c_block_style > .content p{margin-left:0px;}
.c_block_style > .content p.mgb5{margin-bottom:5px;}


/*標籤區塊*/
.tab_block .myTab > ul > li{margin-left:0px;}
.tab_block .myTab > ul{border-width:0px;}
.tab_block .myTab > ul > li > a{padding: 5px 9.2px;border-width:0px;color:#fff;background:#aaa;margin-right: 0px; border-radius: 0px; }
.tab_block .myTab > ul > li > a:hover{background-color: #fbc527;color:#020202;}
.tab_block .myTab > ul > li.active > a, .myTab > ul > li.active > a:focus, .myTab > ul > li.active > a:hover{border-width:0px;background:#fff;border-top:2px solid #ffbb0b;line-height: 1.1;color:#000;}
.tab_block .tab-content{padding:5px;}
.tab_block .colorbar_s{margin-bottom:0px;}
.tab_block .tab-pane .toolicon_more_bottom {right: 21px;margin-top: 4px;}
.tab_block .tab-pane ul{margin-bottom: 0px;}
.tab_block .tab-pane li{margin-bottom: 3px;margin-left:0px;}
.tab_block .tab-pane p{margin: 0px;}
.tab_block .tab-pane .media-middle {padding-top:1px;}
.tab_block .tab-pane .media{margin-top: 0px;}
.tab_block #mysubscription .toolicon_more{right:5px;}
.tab_block #mysubscription li {margin-bottom: -0.7px;}

.tab_block .myTab_2 > ul > li > a{padding: 5px 7.5px;}


/*login 區塊*/
.login_block{background: url(../../templet/images/memberbg.jpg) no-repeat;min-height: 37px;width: 300px;padding:5px;border: 1px solid #ccc;}
.login_block .title h3{margin-top:0px;padding-left:0px;}
.login_block .title a{position: absolute;z-index: 10;right: 19px;margin-top: 2px;}
.login_block .content{margin-top:15px;display: table;content: " ";padding:0 2px;}
.login_block .content .radio-inline{padding-left: 6px;}
.login_block .content .radio-inline input[type=radio]{margin-left: -15px;}
.login_block .content .form-group {margin-top:5px;}
.login_block .content .sqbox{width:167px;border: 1px solid #777;}
.login_block input[type=checkbox]{position: absolute;margin-left: -20px;}
/*登入後*/
.login_block .content  .b_top{display: table;content: " ";padding-bottom:4px;}
.login_block .content  .b_top a{text-decoration:none; }
.login_block .content  .b_bottom{border-top:1px dashed #000;display: table;content: " ";}
.login_block .content  .b_bottom > .col-md-6{padding-left:0px; padding-right:0px;}
.login_block .content  .b_bottom ul{margin-bottom:0px;margin-top:3px;}
.login_block .content  .b_bottom li{margin-left:2px;margin-bottom:0px;margin-right:5px;}
.login_block .area_btn{display: table-cell;white-space: nowrap;width:76px; height:37px;background:url(../../templet/images/lg_block_bk.png) no-repeat;text-align:center;vertical-align:middle;color:#fff; line-height: 16px;font-size: 14px;text-shadow: -1px 0 #E15601, 0 1px #E15601, 1px 0 #E15601, 0 -1px #E15601, -1px -1px #E15601, 1px 1px #E15601, 1px -1px #E15601, -1px 1px #E15601;
  }
.login_block .area_btn span{display: block;width: 76px;}
.login_block .t2-text, .login_block .t2-body{vertical-align:top;}

/*輪播圖片區塊*/
.carousel-indicators{bottom: 7px;right: 10px;text-align:right;width:auto;}
.carousel-indicators li{text-indent:0px;border-radius:0px;background-color: #dcdcdc;background-color: rgba(255, 255, 255, 0.75);padding: 0px 7px;font-weight: bold;font-size: 17px;border-width:0px;width:auto;height:auto;}
.carousel-indicators .active{width:auto;height:auto;}

/*圖文-樣式1*/
.mediastyle1{margin-top:0px;}
.mediastyle1 .media-body{font-size:15px;}
.mediastyle1 .media-body.font14{font-size:14px;}
.mediastyle1 .media-body h4{padding-top:5px;font-size:16px;font-weight:bold;}
.mediastyle1 .media-body h4 a{color:#013299;}

/*註冊步驟*/
.registep{display:table;border-spacing:52px 0px;}
.registep > div{display:table-cell;vertical-align:middle;text-align:center;background: #ccc;position: relative;height: 50px;font-size: 15px;padding: 0 11px;}
.registep > div:before, .registep > div:after{content: "　";  position: absolute;  display: block; width: 26px;height: 50px;}
.registep > div:before{background:transparent url(../../templet/images/regstep_before.png) no-repeat;left: -26px;top: 0px;}
.registep > div:after{background:transparent url(../../templet/images/regstep_after.png) no-repeat;right: -26px;top: 0px;}
.registep > .instep{background: #6bd2f3;}
.registep > .instep:before{background:transparent url(../../templet/images/regstep_h_before.png) no-repeat;left: -26px;top: 0px;}
.registep > .instep:after{background:transparent url(../../templet/images/regstep_h_after.png) no-repeat;right: -26px;top: 0px;}

.menu01{font-size:16px;margin-left: 28px;}
.menu01 h5{font-size:16px;}
.menu01 p, .c_block .content .menu01 p{margin:0 0 8px 0;}

/*bootstarp modal 樣式修改*/
.modal .modal-dialog.width560px{width:560px}
.modal .modal-dialog.width700px{width:700px}
.modal.modalstyle1 .modal-content{border-radius: 0px;}
.modal.modalstyle1 .modal-body{padding:10px;  border-radius: 0px;}
.modal.modalstyle1 .modal-footer{padding:0 10px 45px 0;border-top-width:0px;}
.modal.modalstyle1 .modal-footer .btn{border-width:0px;font-weight:bold;font-size:18px;padding:4px 6px;border-radius: 0px;}
.modal.modalstyle1 .modal-footer .btn .glyphicon{top: 2px;}

.table.cell-p2 .cell{padding:2px;}

/*會員中心表格樣式-第一個 cell 有 padding-left */
.tablestyle1{border-collapse:separate;border-spacing:0 2px;}
.tablestyle1 .tcaption{font-size:15px;padding:5px;vertical-align: middle;}
.tablestyle1 .cell{font-size:15px;padding:5px;vertical-align: middle;}
.tablestyle1.in_p7 .cell{padding:7px;}
.tablestyle1 .cell:first-child{padding-left:10px;}
.tablestyle1.vertical-top .cell{vertical-align: top;}
.tablestyle1 .cell.vertical-align-top{vertical-align: top;}
.tablestyle1 .cell.vertical-top{vertical-align: top;}
.tablestyle1 .cell.vertical-middle{vertical-align: middle;}
.tablestyle1 .cell.pl0{padding-left:0px;}
.tablestyle1 .cell.pl10{padding-left:10px;}
.tablestyle1 .cell.pr0{padding-right:0px;}
.tablestyle1 .trow.nopd .cell{padding:0px;}

/*會員中心第二層表格樣式*/
.tablestyle2{border-spacing: 0px;margin:0px;}
.tablestyle2 .cell{font-size:14px;padding:5px;vertical-align: middle;}

/*註冊表單樣式*/
.tablestyle3{border-spacing: 0px;}
.tablestyle3.mgl80{margin-left: 80px;}
.tablestyle3 img{vertical-align: bottom;}
.tablestyle3 img.icon{vertical-align: middle;}
.tablestyle3 a{color:#013299;}
.tablestyle3 p{margin:3px 0 0 0;}
.tablestyle3 input.sqbox{width:260px;}
.tablestyle3 input.sqbox.width60px{width:60px;}
.tablestyle3 input.sqbox.width100px{width:100px;}
.tablestyle3 input.sqbox.width130px{width:130px;}
.tablestyle3 input.sqbox.width250px{width:250px;}
.tablestyle3 input.sqbox.width500px{width:500px;}
.tablestyle3 input[type=file] {display:inline-block;}
.tablestyle3 .cell{font-size:14px;padding:3px;vertical-align:top;}
.tablestyle3 .cell.pt5{padding-top:5px;}
.tablestyle3 .cell.pt30{padding-top:30px;}
.tablestyle3 .cell.th{padding:2px 3px;}
.tablestyle3 .cell.th label{width:100%;background:#e9e9e9;text-align:right;padding:5px 3px;margin:0px;font-size:15px;}
.tablestyle3 .cell.nobk label{background:none;}
.tablestyle3 .cell.th label:after{content:"：";}
.tablestyle3 .cell.th label.required:before{content:"* ";color:#cf0001;}

/*需要 cell 間距一樣時使用*/
.tablestyle4 .cell{width:1%;white-space: nowrap;}
.tablestyle4 .cell:last-child{width:auto;}

/*註冊完成確認頁面樣式*/
.tablestyle5{border-collapse:separate;margin-bottom:0px;}
.tablestyle5 .tcaption{font-size:17px;padding:5px;vertical-align: middle;text-align:center;font-weight:bold;}
.tablestyle5 .cell{font-size:15px;padding:5px 10px;vertical-align: middle;  border-bottom: 1px #fff solid;}
.tablestyle5 .cell.noborder{border-width:0px;}
.tablestyle5 input.sqbox{width: 100%;padding:0 3px;}
.tablestyle5 .th{text-align:right;padding:7px 8px;margin:0px;font-weight:bold;}

/*間距小，表格內容通常是font13*/
.tablestyle6 .cell{padding:5px 3px;vertical-align: top;}
.tablestyle6 .cell:first-child{padding-left:6px;}
.tablestyle6 .th .cell{padding:6px 3px;}
.tablestyle6 .trow.vertical-middle .cell, .tablestyle6 .cell.vertical-middle{vertical-align: middle;}

.table.font15 .cell{font-size:15px;}

/*學院課程-map*/
.colgmap > .t2group > .t2-text{vertical-align:top;}
.colgmap > .t2group > .t2-body{vertical-align:top;padding-left:55px;}
.colgmap > .t2group > .t2-text div{position:relative;}
.colgmap > .t2group > .t2-text .over:after{content:url(../../templet/images/collegemap_left.png);background:#777;  position: absolute;top: 6px;right: -24px;width: 24px;}
.colgmap a{text-decoration:none;}
.colgmap .office{position: relative;margin: 10px 0;}
.colgmap .office:before{content:url(../../templet/images/collegemap_middle.png);background:#777;left: -31px;top: 0px;position: absolute;display: block;width: 31px;height: 90px;}
.colgmap .office:first-child:before{content:url(../../templet/images/collegemap_top.png);}
.colgmap .office:last-child:before{content:url(../../templet/images/collegemap_bottom.png);}
.colgmap .office .border{border: 1px #777 solid;display: table;width:100%;}
.colgmap .office, .colgmap .office .border, .colgmap .office .title, .colgmap .office .content{height: 79px;}
.colgmap .office .border, .colgmap .office .content{border-radius:6px;}
.colgmap .office .title{border-radius:4px;width:18%;vertical-align:middle;text-align:center;display: table-cell;font-size:16px;background:#777;color:#fff;}
.colgmap .office .content{display: table-cell;vertical-align: middle;padding-left:10px;font-size:15px;color:#000;}
.colgmap .office:hover .content{background:#fdfdfd;}

/*特殊狀況使用(右邊內容不夠時)*/
.colgmap > .t2group > .t2-text .over.left-top:after{content:url(../../templet/images/collegemap_left-top.png);right: -27px;width: 27px;  z-index: 10;}
.colgmap .office.fake:before{content:url(../../templet/images/collegemap_fake.png);}

/*財務通融學院-粉色*/
.colgmap > .t2group > .t2-text .over.pink:after, .colgmap #financemap .office:before, .colgmap #financemap .office .title{background:#ee504f;}
.colgmap #financemap .office .border{border-color:#ee504f;}
.colgmap #financemap .office:hover .title{background:#d83a39;}
.colgmap #financemap .office:hover .border{border-color:#d83a39;}
/*綜合知識學院-咖啡色*/
.colgmap > .t2group > .t2-text .over.brown:after, .colgmap #compknowledge .office:before, .colgmap #compknowledge .office .title{background:#c57445;}
.colgmap #compknowledge .office .border{border-color:#c57445;}
.colgmap #compknowledge .office:hover .title{background:#ae5e2f;}
.colgmap #compknowledge .office:hover .border{border-color:#ae5e2f;}
/*資訊科技學院-天藍色*/
.colgmap > .t2group > .t2-text .over.skyblue:after, .colgmap #infotechnology .office:before, .colgmap #infotechnology .office .title{background:#46a4e4;}
.colgmap #infotechnology .office .border{border-color:#46a4e4;}
.colgmap #infotechnology .office:hover .title{background:#2a83c0;}
.colgmap #infotechnology .office:hover .border{border-color:#2a83c0;}
/*行銷流通學院-紫色*/
.colgmap > .t2group > .t2-text .over.violet:after, .colgmap #marketing .office:before, .colgmap #marketing .office .title{background:#ab68f6;}
.colgmap #marketing .office .border{border-color:#ab68f6;}
.colgmap #marketing .office:hover .title{background:#8b45d9;}
.colgmap #marketing .office:hover .border{border-color:#8b45d9;}
/*人力資源學院-橘色*/
.colgmap > .t2group > .t2-text .over.orange:after, .colgmap #humanresources .office:before, .colgmap #humanresources .office .title{background:#f37a33;}
.colgmap #humanresources .office .border{border-color:#f37a33;}
.colgmap #humanresources .office:hover .title{background:#dc631c;}
.colgmap #humanresources .office:hover .border{border-color:#dc631c;}
/*創業育成學院-綠色*/
.colgmap > .t2group > .t2-text .over.green:after, .colgmap #entrepreneurship .office:before, .colgmap #entrepreneurship .office .title{background:#24bd85;}
.colgmap #entrepreneurship .office .border{border-color:#24bd85;}
.colgmap #entrepreneurship .office:hover .title{background:#0ca36c;}
.colgmap #entrepreneurship .office:hover .border{border-color:#0ca36c;}


/*生效的搜索條件*/
.condition{display:inline-block;}
/*搜索條件列表*/
.togglecondition > div{display:inline-block;margin-left:5px;cursor:pointer;padding:1px 3px;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.togglecondition > div:first-child{margin-left:0px;}
.togglecondition > div.active{padding-right:11px;background:#ddd url(../../templet/images/remove_btn_sty2.png) right center no-repeat;}
.togglecondition > div.active:hover, .togglecondition > div.active:active{background-color:#ddd;}
.togglecondition > div:hover, .togglecondition > div:active{background-color:#eee;}

/*新手上路頁面 步驟數字樣式*/
.cubestyle{color:#fff;font-family:"arial";font-size:36px;height:40px;width:40px;border-radius:6px;text-align:center;padding-top:8px;}
.cubestyle.cube01{background:#ff3333;}
.cubestyle.cube02{background:#ff6633;}
.cubestyle.cube03{background:#ffc600;}
.cubestyle.cube04{background:#72cb47;}
.cubestyle.cube05{background:#24b8e3;}
.cubestyle.cube06{background:#5767e6;}
.cubestyle.cube07{background:#9a4eda;}

/*線上語音客服*/
div.online_s_info{background:url(../../templet/images/online_service_10.gif) no-repeat;width:243px;height:98px;padding-left:40px;padding-top:4px;}