@import url(http://fonts.googleapis.com/css?family=Lato:300,400);

/* Bootstrap Fix
============================================================================ */

/* 去NAV背景 */
.nav > li > a:hover,
.nav > li > a:focus,
.nav > li.active > a{
	background: none;
}

.nav > li > a{
	color: #000;
}

/* 去row的padding 特殊用途：class="row row-no-padding" */
.row-no-padding {
  margin-right:0;
  margin-left:0;
}

.row-no-padding > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}

/* Fix bootstrap 列印出現link文字 */
a[href]:after {
	content: "";
}

/* Fix bootstrap 主選單.navbar下方margin:20px */
.navbar{
	margin-bottom: 0;
}

/* Fix bootstrap focus 去除底線 */
.a:focus,a:hover{text-decoration: none;}

/* Fix bootstrap breadcrumb */
.breadcrumb > li + li:before {
	content: none;
	padding: 0;
}

.breadcrumb > li > span {
	padding:0;
}

.breadcrumb li .divider {
	padding: 0 10px;
}

.breadcrumb li .divider:first-child {
	padding: 0;
}

.breadcrumb {
	background: none;
	padding:15px 0; 
	margin: 0;
}

.breadcrumb a {
	text-decoration: none;
}

/* Fix bootstrap form */
label{
	font-weight: normal;
}
/* Fix bootstrap 文章上下頁 */
.pager li > a, .pager li > span{
	border-radius:0;
}
.pager li > a:hover{
	border: 1px solid #CCC;
	background: #FFF;
}
/* Remove default blue outline after click */
a:hover, a:active, a:focus{
	outline:none ; 
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


/* import
============================================================================ */
/* 版型架構主樣式(依上下區塊排序)
============================================================================ */

/* Body */
body{
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	background: #F6F6F6;

}

h1, h2, h3, h4, h5, h6, .site-title{
	
}

a,a:hover,a:link,a:visited{ /* 預設連結文字色彩 */
	color: #333;
}

.btn-primary{
	background-color: #BBB;
	border: none;
}

.btn-primary:hover{
	background-color: #AAA;
}

/* Header */
#header{

}

.header{
    position: relative;
    background: rgba(0,0,0,0.5);
    height: 94px;
    z-index: 99;
}

/* LOGO */
.logo{
	width:245px;
	height:94px;
	padding:0;
	margin:0;
	position:absolute;
	left: 0px;
	top: 0px;
	background: url(../images/ui/logo.jpg) no-repeat;
	z-index:999;
}

.logo a {
	display:block;
	width: 245px;
	height:94px;
}

.logo a span{
	position: absolute;
	top:-1000px;
	z-index:999;
}

/* Mainmenu 主選單 */
.mainmenu{
	position: absolute;
    right: 60px;
    top: 25px;
    font-size: 16px;
    letter-spacing: 3px;
    z-index: 999;
    color: #fff;
}
.mainmenu .nav > li > a{
	padding: 10px 0;
	margin: 0 13px;
	color: #fff;
}
.mainmenu ul li {
    margin:0 5px;
}

/*Mainmenu Effect */
.mainmenu ul li.active {
	border: rgba(255,255,255,0.7) solid 1px;
}
.mainmenu li:hover, .mainmenu li:active{
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.7);
}
.mainmenu li{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0), 0 0 1px rgba(0, 0, 0, 0);
}

/* Sub-banner */
.sub-banner img{
	max-width: 100%;
}

.home-slider, .sub-banner{
	position: relative;
    overflow: hidden;
    margin-top: -94px;
}

/* 斜角 */

.trip-wrap, .home-plan{
    position: relative;
    overflow: hidden;
}

.home-slider:after{
    width: 100%;
    height: 100%;
    content: ' ';
    top: 91%;
    left: 0;
    position: absolute;
    z-index: 93;
    background-color: #f6f6f6;
    -webkit-transform: skewX(0deg) skewY(3deg);
    -ms-transform: skewX(0deg) skewY(3deg);
    -o-transform: skewX(0deg) skewY(3deg);
    transform: skewX(0deg) skewY(3deg)
}

.trip-wrap:after{
	width: 100%;
    height: 100%;
    content: ' ';
    top: 93%;
    left: 0;
    position: absolute;
    z-index: 93;
    background-color: #00ADCB;
    -webkit-transform: skewX(0deg) skewY(-3deg);
    -ms-transform: skewX(0deg) skewY(-3deg);
    -o-transform: skewX(0deg) skewY(-3deg);
    transform: skewX(0deg) skewY(-3deg)
}

.home-plan:after{
    width: 100%;
    height: 100%;
    content: ' ';
    top: 93%;
    left: 0;
    position: absolute;
    z-index: 93;
    background-color: #f6f6f6;
    -webkit-transform: skewX(0deg) skewY(3deg);
    -ms-transform: skewX(0deg) skewY(3deg);
    -o-transform: skewX(0deg) skewY(3deg);
    transform: skewX(0deg) skewY(3deg)
}
.sub-banner:after{
    width: 100%;
    height: 100%;
    content: ' ';
    top: 78%;
    left: 0;
    position: absolute;
    z-index: 93;
    background-color: #f6f6f6;
    -webkit-transform: skewX(0deg) skewY(2deg);
    -ms-transform: skewX(0deg) skewY(2deg);
    -o-transform: skewX(0deg) skewY(2deg);
    transform: skewX(0deg) skewY(2deg);
}
.wrap-thumb{
	position: relative;
    overflow: hidden;
    background: #FFF;
}

.wrap-thumb:after{
    width: 100%;
    height: 100%;
    content: ' ';
    top: 91%;
    left: 0;
    position: absolute;
    z-index: 93;
    background-color: #fff;
    -webkit-transform: skewX(0deg) skewY(3deg);
    -ms-transform: skewX(0deg) skewY(3deg);
    -o-transform: skewX(0deg) skewY(3deg);
    transform: skewX(0deg) skewY(3deg)
}

.wrap-content{
	position: relative;
    overflow: hidden;
    background: #FFF;
    height: 245px;
}

/* 主選單Search鈕 */

.search-btn{
	position:absolute;
	right: 20px;
	top:30px;
	z-index:999;
}
.search-btn-m{
	position: absolute;
	right: 55px;
	top: 15px;
}

.btn-success{
    color: #fff;
    background-color: #09B3C4;
    border-color: #32CBC4;
}
.btn-success:hover{
    color: #09B3C4;
    background-color: #fff;
    border-color: #32CBC4;
}     


/* Sub-menu 次選單 */

.sub-menu{
	margin-bottom: 10px;
}

.sub-menu li{		/* Bootstrap menu置中 */
	float:none;
	display:inline-block;
	display:inline; /* ie7 fix */
	zoom:1; /* hasLayout ie7 trigger */
	vertical-align: top;
}

.sub-menu ul{
	padding-top: 50px;
}

.sub-menu ul li{
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
}

.sub-menu ul li a{
	margin-left: 20px;
	padding: 8px 15px;
	font-size: 18px;
	color: #333; 
	background: #eee;
	letter-spacing: 1px;
}
.sub-menu ul li a:hover{
	color: #fff;
	background: #0096B0;
	/*動作*/
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	-moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	-o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); / linear /

}

.sub-menu ul li.active a{
	color: #fff;
	background: #0096B0;

}



/* 首頁區塊
==============================================*/

/* 旅遊行程 */
.home-trip{
	padding-bottom: 80px;
}
.home-trip h3{
	color: #00ADCB;
    font-size: 36px;
    letter-spacing: 5px;
    text-align: center;
    display: block;
    position: relative;
    padding-bottom: 20px;
    margin: 0px 0 80px 0;
    z-index: 99;
}
.home-trip h3:after{
    bottom: 0;
    left: 50%;
    height: 2px;
    width: 50px;
    content: " ";
    margin-left: -23px;
    position: absolute;
    background: #999;
}

/* 行程規劃理念 */
.home-plan{
	background: #00ADCB;
	padding-bottom: 150px;

}
.home-plan h3{
	color: #fff;
    font-size: 36px;
    letter-spacing: 5px;
    text-align: center;
    display: block;
    position: relative;
    padding-bottom: 20px;
    margin: 0px 0 50px 0;
    z-index: 99;
}
.home-plan h3:after{
    bottom: 0;
    left: 50%;
    height: 2px;
    width: 50px;
    content: " ";
    margin-left: -28px;
    position: absolute;
    background: #fff;
}
.home-plan .kkcontent_news{
	padding: 20px 0px;
	list-style: none;
	text-decoration: none;
}

.plan-wrap {
    padding: 30px 15px;
    height: 180px;
    margin-bottom: 5px;
    overflow: hidden;
    background: #fff;
    border: 10px #00ACCB solid;
}

.home-plan .plan-wrap .title{
	background: url(../images/ui/home-plan_icon-1.png) no-repeat left top;
	padding: 10px 0 10px 70px;
	font-size: 22px;
	letter-spacing: 1px;
	text-decoration: none;	
}
.home-plan .plan-wrap .title p{
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-plan .plan-wrap .desc{
	font-size: 16px;
    padding:10px 5px 0 72px;
    padding-top:10px;
	letter-spacing: 2px;
	text-decoration: none;	
}
.home-plan .plan-wrap .desc p{
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 15px;

}
.home-plan .plan-wrap:hover a{
	color: #fff; 
}

.home-plan .plan-wrap:hover .title{
	background: url(../images/ui/home-plan_icon-2.png) no-repeat left top;
	padding: 10px 0 10px 70px;
	color:#fff;
	/*動作*/
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	-moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	-o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); / linear /
}

.home-plan .plan-wrap:hover{
	color: #fff;
	background: #72BCD2;
	/*動作*/
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	-moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	-o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); / linear /
}
.more_articles{
	text-align: center;
}

.more_articles a{
	color: #fff;
	border: 1px solid #fff;
	display: inline-block;
	padding: 10px 70px;
	border-radius: 5px;
	margin:50px 0 20px 0; 
	letter-spacing:2px;
	font-size: 18px;
	text-decoration: none;
}
.more_articles a:hover{
	color: #248C9F;
	background: #fff;
	border: 1px solid #fff;
	/*動作*/
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	-moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	-o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); / linear /
}



/* BLOG */
.home-blog{
	padding-bottom: 80px;

}
.home-blog h3{
	color: #00ADCB;
    font-size: 36px;
    letter-spacing: 0;
    text-align: center;
    display: block;
    position: relative;
    padding-bottom: 20px;   
    margin: 0 0 30px 0;
    z-index: 99;
}
.home-blog h3:after{
    bottom: 0;
    left: 50%;
    height: 2px;
    width: 50px;
    content: " ";
    margin-left: -23px;
    position: absolute;
    background: #999;
}

.blog-wrap {
    padding: 20px 15px 20px 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E6E6E6;
}
div:nth-child(3).blog-wrap{
	border: 0;
}

.date-m{
    font-size: 20px;
    padding: 10px;
    background-color: #444;
    width: 80px;
    height: 48px;
    text-align: center;
    color: #fff;
    line-height: normal;
}
.date-d{
	font-size: 32px;
    padding: 28px 59px 28px 22px;
    background-color: #333;
    height: 87px;
    width: 80px;
    color: #fff;
    padding: 20px;
    line-height: normal;

}
.home-blog .thumb{

}
.home-blog .title{
	font-size: 22px;
	padding: 0 10px 20px 0;
	text-decoration: none;
	letter-spacing: 2px;

}
.home-blog .desc{
	font-size: 16px;
	text-decoration: none;
	letter-spacing: 1px;

}
.home-blog .more a{
	color: #248C9F;
    display: inline-block;
    margin: 10px 0 10px 0;
    font-size: 18px;
    text-decoration: none;
    padding: 0px 0px 5px 35px;
    float: right;
    background: url(../images/ui/more-1.png) no-repeat;
}
.home-blog .more a:hover{
	background: url(../images/ui/more-2.png) no-repeat;
	color:#11588B;
	padding: 0px 0px 5px 35px;
    margin:10px 0 10px 0; 
    float: right;
    /*動作*/
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	-moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	-o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); / linear /	   
}
.home-blog .more_articles a{
    color: #248C9F;
    border: 1px solid #248C9F;
    display: inline-block;
    padding: 10px 70px;
    border-radius: 5px;
    margin:50px 0 20px 0; 
    letter-spacing:2px;
    font-size: 18px;
    text-decoration: none;
}
.home-blog .more_articles a:hover{
    color: #fff;
    background: #248C9F;
    border: 1px solid #248C9F;
    /*動作*/
    -webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    -moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    -o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
    transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); / linear /
}


/* 常用資訊 */
.home-information{
	background: #00ADCB;
	padding-bottom: 80px;
	color:#fff;
	font-size: 18px;
	letter-spacing: 2px;
	text-align: center;
}
.home-information a{
	color: #fff;
	text-decoration: none;
	display: inline-block;
}
.home-information a:hover{
	background: #fff;
	color: #00ADCB;
	display: inline-block;
	text-decoration: none;
}

.home-information h3{
	color: #fff;
    font-size: 36px;
    letter-spacing: 5px;
    text-align: center;
    display: block;
    position: relative;
    padding-bottom: 20px;
    margin: 50px 0 50px 0;
    z-index: 99;
}
.home-information h3:after{
    bottom: 0;
    left: 50%;
    height: 2px;
    width: 50px;
    content: " ";
    margin-left: -23px;
    position: absolute;
    background: #fff;
}
ul.list02{
    list-style: none;
    padding:0;
    margin:0;
}
.list02 li a{ 
    float: left;
    margin: 0 10px 20px 22px;
    border: 1px #fff solid;
    padding: 10px 0px 10px 0px;
    min-width: 200px;
    display: inline-block;
}
.list02 li a:hover{ 
	/*動作*/
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	-moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	-o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); / linear /
}
/* 聯絡我們 */
.contact-info{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 20px 0;
	font-size: 15px;
}
.contact-info .fa{
	color: #AAA;
	font-size: 16px;
	padding-right: 5px;
}

/* 版權列 copyright */
.copyright .fa{
	color: #AAA;
	font-size: 16px;
	padding-right: 5px;
}


/* 網站主架構
================================================= */

/* component content 主內容 */
#content{
	min-height: 400px;
	/*padding-top:40px;*/
	padding-bottom:60px;
}

.addtoany_container {
    margin: 20px 0;
}
/* blog */

.blog-date {
	color: #777;
	font-size: 18px;
	text-align: left;
}
.date-xs{
	background: #414141;
    color: #fff;
    font-size: 18px;
    text-align: left;
    padding: 10px 5px 10px 20px;
    font-style: italic;
    letter-spacing: 1px;
}

.title{
	color: #00ADCB;
	font-size: 22px;
	margin-top: 5px;
	line-height: 140%;
	text-decoration: none;
}

.title a:hover{
	color: #0D89C4;
}

.blog-intro{
	color: #444;
	font-size: 16px;
	letter-spacing: 1px;
	text-align: left;

}

.blog-article{
	border-bottom: 1px solid #ddd;
	padding: 20px 0px;
}

.blog-article:nth-child(7){
	border: none;
}

.circle-more a{
   	background: url(../images/ui/more-1.png) no-repeat;
   	color:#248C9F;
    padding: 0px 0px 0px 35px;
    margin: 30px 0 0 0;
    float: right;
    display: inline-block;
    text-decoration: none;

}
 
.circle-more a:hover{
	background: url(../images/ui/more-2.png) no-repeat;
	color:#11588B;
	padding: 0px 0px 0px 35px;
    margin: 30px 0 0 0;
    float: right;
    /*動作*/
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	-moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	-o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); / linear /	   
}

/* 旅遊行程 */
.wrap-content{
	overflow:hidden; 
}
.wrap-list3:hover{
	box-shadow: 1px 1px 4px 5px #E5E4E4;
	/*動作*/
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	-moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	-o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
	transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); / linear /
}
.blog-title-3{
	color: #444;
    font-size: 20px;
    margin-top: 0;
    line-height: 140%;
    text-decoration: none;
    margin: 20px 20px 0px 20px;

}
.blog-title-3:before{
    top: 3%;
    height: 4px;
    width: 35px;
    content: " ";
    position: absolute;
    background: #29A3B8;
}    
.blog-intro-3{
	color: #444;
	font-size: 13px;
	text-align: left;
	font-style: italic;
	margin: 15px 20px;
}
.blog-intro-3 p{
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.circle-more-3{
	position: absolute;
    bottom: 0;
}
.circle-more-3 {
   	color: #666;
   	font-size: 13px;
    padding: 10px 0;
 	background: #fff;
    display: inline-block;
    text-decoration: none;
    font-style: italic;
}
.circle-more-3:after, .circle-more-3:before{
   	color: #ccc;
    content: "";
    display: inline-block;
    width: 78px;
    border-bottom: 1px solid;
   	margin: 10px 12px 2px 15px;
}

/* 首頁slider內文 */

.slider_block{
	background: rgba(0,0,0,0.6);
	padding: 10px 20px;
}
.slider_title{
    font-size: 28px;
    color:#fff;
    letter-spacing: 2px;
    padding-bottom: 10px;
}
.slider_article{
	font-size: 16px;
	color:#fff;
	padding-bottom: 5px;
}
.slider_article p{
	line-height:20px; 
}
.home-slider .tp-caption a{
	color:#fff;
}
.home-slider .tp-caption a:hover{
	color:#FF7302;
}

/* 相關文章 */
.tagssimilar{
	font-size: 16px;
}
.tagssimilar li{
	line-height: 180%;
}
.tagssimilar a{
	border-bottom: 1px solid #E9360A;
	padding-bottom: 2px;
}
.tagssimilar a:hover{
	border: none;
	color: #E9360A;
}


/* Breadcrumbs Custom */
.breadcrumbs-wrap{
	margin-top: 40px;
}
.breadcrumbs-wrap a{
	color: #999;
}
.breadcrumbs > .active{
	color: #000;
}

/* Footer */

footer{
	color:#fff;
	background: #777777;
}

.footnav li{		/* Bootstrap menu置中 */
	float:none;
	display:inline-block;
	*display:inline; /* ie7 fix */
	*zoom:1; /* hasLayout ie7 trigger */
	vertical-align: top;
}
.footnav li a{
    color: #fff;
    border-right: 1px solid #fff;
    padding: 2px 15px 2px 15px;
    margin: 20px 0 2px 0;
}
.footnav li:last-child a{
	border-right:none;
}
.copyright{
	text-align: center;
	padding: 20px 0;
}
.copyright a{
	color:#fff;
}
#cadiis{
	color:#999;
}
#cadiis a{
	color:#999;
}

/* 內頁編排設計
======================================================================================== */


/* 自適應 Fix
======================================================================================== */
/* Extra small devices (phones, less than 768px) 手機版為預設，不需特別設定 */
/* No media query since this is the default in Bootstrap */
/* Mobile header*/
.header-mobile{
	background: #0096AF;
	height: 50px;
}

.logo-mobile{
	width:120px;
	height: 25px;
	margin: 12px auto;
}
.logo-mobile img{
	width:120px;
	height: 25px;
}


.drawer-main{
	z-index: 9999;
}

.mainmenu-mobile{
	width: 20px;
	height: 20px;
	display: block;
	cursor: pointer;
	margin: 18px 20px;
}

.menu-open{
	background: url(../mobile/images/hamburger.svg) no-repeat;
	position: absolute;
	left:0;
	top:0;
}

.menu-close{
	background: url(../mobile/images/menu-close.svg) no-repeat;
}


/* 文章列表
================================= */

/* wrap */
.blog img{
	min-width: 100%;
	
}


/* 文章內頁
================================= */

/* wrap */
.item-page{
	font-size: 18px;
	padding: 15px;
	line-height: 180%;
}

/* 文章標題 */
.item-page h2{
    line-height: 150%;
    font-size: 32px;
    color: #00ACCB;
    text-align: left;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #97BAB2;
}
.blog h2{
	line-height: 150%;
    font-size: 32px;
    color: #00ACCB;
    letter-spacing: 3px;
    text-align: center;
    position: relative;
    padding-bottom: 50px;
    margin: 5px 0;
}
.blog h2:after{
    bottom: 40px;
    left: 50%;
    height: 2px;
    width: 50px;
    content: " ";
    margin-left: -21px;
    position: absolute;
    background: #999;
}
.kkcontent-category {
    padding-top: 15px;
}
.kkcontent-category h2{
    line-height: 150%;
    font-size: 32px;
    color: #00ACCB;
    letter-spacing: 3px;
    text-align: center;
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 0px;
    margin-top: -20px;
    border-bottom: none;
}
.kkcontent-category h2:after{
    bottom: 40px;
    left: 50%;
    height: 2px;
    width: 50px;
    content: " ";
    margin-left: -21px;
    position: absolute;
    background: #999;
}
.item-page h3.page-header{
	line-height: 150%;
    font-size: 32px;
    color: #00ACCB;
    letter-spacing: 3px;
    text-align: center;
    position: relative;
    padding-bottom: 50px;
    margin: 40px 0 5px 0;
}
.item-page h3.page-header:after{
    bottom: 40px;
    left: 50%;
    height: 2px;
    width: 50px;
    content: " ";
    margin-left: -21px;
    position: absolute;
    background: #999;
}

/* home-faq */
.home-faq {
    padding-bottom: 50px;
}
.card {
    background: #fff;
    margin-bottom: 1px;
}
.card-header {
    background: #00adcb;
    padding: 20px;
    display: block;
    text-decoration: none;
    position: relative;
}

.card-header:focus{
    text-decoration: none;
}
.card-header:hover {
    background: #6abac7;
    transition: 0.3s linear;
}
.card-header:before {
    content: "";
    background: url(../images/ui/faq-icon.svg) no-repeat center center;
    position: absolute;
    left: 20px;
    top: 8px;
    width: 70px;
    height: 70px;
}
.card-header:after{
    content: "";
    width: 15px;
    height: 10px;
    background: url(../images/ui/faq-arrow.svg) no-repeat center center;
    position: absolute;
    right: 20px;
    top: 40px;
}
.card-block {
    background: #eee;
    padding: 20px 0px 20px 115px;
    margin-bottom: 10px;
}
.card-header h5{
    color: #ffffff;
    font-size: 20px;
    margin-left: 90px;
    border-left: 1px solid #eee;
    text-decoration:none;
    padding-left: 20px;
}    

/* 日期、作者 */

.page-header{
	border-bottom: 0;
}


.item-page .create,
.item-page .createdby{
	color: #999;
	font-size: 15px;
	font-style: italic;
	padding-right: 10px;
	margin-bottom: 20px;
}


/* 段落 */
.articleBody p{

}

.articleBody a{
	text-decoration: none;
}
.articleBody a:hover{
	border: none;
	color: #E9360A;
}

/* 圖片 */
.articleBody img{
	max-width: 100% !important;
	height: auto !important;
}


/* 網頁標題 */
h3.page-header, .submenu h3.module-header{
	font-size: 50px;
	border: none;
	font-family: lato, "微軟正黑體",  Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #000;
	text-transform:uppercase; /* 英文都大寫 */
	margin: 40px 0 20px;

}

/* 相關連結 */
.content-links{
	display: none;
}

/* search */
    .search-intro{
    	font-size: 20px;
        color: #2C6E79;
        padding: 20px 0;
    }
    .search {
        line-height: 180%;
    }
    .search form {
        margin-bottom: 20px;
    }
    .search .result-title a {
        color: #0096af;
        font-size: 18px;
    }
    .search .result-title a:hover {
        color: #888888;
        zoom: 1;
        /*動作*/
        transition: 0.3s linear;
    }
    .search .result-text {
        margin-bottom: 10px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 25px;
    }   
    .search .result-text:last-child {
        border: 0;
    }
    .btn-toolbar{
        padding-top: 60px;
    }
    button.btn.hasTooltip {
        background: #0096af;
        color: #fff;
    }
    .search input {
        width: 100%;
        height:45px;
        font-size: 18px;
        padding-left: 20px;

    }
    .search .btn-group {
        width:100%;
        display: flex;
        justify-content: center;
        margin-top: 20px;

    }


/* Extra small devices Phones (<768px) 手機板
====================================================================== */

@media (max-width: 768px) {
    .sub-banner{
    margin-top:0;
    }
	.home-plan h3{
		margin:0 0 50px 0;
	}
	.home-blog h3{
		margin: 80px 0 100px 0;
	}
    .home-slider{
        margin-top:0;
    }
	.slider_block{

	}
	.slider_article{
		font-size: 13px;
		color:#fff;
		padding-bottom: 5px;
	}
	.home-slider .tp-caption a{
		color:#fff;
	}
	.home-slider .tp-caption a:hover{
		color:#FF7302;
	}
	.slider_title{
		font-size: 16px;
		color:#fff;
		letter-spacing: 2px;
		padding-bottom: 10px;
	}
	.circle-more-3:after, .circle-more-3:before{
	    width: 110px;
	}
	.list02 li a{ 
	    margin: 10px 0px;
	    min-width: 100%;
	}
}

/* Small devices Tablets (≥768px) 平板
====================================================================== */

@media (min-width: 768px) {
    .sub-banner{
    margin-top:0px;
    }
	.blog-wrap img{
		max-width: 190px;
	}
	.date-d{
		height: 79px;
	}

	.blog-article img{
		max-width: 190px;
	}
    .home-slider{
        margin-top:0;
    }
	.slider_block{

	}
	.slider_article{
		font-size: 13px;
		color:#fff;
		padding-bottom: 5px;
	}
	.slider_title{
		font-size: 16px;
		color:#fff;
		letter-spacing: 2px;
		padding-bottom: 10px;
	}
	.circle-more-3:after, .circle-more-3:before{
	    width: 280px;
	}


	
}
/* Medium devices (desktops, 992px and up) PC以下
====================================================================== */
@media (min-width: 992px) {
    .sub-banner{
    margin-top:-94px;
    }
	.container{
		width: 970px;
	}
	.date-d{
		height:87px;
	}
    .home-slider{
        margin-top:-94px;
    }
	.slider_block{
		background: rgba(0,0,0,0.6);
		padding: 10px 20px;
	}
	.slider_article{
		font-size: 16px;
		color:#fff;
		padding-bottom: 5px;
		width:500px;
	}
	.slider_title{
		font-size: 28px;
		color:#fff;
		letter-spacing: 2px;
		padding-bottom: 10px;
	}
	.circle-more-3:after, .circle-more-3:before{
	    width: 40px;
	}
	
	/* Search */
	.acesearch_input_module_simple{
		width: 600px;
		border: none;
		font-size: 13px;
		padding-left: 10px;
		color: #AAA;
	}
	#jcemediabox-popup-frame{margin-top: 0;} /* PC版歸零 */


	/* 單篇文章 */
	.item-page{
		font-size: 18px;
	}
	.blog-wrap img{
		max-width: 203px;
	}
	.blog-article img{
		max-width: 203px;
	}
/* Large devices (large desktops, 1200px and up 大螢幕以上) */
@media (min-width: 1200px) {}