h1,h2,h3,h4,h5,h6{
	margin:0;
	font-size:110%;
}

:focus {
	outline: #ff0000 solid thin !important;
}

caption {
	color:#717171;
}

#gsearch{
	font-size:0.875rem;
}

#gsearch>.fa-search{
	font-size:1.2em;
} 
#sitelogo2 {
    max-height: 80px;
}
.navbar-nav>li>a {
    line-height: 40px;
    padding: 0;
}
@media screen and (min-width:1201px) {
    #mainmenu-wrap {
        background-image: url("../images_new/spring/menu_bg.png");
    }
    .fillbg1 {
        height: 80px;
        background: url("../images_new/spring/pagetop_bg.png") top repeat; /*logo底色*/
    }
    .fillbg1 .input-group {
        padding-top: 5px;
    }
    #S {
        color: #26b190;
        /*background-color: #26b190;*/
        position: absolute;
        top: 30px;
    }
    #main-content2 {  /*新聞與圖片*/
        background: #89c146;
        background: -moz-linear-gradient(left, #89c146 0%, #89c146 50%, #fff9a5 50%, #fff9a5 100%);
        background: -webkit-linear-gradient(left, #89c146 0%, #89c146 50%, #fff9a5 50%, #fff9a5 100%);
        background: linear-gradient(to right, #89c146 0%, #89c146 50%, #fff9a5 50%, #fff9a5 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#89c146', endColorstr='#fff9a5', GradientType=1);
    }
    .mainmenu>li {
        width: 14.28%;
    }
    .mainmenu a {
        background-image: url("../images_new/spring/menu_bg.png");
        border-right: 2px solid rgba(248, 223, 107, 0.9);
        background-repeat: repeat;
        background-color: #F2BA47;
        background-size: contain;
    }
    .fcontent>a {
        padding-left: 1.5em;
    }
    .ftc1+div.fcontent>a:before {
        margin-right: 10px;
    }
    .ftc2+div.fcontent>a:before {
        margin-right: 10px;
    }
    .ftc3+div.fcontent>a:before {
        margin-right: 10px;
    }
    .ftc4+div.fcontent>a:before {
        margin-right: 10px;
    }
    .navbar-default .navbar-nav>li>a:hover {
        box-shadow: inset 0px 500px 0 0 #ff9696;
        /*f0b12f efa817*/
        color: #3f2716;
    }
    .titlefontwra {
        margin-top: -50px;
        margin-bottom: 15px;
    }
    .titlewra {
        margin-top: 5px;
    }
	.titlefontwra h2{
       font-size:150%;
    } 	
    .breadcrumb {
        margin-top: 20px;
    }
    .date-p {
        float: left;
    }
    .truckInput>div:first-child {
        text-align: center;
        padding: 3px 2px;
    }
    /*大貨車申請list頁面*/
    .myrow {
        margin: 0.2em 0 1em 3em;
    }
    .fileslist {
        background-color: #fbfbfb;
        border: 1px solid #e1e1e1;
        border-radius: 5px;
        padding: 0.5em 1em;
        margin: 1em;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #mainmenu-wrap {
        background-image: url("../images_new/spring/menu_bg.png");
    }
    .fillbg1 {
        height: 80px;
        background: url("../images_new/spring/pagetop_bg.png") top repeat;
    }
    .fillbg1 .input-group {
        padding-top: 5px;
    }
    #S {
        color: #26b190;
        /*background-color: #26b190;*/
        position: absolute;
        top: 30px;
    }
    #main-content2 { /*新聞與圖片*/
        background: #89c146;
        background: -moz-linear-gradient(left, #89c146 0%, #89c146 50%, #fff9a5 50%, #fff9a5 100%);
        background: -webkit-linear-gradient(left, #89c146 0%, #89c146 50%, #fff9a5 50%, #fff9a5 100%);
        background: linear-gradient(to right, #89c146 0%, #89c146 50%, #fff9a5 50%, #fff9a5 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#89c146', endColorstr='#fff9a5', GradientType=1);
    }
    .mainmenu>li {
        width: 14.28%;
    }
    .mainmenu a {
        background-image: url("../images_new/spring/menu_bg.png");
        border-right: 2px solid rgba(248, 223, 107, 0.9);
        background-repeat: repeat;
        background-color: #F2BA47;
        background-size: contain;
    }
    .fcontent>a {
        padding-left: 1.5em;
    }
    .ftc1+div.fcontent>a:before {
        margin-right: 10px;
    }
    .ftc2+div.fcontent>a:before {
        margin-right: 10px;
    }
    .ftc3+div.fcontent>a:before {
        margin-right: 10px;
    }
    .ftc4+div.fcontent>a:before {
        margin-right: 10px;
    }
    .navbar-default .navbar-nav>li>a:hover {
        box-shadow: inset 0px 500px 0 0 #ff9696;
        /*f0b12f efa817*/
        color: #3f2716;
    }
    .titlefontwra {
        margin-top: -15px;
        margin-bottom: 15px;
    }
    .titlewra {
        margin-top: 5px;
    }
    .breadcrumb {
        margin-top: 20px;
    }
    .date-p {
        float: left;
    }
    .truckInput>div:first-child {
        text-align: center;
        padding: 3px 2px;
    }
    /*大貨車申請list頁面*/
    .myrow {
        margin: 0.2em 0 1em 3em;
    }
    .fileslist {
        background-color: #fbfbfb;
        border: 1px solid #e1e1e1;
        border-radius: 5px;
        padding: 0.5em 1em;
        margin: 1em;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    #mainmenu-wrap {
        background-image: url("../images_new/spring/menu_bg.png");
    }
    .fillbg1 {
        height: 80px;
        background: url("../images_new/spring/pagetop_bg.png") top repeat;
    }
    .fillbg1 .input-group {
        padding-top: 5px;
    }
    #S {
        color: #26b190;
        /*background-color: #26b190;*/
        position: absolute;
        top: 30px;
    }
    #main-content2 {/*新聞與圖片*/
        background: #89c146;
        background: -moz-linear-gradient(left, #89c146 0%, #89c146 50%, #fff9a5 50%, #fff9a5 100%);
        background: -webkit-linear-gradient(left, #89c146 0%, #89c146 50%, #fff9a5 50%, #fff9a5 100%);
        background: linear-gradient(to right, #89c146 0%, #89c146 50%, #fff9a5 50%, #fff9a5 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#89c146', endColorstr='#fff9a5', GradientType=1);
    }
    .navbar>.container .navbar-brand {
        margin-top: 0;
    }
    .navbar-default {
        top: 0;
        position: relative;
    }
    .mainmenu>li {
        width: 14.28%;
    }
    .mainmenu a {
        background-image: url("../images_new/spring/menu_bg.png");
        border-right: 2px solid rgba(248, 223, 107, 0.9);
        background-repeat: repeat;
        background-color: #F2BA47;
        background-size: contain;
    }
    .fcontent>a {
        padding-left: 0.5em;
    }
    .ftc1+div.fcontent>a:before {
        margin-right: 2px;
    }
    .ftc2+div.fcontent>a:before {
        margin-right: 2px;
    }
    .ftc3+div.fcontent>a:before {
        margin-right: 2px;
    }
    .ftc4+div.fcontent>a:before {
        margin-right: 2px;
    }
    .navbar-default .navbar-nav>li>a:hover {
        box-shadow: inset 0px 500px 0 0 #ff9696;
        /*f0b12f efa817*/
        color: #25170d;
    }
    .titlefontwra {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .titlewra {
        margin-top: 5px;
    }
    .breadcrumb {
        margin-top: 20px;
    }
    .truckbtngroup>.col-sm-3>a {
        height: 54px;
    }
    .date-p {
        float: left;
    }
    .truckInput>div:first-child {
        text-align: center;
        padding: 3px 2px;
    }
    /*大貨車申請list頁面*/
    .myrow {
        margin: 0.2em 0 1em 3em;
    }
    .fileslist {
        background-color: #fbfbfb;
        border: 1px solid #e1e1e1;
        border-radius: 5px;
        padding: 0.5em 1em;
        margin: 1em;
    }
}

@media all and (max-width: 767px) {
	#sitelogo2 {
    max-height: 75px;
}
.navbar-nav>li>a {
    line-height: 50px;
    padding: 0;
}
    #mainmenu-wrap {
        background-color: #a2e551;
        border-color: #26A194;
        position: relative;
        top: 0;
    }
    .mainmenu a {
        /* border-bottom: 2px solid rgba(248, 223, 107, 0.9); */
        margin: 5px;
    }
    .fillbg1 {
        background-color: #a2e551;
        padding: 10px 0;
        position: absolute;
        top: 60px;
        z-index: 0;
    }
	
	.navbar-collapse {
        padding: 0;
    }
	.navbar-collapse .nav {
		margin-left: 0;
	}
	.navbar-nav {
        margin: 0;
		
    }
	.navbar-nav >li{
		border-bottom:1px solid;
		
	}
	
	.navbar-nav .open .dropdown-menu{
		/* background-color:#fbfbfb; */
	}
	
	
    .navbar-default .navbar-nav>li>a {
        /* border-bottom: 1px solid rgba(250, 250, 250, 0.5); */
    }
	 .navbar-nav .open .dropdown-menu>li>a{
		 background-color: #fbfbfb;
		margin:0.5em 0;
		line-height:50px;
		padding:0;
	 }
	.mainmenu >li {
		padding:0 3em;
	}
	
	.mainmenu >li > a{
		text-align:left;
	
	}
	
	.mainmenu >li > a:before {
    content: "\f018";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left:-1.5em;
    position:absolute;
    /* top:0; */
	height:50px;
	line-height:50px;
	/* color:#007AFF; */
	color:#003366;
	font-weight:lighter;
 }
 

	
    #S {
        color: #26b190;
        /*background-color: #26b190;*/
        position: absolute;
        top: 0px;
    }
    #main-content2 {
        background-color: #fff9a5;  /*新聞背景*/
    }
    .navbar>.container .navbar-brand {
        margin-top: 0;
    }
    .mainmenu li.open {
        width: 100%;
       background-color:#dfdfdf;
    }
    .mainmenu a {
        /* background-image: url("../images_new/spring/menu_bg.png");  /*手機版底色*/ */
        border-right: 1px solid #ff9696; 
    }
    .navbar-default .navbar-nav>li>a:hover {
        border-bottom-color: none;
    }
    .fcontent>a {
        padding-left: 1.5em;
    }
    .ftc1+div.fcontent>a:before {
        margin-right: 10px;
    }
    .ftc2+div.fcontent>a:before {
        margin-right: 10px;
    }
    .ftc3+div.fcontent>a:before {
        margin-right: 10px;
    }
    .ftc4+div.fcontent>a:before {
        margin-right: 10px;
    }
    .titlewra {
        margin-top: 1em;
    }
    .breadcrumb {
        margin-top: 10px;
    }
    .date-p {
        /*display:inline-block;*/
        float: none;
        margin-left: 1em;
    }
    .truckInput>div:first-child {
        text-align: left;
        padding: 2px 1em;
    }
    .panelo {
        padding: 10px 5px 0 0;
    }
    #CPage_Panel3>.col-xs-6 {
        padding-left: 5px;
        padding-right: 5px;
    }
    #CPage_Panel4>.col-xs-6 {
        padding-left: 5px;
        padding-right: 5px;
    }
    /*分頁按鈕*/
    .pager li>a,
    .pager li>span {
        padding: 5px 7px;
    }
    /*大貨車申請list頁面*/
    .myrow {
        margin: 0.2em 0 1em 0em;
    }
    .fileslist {
        background-color: #fbfbfb;
        border: 1px solid #e1e1e1;
        border-radius: 5px;
        padding: 0.5em 1em;
    }
	
	.cnybtn{
		padding:3px 12px;
	}
}

@media all and (max-width: 480px) {}

html,
body {
    font-family: "Microsoft JhengHei", serif, sans-serif;
    font-size: 100%;
}


/*accesskey*/

#M {
    color: #26b190;
    background-color: #26b190;
}

#C {
    color: #ededed;
}

#sitelogo {
    max-height: 55px;
}

#sitelogo1 {
    max-height: 80px;
}

.akey:hover {
    text-decoration: none;
}

.navbar-brand {
    padding: 0 0 0 5px;
}

.navbar {
    margin-bottom: 0;
    background-image: none;
    box-shadow: 0 0 0 #ffffff;
}

.navbar-default {
    border-radius: 0;
    /*background-color: #26b190;
    border-color: #26A194;*/
    background-color: #F2BA47;
    border-color: #F2BA47;
}

.navbar-default .navbar-nav>li>a {
    color: #3f2716;
    /*padding: 10px 8px;*/
}


/*字體大小按鈕*/

.btn-fontsize {
    background-color: #ffffff;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    /*border:1px solid #f1b744;*/
    display: inline-block;
    cursor: pointer;
    color: #625c5e;
    font-size: 1.1em;
    /*padding:5px 5px;*/
    width: 26px;
    height: 26px;
    text-decoration: none;
    text-align: center;
    line-height: 26px;
    /*margin-top: 8px;*/
}

#font-m {
    background-color: #f1b744;
    color: #FFF;
}

.btn-fontsize:hover {
    background-color: #f1b744;
    text-decoration: none;
}

.btn-fontsize:active {
    position: relative;
    top: 1px;
    text-decoration: none;
}

.toplinkwra { /*LOGO底顏色*/
    background-color: #a2e551;
    border-bottom: 1px solid #a2e551;
}

.toplink { /*LOGO底顏色*/
    background-color: #a2e551;
    text-align: right;
}

.toplink>div {
    display: inline-block;
    vertical-align: middle;
}

.toplink>div:not(:last-child)>a {
    color: #467a06;  /*網站連結文字顏色*/
    padding: 10px 4px;
    height: 40px;
    line-height: 40px;
    position: relative;
    top: 0;
    transition: all 0.3s ease-out 0s;
}

.toplink>div:not(:last-child)>a:hover {
    text-decoration: none;
    top: -2px;
}

/*進階搜尋按鈕*/

.adv-btn{
    display:table-cell;
    vertical-align: middle;
}
.adv-btn-o>.btn{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/*.toplink .col-sm-7ths:not(:last-child)>a {
    color: #ffffff;
}*/


/*主選單*/


/*解決inline-block多餘space*/

#mainmenu-wrap {
    /*background-image: url("../images_new/spring/menu_bg.png");*/
    background-repeat: repeat;
    background-size: contain;
    min-height: 41px;
    /*background-clip: padding-box;*/
    /*border: 1px solid #F2BA47;*/
}

.mainmenu {
    width: 100%;
    /*letter-spacing: -3px;
    word-spacing: -3px;
    font-size: 0;*/
}



.mainmenu a {
    /*background-image: url("../images_new/spring/menu_bg.png");*/
    /*font-size: 1.125rem;*/
    font-size: 1.125em;
    letter-spacing: normal;
    word-spacing: normal;
    text-align: center;
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    color: #fcfbfa;  /*menu字體顏色*/
    /*background-color: #F7DA53;*/
    *display: inline;
    zoom: 1;
    box-shadow: inset 0 0 0 0 #d1366b;  /*menu上面的下拉陰影*/
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}


/*.navbar-default .navbar-nav>li>a:before {
    	content:'';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 00%;
	background: rgba(255,255,255,0.2);
	border-radius: 5px;
	transition: all 1s ease;
}*/


/*.navbar-default .navbar-nav>li>a:hover:before {
	height: 100%;
}*/


/*.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color:#b2a8a1;
}*/

.mainmenu>li:last-child a {
    border-right: none;
}


/*.column7 {
    width: 14.28%;
    display: inline-block;
    vertical-align: top;
    border-right: 3px solid rgba(34.42%, 33.88%, 31.71%, 0.1);
}*/


/*.mainmenu>.col-sm-7ths,
.mainmenu>.col-xs-6,
.mainmenu>.col-xs-12 {
    padding: 0;
}*/


/*.column7:last-child{
    border-right:none;
}*/

.input-group {
    /* margin-left: 5%; */
}


/*.col-sm-offset-3>.input-group-btn{
    margin-top:15px;
    position: absolute;
}*/


/*主要內容區*/

#main-content {
    background-image: url("../images/bg/spring/CL01-008.JPG");
    background-repeat: repeat;
    padding-bottom: 80px;
    background-size: cover;
	background-color: #ffffff;
    width: 100%;
	background-position:top;
}

.dedicated-line {
    /* width: 100%; */
    clear: both;
	position:relative;
	/* height:120px; */
	margin-top:22px;
	
}

.dedicated-line>p {
    font-weight: 700;
    color: #333333;
    margin:0;
    background-color: rgba(255, 255, 255, 0.4);
    width: 300px;
	min-width:260px;
	max-width:300px;
    text-align: center;
    float: right;
    padding: 5px 2px;
	margin-bottom:1em;
    /*text-shadow: 1px 1px 1px #FFF;*/
	/* height:55px; */
	/* display: inline-block; */
	/* vertical-align: middle; */
	/* width:100%; */
}

.dedicated-line>p:nth-child(2){
	margin-top:10px;
	/* position:absolute; */
	/* bottom:0; */
	/* width:100%; */
}

.ftitle {
    text-align: center;
    height: 50px;
    box-shadow: 1px 3px 5px #cccccc;
    margin-bottom: 2px;
}

.ftitle>h4 {
    color: #ffffff;
    line-height: 50px;
    font-size: 1.125em;
}

.fcontent {
    background-color: #ffffff;
    min-height: 195px;
    box-shadow: 1px 1px 1px #cccccc;
    padding: 5px 0;
}

.fcontent>a {
    display: block;
    width: 100%;
    height: 1.6em;
    line-height: 1.6em;
    margin: 5px 0;
}

.fcontent>a:hover {
    background-color: #DAE7F7;
    text-decoration: none;
}


/*.fcontent>ul {
    list-style: none;
    padding: 0;
}

.fcontent>ul>li {
    padding-left: 2em;
}
.fcontent>ul>li>a {
  display:block;
  width: 100%;
  height:35px;
  line-height:35px;
}


.fcontent>ul>li>a:hover {
    background-color: #DAE7F7;
    text-decoration: none;
}*/

.ftc1 {
    background-image: url("../images_new/spring/area_01bg.png");
    background-repeat: repeat;
    background-size: contain;
    /*background-color: #26b190;*/
}

.ftc1+div.fcontent>a:before {
    font-family: FontAwesome;
    content: "\f0a3";
    /*margin-right: 10px;*/
    color: #26b190;
}

.ftc2 {
    background-image: url("../images_new/spring/area_02bg.png");
    background-repeat: repeat;
    background-size: contain;
    /*background-color: #DB456A;*/
}

.ftc2+div.fcontent>a:before {
    font-family: FontAwesome;
    content: "\f0c2";
    /*margin-right: 10px;*/
    color: #DB456A;
}

.ftc3 {
    background-image: url("../images_new/spring/area_03bg.png");
    background-repeat: repeat;
    background-size: contain;
    /*background-color: #7B43BA;*/
}

.ftc3+div.fcontent>a:before {
    font-family: FontAwesome;
    content: "\f004";
    /*margin-right: 10px;*/
    color: #7B43BA;
}

.ftc4 {
    background-image: url("../images_new/spring/area_04bg.png");
    background-repeat: repeat;
    background-size: contain;
    /*background-color: #248AEC;*/
}

.ftc4+div.fcontent>a:before {
    font-family: FontAwesome;
    content: "\f042";
    /*margin-right: 10px;*/
    color: #248AEC;
}


/*主要內容區2*/

#main-content2 div.row>div.col-sm-6:first-child {
    background-color: #89c146;  /*新聞旁圖塊圖片*/
    /*min-height: 390px;*/
}

.index-slider {
    border: 5px solid #ffffff;
    margin-top: 25px;
    margin-bottom: 20px;
}

.simgtitle {
    /* background-color: rgba(30, 30, 30, 0.8); */
    color: #FFF;
    font-size: 1.5vw;
    padding: 5px;
    min-width: 2em;
    white-space: nowrap;
}
.slider_link:focus .simgtitle{
	display:inline-block;
	color:#000;
	background-color:#FFF;
	/* border:1px solid #7dadd9; */
	outline: 1px dotted #212121;
	outline: 5px auto -webkit-focus-ring-color;
}


/*#carousel-example-generic {
    border: 5px solid #ffffff;
    margin-top: 25px;
    margin-bottom: 20px;
}

#carousel-example-generic .carousel-caption {
    bottom: 0px;
}

#carousel-example-generic .carousel-indicators {
    bottom: -10px;
}

#carousel-example-generic .carousel-indicators>li {
    background-color: #808080;
}

#carousel-example-generic .carousel-indicators>li.active {
    background-color: #333333;
}*/

.newlist {
    margin: 12px 0;
    border-bottom: 2px dotted #e5a529;
    font-weight: 700;
}

.newlist>div.col-sm-8>a {
    color: #333333;
    display: block;
    padding-bottom: 3px;
    -o-text-overflow: ellipsis;
    /*兼容opera*/
    text-overflow: ellipsis;
    /*省略號*/
    overflow: hidden;
    white-space: nowrap;
    /*設置不折行*/
}

.newlist>div.col-sm-8>a:hover {
    color: #5b5b5b;
    position: relative;
    top: -1px;
    text-decoration: none;
}

.newlist>div.col-sm-4 {
    text-align: right;
    -o-text-overflow: ellipsis;
    /*兼容opera*/
    text-overflow: ellipsis;
    /*省略號*/
    overflow: hidden;
    white-space: nowrap;
    /*設置不折行*/
}

.tab-content .more {
    position: relative;
    bottom: 2px;
    margin-bottom: 5px;
    right: 25px;
}


/*頁籤*/

#main-content2 ul.nav {
    margin-top: 25px;
}

#main-content2 .nav-pills>li.active>a,
#main-content2 .nav-pills>li.active>a:hover,
#main-content2 .nav-pills>li.active>a:focus {
    color: #26A194;
    border: 2px solid#26A194;
    background-color: #FFFFFF;
}

#main-content2 .nav>li>a {
    background-color: #26A194;
    color: #FFFFFF;
    margin-right: 1px;
    font-size: 1.125em;
    padding: 5px 10px;
    letter-spacing: 1px;
}

#main-content2 .nav>li>a:hover,
#main-content2 .nav>li>a:focus {
    color: #26A194;
    background-color: #FFFFFF;
}

#main-content2 .tab-content {
    margin-top: 5px;
    background-color: transparent;
}


/*主要內容區3*/

#main-content3 {
    margin-top: 30px;
}

div.ptitle {
    height: 120px;
    border: 1px solid #d2d2d2;
    background-image: url("../images_demo/spring/typic03.jpg");
    background-size: cover;
    position: relative;
}

div.ptitle>div.title {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(10, 10, 10, 0.7);
}

div.ptitle>div.title>p {
    text-align: center;
    color: #FFFFFF;
    margin-top: 5px;
}

div.ptitle5 {
    height: 120px;
    border: 1px solid #d2d2d2;
    background-image: url("../images_demo/spring/easygo.jpg");
    background-size: contain;
	background-repeat:no-repeat;
	background-position:center;
    position: relative;
}

div.ptitle5>div.title5 {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(10, 10, 10, 0.7);
}

div.ptitle5>div.title5>p {
    text-align: center;
    color: #FFFFFF;
    margin-top: 5px;
}

div.ptitle6 {
    height: 120px;
    border: 1px solid #d2d2d2;
    background-image: url("../images_demo/spring/ibusB.jpg");
    background-size: contain;
	background-repeat:no-repeat;
	background-position:center;
    position: relative;
}

div.ptitle6>div.title6 {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(10, 10, 10, 0.7);
}

div.ptitle6>div.title6>p {
    text-align: center;
    color: #FFFFFF;
    margin-top: 5px;
}

div.pcontent {
    border: 2px solid #d2d2d2;
    min-height: 300px;
}

div.pcontent ul {
    padding: 5px 10px 5px 20px;
    margin-bottom: 0;
}

div.pcontent ul>li {
    margin: 15px 10px;
    border-bottom: 2px dotted #a7a7a7;
}

div.pcontent ul>li>a:hover {
    text-decoration: none;
}

.pct3>a {
    width: 48%;
    display: block;
    margin: 16px auto;
    transition: all 0.3s ease-out 0s;
    opacity: 1;
}

.pct3>a:hover {
    opacity: 0.8;
}

.pct3>a>img {
    width: 100%;
}

div.pcontent.pct4 {
    min-height: 420px;
}

.pct4>div:first-child {
    margin: 32px 0;
    text-align: center;
}

.pct4>div:first-child>img {
    width: 50%;
}

.pct4>div {
    margin: 2rem 0;
    text-align: center;
}

.btnlink {
    -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
    -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
    box-shadow: 0px 1px 0px 0px #f0f7fa;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #27b092), color-stop(1, #2b9790));
    background: -moz-linear-gradient(top, #27b092 5%, #2b9790 100%);
    background: -webkit-linear-gradient(top, #27b092 5%, #2b9790 100%);
    background: -o-linear-gradient(top, #27b092 5%, #2b9790 100%);
    background: -ms-linear-gradient(top, #27b092 5%, #2b9790 100%);
    background: linear-gradient(to bottom, #27b092 5%, #2b9790 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#27b092', endColorstr='#2b9790', GradientType=0);
    background-color: #27b092;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #25978d;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 1.1em;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 10px 10px;
    width: 80%;
    text-decoration: none;
    text-shadow: 0px -1px 0px #5b6178;
    text-align: center;
}

.btnlink:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2b9790), color-stop(1, #27b092));
    background: -moz-linear-gradient(top, #2b9790 5%, #27b092 100%);
    background: -webkit-linear-gradient(top, #2b9790 5%, #27b092 100%);
    background: -o-linear-gradient(top, #2b9790 5%, #27b092 100%);
    background: -ms-linear-gradient(top, #2b9790 5%, #27b092 100%);
    background: linear-gradient(to bottom, #2b9790 5%, #27b092 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2b9790', endColorstr='#27b092', GradientType=0);
    background-color: #2b9790;
    color: #FFFFFF;
    text-decoration: none;
}

.btnlink:active {
    position: relative;
    top: 1px;
}


/**/

#main-content4 {
    /*margin: 50px auto;*/
    margin-top: 50px;
    margin-bottom: 10px;
}

#main-content4 .slides a>img {
    height: 60px;
    margin-bottom: 10px;
    display: inline-block;
}


/*主要內容區5*/

#main-content5 {
    background-image: url("../images/spring/bottomLinkbg.png");
    background-size: 100% 100%;
    /*background: #fede7e;
    background: -moz-linear-gradient(top, #fede7e 0%, #ffde7f 20%, #fece61 33%, #fcc753 47%, #fbc348 56%, #fabd40 63%, #f9bc3d 69%, #fab937 75%, #fab937 80%, #faaf22 85%, #f9a40d 92%, #f79f00 100%);
    background: -webkit-linear-gradient(top, #fede7e 0%, #ffde7f 20%, #fece61 33%, #fcc753 47%, #fbc348 56%, #fabd40 63%, #f9bc3d 69%, #fab937 75%, #fab937 80%, #faaf22 85%, #f9a40d 92%, #f79f00 100%);
    background: linear-gradient(to bottom, #fede7e 0%, #ffde7f 20%, #fece61 33%, #fcc753 47%, #fbc348 56%, #fabd40 63%, #f9bc3d 69%, #fab937 75%, #fab937 80%, #faaf22 85%, #f9a40d 92%, #f79f00 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fede7e', endColorstr='#f79f00', GradientType=0);*/
}

#main-content5 .col-md-5ths>div {
     padding: 1vw 1vw;
}

#main-content5 .col-md-5ths>div>h3, #main-content5 .col-md-5ths>div>h5 {
    font-size: 1rem;
    font-weight: 700;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
}

#main-content5 .col-md-5ths>div>a {
    display: block;
    margin: 5px;
    color: #333333;
}

#main-content5 .col-md-5ths>div>a:hover {
    color: #666666;
}


/*----------  頁尾  ----------*/

#footer {
    margin-top: 5px;
    margin-bottom: 10px;
    padding-top: 10px;
}

#footer .ftcontent {
    line-height: 1.6em;
    font-size: 0.95rem;
}

#footer .fa-star {
    color: #28B193;
}

.footerlogo>a {
    display: inline-block;
}

.titlefontwra::after {
    content: "";
    height: 2.5px;
    width: 100%;
    /*133.33%*/
    position: absolute;
    left: 15px;
    bottom: 0px;
    z-index: -1;
    background: #a0a0a0;
    background: -moz-linear-gradient(left, #a0a0a0 0%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #a0a0a0 0%, #ffffff 100%);
    background: linear-gradient(to right, #a0a0a0 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a0a0a0', endColorstr='#ffffff', GradientType=1);
}

#titlefont {
    display: inline-block;
    border-bottom: 5.5px solid #003366;
    margin-left: 1.5em;
    padding: 0px 20px;
    margin-top: 5px;
    /*padding-bottom:5px;*/
}

#titlefont>i {
    color: #003366;
}
 
#titlefont > h2 {
    display:inline-block; 
    color: #003366;
    font-weight: 700;
    margin-top:0;
    margin-bottom: 5px;
    margin-left:3px;
}

#titlefont > h3 {
    display:inline-block; 
    color: #003366;
    font-weight: 700;
    margin-top:0;
    margin-bottom: 5px;
    margin-left:3px;
}


/*----------  大貨車通行證申請頁面上方按鈕  ----------*/

.truckbtngroup i {
    margin-right: 0.3em;
}

.truckbtngroup>.col-sm-3 {
    margin-top: 0.2em;
}

.truckbtngroup>.col-sm-3>a {
    word-break: break-all;
    white-space: normal;
}


/*----------  麵包屑(覆寫Bootstrap設定)  ----------*/

.breadcrumb {
    font-size: 0.8em;
    padding: 8px 5px;
    margin-bottom: 5px;
}


/*----------  大貨車通行證申請頁面input欄位  ----------*/

.input-icon>i {
    bottom: 0;
    color: #909090;
    display: inline-block;
    font-size: 1.1em;
    left: 18px;
    line-height: 35px;
    padding: 0 3px;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 25px;
    text-align: center;
}

.input-icon>input {
    padding-left: 28px;
    padding-right: 6px
}

.help-inline {
    color: #454545;
    font-size: 0.9em;
    display: block;
}

.date-p+.help-inline::after {
    clear: both;
}

.truckInput-1 {
    border: 1px solid #5bc0de;
    border-radius: 2px;
}

.truckInput-1>div:first-child {
    background-color: #5bc0de;
    color: #FFFFFF;
}

.truckInput-2 {
    border: 1px solid #f0ad4e;
    border-radius: 2px;
}

.truckInput-2>div:first-child {
    background-color: #f0ad4e;
    color: #FFFFFF;
}

.truckInput-3 {
    border: 1px solid #5cb85c;
    border-radius: 2px;
}

.truckInput-3>div:first-child {
    background-color: #5cb85c;
    color: #FFFFFF;
}

.truckInput-4 {
    border: 1px solid #5bc0de;
    border-radius: 2px;
}

.truckInput-4>div:first-child {
    background-color: #5bc0de;
    color: #FFFFFF;
}

.trbottombtn>input[type=submit] {
    margin-top: 5px;
}


/*----------  收合按鈕  ----------*/

.btn-collapse {
    margin-top: 1.5em;
}

.btn-collapse-2 {
    margin-top: 1.8em;
}


/*----------  大貨車申請list頁面  ----------*/

.otherdoc {
    list-style: none;
    padding-left: 1.5em;
}


/*----------  覆寫Boostrap pager 設定  ----------*/

.pager {
    margin-bottom: 10px;
}

.pager li {
    margin: 0 2px;
}

.pager li>a,
.pager li>span {
    color: #FFFFFF;
    background-color: #428bca;
    border-radius: 2px;
}

a:visited {
    background-color: #3175b0;
    border-color: #2b689c;
}

.pager li>a:hover {
    background-color: #3175b0;
    border-color: #2b689c;
}

.pager li>a:active {
    background-color: #3175b0;
    border-color: #2b689c;
}


/*----------  覆寫 Bootstrap & Clipone 設定  ----------*/

p {
    margin: 0 0 10px;
}


/*大貨車申請頁面*/

.truckInput {
    width: 105%;
    margin: 5px auto;
}

.truckInput .form-group {
    margin: 5px -15px;
}

.truckInput2 {
    /*width: 105%;*/
    margin: 5px auto;
}

.truckInput2>div:first-child {
    text-align: center;
    padding: 10px 2px;
}

.truckInput2>div:last-child {
    margin-top: 4px;
    padding-left: 5px;
    padding-right: 5px;
}
.input-label {
	display: none;
}

/*-----------------*/
.slider_link{
	display:inline-block;
	
}
.remarks{
	margin-top:20px;
}

.footerlogo >div{
    float:right;
}
.footerlogo >div>ul>li{
    float: left;
	margin-right:5px;
}
.footerlogo >div>ul{
	list-style:none;
}
.footerlogo >div>ul>li>a{
display:block;    
}

.tp-bgimg:hover{
	cursor:pointer;
}

.cnyinfo{
	text-align:center;
	margin:0 auto;
}

.cnydredge a{
	text-align:center;
	margin:0 auto;
}

.cnylink{
	display:inline-block;
	margin-top:35px;
	margin-left:1em;
	
}
.cnylink >img{
	box-shadow: 3px 3px 6px -3px #000;
}

.cnylink2{
	display:inline-block;
	/* margin-left:1em; */
}

.cnylink >img{
	box-shadow: 3px 3px 6px -3px #000;
}

.cnybtn{
	position: absolute;
	bottom:0;
	/* left:1em; */
	/* background: rgba(66,139,202,0.9); */
	background: rgba(238,0,0,1);
	border:none;
	color:#ffffff;
	
}

.cnybtn:hover{
	color:#ffffff;
}

.cnybtn:focus, .cnybtn:active{
	color:#ffffff;
}


/* 首頁日曆 */
#main-content6 {
    padding: 1em 0;
    background: #aeecfc;
    background: -moz-linear-gradient(left, #aeecfc 0%, #80c3ed 100%);
    background: -webkit-linear-gradient(left, #aeecfc 0%,#80c3ed 100%);
    background: linear-gradient(to right, #aeecfc 0%,#80c3ed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeecfc', endColorstr='#80c3ed',GradientType=1 );
	min-height: 400px;
}

    #main-content6 ul {
        padding: 0;
		margin-top:2em;
    }

        #main-content6 ul li {
		
            list-style: none;
            padding-bottom: 5px;
            margin-bottom: 1em;
            border-bottom: 1px solid #fff;
			overflow:hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
		
        }
		
		#main-content6 ul li>label {
			margin:0 0.3em;
			background-color:#01344E;
			color:#fff;
			/*background-color:#00b6ff;
			color:#bbfffb;*/
			padding:3px; 
			 
		}

            #main-content6 ul li a {
                color: #000;
                text-decoration: none;
                font-size: 1.05em;
				font-weight:500;
				/* display:inline-block; */
				
				
            }

                #main-content6 ul li a:hover {
                    position: relative;
                    top: -1px;
                }
				
			
#date{
	font-size:3.5em;
	font-weight:bold;
	color:#fff;
	margin-top:-10px;
}

#monthyear{
	font-size:1.2em;
	font-weight:bold;
	color:#666;
	/* display:inline-block; */
}

#week{
	font-size:1.2em;
	font-weight:bold;
	color:#333;
	/* display:inline-block; */
}

.calDate {
    font-size: 1em;
    color: #321;
}


.cEvent{
	margin:1em;
}

/* CSS Loading */

.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  left:50%;
  margin-left:-40px;
  vertical-align:middle;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}