/* Circular Content Carousel Style */
.ca-container{
    position: relative;
    margin: 0;
    height: 450px;
    width: 1270px;
    padding: 0;
}
.body.en .ca-container{
    font-family: Montserrat,Noto Sans TC,Noto Sans JP,Tahoma,Mitr,Sarabun,Bai Jamjuree,Microsoft JhengHei,SF Pro TC,sans-serif!important;
}

.ca-wrapper{
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{
    float: left;
    width: 318px;
    height: 100%;
    text-align: center;
    margin: 0;
}

.ca-close{
	position:absolute;
	top:12px;
	right:10px;
	background:url(../img/cross.png) no-repeat center center;
	width:27px;
	height:27px;
	text-indent:-9000px;
	outline:none;
	opacity:0.7;
}
.ca-close:hover{
	opacity:1.0;
}

/*========== 列表外框 ==========*/
.ca-item-main{
	padding:0;
	position:absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 20px;
	background:#213540;
	overflow:hidden;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	border-radius:1rem ;
    border: 1px solid #00000012;
    margin: 0 2.5%;



}
/*====== 列表項目 ======*/
.ca-item-main .mainject{
	padding:1rem;
		-webkit-border-top-left-radius:1rem;
-webkit-border-top-right-radius:1rem;
-moz-border-radius-topleft: 1rem;
-moz-border-radius-topright: 1rem;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
    background: #2e4856cc;
    text-align: left;
}

.ca-item-main .mainject span.time{
    font-size: 16px;
    margin: .5rem 0;
    padding: 0;
    border-radius: 15px;
    display: inline-block;
    color: #d3d0cd;
    /* background: #eee6df8f; */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    display: none;/*時間暫時隱藏*/

}
.ca-item-main .mainject span.time i{
	margin: 0 4px;
	font-size: 13px;
}
.ca-item-main .mainject h3{
    text-transform: uppercase;
    font-size: 22px;
    text-align: left;
    height: 10vh;
    padding: 0 0 0 5px;
    padding: 10px 0 0 5px;/*因為時間隱藏所以往下推*/
    font-weight: 600;
   color:#fffefe;
}

.ca-item-main .mainject .country{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.ca-item-main .mainject .country svg{
	width: 16px;
	height: 16px;
	margin-right: 2px;
	stroke: #d2c7bc!important ;

}
.ca-item-main .mainject .country .markdown{}
.ca-item-main .mainject .country .markdown p{
	margin: 0;
    padding: 0;
    color: #d2c7bc;
}

/*== 列表敘述 ==*/
.ca-item .narrate{
	text-align: left;
	padding: 1rem;
	margin: 1rem 0 0 0;
}
.ca-item .narrate ul.infqu{
    list-style: none;
    padding: 0;
    margin: 0;
}
.ca-item .narrate ul.infqu li{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    color: #ebebeb;
    font-size: 16px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 100%;
}
.ca-item .narrate ul.infqu li i{
    font-size: 10px;
    margin: 8px 4px 0 0;
    color: #ffffffc9;
}
.ca-item .narrate ul.infqu .fqu{
    width: 100%;
}
.ca-item .narrate ul.infqu li .fqu span{
    display: inline-block;
    float: left;
}
.ca-item .narrate ul.infqu li .fqu span.tma{
    text-align: justify;
}
.ca-item .narrate ul.infqu li .fqu span.tmb{}



/*== 了解更多按鈕 ==*/
a.ca-more{
position: absolute;
    bottom: 2rem;
    left: 0px;
    text-align: center;
    display: inline-block;
    width: 100%;

}
a.ca-more span{
	display: inline-block;
	background: #8d7d6d;
	color:#fff;
	padding:.5rem 2rem;
	border-radius:25px;
	font-weight:bold;
}
a.ca-more:hover span{
	color: #fff;
	background: #ac875a;
}


/*==== 開閡內容 ====*/
.ca-content-wrapper{
	background:#213844;
	position:absolute;
	width:0px; /* expands to width of the wrapper minus 1 element */
	height:440px;
	top:5px;
	text-align:left;
	z-index:10000;
	overflow:hidden;
}
.ca-content{
	width:100%;
	overflow:hidden;
}
.ca-content-text{
     margin: 0;
    padding: 1rem 1rem 2rem 1rem;
    line-height: 140%;
    color: #434343;
}
.ca-content-text .tbxti{
	    overflow: overlay;
	    height: 270px;
}
.ca-content-text p{
    padding-bottom: 5px;
    color: #f5f5f5;
    line-height: inherit;
}
.ca-content h6{
    margin: 0;
    font-size: 18px;
    padding: 1rem;
    background: #4e463f;
    color: #a68567;
    color: #fff;
}

/* Apply Now 按鈕*/
.ca-content .apply{
	width: 100%;
    text-align: center;
    margin: 5px 0 10px 0;
}
.ca-content .apply a.btn{
    color: #fff;
	    background: #8d7d6d;
}

.ca-content .apply a.btn:hover{
    background: #ac875a;
}

.ca-nav span{
	width:25px;
	height:38px;
	background:transparent url(../img/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-40px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:-40px;
}
.ca-nav span:hover{
	opacity:1.0;
}


/*=============== 卷軸 ===============*/
/* 捲軸寬度及高度 */
::-webkit-scrollbar {
  width: 8px; /*右側捲軸寬度*/
  height: 8; /*下方捲軸高度*/
}
/* 軌道背景底色 */
::-webkit-scrollbar-track {
  background: #413b37; 
}
 
/* 滑桿顏色 */
::-webkit-scrollbar-thumb {
  background: #4e463f; 
}
/* 滑桿滑鼠滑入時的顏色 */
::-webkit-scrollbar-thumb:hover {
  background: #61564c; 
}
/* 捲軸兩側頂端的按鈕 */
::-webkit-scrollbar-button {
  background-color: #413b37;
}
/* 捲軸兩側頂端的按鈕滑鼠滑入時的顏色 */
::-webkit-scrollbar-button:hover {
  background-color: #6f6257;
}


/*======================================================== RWD新增樣式 ========================================================*/
@media only screen and (max-width:1366px) {

.ca-container {
    width: 1140px;
}

.ca-content-wrapper {

    height: 425px;
}

.ca-item{
	width: 380px;
}

.ca-content-wrapper .ca-content{
	width: 760px!important ;
	position: relative;
}
.ca-close{}


}

@media only screen and (max-width:820px) {

.ca-container {
    width:710px;
}

    .ca-item {
        width: 355px;
    }
    .ca-content-wrapper .ca-content {
        width: 360px !important;
    }
    .ca-content-text .tbxti {
    height: 240px;
    padding: 5px;
}
.ca-content h6 {
    padding-right: 40px;
}

}

@media only screen and (max-width:768px) {
	.ca-nav span{
	left: -20px;
	}

	.ca-nav span.ca-nav-next {
    right: -20px;
}


}

@media only screen and (max-width:576px) {
	.ca-container {
    width:370px;
}
    .ca-item {
        width: 370px;
    }

.ca-content-wrapper{
	left: 0!important;
}


}

@media only screen and (max-width:414px) {
	.ca-container {
    /* width:330px; */
      width:100%;
    }
    .ca-item {
        /* width: 330px; */
        width: 100%;
    }


    .ca-content-wrapper .ca-content {
        width: 330px !important;
    }

.ca-content-text .tbxti {
        height: 220px;
    }

}