@charset "UTF-8";
/* CSS Document */
/*--------------------------index 移出 main menu--------------------------*/
 .nav_list .navbar-nav > li {
 	color:#FFF;
	padding:0 !important;
	margin:0 !important;
	 }

 .nav_list .navbar-nav > li > a {
        color: #FFF;
		margin:8px;
		padding:4px 10px;
		font-size:1rem;
    }
 .nav_list .navbar-nav > li > a:hover {
        color: #FFF;
    }
 .nav_list .navbar-nav > li > a.active {
	 	background-color:#ffa922 !important;
		border-radius:4px;
		color:#333333;
}
/*
.dropdown-menu li > a {
	color:#FFF !important;
	font-size:1rem !important;
}
.dropdown-menu li > a:hover {
	background-color:#737373 !important;
}
*/
.navbar-toggle {
	float:left;
	border:none;
	margin-left:2%;
	margin-right:3%;
	width:10%;
}
.navbar-toggle:hover {
	background-color:#000 !important;
}
.icon-bar {
	background-color:#FFF !important;
}
.navbar-search {
	display:none;
}
    /*.navbar { 
        background: #4c4c4c; 
        min-height: 30px;
    }*/

    .navbar-brand {
		display:none;
    }


		ul.navbar-right > li {
			float:left;
		}
ul.navbar-right > li > a {
	color:#fffefe !important;
	font-size:0.9rem;
}
    /*.navbar-nav > li > a {
        padding-top: 5px;
        padding-bottom: 0px;
    }*/

.upMenu {
	color:#fffefe;
	font-size:0.9rem;
	padding-top:22px;
	margin-right:10px;
}
.upMenu ul {
	padding:0;
	margin:0;
	float:right;
}
.upMenu li {
	padding:0 3px;
	margin:0;
	list-style:none;
	float:left;
	border-left: 1px solid #fffefe;
}
/*.upMenu li:first-child {
    border:none;margin-top:-10px;
}
.upMenu li:first-child img{
    margin-left:0px;
}
.upMenu li:last-child {
	border-right: 1px solid #fffefe;
}*/
.upMenu li a {
	color: #FFFefe;
	padding:2px 4px;
}


   .upMenu li a:hover {
      color: #ff9900;
            }
.upMenu li:last-child a {
color:#FFF;
/* background-color:#ff4800; */
background-color:#A32E00;
padding:2px 3px;
border-radius:4px;
}
.upMenu:last-child a:hover {
	background-color:#FF9900;
	color:#333333;
	text-decoration:none;
}

.upMenu-left  {
        color: #FFF;
		margin:8px 0px;
		padding:4px;
		font-size:1rem;
	
}
.upMenu-left a {
	color:#FFF;
		padding:4px;
}
.upMenu-left a:hover {
        color: #FFF;
    }
.upMenu-left a.active {
	 	background-color:#ffa922 !important;
		border-radius:4px;
		color:#333333;

	 }
.note-number {
    background-color: #B30000; /*background-color:#FF0000;*/
    border-radius: 15px;
    font-size: .8rem;
    margin-top: -17px;
    margin-left: -15px;
    padding: 1px;
    position: fixed;
    min-width: 15px;
    text-align: center;
}
    .top_int {
        color: #4f5052;
        padding: 2px 0px 0px 10px;
        display: block;
        margin: 6px 0px 0px 0px;
    }

        .top_int a {
            color: #4f5052;
        }

        .top_int p {
            font-size:0.64em;
            float: left;
            margin-right: 12px;
            padding-top: 2px;
        }


    .header-menu .panel-title {
        font-size:0.86em;
    }

    .header-menu .panel-body {
        font-size:0.86em;
        margin-left: 27px;
        line-height: 25px;
        padding: 0px;
        color: #4a4a4a;
    }

        .header-menu .panel-body a {
            color: #4a4a4a;
        }

    .glyphicon_co {
        color: #ff9900;
        margin-right: 4px;
    }

    .glyphicon_co02 {
        margin-right: 4px;
        font-size:1em;
        float: left;
    }

    .header_line {
        border-bottom: 1px dotted #C0C0C0;
    }

    /* ======平板版型區====== */
    @media screen and (min-width: 768px) and (max-width: 1024px) {

		.nav_list {
			display:none;
		}
        
    }

    /* ======手機版型區====== */

    @media screen and (max-width: 767px) {
	.navbar-toggle {
	float:left;
	border:none;
	margin-left:1%;
	margin-right:1%;
	width:10%;
}
	  .navbar-brand {
	  	/* display:block;
		margin:0 auto;
		float:left;
		text-align:left;
		width:55% !important;
		padding:5px 0; */
    }


		
.navbar-search {
display:block;
	width:30%;
	float:right;
	color:#FFF;
	text-align:right;
	font-size:1.125rem;
	margin-top:16px;
}
.navbar-search img {
	float:right;
	margin-top:-3px;
	padding-right:10px;
}

		ul.navbar-right {
			padding:0;
			margin:0;
			float:none;
			text-align:center;
		}
        .navbar-right {
			display:block;
            margin: 0 !important;
			background-color:#d8d8d8;
			text-align:center;
        }
		.navbar-right > li {
			float:left;
            margin: 0 auto !important;
		
		}
		  .nav_list .navbar-nav > li.hidden_xs  {
		  	display:none;
  }
  .upMenu-left {
  	display:none;
  }
  .upMenu {
	color:#4c4c4c;
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;
	margin-right:0px;
	background-color:#d8d8d8;
	line-height:1.4rem;
	overflow:auto;
}
 .upMenu ul li {
 	border-left:1px solid #4c4c4c;
 }
 
 .upMenu ul li:last-child {
 	border-right:1px solid #4c4c4c;
 }
    .upMenu ul li a {
            color: #4c4c4c;
        }
.note-number {
	background-color:#B30000; /*background-color:#FF0000;*/
	border-radius:15px;
	font-size:.8rem;
	margin-top:0px;
	margin-left:4px;
	padding:1px;
	position:inherit;
	min-width:1rem;
	min-height:1rem;
	line-height:normal;
	display:inline-block;
	text-align:center;
	color:#FFF;
}
    }
	@media screen and (max-width: 320px) {
.navbar-toggle {
	float:left;
	border:none;
	margin-left:1%;
	margin-right:1%;
	width:10%;
}
	  .navbar-brand {
	  	display:block;
		margin:0 auto;
		float:left;
		text-align:left;
		width:50% !important;
		padding:5px 0;
    }


		
.navbar-search {
display:block;
	width:35% !important;
	float:right;
	font-size:1rem;
}
}
	
    .searchfj {margin: 0px 0px 0px 0px;}
	.searchimg {
		margin:10px 0;
	}
    .searchimg img {width: 80%; height: auto;}
	.googleSch {
		float:left;
		width:60%;
		margin-top:45px;
	}
    .share_link {
		float:right;
		width:40%;
		margin-top:20px;
	}
    .share_link ul li {
		float:left;
		padding-left:5px;
		width:33%;
	}
    .share_linkB {
		float:right;
		width:20%;
		margin-top:-45px;
	}
	 @media screen and (max-width: 1200px) {
    .share_linkB {
		float:right;
		width:20%;
		margin-top:-40px;
	}
	 }
    .share_linkB ul li {
		float:left;
		padding-left:5px;
		width:25%;
	}
.share_linkB ul li img {
	width:80%;
		}
    .input_fj02 {border-radius: 6px;border: 1px #CDCDCD solid;height: 30px;    }
    .form-group02 {margin-top: 10px;  }
    .search_hot {/*width: 95%;*/line-height: 20px;margin-top: 25px;margin-left: auto;margin-right: auto; border:1px solid #eeebeb; padding:5px;}
    .search_inputbox input {max-width: 120px;max-height: 27px;font-size:0.86em;}
    .hot_right{ background-color:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
    width:auto; border:1px solid #c9c9c9; border-radius:3px; text-align:center;  display:block; font-size:1.71em; float:right;/*margin-top:-3px;*/}
    .hot_right a{ color:#4d3828; display:block;font-size:1.71em; }
    .hot_right a:hover{ color:#4d3828; text-decoration:none;}
    @media screen and (min-width: 1151px) { marquee { width: 90%; } }
    @media screen and (min-width: 991px) and (max-width:1150px) { marquee { width: 80%; }
        
		}
@media only screen and (max-width: 768px) and (min-width: 480px)  {
	.searchfj {
		margin-top:50px;
	}
	.searchimg {
		margin:10px 0 0 0;
	}
    .searchimg img {width: 100%; height: auto; padding-top:10px;}
		.googleSch {
		float:left;
		width:60%;
		margin-top:35px;
	}
	}
    @media screen and (max-width: 480px) { 
.searchfj {
	display:none;
	}
.googleSch {
	display:none;
}
	}
    .line-it-button{margin-right:5px; }

/*--------------------------- search ----------------------------*/

  
    .bg-con {
        padding: 10px 15px 0px 15px;
        background-color: #f5f5f5;
        text-align: left;
    }

        .bg-con p {
            line-height: 22px;
            margin-top: 5px;
            margin-left: 15px;
        }



    .f_or a {
        color: #de5419;
        text-decoration: none;
    }

        .f_or a:hover {
            color: #de5419;
            text-decoration: none;
        }

    .f_gr {
    }

        .f_gr a {
            color: #22a76e;
            text-decoration: none;
        }

            .f_gr a:hover {
                color: #22a76e;
                text-decoration: none;
            }

    .f_red {
    }

        .f_red a {
            color: #d5414d;
            text-decoration: none;
        }

            .f_red a:hover {
                color: #d5414d;
                text-decoration: none;
            }

    .bg-con02 {
        background-image: url(images/back.png);
        /*height: 113px;*/
        background-color: #f5f5f5;
        background-repeat: repeat-x;
    }

    .icon_color {
        color: #5c5c5c;
        font-size:0.64em;
    }

    .dropdown-menu {
        width: 100%;
    }

        .dropdown-menu label {
            width: 100%;
        }

    .btn-lg {
        width: 100%;
    }
    /* ======平板版型區====== */
    @media screen and (min-width: 768px) and (max-width: 1024px) {
        .bg-con02 {
            background-image: url(images/back.png);
            background-color: #f5f5f5;
            height: auto;
        }
    }
    /* ======手機版型區====== */

    @media screen and (max-width: 767px) {
        .bg-con02 {
            background-image: url(images/back.png);
            height: auto;
            background-color: #f5f5f5;
        }

        .btn-lg {
            width: 100%;
        }

        select {
            text-indent: 0%;
        }
    }

.main_search_bar {
	background-color:#f7f7f7;
	border:1px solid #dadada;
	margin:0;
	padding:10px;
	border-radius:2px;
	font-size:1rem;
	color:#4d4d4d;
	overflow:auto;
}
.main_search_title {
    display: none;
}
.job_search_bar {
	background-color:#f7f7f7;
	border:1px solid #dadada;
	border-top:none;
	margin:0;
	padding:10px;
	border-radius:2px;
	font-size:1rem;
	color:#4d4d4d;
	overflow:auto;
}
ul.type_select {
	padding:0;
	margin:0;
}
ul.type_select li {
	padding:0 10px 10px 0;
	margin:0;
	float:left;
}
ul.type_select li label {
	padding-left:5px;
}
.search_select {
    clear: both; 
}

.search_select > input {
    width: 18%;
    float: left;
    height: 36px;
    border: 1px solid #d9d9d9;
    background-color: #FFF;
    border-radius: 4px;
    padding: 4px 8px;
}

.search_select > span {
    float: left;
    padding: 8px 8px 8px 10px;
}

.search_btn > .btn_set {
    width: 17%;
    float: left;
    margin: 0 0.5%;
    padding: 4px 8px;
    height: 36px;
    text-align: left;
    border: 1px solid #d9d9d9;
    background-color: #FFF;
    border-radius: 4px;
    color: #4d4d4d !important;
}

.search_btn > .btn_set:last-child {
    width: 6%;
    text-align: center;
    background-color: #6f6f6f;
    color: #FFF !important;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
}

.search_btn > .btn_set:last-child:hover {
    background-color: #ffa922;
    color: #333333 !important;
}

.search_btn .btn_arrow {
    float: right;
    /*color:#999999;*/
    color: #595959;
}
.btn_overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.keyword {
    margin: 10px 0;
    color: #E91E1B;
}
.keyword a {
	color:#4784d0;
	padding:0 10px;
}
.keyword a:hover {
	text-decoration:underline;
	color:#114e98;
}

.form-inline {
    border-bottom: 1px dashed #EEE;
}
@media (min-width:768px) {
    .form-inline div:not([class]) {
        width: auto;
        display: inline-block;
    }
}

/* 職缺維護 職業類別 */
.tab-pane .btn_set {
    min-width: 300px;
    text-align: left;
    border: 1px solid #ccc;
    background-color: #FFF;
    border-radius: 0.25rem;
    color: #4d4d4d !important;
}
.tab-pane .btn_set:after {
    content:"▼";
    float: right;
    color: #767676;
}
.tab-pane .btn_set:disabled {
    background-color: #eee;
}

input:disabled, select:disabled, textarea:disabled, button:disabled {
    cursor: not-allowed;
    background-color: #eee;
} 

.modal-footer-hint {
    float: left;
    text-align: left;
}

.modal-footer-hint a {
    color: blue;
    font-weight: bold;
}

.modal-body .selectItem {
    cursor: pointer;
}

.modal-body .selectItem:hover {
    color: #009;
}

.modal-content .cjobMenuBody {
    overflow: auto;
    max-height: 360px;
}

@media only screen and (max-width: 768px) and (min-width: 480px)  {
.main_search_bar {
	margin:0 2%;
	padding:10px;
	overflow:auto;
	width:68%;
	float:left;
}
.search_select > input {
	width:81%;
	float:left;
	height:36px;
	margin:0.5%;
}
.search_select > span {
	display:none;
}
.search_btn > .btn_set {
	width:40%;
	margin:0.5%;
}
.search_btn > .btn_set:last-child {
	width:16%;
	height:72px;
	margin-top:-36px;
}
.keyword {
	margin:10px 2% 10px 0;
	float:right;
	width:25%;
}
.keyword span {
	display:block;
	text-align:center;
	font-size:1.375rem;
	padding-bottom:10px;
}
.keyword a {
	padding:0 10px 0 0;
	display:inline-block;
	line-height:1.6rem;
}
}
@media only screen and (max-width: 480px)   {
.main_search_bar {
	/*display:none;*/
}
    .main_search_title {
        display:block;
    }
    .keyword{
        display: none;
    }
.search_select > input {
	width:98%;
	float:none;
	height:36px;
	margin:1%;
}
.search_select > span {
	display:none;
}
.search_btn > .btn_set {
	width:98%;
	margin:1%;
}
.search_btn > .btn_set:last-child {
	width:98%;
	margin:1%;
	height:auto;
	margin-top:0;
	height:36px;
}
}
.search_area p {
	color:#333333;
	border-bottom:3px solid #d5d5d5;
	margin-top:-10px;
	margin-left:-10px;
	margin-bottom:10px;
	padding:10px;
}
/*------------------------ menu set ------------------------*/

    .menu_ba {
        background-color: #e02f2f;
		box-shadow:0 0 15px  rgba(0,0,0, .2) inset;
        color: #ffffff;
    }

    .menu_bar2 {
        background-color: #ec9e28;
        display: block;
    }

    .menu_bar1 {
        background-color: #6bc2af;
        display: block;
    }

    #menu {
        width: 100%;
    }

        #menu ul {
            /* 取消ul樣式符號 */
            list-style-type: none;
            /* 重設ul邊界與留白為零 */
            margin: 0;
            padding: 0;
            /* 內有浮動元件時，需設overflow才會自動調整大小 */
            overflow: auto;
        }

        * html #menu ul {
            /* 解決IE6不理overflow問題，直接指定高度 */
            height: 30px;
            text-align: center;
        }

            #menu ul li {
                float: left;
            }

                #menu ul li a {
                    /* 將a改為區塊元件，以便指定寬高 */
                    display: block;
                    /* 這邊也要設float，否則IE6會以100%寬度顯示 */
                    float: left;
                    /* 固定高度 */
                    text-align: center;
                    white-space: nowrap;
					padding:15px 20px;
                }

                #menu ul li ul {
                    /* 讓第二層ul跳脫文件流以利定位 */
                    position: absolute;
                    /* 固定寬度 */
                    /* 避免出現捲軸 */
                    overflow: visible;
                    /* 讓ul與母階層li相同位置 */
                    margin-top: 34px;
                    margin-right: 0px;
                    margin-bottom: 0;
                    margin-left:0px;
                }
                /* 修正IE7絕對定位差異 */
                *:first-child + html #menu ul li ul {
                    margin-top: 0;
                }
                /* 修正IE6絕對定位差異 */
                * html #menu ul li ul {
                    margin-top: 0;
                }

                    #menu ul li ul li {
                        /* 覆寫繼承自第一層的浮動設定 */
                        float: none;
                        text-align: center;
                    }

                        #menu ul li ul li a {
                            /* 覆寫繼承自第一層的浮動設定 */
                            float: none;
							padding:12px 20px;
							text-align:left;
                            width: 100%; /* 註：display、height、padding繼承第一層的設定 */
                        }

                        #menu ul li ul li ul {
                            margin-top: -30px;
                            margin-right: 0;
                            margin-bottom: 0;
                            margin-left: 100px;
                            width: 100%;
                        }
                        /* 修正IE7絕對定位差異 */
                        *:first-child + html #menu ul li ul li ul {
                            margin-top: -30px;
                        }

                        #menu ul li ul li ul li {
                            /* width、float繼承第二層，免設定 */
                        }

                        #menu ul li ul li ul li a {
                            /* width、float繼承第二層，免設定 */
                        }
                /* ---------- 隱藏與顯示階層 ---------- */
                #menu ul li ul {
                    /* 預先隱藏第二層 */
                    visibility: hidden;
                }

                /** /
                #menu ul li:hover ul {
                    // 觸動第一層時，顯示第二層
                    visibility: visible;
                }

                    #menu ul li:hover ul li ul {
                        // 顯示第二層時，隱藏第三層，避免同時彈出
                        visibility: hidden;
                    }

                #menu ul li ul li:hover ul {
                    // 觸動第二層時，顯示第三層
                    visibility: visible;
                }

                #menu ul li ul li:hover ul li ul {
                    // 顯示第三層時，隱藏第四層，避免同時彈出
                    visibility: hidden;
                }

                #menu ul li ul li ul li:hover ul {
                    // 觸動第三層時，顯示第四層
                    visibility: visible;
                }
                /**/
    /* ---------- 以下為美化用，非必需 ---------- */


    /* 預設字體 */
    #menu {
        font-size: 1.125rem;
        font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
    }
        /* 第一層ul背景色彩與邊框 */
        #menu ul {
            top: 10px;
            z-index: 999;
        }
            /* 第一層a字型 */
            #menu ul li a {
                color: #FFF;
                text-decoration: none;
                margin-left:5px;
            }
			#menu ul li a:hover, #menu ul li a:active {
                    color: #e02f2f !important;
			}
            /*第二層ul背景色彩與邊框  */
            #menu ul li ul {
                background: #FFFFFF;
				box-shadow:0 3px 10px rgba(0,0,0, .2);
				min-width:250px;
				border-radius:0 0 6px 6px;
            }

                /* 第二層a字型 */
                #menu ul li ul li a {
                    font-size: 1.05rem;
                    color: #333333;
                    text-decoration: none;
                }
            /* 觸動第一層li時，改變背景色 */
            #menu ul li:hover, #menu ul li a:hover {
                background: #FFFFFF;
            }
 			  #menu ul li > a:hover  {
                    color: #e02f2f !important;
                }
                #menu ul li:hover a {
                    color: #333333;
                }
            /* 觸動第二層以上li時改變背景色 */
            #menu ul li ul li:hover, #menu ul li ul li a:hover {
                background: #efefef;
            }

/*-------------------------------------- AD set --------------------------------------*/
        .all100 {
            margin-top: 10px;
            margin-bottom: 10px;
            float: left;
        }

        .all25 {
            width: 24%;
            float: left;
            margin-left: 1%;
        }

        .all_bt {
            width: 66%;
            background-color: #6ec7d7;
            padding: 5px 0px 0px 0px;
            border-radius: 10px 10px 0px 0px;
            text-align: center;
            margin-right: auto;
            margin-left: auto;
            color: #ffffff;
            font-size:1.07em;
        }

        .all_b {
            background-color: #6ec7d7;
            color: #ffffff;
            padding: 10px 10px 10px 10px;
            line-height: 20px;
            max-height: 150px;
            overflow: auto;
            overflow-y: hidden;
        }

        .all_yt {
            width: 60%;
            background-color: #e9bc3e;
            padding: 5px 0px 0px 0px;
            border-radius: 10px 10px 0px 0px;
            text-align: center;
            margin-right: auto;
            margin-left: auto;
            color: #ffffff;
            font-size:1.07em;
        }

        .all_y {
            background-color: #e9bc3e;
            color: #ffffff;
            padding: 10px 10px 10px 10px;
            line-height: 20px;
            max-height: 150px;
            overflow: auto;
            overflow-y: hidden;
        }

        .all_gt {
            width: 60%;
            background-color: #6bc2af;
            padding: 5px 0px 0px 0px;
            border-radius: 10px 10px 0px 0px;
            text-align: center;
            margin-right: auto;
            margin-left: auto;
            color: #ffffff;
            font-size:1.07em;
        }

        .all_g {
            background-color: #6bc2af;
            color: #ffffff;
            padding: 10px 10px 10px 10px;
            line-height: 20px;
            max-height: 150px;
            overflow: auto;
            overflow-y: hidden;
        }

        .all_ot {
            width: 60%;
            background-color: #f18b33;
            padding: 5px 0px 0px 0px;
            border-radius: 10px 10px 0px 0px;
            text-align: center;
            margin-right: auto;
            margin-left: auto;
            color: #ffffff;
            font-size:1.07em;
        }

        .all_o {
            background-color: #f18b33;
            color: #ffffff;
            padding: 10px 10px 10px 10px;
            line-height: 20px;
            max-height: 150px;
            overflow: auto;
            overflow-y: hidden;
        }

        .all_more {
            font-size:1.07em;
            color: #ffffff;
            text-align: right;
        }

            .all_more a {
                color: #ffffff;
            }

                .all_more a:hover {
                    color: #ffffff;
                    text-decoration: none;
                }

        /* ======平板版型區====== */
        @media screen and (min-width: 768px) and (max-width: 1024px) {
            .all25 {
                width: 49%;
                margin-top: 10px;
                margin-left: 1%;
                float: left;
            }

            .all_b {
                background-color: #6ec7d7;
                color: #ffffff;
                padding: 10px 10px 10px 10px;
                line-height: 20px;
                border-radius: 10px 10px 10px 10px;
            }

            .all_y {
                background-color: #e9bc3e;
                color: #ffffff;
                padding: 10px 10px 10px 10px;
                line-height: 20px;
                border-radius: 10px 10px 10px 10px;
            }

            .all_g {
                background-color: #6bc2af;
                color: #ffffff;
                padding: 10px 10px 10px 10px;
                line-height: 20px;
                border-radius: 10px 10px 10px 10px;
            }

            .all_o {
                background-color: #f18b33;
                color: #ffffff;
                padding: 10px 10px 10px 10px;
                line-height: 20px;
                border-radius: 10px 10px 10px 10px;
            }
        }

        /* ======手機版型區====== */

        @media screen and (max-width: 767px) {
            .all25 {
                width: 100%;
                margin-top: 10px;
            }

            .all_bt {
                width: 100%;
                background-color: #6ec7d7;
                padding: 5px 0px 0px 0px;
                border-radius: 10px 10px 0px 0px;
                text-align: center;
                margin-right: auto;
                margin-left: auto;
                color: #ffffff;
                font-size:1.07em;
            }

            .all_yt {
                width: 100%;
                background-color: #e9bc3e;
                padding: 5px 0px 0px 0px;
                border-radius: 10px 10px 0px 0px;
                text-align: center;
                margin-right: auto;
                margin-left: auto;
                color: #ffffff;
                font-size:1.07em;
            }

            .all_gt {
                width: 100%;
                background-color: #6bc2af;
                padding: 5px 0px 0px 0px;
                border-radius: 10px 10px 0px 0px;
                text-align: center;
                margin-right: auto;
                margin-left: auto;
                color: #ffffff;
                font-size:1.07em;
            }

            .all_ot {
                width: 100%;
                background-color: #f18b33;
                padding: 5px 0px 0px 0px;
                border-radius: 10px 10px 0px 0px;
                text-align: center;
                margin-right: auto;
                margin-left: auto;
                color: #ffffff;
                font-size:1.07em;
            }

            .all_ot {
                width: 100%;
                background-color: #f18b33;
                padding: 5px 0px 0px 0px;
                border-radius: 10px 10px 0px 0px;
                text-align: center;
                margin-right: auto;
                margin-left: auto;
                color: #ffffff;
                font-size:1.07em;
            }

            .all_b {
                background-color: #6ec7d7;
                color: #ffffff;
                padding: 10px 10px 10px 10px;
                line-height: 20px;
                border-radius: 0px 0px 10px 10px;
            }

            .all_y {
                background-color: #e9bc3e;
                color: #ffffff;
                padding: 10px 10px 10px 10px;
                line-height: 20px;
                border-radius: 0px 0px 10px 10px;
            }

            .all_g {
                background-color: #6bc2af;
                color: #ffffff;
                padding: 10px 10px 10px 10px;
                line-height: 20px;
                border-radius: 0px 0px 10px 10px;
            }

            .all_o {
                background-color: #f18b33;
                color: #ffffff;
                padding: 10px 10px 10px 10px;
                line-height: 20px;
                border-radius: 0px 0px 10px 10px;
            }
        }

    .img_right {
        display: inline-block;
        margin: 0px 0px 0px 0px;
        float: right;
        right: 0;
        left: auto;
    }
    .in_ban {
        text-align: center;
        margin: 20px 0px 5px 0px;
    }

        .in_ban > .carousel-inner > .item > img {
            width: 100%;
			min-height:250px;
        }

        .in_ban > .carousel-inner > .left {
            width: 100%;
        }

        .in_ban > .carousel-inner > .right {
            width: 100%;
        }

    .carousel-indicators {
        bottom: 10px;
    }
    .carousel-indicators li {
        width: 20px !important;
        height: 20px !important;
        margin: 5px !important;
        border-radius: 10px;
        border: 2px solid #CCC;
    }

    .carousel-indicators .active {
        width: 20px !important;
        height: 20px !important;
        background-color: rgba(127, 255, 0, 0.7)
    }
@media only screen and (max-width: 480px)   {
.in_ban {
	margin:20px -15px 0 -15px;
}
	     .in_ban > .carousel-inner > .item > img {
            width: 100%;
			min-height:auto;
        }
}
  /*-------------------------------------- index news set --------------------------------------*/

    body, img,div { vertical-align: middle; }
    .hot_news {
        max-height: 250px;
        overflow: hidden;
    }

    .hot_bar {
        font-size:1.125rem;
        color: #FFFFFF;
		padding:12px;
		border-radius:4px;
		margin-bottom:10px;
    }
	.barbg-pink {
		background-color:#e22850;
	}
	
	.barbg-green {
		background-color:#0c8466;
	}
    .hot_list {
        padding: 4px 0px 4px 0px;
        /*border-bottom: 1px #cdbd90 solid;*/
    }

    .hot_time {
        color: #747474;
        text-align: right;
        float: right;
		font-size: 0.875rem;
    }

    .hot_title {
        width: 70%;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        padding:4px 6px 4px 1rem;
		/* font-size: 0.875rem; */
        background: url(../images/icon-play.svg) center left no-repeat;
        background-position-x: -0.2rem;
    }
    .hot_title span{
        /* font-size: 0.875rem; */
        font-size: 1rem;
    }
    .event_title {
        width: 75%;
		background:url(../images/icon_arrow-right-green.png) center left no-repeat;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        padding:4px 6px 4px 20px;
		font-size:1rem;
    }
        .hot_title a, .event_title a {
            color: #4d4d4d !important;
        }

            .hot_title a:hover, .event_title a:hover {
                color: #747474 !important;
            }

    .hot_more {
        font-size: .9rem;
        color: #ffffff;
		display:inline-block;
        text-align: center;
        float: right;
    }

        .hot_more a {
            color: #ffffff;
        }

            .hot_more a:hover {
                color: #ffffff;
                text-decoration: none;
            }

     @media screen and (min-width: 1400px)  {
                .hot_news {
                   max-height:280px;
                }
                .hot_list {
                   padding: 6px 0px;
            }
            }
            @media screen and (min-width: 1024px) and (max-width: 1200px) {
                .hot_news {
                    max-height:200px;
                 }
                .hot_list {
                    padding: 3px 0px;
                }
            }
    /* ======平板版型區====== */
    @media screen and (min-width: 768px) and (max-width: 1024px) {
        .hot_news {
            width: 100%;
            float: left;
            margin-top: 20px;
        }
    }

    /* ======手機版型區====== */

    @media screen and (max-width: 767px) {
        .hot_news {
            width: 100%;
            float: left;
            margin-top: 2rem;
        }
    }
    @media screen and (max-width: 576px) {
        .hot_time {
            font-size: 1rem;
        }
        .hot_title span {
            font-size: 1.0667rem;
        }
    }

  /*-------------------------------------- index event set --------------------------------------*/
    .event_news {
        width: 48%;
        float: left;
        margin-top: 10px;
    }

    .event_bar {
        border-bottom: 2px #6ec7d7 solid;
        font-size:1.07em;
        color: #58aebe;
    }

    .event_list {
        padding: 7px 0px 4px 0px;
        border-bottom: 1px #cdbd90 solid;
    }

    .event_time {
        color: #e5504f;
        width: 28%;
        text-align: right;
        float: right;
        padding-top: 2px;
    }





    .event_loc {
        background-color: #6ec7d7;
        border-radius: 10px 10px 10px 10px;
        font-size:0.79em;
        color: #ffffff;
        display: block;
        text-align: center;
        float: right;
        margin-right: 5px;
        padding: 3px 4px 3px 4px;
    }

        .event_loc a {
            color: #ffffff;
        }

            .event_loc a:hover {
                color: #ffffff;
                text-decoration: none;
            }
    /* ======平板版型區====== */
    @media screen and (min-width: 768px) and (max-width: 1024px) {
        .event_news {
            width: 100%;
            float: left;
        }
    }

    /* ======手機版型區====== */

    @media screen and (max-width: 767px) {
        .event_news {
            width: 100%;
            float: left;
        }
    }
/*---------------------------------subject------------------------------------*/

    .talk_ban {
        margin: 20px 0px 0px 0px;
    }
	.talk_ban-title {
	border-top:3px solid #ff1515;
	text-align:center;
	font-size:1.125rem;
	padding:7px 0;
	}
.talk_ban-title a {
	color:#000;
	
}

  .talk-group img {
  	width:100%;
	max-height:220px;
   }
    .talk-group .talk-title {
		margin-top:-55px;
		min-height:55px;
		padding:5px;
		background-color:rgba(0, 0, 0, .5);
		display:inline-block;
		font-size:1rem;
		line-height:1.4rem;

	}
	    .talk-group .talk-title a {
			color:#FFF;
		}
.talk-group .talk-title a:hover {
	color:#ffa800;
	text-decoration:none;
}
  /*----*/
  .subject_ban_s{
    width: 31%;
    height: 100px;
    text-align: center;
    padding: 10%;
    margin: 0px 1%;
  }
  @media only screen and (max-width: 768px) {
        .subject_ban_s {
            width: 100%;
            margin: 1%;
        }
    }
  .subject_ban_col1{
    background-color:#96f0f3;
    color:#009688 !important;
  }
  .subject_ban_col2{
    background-color:#fdb7ce;
    color:#ae194a !important;
  }
  .subject_ban_col3{
    background-color:#acf1da;
    color:#08885d !important;
  }
  .subject_ban {
  	width:24%;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
		margin-right:1%;
		
  }
    .subject_ban-right {
	}
 .subject_upTitle-a {
	border-left:6px solid #ff1616;
	text-align:left;
	font-size:1.125rem;
	padding:6px 10px;
		background-color:rgba(0, 0, 0, .5);
		/*z-index:1000;*/
		display:inline-block;
		position:relative;
		
	}
 .subject_upTitle-b {
	border-left:6px solid #ffcb16;
	text-align:left;
	font-size:1.125rem;
	padding:6px 10px;
		background-color:rgba(0, 0, 0, .5);
		/*z-index:1000;*/
		display:inline-block;
		position:relative;
		
	}
	 .subject_upTitle-a a,.subject_upTitle-b a {
	 	color:#FFF;
	 }
	 .subject_upTitle-a a:hover,.subject_upTitle-b a:hover {
	 text-decoration:none;
	 }
   .subject-group img {
  	width:100%;
	/*max-height:230px;*/
	margin-top:-30px;
    max-height: 23em;
    min-height: 20em;
   }
    .subject-group .subject-title {
		margin-top:-55px;
		min-height:55px;
		padding:5px;
		background-color:rgba(0, 0, 0, .5);
		display:inline-block;
		font-size:1rem;
		line-height:1.4rem;
        width:100%;
	}
	    .subject-group .subject-title a {
			color:#FFF;
		}
.subject-group .subject-title a:hover {
	color:#ffa800;
	text-decoration:none;
}
.talk_ban_pad {
	display:none;
}
    /* ======平板版型區====== */
    @media screen and (min-width: 768px) and (max-width: 1024px) {

    }

    /* ======手機版型區====== */

   @media only screen and (max-width: 768px) and (min-width: 480px)  {
.talk_ban_web {
	display:none;
}
.talk_ban_pad {
	display:inline-block;
	float:left;
	/*width:31%;*/
}
.talk_ban {
}
.subject_ban {
	width:30%;
	margin-left:2%;
	float:left;
}
   .subject-group img {
  	width:100%;
	height:220px;
	margin-top:-30px;
   }
       .subject-group .subject-title {
		margin-top:-55px;

	}
    .subject_ban-right {
		margin-right:0%;
	}
    }
	@media only screen and (max-width: 480px)   {
	.talk_ban_web {
	display:none;
}
	.talk_ban_pad {
		display:none;
	}
	.subject_ban {
	width:100%;
	margin-left:0%;
	margin-top:0;
	margin-bottom:10px;
}
    .subject_ban-right {
		margin-right:0%;
	}
	}
/*-------------------------------------video--------------------------*/
.videoBar-bg {
	background-color:#cce3d2;
	overflow:auto;
	margin-bottom:20px;
}
    .videoBar-bg  .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }
    .videoBar-bg .hidden-mobile{
        display: flex;
        flex: 1;
    }
    .videoBar-bg .video_ban{
        flex: 1;
    }
    .videoBar-bg .subject_ban{
        flex: 1;
    }
    .videoBar-bg .subject-group{
        height:100%;
    }
    .videoBar-bg .subject-group img{
        height:100%;
    }
.serviceArea {
	margin:20px 1% 20px 0;
}
.serviceArea > .nav-tabs li {
	width:20%;
}
.serviceArea > .nav-tabs li a {
	padding:10px 4px;
	text-align:center;
	background-color:#757575;
	color:#FFF;
}
.serviceArea > .nav-tabs li a:hover {}
.serviceArea > .nav-tabs li.active a {
	background-color:#007db8 !important;
}
.serviceArea > .nav-tabs li.active {
	background:url(../images/icon_tab-down.png) bottom center no-repeat;
}
.serviceArea> .tab-content {
	background-color:#FFF;
	padding:10px;
	overflow:auto;
	height:180px;
}
.service_location_detail .accordionTitle{
    margin: 0; 
    padding: 10px 15px; 
    border-radius: 0;
}
.service_location_detail .panel-heading a:after {
    font-family: none!important;
    content: "";
    float: none;
    color: white;
}
.service_location_detail .panel-body{
	padding:1em;
}
.service_location_detail .panel-body .cityName{
	line-height:2rem;
}
.service_location_detail .panel-heading .panel-title{font-size: 1.125rem;}
.service_location_detail .panel-heading .panel-title a{font-size: 1.125rem;color: inherit;}
.serviceArea-set {
	width:100%;
	float:left;
	padding:5px 15px;
	line-height:1.5rem;
	border-bottom:1px dotted #999999;
}
.serviceArea-set a {
	color:#0033c6;
	padding-right:5px;
	font-size:.9rem;
	text-decoration:underline;
    cursor: pointer;
}
.serviceArea-set a:hover {
	text-decoration:none;
	color:#ff7200;
}
.serviceArea-title {
	color:#4c4c4c;
	font-size:1rem;
    padding:0em 1em 0em 0em;
}
.service_location_detail .panel-info .serviceArea-hint {
    display: none;
}

.service_location_detail .panel-info.open .serviceArea-hint {
    color: #D10303;
    font-weight: normal;
    display: block;
    font-size: 1rem;
    padding: 0.5rem 1.25rem;
}
.service_location_detail .panel-info.open .accordionTitle:hover .serviceArea-hint {
    color: #FFA3A3;
}

@media screen and (max-width: 767px) {
        .serviceArea-set {
	        width:100%;
        }
    }
.video_ban{ margin:20px 0 20px 2%; width:48%; float:left; background-color:#474747; overflow:auto; border-radius:4px 4px 0 0;}
.video_bar{font-size:1.125rem; color:#FFF;  background-color:#dd2626; border-radius:4px; padding:8px 12px;}
.video_list00{ float:left; width:50%;  padding:10px 0 0 0;}
.video_pic{ background-color:#ecebeb; width:90%; text-align:center; margin:0 5%;}
.video_pic img{ width:100%;}
.video_f{ font-size:.9rem;  width:100%; clear:both; text-align:center; padding:2px 6px;}
.video_f a { color:#FFFFFF; line-height:1.4rem;}
.video_more{ font-size:.9rem; color:#ffffff; display:inline-block; float:right; }
.video_more a{ color:#ffffff;}
.video_more a:hover{color:#ffffff; text-decoration:none;}
@media screen and (min-width: 481px)  {
    .video_ban {max-height:23em;}
    .video_bar{height:10%;}
    .video_list00{height:90%;}
    .video_pic{height:80%;}
    .video_pic img {height: 100%;}
    .video_f {height: 20%;}
}

@media only screen and (max-width: 768px) and (min-width: 480px)  {

.serviceArea {
	margin:20px 0 20px 2% ;
	/*width:66.6%;*/
	display:block;
	float:left;
}

.video_ban{ margin:20px 0 20px 1%; width:32.3% }
.video_sm {
	display:none;
}
.video_list00{ float:none; width:100%;  padding:10px 0;}
}

@media only screen and (max-width: 480px)   {
.videoBar-bg {
	padding-top:0px;
	margin-bottom:0;
}
.videoBar-bg-m {
	background-color:#cce3d2;
	overflow:auto;
    padding-top:0px;
	margin-bottom:0;
}
.video_ban{ margin:10px 0 20px 0; width:100%; }
.serviceArea {
	margin:20px 0 10px 0;
	width:100%;
	float:none;
}
.serviceArea > .nav-tabs li a span {
	display:none;
}
.video_sm {
	display:none;
}
.video_list00{ float:none; width:100%;  padding:10px 0;}
}
/*-------------------------------------user zone & type --------------------------*/
.userZone-line {
	border-bottom:dotted 1px #8e8e8e;
	margin:0 15px;
}
.userZone {
	background-color:#f7f7f7;
	border-radius:6px;
	margin:20px 0;
	min-height:160px;
}
.userZone-title {
	width:20%;
	float:left;
	background-color:#00856a;
	color:#FFF;
	overflow:auto;
	border-radius:6px 0 0 6px;
	min-height:160px;
	text-align:center;
	font-size:2rem;
}
.userZone-title img,.typeZone-title img {
	display:block;
	margin:5px auto;
}
ul.userZone-list li {
	float:left;
	width:20%;
	text-align:center;
	
}
ul.userZone-list li a {
	display:inline-block;
	text-align:center;
	margin:15px auto;
	padding:30px 15px;
	background-color:#FFF;
	border-radius:150px;
	height:130px;
	width:130px;
	font-size:1.8rem;
	line-height:2.2rem;
}
ul.userZone-list li a:hover {
	text-decoration:none;
}
ul.userZone-list li:nth-child(1) a {
	border:1px solid #4b8028;
	color:#4b8028;
}
ul.userZone-list li:nth-child(2) a {
	border:1px solid #e48600;
	color:#996b00;
}
ul.userZone-list li:nth-child(3) a {
	border:1px solid #ff2668;
	color:#eb0023;
}
ul.userZone-list li:nth-child(4) a {
	border:1px solid #008be5;
	color:#0f7abd;
}
ul.userZone-list li:nth-child(1) a:hover {
	color:#FFF;
	background-color:#4b8028;
}
ul.userZone-list li:nth-child(2) a:hover {
	background-color:#e48600;
	color:#FFF;
}
ul.userZone-list li:nth-child(3) a:hover {
	background-color:#ff2668;
	color:#FFF;
}
ul.userZone-list li:nth-child(4) a:hover {
	background-color:#008be5;
	color:#FFF;
}
.typeZone {
	background-color:#f7f7f7;
	border-radius:6px;
	margin:20px 0;
	min-height:160px;
}
.typeZone-title {
	width:20%;
	float:right;
	background-color:#4476c1;
	color:#FFF;
	overflow:auto;
	border-radius:0 6px 6px 0;
	min-height:160px;
	text-align:center;
	font-size:2rem;
}
ul.typeZone-list li {
	float:left;
	width:20%;
	text-align:center;
	
}
ul.typeZone-list li a {
	font-size:2.2rem;
	padding:10px 0;
	display:block;
	margin:8px 20px;
}
ul.typeZone-list li:nth-child(1) a {
	border-bottom:6px solid #92670d;
	color:#7d6e4f;
}
ul.typeZone-list li:nth-child(2) a {
	border-bottom:6px solid #e00404;
	color:#c12424;
}
ul.typeZone-list li:nth-child(3) a {
	border-bottom:6px solid #eb0047;
	color:#d61f71;
}
ul.typeZone-list li:nth-child(4) a {
	border-bottom:6px solid #048e51;
	color:#267a55;
}
ul.typeZone-list li:nth-child(5) a {
	border-bottom:6px solid #006b9a;
	color:#386b81;
}
ul.typeZone-list li:nth-child(6) a {
	border-bottom:6px solid #9d6300;
	color:#885600;
}
ul.typeZone-list li:nth-child(7) a {
	border-bottom:6px solid #0077e5;
	color:#0067c6;
}
ul.typeZone-list li:nth-child(8) a {
	border-bottom:6px solid #7c07cf;
	color:#7d2cb7;
}
ul.typeZone-list li  a:hover {
	
	text-decoration:none;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
ul.typeZone-list li:nth-child(1) a:hover {
	border-bottom:6px solid #704c00;
	color:#FFF;
	background-color:#92670d;
}
ul.typeZone-list li:nth-child(2) a:hover {
	border-bottom:6px solid #e00404;
	color:#FFF;
	background-color:#c12424;
}
ul.typeZone-list li:nth-child(3) a:hover {
	border-bottom:6px solid #eb0047;
	color:#FFF;
	background-color:#d61f71;
}
ul.typeZone-list li:nth-child(4) a:hover {
	border-bottom:6px solid #048e51;
	color:#FFF;
	background-color:#267a55;
}
ul.typeZone-list li:nth-child(5) a:hover {
	border-bottom:6px solid #006b9a;
	color:#FFF;
	background-color:#386b81;
}
ul.typeZone-list li:nth-child(6) a:hover {
	border-bottom:6px solid #9d6300;
	color:#FFF;
	background-color:#885600;
}
ul.typeZone-list li:nth-child(7) a:hover {
	border-bottom:6px solid #0077e5;
	color:#FFF;
	background-color:#0067c6;
}
ul.typeZone-list li:nth-child(8) a:hover {
	border-bottom:6px solid #7c07cf;
	color:#FFF;
	background-color:#7d2cb7;
}
.userZone-title a,.typeZone-title a {
	color:#FFF;
}
.userZone-title a:hover,.typeZone-title a:hover {
	text-decoration:none;
}
@media only screen and (max-width: 768px) and (min-width: 480px)  {
.userZone {
	min-height:140px;
	margin:20px 15px;
}
.userZone-title img {
	width:60%;
}
.userZone-title {
	width:20%;
	float:left;
	background-color:#00856a;
	color:#FFF;
	overflow:auto;
	border-radius:6px 0 0 6px;
	min-height:140px;
	text-align:center;
	font-size:1.6rem;
	padding-top:10px;
}
ul.userZone-list li a {
	padding:25px 15px;
	background-color:#FFF;
	border-radius:150px;
	height:110px;
	width:110px;
	font-size:1.6rem;
	line-height:2.0rem;
}
.typeZone {
	
	margin:20px 15px;
	min-height:140px;
}
.typeZone-title {
	width:20%;
	float:right;
	background-color:#4476c1;
	color:#FFF;
	overflow:auto;
	border-radius:0 6px 6px 0;
	min-height:140px;
	text-align:center;
	font-size:1.6rem;
	padding-top:5px;
}
.typeZone-title img {
	width:60%;
}
ul.typeZone-list li a {
	font-size:1.5rem;
	padding:10px 0;
	display:block;
	margin:8px 20px;
}
}
@media only screen and (max-width: 480px)   {
ul.userZone-list, ul.typeZone-list,.userZone-line {
	display:none;
}
.userZone {
	min-height:auto;
	margin:20px 2% 0 5%;
	float:left;
	width:43%;
}
.typeZone {
	min-height:auto;
	margin:20px 5% 0 2%;
	float:left;
	width:43%;
}

.userZone-title,.typeZone-title {
	width:100%;
	float:none;
	border-radius:8px;
	min-height:inherit;
	text-align:center;
	font-size:1.6rem;
	padding:10px;
}
.userZone-title a,.typeZone-title a {
	color:#FFF;
}
.userZone-title a:hover,.typeZone-title a:hover {
	text-decoration:none;
}
.userZone-title:hover {
	color:#00856a;
	text-decoration:none;
	background-color:#96dacc;
}
.typeZone-title:hover {
	color:#96dacc;
	background-color:#afc3e4;
}
}
<!-- ===================下方熱門服務BANNER區============= -->
.bg-banner {
		
	border-bottom:1px solid #c9c9c9;
	border-top:1px solid #c9c9c9;
	background-color:#eaeaea;
	padding:20px 0;
}
.bannerBg {
    /*background-color: #eaeaea;*/
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    padding: 1rem 0.5rem;
    overflow: auto;
}

.bannerBg .flexslider img {
    border: solid 1px #ccc;
    border-radius: 2px;
}

@media only screen and (max-width: 480px) {
    .bannerBg {
        display: none;
    }
}
    .M-hotBannerWrap li
    {
        padding-top: 8px;
    }
    .M-hotBannerWrap a
    {
        
        display:inline-block;
        padding: 0px;
    }
    .M-hotBannerWrap img
    {
        width: 100%;
        /*width: 160px;
        height: 50px;*/
    }
    /* ===================下方熱門服務BANNER區============= */
    .M-hotBannerWrap{
	    clear:both;
	    padding-bottom:10px;
        /*background:url(./images/hotBannerBg.jpg) no-repeat left bottom;*/
        /*background-size:cover;*/
	    overflow:hidden;
	    position:relative;
	    margin-bottom:10px;
        /*width:950px;*/
    }
    .M-hotBannerWrap ul{
        border-right:1px #cfcbcb solid;
        border-left:1px #cfcbcb solid;
        border-bottom-right-radius:10px;
        border-bottom-left-radius:10px;
        border-bottom: 1px #cfcbcb solid;
    }
    .M-hotBannerWrap .hotBannerTit{
	    /*background:url(./images/hotBannerTit.jpg) ;*/
        background-size:100% 100%;
	    /*width:950px;*/
	    height:30px;
        border-bottom: 2px #F60 solid;
	    }
    .M-hotBannerWrap .hotBannerTit p{
	    display:block;
	    float:left;
	    /*width:100px;*/
	    color:#FFF;
	    padding:7px 30px 5px 30px;
	    font-size:1.14em;
        background-color:#F60;
        border-top-right-radius:10px;
	    }
    .M-hotBannerWrap .hotBannerTit a{	
	    display:block;
	    padding-top:8px;
	    font-size:11pt;
	    float:right;
	    color:#06C;
	    margin:0 0 0 15px;
	    }
    .M-hotBannerWrap .hotBannerTit a:hover{	
	    color:#F60;
	    }


@media only screen and (max-width: 480px)   {
	.bannerBg {
		display:none;
	}
}
/*-------------------------------------footer menu --------------------------*/
.footer-line {
		border-top:1px solid #c9c9c9;
		margin-top:20px;
}

.bottom-menu {
    margin-top:1rem;
}

.st_back{ 
    background-color: transparent;
    padding:10px 0;
    border-top: 1px solid #c1c1c1;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.clos_st{ color:#555555; float:right; margin-bottom:5px; font-size: 1.125rem; margin-right: 0.5rem;}
.clos_st a{color:#555555 !important; text-decoration:none;}
.clos_st a:hover{color:#000000; text-decoration:none;}

.clos_st a:before {
    content: '\2212';
    color: #666;
    font-weight: bold;
      padding-right:5px;
  }
  
  .clos_st a.collapsed:before {
    content: "\002B";
  }

.stru_c {display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;}
.stru{margin:8px 0px 8px 0px; color:#000000; font-size:0.86em; line-height:19px; float:left; flex:1;}
.struTwo { width:30%;  float:left;}
.stru span,.struTwo span { color:#c00808; font-size:1.125rem; padding: 5px 0 12px 0; display:block;}
.stru span a,.struTwo span a { color:#c00808; font-size:1.125rem;}
.stru a{ color:#676867; text-decoration:none;}
.stru a:hover{ color:#676867; text-decoration:none;}
.f_indent > li {background:url(../images/icon-point-footerMenu.gif) top left no-repeat; padding-left:20px; padding-right:5px; }
.f_indent > li > a { font-size:1rem;  color:#4d4d4d !important; line-height:1.6rem;  }
.f_for2 > li { width:50%; float:left;}

@media only screen and (max-width: 768px) and (min-width: 576px)  {
    .stru_c {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: block;
            }
    .stru {
        width:33.3%; 
          }
.stru { width:16.6%; }
.struTwo { width:16.6%; }
.f_for2 > li { width:100%; float:none;}
}
@media only screen and (max-width: 576px)   {
    .bottom-menu .NoPrint {
		padding:0;
	}
    .stru_c {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: block;
            }
    .stru {
        width:50%; 
        min-height:120px;
          }
          
	.stru span,.struTwo span { 
		color:#c00808; 
		font-size:1rem;
		font-weight:500;
		background-color:#fff;
		border-bottom:1px solid #999;
		border-radius:20px;
		padding:5px 5px 5px 10px;
		margin:5px;
		}
	.f_indent > li > a {
		font-size:1rem;
		padding-bottom:5px;
	}
.st_back {
	/* display:none; */
}.stru,.struTwo {
	/* display:none; */
}
.footer-line {
	display:none;
}
.f_indent > li {
    background:url(../images/icon-point-footerMenu.gif) top left no-repeat; 
    padding-left:15px; 
    padding-right:5px; }
.f_indent > li > a { font-size:1rem;  color:#4d4d4d !important; line-height:1.6rem;  }
}
/*-------------------------------------footer --------------------------*/

/*footer {background-color:#4b4b4b; }*/
.footer{ padding:20px 0; color:#ffffff; overflow:auto;}
.footer_zoneA {
	width:25%;
	padding:0 15px;
	position: relative;
    min-height: 1px;
	float:left;
}
.footer_zoneB {
	width:50%;
	padding:0 15px;
	position: relative;
    min-height: 1px;
	float:left;
}
.footer_zoneC {
	width:25%;
	padding:0 15px;
	position: relative;
    min-height: 1px;
	float:left;
}
/*GoTop*/
.footer #dvGoTop {
    display:none;
    z-index: 500;
    position: fixed;
    bottom: 30px;
    right: 8px;
    -moz-transition: all linear 0.25s; 
    -webkit-transition: all linear 0.25s;  
    -ms-transition: all linear 0.25s;
    -o-transition: all linear 0.25s;
    transition: all linear 0.25s;
}
/*.footer #dvGoTop i {
    font-size:44px;
    border-radius:50%;
    background-color:#FFF;
    background: radial-gradient(#FFF 65%, transparent 70%); 
    color: rgba(0, 0, 0, 0.3);
    line-height:44px;
}*/
.footer #dvGoTop svg {
    width:60px;
    color:#666;
}
.footer #dvGoTop.dvBottom {
    display:block;
}
/*@media screen and (max-width: 768px) {
    .footer #dvGoTop {
        display: none;
    }
}*/
.footer #dvSmartAgent {
    z-index: 500;
    position: fixed;
    bottom: 30px;
    right: 5px;
    -moz-transition: all linear 0.25s; 
    -webkit-transition: all linear 0.25s;  
    -ms-transition: all linear 0.25s;
    -o-transition: all linear 0.25s;
    transition: all linear 0.25s;
}
.footer #dvSmartAgent img {
    width: 30px;
    margin-top: -3px;
}
.footer #dvSmartAgent a {
    color:#333;
    font-size:0.8em;
    white-space:nowrap;
    display:inline-block;
    text-align: center;
    vertical-align:top;
    background-color: #ffa922;
    border-radius: 50%;
    padding: 10px;
    width:68px;
    height:68px;
    line-height: 14px;
}
.footer #dvSmartAgent a::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #ffbe00;
    transition-property: top, right, bottom, left;
    transition-duration: 0.3s;
}
.footer #dvSmartAgent a:hover {
    text-decoration: none;
}
.footer #dvSmartAgent a:hover::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    border: 2px solid #ffa922;
    transition-property: top, right, bottom, left;
    transition-duration: 0.3s;
}
.footer #dvSmartAgent.dvBottom {
    bottom: 95px;
}

.footer a{ color:#ffffff;}
.footer a:hover{ color:#ffe013; text-decoration:none;}
.footer ul{ list-style-type: none; }
.footer p {
	line-height:1.3rem;
	font-size:.9rem;
}
.cr{ padding:10px 0; }
.footer-title {
	font-size:1.125rem;
	margin-bottom:10px;
}
.number-yellow {
	color:#ffe221;
}
.number-blue {
    /*color:#22aeff;*/
    color: #CCEBFF;
}
.footer-link a {
	padding:8px;
	font-size:1rem;
	text-align:center;
	width:30%;
	display:inline-block;
	border:1px solid #ffffff;
	margin-right:5px;
}
.footer-link a:hover {
	background-color:#FFCC00;
	color:#414141;
	border:none;
}
.footer-logo {
	width:90%;
}
ul.service_link {
    margin-top: 20px;
    margin-left:-20px;
}
ul.service_link li a { 
	font-size:1rem;
	padding:5px 2px 5px 20px;
	line-height:1.5rem;
	background:url(../images/icon_arrow-right-gray.png) left center no-repeat;
	}
.visit {
	border-left:1px solid #969696;
	padding-left:30px;
}
.visit img {
	margin:10px 0;
}
.visit p {
	font-size:.9rem;
}
@media only screen and (max-width: 768px) and (min-width: 480px)  {

.footer-link a {
	width:40%;
}
}
@media only screen and (max-width: 480px)   {

.footer_zoneA {
	width:45%;
	padding:0 15px;
	position: relative;
    min-height: 1px;
	float:left;
}
.footer_zoneB {
	width:55%;
	padding:0 15px;
	position: relative;
    min-height: 1px;
	float:left;
}
.footer_zoneC {
	display:none;
}
.footer-link a {
	width:45%;
	margin-top:5px;
}
.cr {
	display:none;
}
.footer-title {
	line-height:1.5rem;
	margin-bottom:0;
}
}
/*--- news ---*/
.page-search {
	margin:2px 0 8px 0;
}
.page-search select {
	margin-top: 7px;
}
.page-search .btn-default {
	padding:2.5px 15px;
	font-size: 0.9375rem!important;
	margin-top:7px;
}
@media screen and (min-width:576px) and (max-width:768px) {
	.page-search {
	margin:8px 0;
}
	.page-search .form-control {
		width:auto!important;
		max-width:94px;
		
	}
	.page-search select {
		margin-top:0;
		padding:8px 0;
	}
	.page-search .btn-default {
	padding:2.5px 5px;
	font-size: 0.9375rem!important;
	margin-top:4px;
}
}
@media screen and (max-width:576px) {
	.page-search {
	margin:8px 0;
}
	.page-search .form-control {
		width:auto!important;
		max-width:115px;
		
	}
	.page-search select {
		margin-top:0;
		padding:8px 0;
	}
	.page-search .btn-default {
	padding:2.5px 5px;
	font-size: 0.9375rem!important;
	margin-top:4px;
}
}
.btn-red {
	background-color:#efefef;
	color:#f04f4f;
	border:1px solid #d8d8d8;
	font-size:1em;
}

.news_pagination {margin:10px 0; text-align:center; clear:both; background-color:#f2f2f3; border-top:1px solid #d8d8d8; padding:5px 0;}
.news_pagination p{margin: 0px 5px; padding-top:12px; }
.news_pagination ul li{display:inline;}
.news_pagination .float_left{float: left;}
.news_pagination .float_right{float: right}
.news_pagination .btn {padding:3px 8px; border-radius:0.625rem; font-size:.9rem; border:1px solid #e1e1e1;}
.news_pagination .btn-pager { 
    border-radius: 0.625rem; 
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    background-position: calc(100% - 17px) calc(1em + 2px), calc(100% - 12px) calc(1em + 2px), calc(100% - 1.75em) 0.375em;
}
.news_pagination .dropdown-menu{ left: 32px; min-width: 50px; margin: 0px;}
.news_pagination .count {
	padding-top:12px;
}
@media screen and (max-width:576px) {
	.news_pagination ul {
		padding:0 5px;
		margin:0;
	}
	.news_pagination ul li {
		padding:0;
		margin:0;
	}
	.news_pagination p{margin: 0px 2px; }
	.news_pagination .btn-pager { 
    border-radius: 0.4rem; 
    padding-top: 3px;
    padding-bottom: 0.75rem;
    background-position: calc(100% - 17px) calc(1em + 2px), calc(100% - 12px) calc(1em + 2px), calc(100% - 1.75em) 0.375em;
}
	.news_pagination .btn {
		padding:3px 4px; 
		border-radius:0.4rem!important; 
		font-size:.9375em!important; 
		border:1px solid #e1e1e1;
	}
}
/*-- side set --*/

/*--sidebar標頭及框架設定--*/
.more a { float:right;  margin-top:5px; font-size:0.9rem; color:#4d4d4d;}
h1.sidebar_title {  
font-weight:normal;
padding:5px 5px 5px 25px;
font-size:1.375rem; 
background:url(../images/icon-sidebarTitle.gif) left center no-repeat; 
}




.title-orange {
border-bottom:3px solid #ff5555;
color:#eb1616;
}
.title-purple {
border-bottom:3px solid #c6a3d2;
color:#b16ec8;
}
.title-lakegreen {
    border-bottom: 3px solid #00c2b7;
    color: #00615A; /*color: #00bbb0;*/
}
.title-brown {
border-bottom:3px solid #b07d23;
color:#7f5100;
}
.title-blue {
border-bottom:3px solid #3998e1;
color:#165C92; /*color:#3998e1;*/
}

    .sidebar02 img{	padding: 5px 0; max-width: 100%; height: auto; width:100%;}
    #slideshow {
        margin: 5px auto;
        position: relative;
        padding:0;
    }
    #slideshow > div {
        position:relative;
    }
.sidebar-search .main_search_bar {
	margin:10px 0 20px 0;
}
.sidebar-search .search_select > input {
	width:100%;
	margin:1% 0%;
}
.sidebar-search .search_btn > .btn_set {
	width:49%;
	margin:1% 0.5%;
}
.sidebar-search .search_btn > .btn_set:last-child {
	width:30%;
	text-align:center;
	border:1px solid #3998e1;
	background-color:#FFF;
	color:#160C92 !important; /*color:#3998e1 !important;*/
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	margin:1% 0 1% 35%;
    padding:3%;
}
.sidebar-search .search_btn > .btn_set:last-child:hover {
	background-color:#3998e1;
	color:#FFF !important;
}
.search_select .search-adv  {
	padding-top:4%;
}
.search_select .search-adv a {
	color:#818181;
	text-decoration:underline;
}
.search_select .search-adv a:hover {
	color:#FF3300;
}
/*-達人觀點-*/
.sidebar05 .more a { float:right; margin-right:-5px;  margin-top:5px; font-size:0.9rem; color:#4d4d4d;}
.sidebar05-content {
	border:1px solid #dadada;
	overflow:auto;
	margin:8px 0 20px 0;
	padding:5px;
}
.sidebar05 .super01{width: 30%; float: left; display: block;}
.sidebar05 .super02{width: 70%; float: left; display: block; padding: 5px;}
.sidebar05 img{ padding: 5px; max-width: 100%; height: auto;}
.sidebar05 h2 a {color: #373737; font-weight: bold; font-size:1rem; line-height:1.4rem;}
.sidebar05 h2 a:hover{ color: #f18b33;}
.sidebar05 p{width: auto; height: auto; line-height: 20px; padding: 5px 0px; display: block;}
.sidebar05 h3{color:#555; font-size:0.86em; line-height: 15px; text-align: center;}

<!--求職攻略-->
.sidebar01 {margin: 10px 0 20xp 0;}
.sidebar01 a {color: #555;}
.sidebar01 .tab-content {line-height: 20px; border: 1px solid #d5d5d5; padding: 10px 10px; margin-bottom:20px; margin-top:8px;}
.sidebar01 ul.nav-tabs li {width: 33.3%;  border-bottom:3px solid #ffb400;}
.sidebar01 .nav-tabs li:last-child a{margin-right: 0px;}
.sidebar01 .nav li a {padding: 3px 5px; text-align:center; background-color:#f2f2f3;}
.sidebar01 .nav li a:hover {background-color: #ffb400 !important; border:1px solid #ffb400; color:#FFF;}
.sidebar01 .nav li.active a {background-color: #ffb400; border:1px solid #ffb400; color:#FFF;}
.sidebar01 .tab-content ul li { 
list-style-type:disc; 
margin-left:15px;
padding:5px 0;
border-bottom:1px dotted #858585; }
.sidebar01 .tab-content ul li:last-child {
	border-bottom:none;
}
<!--人資-->  
.sidebar06 { margin-bottom:20px;}
.sidebar06-content {
	overflow:auto;
	margin:8px 0 20px 0;
	padding:0 0 5px 0;
}
.sidebar06 .super01{ display: block;}
.sidebar06 .super02{ display: block; padding: 5px; background-color:#f2f2f3;}
.sidebar06 .super02 .question {
	background:url(../images/sidebar-question.png) top left no-repeat;
	padding:5px 5px  5px 35px;
	line-height:1.5rem;
}
.sidebar06 .super02 .answer {
	background:url(../images/sidebar-answer.png) top left no-repeat;
	padding:5px 5px  10px 35px;
	line-height:1.5rem;
}
.sidebar06 .super02 .answer a {
	font-size:1.25rem;
	color:#ffae00;
}
.sidebar06 img{ padding:0; max-width: 100%; height: auto;}
.sidebar06 a {color: #373737; font-size:1rem; line-height:1.4rem;}
.sidebar06 a:hover{ color: #00a399; text-decoration:none;}
<!--勞動法規-->  
.sidebar07 { margin-bottom:20px;}
.sidebar07-content {
	overflow:auto;
	margin:8px 0 20px 0;
	padding:0 0 5px 0;
}
.sidebar07 .super01{ display: block;}
.sidebar07 .super02{ display: block; padding: 5px; background-color:#f2f2f3;}
.sidebar07 .super02 .question {
	background:url(../images/sidebar-question.png) top left no-repeat;
	padding:5px 5px  5px 35px;
	line-height:1.5rem;
}
.sidebar07 .super02 .answer {
	background:url(../images/sidebar-answer.png) top left no-repeat;
	padding:5px 5px  10px 35px;
	line-height:1.5rem;
}
.sidebar07 .super02 .answer a {
	font-size:1.25rem;
	color:#ffae00;
}
.sidebar07 img{ padding:0; max-width: 100%; height: auto;}
.sidebar07 a {color: #373737; font-size:1rem; line-height:1.4rem;}
.sidebar07 a:hover{ color: #00a399; text-decoration:none;}
<!--瀏覽紀錄-->         
.sidebar03 { margin-bottom:20px;}
.sidebar03 img{ padding: 5px; max-width: 100%; height: auto;}
.sidebar03 .tab-content {line-height: 20px; border-top:0px; padding: 0px; margin-bottom:20px;}
.sidebar03 .nav-tabs li {width: 50%; border-bottom:3px solid #9ad370;}
.sidebar03 .nav-tabs li:last-child a{margin-right: 0px;}
.sidebar03 .nav li a {padding: 5px 8px; text-align:center; background-color:#f2f2f3; color:#333333;}
.sidebar03 .nav li a:hover {background-color: #9ad370 !important; border:#9ad370 solid 1px !important;}
.sidebar03 .nav-tabs li.active a {color: #FFF; font-weight: bold; background-color:#9ad370;}
.sidebar03 .table-review { width:100%; margin: 5px 0; font-size:0.9rem; line-height:1.4rem; border-bottom:1px solid #d5d5d5;border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
.sidebar03 th { 
text-align:center;
padding:3px;
background-color:#f2f2f3;
border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5;
}
.sidebar03 td { text-align:center;
 border-left:1px solid #d5d5d5;
 border-top:1px solid #d5d5d5;
 padding:3px;
}
#sidebar03_03 .table tbody tr td { white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;  }
#sidebar03_03 .table-hover tbody tr:hover{color: #337ab7; background-color: #fff;}
#sidebar03_04 .table tbody tr td{padding: 5px 0px; border:0px;}
#sidebar03_04 .table-hover tbody tr:hover{color: #337ab7; background-color: #fff;}

<!--熱門新聞 -->      

.sidebar04 {
	margin-bottom:20px;
}
.sidebar_hotnews {
clear:both;
border-top:3px solid #ff8aab; 
font-size:1.25rem; 
padding:10px; 
color:#A50331; /*color:#fc6992;*/ 
text-align:center;
border-left:1px solid #d5d5d5;
border-right:1px solid #d5d5d5;
display:block;

}
.sidebar04 ul {
border:1px solid #d5d5d5;
padding:6px;
background-color:#f3f3f3;
margin:0;
}
.sidebar04 ul li { 
list-style-type:disc; 
margin-left:15px;
padding:5px 0; }
.sidebar04 a { display: block; color:#333333; line-height:1.4rem;}

.title_remark { font-size:smaller; font-weight:normal; clolor:#575757; /*color:#9e9e9e;*/ }

.sidebar-link {
	display:none;
}
@media only screen and (min-width: 576px)and (max-width: 768px)  {
.sidebar-search,.sidebar05,.sidebar03,.sidebar06 {
	/* float:left;
	width:49%;
	margin-right:2%;
	overflow:auto; */
}
.sidebar02,.sidebar01,.sidebar07 {
	/* float:left;
	width:49%; */
}
.sidebar04 {
	width:100%;
}
.siderbar-break {
	clear:both;
}
.sidebar-search .main_search_bar {
	margin:10px 0 20px 0;
	width:100%;
}
.sidebar-search .search_select > input {
	width:100%;
	margin:1% 0%;
}
.sidebar-search .search_btn > .btn_set {
	width:49%;
	margin:1% 0.5%;
}
.sidebar-search .search_btn > .btn_set:last-child {
height:auto;
}
.sidebar-search .search_btn > .btn_set:last-child:hover {
	background-color:#3998e1;
	color:#FFF !important;
}
.sidebar-search .search_select span {
	display:inline-block;
}
.sidebar-link {
	display:none;
}
}
@media only screen and (max-width: 576px)   {
.list01,.list01-right,.line-red {
	display:none;
}
.hidden-mobile {
	display:none!important;
}
.sidebar-link {
	display:inline;
}
.sidebar-link ul {
	padding:0;
	margin:0;
}
.sidebar-link ul li {
	padding:0;
	margin:0;
	list-style:none;
}
.sidebar-link ul li a {
    display:block;
    width:49%;
    margin-left:2%;
    margin-bottom: 20px;
	float:left;
	text-align:center;
	padding:50px 0;
	color: #333 !important;;
	font-size:1.25rem;
	border-radius:8px;
    background-color: #dee4f7;
}
.sidebar-link ul li a:hover {
    text-decoration: none;
   color:#FFF!important;
   background-image: linear-gradient(to top, #5284ce 0%, #01949A 100%);
   }
.sidebar-link ul li:nth-child(1) a {
	margin-left:0;
	/* background-color:#3998e1; */
}
.sidebar-link ul li:nth-child(2) a {
	/* background-color:#b07d23; */
}
.sidebar-link ul li:nth-child(3) a {
	/* background-color:#ff638f; */
}
}

.in_ban img{ width:100%; height:auto; margin-bottom:8px;}


        .divli {
            display: inline-block;vertical-align: middle;margin:10px 5px 0 0;text-decoration: none;
        }

        .div_a_before {
            display: block;padding: 8px 10px; background-color: #e4e4e4;color: #343434;border-radius: 4px;text-decoration: none;
        }

        .div_a_before:hover,.div_a_after:hover {
            display: block; background-color: #247db7; text-decoration:none; color:#FFF;
        }

        .div_a_after {
            display: block;padding:8px;border-radius:4px;border-color: #247db7;background-color: #119bdb;color: #fff;box-shadow: 0px 4px 5px rgba(51,51,102,0.3);text-decoration: none;
        }

        .div_a_after:focus{
            display: block;padding:8px;border-radius: 4px;border-color: #247db7;background-color: #119bdb;color: #fff;box-shadow: 0px 4px 5px rgba(51,51,102,0.3);text-decoration: none;
        }


#search_label span {
    font-size: 0.9rem;
    cursor: pointer;
    padding: 4px 6px;
}

    #search_label span .glyphicon-remove {
        color: red;
    }

.other_conditions {
    height: auto;
    width: 95%;
    border: 1px solid #d9d9d9;
    padding: 5px;
    border-radius: 4px;
}

.other_conditions .abox {
    width: 49%;
}

.conditions_box01 {
    width: 100%;
    height: auto;
}

.conditions_box01 .h5 {
    line-height: 20px;
    font-weight: bold;
}

.conditions_box01 .btn {
    padding: 0px;
    background-color: #fff;
    color: #337AB7;
    border: 0px;
    float: left;
    margin-right: 2px;
}

.conditions_box01 i {
    margin-right: 2px;
    padding-top: 3px;
}

.conditions_box02 {
    width: 100%;
    height: auto;
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding-left: 16px;
}

.conditions_box02 input {
    margin-right: 5px;
}

.conditions_box02 span {
    padding: 5px;
}

.other_conditions button.h4 {
    font-weight: bold;
    color: #464643;
    font-size: 1rem;
    background: #23c9a7;
    padding: 8px;
    border-radius: 6px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
    border: 0;
}

.other_conditions button.h4:focus {
    outline: 2px solid #FFA922;
}

.other_conditions .condition_tag {
    float: left;
    margin: 2px 2px;
}

.other_conditions .nav-tabs li a {
    line-height: 10px;
    padding: 10px 0px;
    text-align: center;
}

.other_conditions .btn {
    font-size: 0.8125em;
    line-height: 2.15em;
}

    .other_conditions .btn:focus {
        outline: 2px solid #FFA922;
    }

.other_conditions .dropdown-menu {
    font-size: 0.8125em;
    line-height: 2.15em;
}

#conditions11 .glyphicon {
    top: 3px;
    margin-right: 2px;
}
.table-striped {
font-size:0.9rem !important;
}
.table-striped i {
padding-left:4px;
}
  
  

                .event_list{width: 100%; height: auto; margin-bottom: 20px; text-align:center;}
                .event_list th{text-align:center; background-color: #ddd}



            .search_form{ background-color: #f0f0f0; height:auto; border: solid 1px #ddd; padding: 3px 15px 3px 15px;}
            .search_form .line04{margin: 3px 0px;}
            /*填空格子樣式*/
            .search_form input{max-width: 400px;}
            /*下拉選單按鈕樣式*/
            .search_form .glyphicon{top: 3px;left: 5px;}
            .search_form ul li {display: inline-block;}
            .search_form .btn-group ul li{display: inline;}
            .search_form .btn01{padding: 5px 30px;}
            .search_form .btn01 .glyphicon{left: 20px;}
            .search_form .btn02{padding: 5px 70px;}
            .search_form .btn02 .glyphicon{left: 60px;}
            .search_form .btn_center{text-align: center;}


         .td2 h2{text-align:left !important;
		 background-color:#fbeed4;
		 padding:10px;
		 border-radius:6px;
		 }
		 
	
        .rwd-table {
            background: #fff;
            overflow: hidden;
        }

            .rwd-table tr:nth-of-type(2n) {
                background: #eee;
            }

            .rwd-table th, .rwd-table td {
                margin: 0.5em 1em;
            }

        .rwd-table {
            min-width: 100%;
        }

            .rwd-table th {
                display: none;
                white-space:nowrap;
            }

            .rwd-table td {
                display: block;
            }

                .rwd-table td:before {
                    content: attr(data-th) " : ";
                    font-weight: bold;
                    width: 6.5em;
                    display: inline-block;
                }

            .rwd-table th, .rwd-table td {
                text-align: left;
            }

                .rwd-table th, .rwd-table td:before {
                    color: #25517d;
                    font-weight: bold;
                }

        @media (min-width: 480px) {
            .rwd-table td:before {
                display: none;
            }

            .rwd-table th, .rwd-table td {
                display: table-cell;
                padding: 0.25em 0.5em;
            }

                .rwd-table th:first-child, .rwd-table td:first-child {
                    padding-left: 0;
                }

                .rwd-table th:last-child, .rwd-table td:last-child {
                    padding-right: 0;
                }

            .rwd-table th, .rwd-table td {
                padding: 1em !important;
            }
        }

@media (max-width: 480px) {
    .table-rwd .td-hidden {
        display: none !important;
    }

    .table-rwd {
        min-width: 100%;
    }

    /*針對tr去做隱藏*/
    tr.tr-only-hide {
        display: none !important;
    }

    /*讓tr變成區塊主要讓他有個區塊*/
    .table-rwd tr {
        display: block;
        border: 1px solid #ddd !important;
        margin-top: 5px;
    }

    .table-rwd td {
        text-align: left !important;
        font-size: 1rem;
        overflow: hidden;
        width: 100%;
        display: block;
        border: none !important;
        padding: 5px !important;
    }

    .table-rwd td:before {
        /*最重要的就是這串*/
        content: attr(data-th) " : ";
        /*最重要的就是這串*/
        display: inline-block;
        text-transform: uppercase;
        margin-right: 10px;
    }

    /*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/
    .table-rwd.table-bordered td, .table-rwd.table-bordered th, .table-rwd.table-bordered {
        border: 0;
    }

    /*隱藏before : */
    .table-rwd td.td-before-hidden:before{
        display: none !important;
    }

    /*display:block before : */
    .table-rwd td.td-before-block:before{
        display: block;
    }

    /*標籤給予background-color: #CFC;*/
    .table-rwd.td-before-bc-1 td:before {
        background-color: #CFC;
    }

    /*RWD第二種 僅翻轉tr td*/
    /*讓tr變成區塊主要讓他有個區塊*/
    .table-rwd2 tr {
        display: block;
        /*border: 1px solid #ddd !important;*/
        margin-top: 5px;
    }
    .table-rwd2 th {
        display: block;
    }
    .table-rwd2 td {
        text-align: left !important;
        font-size: 1rem;
        overflow: hidden;
        width: 100%;
        display: block;
        border: none !important;
        padding: 5px !important;
    }
    .table-rwd2 table{
        border-bottom: none;
    }
}			

        div.left_side {
            display: inline-block;
            vertical-align: top;
            width: 25%;
            display: none
        }
        div.right_side {
            display: inline-block;
            vertical-align: top;
            /*width: 75%;*/
            width: 100%;
        }

    .texta{
        margin: 0px;
        width: 275px;
        height: 100px;
    }
.m-update {
	padding:10px 0;
	font-size:.9rem;
	color:#cb5579;
}

/*--- print2 ----*/ 
        .rwd-table {
            background: #fff;
            overflow: hidden;
        }

            .rwd-table tr:nth-of-type(2n) {
                background: #eee;
            }

            .rwd-table th, .rwd-table td {
                margin: 0.5em 1em;
                width: 50%;
            }

        .rwd-table {
            min-width: 100%;
        }

            .rwd-table th {
                display: none;
            }

            .rwd-table td {
                display: block;
                vertical-align: top;
            }

                .rwd-table td:before {
                    content: attr(data-th) "";
                    font-weight: bold;
                    width: 6.5em;
                    display: inline-block;
                }

            .rwd-table th, .rwd-table td {
                text-align: left;
            }

                .rwd-table th, .rwd-table td:before {
                    color: #25517d;
                    font-weight: bold;
                }

        @media (min-width: 480px) {
            .rwd-table td:before {
                display: none;
            }

            .rwd-table th, .rwd-table td {
                display: table-cell;
                padding: 0.25em 0.5em;
            }

                .rwd-table th:first-child, .rwd-table td:first-child {
                    padding-left: 0;
                }

                .rwd-table th:last-child, .rwd-table td:last-child {
                    padding-right: 0;
                }

            .rwd-table th, .rwd-table td {
                /*padding: 1em !important;*/
            }
        }


    .lab{
        padding:0px;
        padding-left:15px;
        padding-top:5px;
        width:15%;
    }
    .lab_1{
        padding:0px;
        padding-top:5px;
        width:7%;
    }
    .mb5{
        margin-bottom:5px;
    }
    .lab4View {
        padding:0px;
        padding-left:15px;
        padding-top:5px;
        width:18%;
    }
    .val4View {
        padding:0px;
        padding-left:15px;
        padding-top:5px;
        width:82%;
    }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
        /*.lab{
            padding:inherit;
            padding-left:15px;
            padding-top:5px;
            width:100%;
        }
        .lab_1{
            padding:inherit;
            padding-top:5px;
            width:auto;
        }*/
    }
    @media screen and (max-width: 767px) {
        .lab{
            padding:inherit;
            padding-left:15px;
            padding-top:5px;
            /*width:auto;*/
            width:100%;
        }
        .lab_1 {
            padding: inherit;
            padding-top: 5px;
            width: auto;
        }
    }
    /*--會員中心--*/
    .company_left{ display: none; /*width:20%; float:left;*/ }
    .company_right {width: 100%; float: right; padding-bottom: 1rem;}
    .company_right h2 {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }
    .company_right h2:not(:first-child) {
        margin-top: 1rem;
    }
    .company_right p {
        display: block;
        clear:both;
    }
    .companyLabel {
        width: 16%;
        text-align: justify; /* For Edge */ 
        text-align-last: justify; 
        background-color: rgba(245,245,245, 0.8);
        padding: 0.25rem 0.5rem;
        border-radius: 4px;
        margin-right: 1%;
        min-height: 28px;
        float: left;
        margin-bottom: 4px;
    }
     /* .companyLabel::after {
        content: "：";
    } */
    .companyInfo {
        padding: 0.25rem;
        width:80%;
        float:left;
        }
        .companyInfo:hover {
            background-color: rgba(245,245,245, 0.6);
        
    }
        @media screen and (min-width:1280px) {
            .companyLabel {
                width: 16%;
                padding: 0.25rem 1.5rem;
            }
            .companyInfo {
                width:80%;
                padding: 0.25rem 1rem;
                }
        }
        @media screen and (min-width:576px) and (max-width:768px) {
            .companyLabel {
                width: 20%;
                padding: 0.25rem 0.5rem;
            }
            .companyInfo {
                width:78%;
                }
        }
        @media screen and (max-width:576px)  {
            .companyLabel {
                width: 30%;
                padding: 0.25rem 0.5rem;
            }
            .companyInfo {
                width:68%;
                }
        }

    .com_picbox{ width:100%; background-color:#ffffff; padding:5px; text-align:center; margin-top:15px;}
    .com_picbox img{ max-width:100%; height:auto;}

/*調整寬度*/
.form-control, .form-normal {
    /*padding: .625rem 1rem;*/
    padding: 0.25rem 1rem;
    font-size:1em;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form_text_a {
    text-align:right;
    font-weight: 700;
}
.form_l_p{
    padding-right:4px;
}
.form_r_p{
    padding-left:4px;
}
@media screen and (max-width: 767px)
{
    .form_text_a{
        text-align:left;
    }
    .form_l_p{
        margin-bottom: 0!important;
    }
    .form_r_p{
        padding-left:15px;
    }
}

.plPage{
    text-align:center;
}
.plPage div{
    display:inline-block;
}
/*location-info*/
.location-header .close{
    color: #fff;
    opacity: 1;
}
.location-info {
	/*position:absolute;*/
	/*z-index: 99;*/
    font-weight: bold;
    color: #009;
    position: relative;
    background-color: #FFF;
    max-height: 440px;
    overflow: auto;
    width: 100%;
}


.location-info ul {
	/*border:1px solid #d6d6d6;
	box-shadow: 0 0px 18px rgba(0,0,0,.2);
	background: #FFF;
	border-radius: 4px;*/
	padding: 8px;
	overflow: auto;
}
.location-info li {
	padding: 4px 0;
}
.location-info li:first-child a, .location-info li:first-child i {
	color: #0162b6;
	font-weight: bold;
	
}
.location-info li .info-close a {
	float: right;
	color: #797979;
}
.location-info li .info-close a:hover {
	color:#c8c8c8;
	text-decoration: none;
}
.location-info li.highlight {
	font-size: .9em;
	font-weight: bold;
	padding: 5px 0;
}
.location-info li.left-info {
	float: left;
	width: 80%;
	font-size: .9em;
	line-height: 1.2em;
}
.location-info li.right-info {
	float: right;
	width: 20%;
	font-size: .9em;
	text-align: right;
	margin-top: .5em;
}
.location-info ul ul {
	border:none;
	box-shadow:none;
	border-radius: none;
	padding: 0px;
	overflow: auto;
	font-size: .9em;
}
.location-info li li.transfer-header {
	width: 21.3%;
	float: left;
	text-align: right;
	clear: both;
	line-height: 1.2em;
    font-weight: bold;
}

.location-info li li.transfer-body {
	width: 78.7%;
	float: left;
	text-align: left;
	line-height: 1.2em;
    font-weight: normal;
    color: #333;
}

/*service_location*/
.location-info .location-info-content{
    border: 1px solid #000;
    overflow: auto;
    word-break: break-all;
}
.location-info .location-info-content>div{
    padding: 5px;
	border: 1px solid #000;
}
.location-info .location-info-content>div>div{
    padding: 4px 0;
}
.location-info .location-info-content>.row{
    margin-right: 0px;
    margin-left: 0px;
	padding: 0;
    border: 0px;
}
.location-info .location-info-content>.row>div{
    padding: 5px;
    border: 1px solid #000;
}
/*service_location*/

@media (max-width:768px) {
	.location-info li li.transfer-header {
	    width: 100%;
	    float: none;
	    text-align: left;
	    padding: 0;
	    font-weight: bold;
    }

    .location-info li li.transfer-body {
	    width: 100%;
	    float: none;
	    padding: 0 0 5px 0;
    }
}
@media (max-width:480px) {
    .location-info {
	    position: relative;
        background-color: #FFF;
        max-height: 520px;
        overflow: auto;
        width: 100%;
    }
}
.modal .modal-header.location-header {
    background-color: #337ab7;
    color: #FFF;
}
.modal-header.location-header .btn-close:after, .modal-header.location-header .btn-close:before  {
    background-color: #FFF;
}
.stationData, #location_item_templete {
    display: none;
}

/*-- PageNotExists --*/
.PageNotExistsBanner {
    margin-top: 100px;
    width: 650px;
    margin-left: auto;
    margin-right: auto;
}
.PageNotExistsBanner .backHome {
    margin-top: 50px;
    padding-right: 15px;
    text-align: right;
}
.PageNotExistsBanner .backHome a {
    text-decoration: none;
    font-size: 1.5em;
    font-family: 微軟正黑體;
    color: #33B;
}
.PageNotExistsBanner .backHome a:hover {
    color: #4d3828;
}