@charset "utf-8";

html, body{
	background: none repeat scroll 0% 0% #E9E9E9;
}
body{position: relative;}

#bodyModal {
    margin: auto;
}

.pps-container{
	background-color: #FFF;
	margin-top: -20px;
	padding-top: 10px;
}

.aside-nav {
	white-space: nowrap;
}
	.aside-nav li{
		list-style: none;
		margin: 10px 0px;
		padding: 5px 0px;
	}
	.aside-nav li a,
	.aside-nav li a:visited,
	.aside-nav li a:link,
	.aside-nav li a:hover{
		text-decoration: none;
	}

/*------------ 全域樣式 ------------*/
.content-bg {
	background: url('frontend/bg4.png') 0 0 repeat-x #dfdfd8;
}
    .socials {
        float: left;
        position: relative;
        z-index: 100;
    }
    .socials a {
        color: #727270;
        font-size: 13px;
    }
    .socials a:hover,
    .socials a:focus{
        text-decoration: none !important;
    }
    .socials a+a {
        margin-left: 7px;
    }
    .topinfo {
        font-size: 10px;
        color: #727272;
        text-transform: uppercase;
    }

.img-flogo{ width: 75px; }
/*------------ 搜尋結果 ------------*/
.search-success{ font-size:1.3em; margin:10px; padding:5px; }
.search-fail{ font-size:2em; margin:20px; padding:10px; border-bottom:2px solid #000000;}

.res-item-title{ margin:2px; padding: 0px; border: none; font-size: 1.5em;}
.table-search b{ color:#F4A321;}
/*------------ 搜尋結果 ------------*/

/*------------ 公司簡介 ------------*/
.about-title{ font-size: 2.5em; padding: 7px 3px 5px; }

    #about_sec_1,#about_sec_2,#about_sec_3{  line-height: 1.4em; font-size: 1.3em; }
    .about-sec{ text-indent: 2em; }
    .about-table{ text-align: center; }

    .media-about-logo{
        max-height:120px;
        width: auto;
    }

.about-dd-title{ color:#1186EC; font-size: 1.1em; }

    .en-indent{ text-indent: 2em; line-height:1.6em; margin-bottom: 10px; }
    #AboutTable,
    #AboutTable td{
        border:1px solid #000000;
    }
    #AboutTable caption{ text-align: left;}
/*------------ 公司簡介 ------------*/

/*------------ 公司訊息 ------------*/
.offer-item{
    min-height:130px;
}
.offer-item figure{ width:50px; }

.offer-item h6{
    color: #222220;
    font-size: 20px;
    font-weight: bold;
    padding:0px;
    border: none;
}
.offer-item p{
    line-height:1.2em;
    font-size: 14px;
}

.news-block{
    min-height: 450px;
    height: 500px;
    overflow: hidden;
}
.news-img{
    max-width:300px;
    max-height:160px
    width:auto;
    height:auto;
    margin:0px auto;
    text-align: center;
}
/*------------ 公司訊息 ------------*/

/*------------ 知識庫 ------------*/
#articleDetail .media-body{
		min-height: 180px;
	}

.knowledgebase-title{
    margin:20px 0px 5px 10px;
    padding:0px;
    border: none;
    font-size: 1.8em;
}
    .knowledgebase-item{
        max-height:350px;
        padding-bottom: 10px;
        text-align: center;
    }
    .knowledgebase-item figure{
        margin-bottom: 5px;
        height: 170px;
    }
    .knowledgebase-item figure img,
    .img-knowedgebase{
        max-width: 200px;
        max-height: 160px;
        width: auto;
        height: auto;
    }
    .knowledgebase-item h4{ font-size: 1.5em;}
    .knowledgebase-desc{
        min-height:3.6em;
        max-height:49px;
        overflow:hidden;
        line-height: 1.2em;
        padding:0.1em 2px;
        font-size:1.1em;
        text-align: left;
    }

    .knowledgebase-detail-desc{
        line-height: 1.4em;
        padding:0.1em 2px;
        font-size:1.2em;
        text-align: left;
    }

    .national-content{ text-indent: 2em; line-height: 1.7em;}
    #nationalBlock dl{ margin-left:30px; }
    #nationalBlock dt{ line-height: 35px;}
    #nationalBlock dd{ margin-left:10px; line-height: 20px;}

    #nationalTable th{ font-size: 1.2em; }
/*------------ 知識庫 ------------*/

/*------------ 聯絡我們 ------------*/

/*------------ 聯絡我們 ------------*/

/*
 * FOOTER區塊配置
 * Separated section of content at the bottom of all pages, save the homepage.
 */
footer {
	background-color: #FFF;
	padding-bottom: 20px;
}
	.footer-hr{
		margin:35px auto 35px;
		width:90%;
	}
.pps-footer {
  padding-top: 40px;
  padding-bottom: 30px;
  margin-top: 100px;
  color: #777;
  text-align: center;
  border-top: 1px solid #e5e5e5;
  background-color: #f5f5f5;
}
.pps-footer p {
    margin-bottom: 0;
    color: #777;
}


/**
 * ＰＰＳ 表單部分樣式
 **/
 .pps-form em{
 	 color: red;
 	 line-height: 1em;
 }


/**
 * 	覆寫/修改 Bootstrap既定樣式
 */
.form-group > *{
	margin:10px 0px;
}
/**
 * 	bootstrap icon refresh animate effect
 */
.glyphicon-refresh-animate {
    animation-name: rotateThis;
	animation-duration: .8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes rotateThis {
	from { transform: scale( 1 ) rotate( 0deg );   }
	to   { transform: scale( 1 ) rotate( 360deg ); }
}



 /* mobile指定樣式 */
@media screen and (max-width: 767px) {
	.pps-container{
		min-height: 100px;
	}

	#content > *{ text-align: left !important; }

	.logo{ width: 180px; }

	p > sup{ line-height: 15px;}

	.about-title{ margin-top:10px; }
	.about-table{ font-size: 8px !important; }

	.pps-footer {
		text-align: left;
  	}
	.pps-footer p {
	    margin-bottom: 0;
  	}

  	.table-en-national{
  	    font-size: 8px !important;
  	}

    .knowledgebase-item{
        min-height: 390px;
    }
    h4.modal-title{ font-size: 1.3em; }
}

 /* tablet指定樣式 */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .logo{ width: 240px; }
}
 /* 針對Desktop指定樣式 */
@media screen and (min-width: 992px) {
}

 /* 大於手機尺寸指定樣式 */
@media screen and (min-width: 768px) {
    #bodyModal{
        max-height: 600px;
        max-width: 66%;
    }

    .topinfo{ float:right; }

    .logo{ width: 240px; }

    #mainMenu{ float:right; }

    .news-block{ padding: 7px 0 60px; }

    #knowledgebaseDetail{
        height: 8em;
        overflow: visible;
        position: relative;
    }
    .knowledgebase-refer{
        width:100%;
        text-align:right;
        margin: 5px 0px;
    }

    /*h5*/
    .pad3 { padding-top: 75px; }

    /* footer */
    .list2{ float:right; width: 250px; }
        .md-left{ float:left; }
}

/* 英文語系段落空格 */
.first-space{
	text-indent:2em;
}