@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------*/
/* Header */
#Header{ height: 60px; }
#Header .logo{ width: 80px; margin: auto; line-height: 0;  padding: 5px; }
#Header .topGuidBox{ display: none; }


/*----------------------------------------------------------------------*/
/* 選單 */
/* 漢堡按鈕 */
.Menubar{ top:10px; right: 10px; }
.mobileMenu{ width: 90%; height:90%; margin: 20px auto; padding: 40px 15px 20px 15px; }
.mobileMenu > div{ padding-left: 5px; padding-right: 5px; }
.mobileMenu .menu > li{ padding: 10px 5px; }
.mobileMenu .menu > li > a{ font-size: 1.125rem; }
.mobileMenu .menu > li > a.iconBtn{ top: 5px; }
.mobileMenu .menu > li > ul > li > a{ font-size: 1.125rem; }
.mobileMenu .mob_search .btn input[type="button"]{ border-left: 0; }


/*----------------------------------------------------------------------*/
/* Menu */
#Menu{ display:none; }


/*----------------------------------------------------------------------*/
/* KeyVisual */
#KeyVisual .bx-wrapper .bx-pager { display:none; }
#KeyVisual .bx-wrapper .bx-controls-direction a { width:32px; height:32px; margin-top:-16px; }
#KeyVisual .bx-wrapper .bx-controls-direction a::after { width:10px; height:10px; margin-top:-6px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev{ left:8px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next{ right:8px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev::after { left:13px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next::after { right:13px; }


/*----------------------------------------------------------------------*/
/* Footer */
#Footer .ft_info{ padding: 20px 15px; }
#Footer .ft_info .logo{ padding-bottom: 10px; }
#Footer .ft_info .logo .img{ max-width: 60px; margin: auto; }
#Footer .ft_info .logo + .contBox{ border-top: 1px solid #dddddd; }
#Footer .copyright{ padding-right: 50px; }


/*----------------------------------------------------------------------*/
/* 首頁 */
/* 共用區塊 */
.IndexBlock{ padding-top:30px; padding-bottom: 30px; }
.IndexBlock > div{ padding-left: 15px; padding-right: 15px; }

/* 標題 */
.IndexTitle{ margin-bottom: 15px; }
.IndexTitle h3{ font-size: 1.5rem; padding: 10px 0 10px 55px; }
.IndexTitle .icon{ width: 50px; height: 44px; }

/* 按鈕 */
.IndexMoreBtn > a{ font-size: 1.25rem; line-height: 50px; padding: 0 15px; }


/*----------------------------------------------------------------------*/
/* 首頁-交通最前線 */
/* IndexTextColumn */
.IndexTextColumn { margin-bottom: 20px; }
.IndexTextColumn .item { padding:0 10px; max-width: 100%; }
.IndexTextColumn .item > div{ padding: 20px 30px; }
.IndexTextColumn .title{ font-size: 1.25rem; margin-top: 5px; margin-bottom: 5px; }
.IndexTextColumn .title a{ display: block; 
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 4.2em;
}
.IndexTextColumn .desc{ font-size: 1.125rem;
    line-height: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    max-height: 10em;
}


/* owl輪播套件 */
.IndexTextColumn .owl-nav .owl-prev, .IndexTextColumn .owl-nav .owl-next { 
    width:32px; height:32px; margin-top:-16px; 
}
.IndexTextColumn .owl-nav .owl-prev { left: -5px; }
.IndexTextColumn .owl-nav .owl-next { right: -5px; }
.IndexTextColumn .owl-nav .owl-prev::after, .IndexTextColumn .owl-nav .owl-next::after{ 
    width: 10px; height: 10px; margin-top: -6px; 
}
.IndexTextColumn .owl-nav .owl-next::after{ margin-right: -4px; }
.IndexTextColumn .owl-nav .owl-prev::after{ margin-left: -4px; }


/*----------------------------------------------------------------------*/
/* 首頁-交通科技產業簡介 */
.IndexIndustryInfo .IndexTitle .subTitle{ font-size: 1.375rem; }

/* IndexIconList */
.IndexIconList .item{ width: 33.33333%; }

@media screen and ( max-width: 479px ){
    .IndexIconList .item{ width: 50%; padding: 15px 10px; }
    .IndexIconList .img{ width: 90px; height: 90px; }
    .IndexIconList .title{ font-size: 1.125rem; }
}
@media screen and ( min-width: 480px ){
    .IndexIconList .item{ width: 33.33333%; padding: 20px 10px; }
    .IndexIconList .img{ width: 100px; height: 100px; }
    .IndexIconList .title{ font-size: 1.188rem; }
}


/*----------------------------------------------------------------------*/
/* 推動方向與實施作法 */
.IndexTextList{ padding-top: 20px; }
.IndexTextList .item{ width: 100%; margin-bottom: 35px; padding-left: 10px; padding-right: 10px; }
.IndexTextList .item:last-child{ margin-bottom: 0; }
.IndexTextList .item > div{ padding:0 20px 25px 20px; }
.IndexTextList .item .title{ font-size: 1.25rem; padding-bottom: 10px; margin-bottom: 10px; }
.IndexTextList .item .title a{ display: block; 
    line-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 4.2em;
}
.IndexTextList .item .desc{ font-size: 1.125rem; 
    line-height: 1.7em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 6.8em;
}
.IndexTextList .item .no{ font-size: 1.188rem; margin-top: -20px; margin-bottom: 15px; }
.IndexTextList .item .no span{ width: 40px; height: 40px; line-height: 40px; }


/*----------------------------------------------------------------------*/
/* 彈出視窗 */
.popup_box > div { width: 90%; max-height:90%; margin:40px auto; padding:40px 15px 15px 15px; }
.popup_box .popup_detail{ padding-bottom: 30px; }
.popup_box .popup_title, .popup_box .popup_detail{ margin-left: 10px; margin-right: 10px; }

/* close btn */
.popup_box .close_btn{ top: -15px; right: -15px; }



/*===================================以下為內頁===================================*/
/*----------------------------------------------------------------------*/
/* 內頁 */
#Center.content{ border-top: 2px solid #1f893c; }
#Content{ padding-left: 15px; padding-right: 15px; padding-bottom: 30px; }

@media screen and (max-width: 479px) {
    #Content{ padding-bottom: 25px; }
}


/*----------------------------------------------------------------------*/
/* 標題 */
.PageTitle{ float: left; }
.PageTitle h2{ font-size: 1.375rem; padding:5px 15px; }

/* 文章標題 */
.ArticleTitle h3{ font-size: 1.625em; line-height: 150%; }

/*文章日期*/
.postdate{ margin-top:10px; font-size: 1.063rem; }

/*文章更新日期*/
.post_info { text-align:left; }
.post_info.below span{ font-size: 0.875em; }

/* 按鈕 */
.commonBtn a{ line-height:35px; }

@media screen and (max-width: 479px){
    .PageTitle h2{ padding:4px 10px; }
}


/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 麵包列 */
#Breadcrumbs{ float: right; padding-right: 10px; padding-left: 10px; }
#Breadcrumbs ul{ padding: 4px 8px; }
#Breadcrumbs ul li{ font-size:0.875rem; float: none; display: inline; padding-right: 12px; }
#Breadcrumbs ul li::after{ height: 10px; right: 0; }
#Breadcrumbs ul li:first-child{ padding-left: 20px; }
#Breadcrumbs ul li:first-child::before{ width: 18px; height: 18px; }

@media screen and (max-width: 479px){
    #Breadcrumbs ul{ padding: 4px 0px; }
}

/* 工具列 */
.ToolBar{ margin-bottom:0; border-top:0; margin-bottom:10px; padding-left: 15px; padding-right: 15px; }
.ToolBar .colm_left { display:none; }
.ToolBar .colm_right::after{ content: ""; display: block; clear: both; }
.ToolBar .colm_right > dl{ border-right: 0; }
.ToolBar dl.font_size{ margin-bottom:5px; float: left; }
.ToolBar dl.font_size dd{ margin-top: 5px; margin-bottom: 5px; }
.ToolBar dl.share{ float: right; padding-left: 0; margin-left: 0; }
.ToolBar dl.share dd{ margin-top: 5px; margin-bottom: 5px; margin-right: 0; margin-left: 5px; }
.ToolBar dl.font_size dt, .ToolBar dl.share dt{ display: none; }

@media screen and (max-width: 479px){
    .ToolBar{ padding-left: 10px; padding-right: 10px; }
    .ToolBar .colm_right > dl{ margin-right: 5px; }
    .ToolBar dl.share dd{ margin-left: 5px; margin-right: 0; }
    .ToolBar dl.font_size{ padding-right: 0; }
    .ToolBar dl.font_size dd{ margin-right: 5px; }
}


/*----------------------------------------------------------------------*/
/* 內頁通用功能 */
/* 按鈕 */
.tabs_common_box ul li{ font-size: 1rem; padding-right: 3px; padding-bottom: 8px; }
.tabs_common_box ul li a{ line-height: 35px; padding: 0 15px; }


/*----------------------------------------------------------------------*/
/* 交通科技產業簡介 */
/* 按鈕 */
/*.IndustryInfoWrap .tabs_common_box{ margin-bottom: 15px; }*/

/* 大標題 */
.industry_title h3{ font-size: 1.375rem; }

/* 小標題 */
.industryInfoBox .item_title{ margin-bottom: 15px; }
.industryInfoBox .item_title h4{ font-size: 1.25rem; }

/* 共用 */
.industryInfoBox{ padding-top: 15px; }
.industryInfoBox .itemBox{ padding-bottom: 25px; margin-bottom: 25px; }

/* 最新消息 */
.industryInfoBox .more_btn a{ line-height: 40px; padding: 0 45px 0 30px; }

/* 小組成員 */
.industryInfoBox .teamList .item{ margin-bottom: 15px; }
.industryInfoBox .teamList .item > div{ padding: 15px 10px; }

.industryInfoBox .teamList .img{ margin: auto; width: 150px; margin-bottom: 10px; }
.industryInfoBox .teamList .cont{ text-align: center; }
.industryInfoBox .teamList .name{ font-size: 1.188rem; }
.industryInfoBox .teamList .sub_tt{ font-size: 1rem; }
.industryInfoBox .teamList .company{ font-size: 1rem; }

@media screen and (max-width: 479px) {
    .industryInfoBox .teamList { display: block; flex-wrap: inherit; }
    .industryInfoBox .teamList .item{ width: 100%; }
}
@media screen and (min-width: 480px) {
    .industryInfoBox .teamList .item:nth-child(2n+1){ padding-right: 10px; }
    .industryInfoBox .teamList .item:nth-child(2n+2){ padding-left: 10px; } 
}


/*----------------------------------------------------------------------*/
/* 頁碼 */
#Pagination { margin-top:0; }
#Pagination a { margin:0 5px; display:none;	}
#Pagination a.prev, #Pagination a.next, #Pagination .current { 
    display:inline-block; 
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}
#Pagination a.first, #Pagination a.last{ background-color:transparent; color: #333; border: 1px solid #d5d5d5; }
#Pagination a.prev, #Pagination a.next{ background-color:#1f893c; color: #fff; }
#Pagination .setting { display:none; }

/* colorbox */
#colorbox_thum a { padding: 0 5px; margin-bottom: 10px; }

@media screen and (max-width: 479px) {
    #colorbox_thum a { width:50%; }
}
@media screen and (min-width: 480px) {
    #colorbox_thum a { width:33.333333%; }
}


/*----------------------------------------------------------------------*/
/* 彈出視窗 */
.alert_box > div { max-height:90%; margin:20px; padding:20px; }
.alert_box .close { position:absolute; top:5px; right:5px; }


/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult { margin-top:5px; }
.SearchResult .item{ padding:15px; }
.SearchResult .title{ font-size: 1.25em; }
.SearchResult .desc{ line-height:200%; font-size:0.938rem; }
.SearchResult .cat a{ font-size:0.938rem; }
.SearchResult .results_count{ padding: 15px 10px; }


/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable{ margin-top:0; margin-bottom:30px;}
.ListTable table, .ListTable table tbody, .ListTable table tr, .ListTable table th, .ListTable table td { display:block; }
.ListTable table tr:first-child { position:absolute; left:-10000px; top:-10000px; }
.ListTable table tr { padding:10px; border-top: 1px solid #b0ccbb; }
.ListTable table tr:last-child{ border-bottom: 1px solid #b0ccbb; }

.ListTable table tr:nth-child(odd) { background-color:#ffffff; }
.ListTable table tr:nth-child(even) { background-color:#ecf4ef; }

.ListTable table td { margin:8px 0; text-align:left; font-size:1rem; }
.ListTable table td.no { display:none; }
.ListTable table td::before { content: attr(data-th)"："; display:block; margin-bottom: 3px; font-weight: bold; font-size: 0.938rem; }
.ListTable table td.no::before, 
.ListTable table td:first-child.date::before, 
.ListTable table td.title::before, 
.ListTable table td.type::before, 
.ListTable table td.thum::before, 
.ListTable table td.cat::before, 
.ListTable table td.date::before, 
.ListTable table td.img::before, 
.ListTable table td.manage::before { 
    display:none;
}
.ListTable table td.download::before{ margin-bottom: 10px; }
.ListTable table td.date { background:url("../images/icon_date.png") no-repeat 0 center; margin-bottom:0; 
    padding-left:16px; color:#555555; font-size:1rem; 
}
.ListTable table td.cat{ font-size:1rem; color: #222222; background-color: #c8e9d1; 
    display: inline-block; padding: 5px 10px;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.ListTable table td.title { margin-top:0; font-size:1rem; display: block; }

.ListTable td.download a.file_ext { width:32px; height:32px; line-height:32px; }
.ListTable td.download a.file_ext::before { width:32px; height:32px; margin:-16px 0 0 -16px; }
.ListTable td.download a.file_ext::after { width:24px; height:24px; margin:-12px 0 0 -12px; }
.ListTable td.download.desc li { display:block; }
.ListTable td.download.desc a.file_ext { text-indent:0; width:auto; padding-left:34px; }
.ListTable td.download.desc a.file_ext::before { left:0; margin-left:0; }
.ListTable td.download.desc a.file_ext::after { left:4px; margin-left:0; }

/* 第2配色 */
.ListTable.style2 table tr { border-top:1px solid #9fc8f0; }
.ListTable.style2 table tr:last-child{ border-bottom:1px solid #9fc8f0; }
.ListTable.style2 table tr:nth-child(even) { background-color:#e3eef8; }


/*----------------------------------------------------------------------*/
/* 圖文列表 */
/* 639px~480px時 一律以圖上文下雙欄顯示,479以下時，一律以圖上文下單欄顯示 */
.ListPicText .item { padding-left:10px; padding-right:10px; margin-bottom:20px; }
.ListPicText .info > div{ display: block; }
.ListPicText .info > div:after{ display: none; }
.ListPicText .info .cat{ background-color: #c8e9d1; display: inline-block; padding: 5px 10px; 
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}

/* list-view */
.ListPicText.list-view { margin-bottom: 20px; }
.ListPicText.list-view .img, .ListPicText.list-view .video_box{ 
    width: 100%; max-width: 100%; padding: 0 0 10px 0;
}
.ListPicText.list-view .video_box .img{ width: 100%; padding: 10px 15px 10px 0; max-width: 100%; float: none; }
.ListPicText.list-view .video_box .img::after{ width: 30px; height: 30px; background-size: contain; margin-left: -22px; margin-top: -15px; }
.ListPicText.list-view .cont{ padding: 10px; overflow: hidden; }
.ListPicText.list-view .desc{ margin-bottom: 0; }

/* grid-view */
.ListPicText.grid-view .img{ width: 100%; max-width: 100%; padding: 0 0 10px 0; }
.ListPicText.grid-view .cont{ padding: 10px; overflow: hidden; }
.ListPicText.grid-view .tag{ position: inherit; display: inline-block; }
.ListPicText.grid-view .desc{ margin-bottom: 0; }

.ListPicText .item{ margin-bottom: 20px; }
.ListPicText .img { float:none; }
.ListPicText .cont { padding:10px 0 20px 0; }
.ListPicText .title { font-size:1.188rem; display: block; }
.ListPicText .date { font-size:1rem; }
.ListPicText .tag{ font-size: 0.938rem; }
.ListPicText .desc { font-size:1rem; }
.ListPicText .date, .ListPicText .tag{ margin-right: 5px; margin-bottom: 5px; }

/* 限制行數 */
.ListPicText .desc{
    line-height:1.75em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
    max-height:5.25em;
}

@media screen and (max-width: 479px) {
    .ListPicText .item { float:none; width:100%; }
    .ListPicText .item > div{ padding: 15px; }
    /* list-view */
    .ListPicText.list-view .cont{ padding-top:5px; }
    /* grid-view */
    .ListPicText.grid-view .cont { padding-top:5px; }
}

@media screen and (min-width: 480px) {
    .ListPicText .item { float:left; width:50%; }
    .ListPicText .item > div{ padding: 10px; }
}


/*----------------------------------------------------------------------*/
/* owl-carousel */
.owl-carousel button.owl-prev, .owl-carousel button.owl-next{ width: 40px; height: 40px; margin-top: -20px; }
.owl-carousel button.owl-prev::after{ left: 16px; }
.owl-carousel button.owl-next::after{ right: 16px; }
.owl-carousel button.owl-prev::after, .owl-carousel button.owl-next::after{ top: 12px; }

@media screen and ( max-width: 479px ){
    .owl-carousel button.owl-prev{ left: -5px; }
    .owl-carousel button.owl-next{ right: -5px; }
}
@media screen and ( min-width: 480px ){
    .owl-carousel button.owl-prev{ left: 10px; }
    .owl-carousel button.owl-next{ right: 10px; } 
}


/*----------------------------------------------------------------------*/
/* 上下篇文章 */
.prevNextLink{ padding-top:10px; }
.prevNextLink .prev, .prevNextLink .next { width:100%; float:none; margin-bottom:10px; }


/*----------------------------------------------------------------------*/
/* 延伸閱讀 */
.related_articles{ margin-top:30px; margin-bottom:10px; padding: 25px 15px 15px 15px; }
.related_articles .title{ left: 10px; font-size: 1.188rem; }


/*----------------------------------------------------------------------*/
/* 搜尋表單 */
.ListSearch.FormElmt{ margin-bottom:15px; }
.ListSearch .item{ margin-bottom: 10px; display:block; float:none; margin-right:0; }
.ListSearch .item:first-child + .item{ padding-left:0; }
.ListSearch .item .label{ display:block; }
.ListSearch.FormElmt .item .cont{ line-height:24px; display: block; }
.ListSearch .item label, .ListSearch .item::before{ display:none; }
.ListSearch .BtnCommon{ width:100%; text-align:left; margin-top:10px;}
.ListSearch.FormElmt{ margin-bottom:10px; }
.ListSearch.FormElmt input[type="text"]{ font-size:93.8%;}
.ListSearch.FormElmt .dev-calendar { width:135px; }
.ListSearch.FormElmt .BtnCommon{ margin-top:0; margin-bottom:10px; padding-top:0; }
.ListSearch.FormElmt .item input{ margin-bottom:5px; }
.ListSearch .item .cont select{ width: 100%; max-width: 100%; }

@media screen and ( max-width: 479px) {
	.ListSearch.FormElmt .item input{ width:100%; font-size:100%; margin-bottom:0; }
}


/*----------------------------------------------------------------------*/
/* 表單 */
/* 表單群組 */
.FormGroup, .FromSubGroup { padding:35px 20px 10px 20px; }
.FormGroup .FormTable, .FromSubGroup .FormTable {  width:auto; }

.FormGroup .form_group_subtitle{ margin-top:15px; margin-bottom:15px; border-bottom-color: #ccc; 
    padding:5px 0;
}
.FormGroup .form_group_subtitle span{ top:auto; left:auto; display:inline-block; color:#555; 
    border-left:5px solid #df7b39; padding:0 0 0 5px; 
}

.FormTable, .FormTable > tbody, .FormTable > tbody > tr, 
.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { 
    display:block; 
}
.FormTable > tbody > tr > th { text-align:left; }
.FormTable > tbody > tr { padding:5px 0; }
.FormTable > tbody > tr:last-child{ border-bottom:none;}
.input_table li { width:50%; }

table.FormTable , table.FormTable > tbody, table.FormTable > tbody > tr, 
table.FormTable > tbody > tr > th, table.FormTable > tbody > tr > td { 
    display:block; 
}
table.FormTable > tbody > tr { padding:10px 5px; border-bottom:1px solid rgba(156,156,156,0.2); }
table.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { border-bottom:0; }
table.FormTable > tbody > tr > th { text-align:left; }

/* 表單元件 */
.FormElmt .input_group > div{ display: inline-block; }
.FormElmt input[type="text"]{ width:100%; max-width:100%; }

/* 表單群組 */
.form_group_title span { font-size:1.125em; padding:0 15px; }

/* 表單群組分等分 */
.FormTableWrap{ display: block; }
.FormTableWrap .col-2.FormTable{ width: 100%; flex: inherit;  width: 100%; }
.FormTableWrap .col-2.FormTable:nth-child(2n+1){ padding-right: 0; border-right: 0; }
.FormTableWrap .col-2.FormTable:nth-child(2n+2){ padding-left: 0;}


/*----------------------------------------------------------------------*/
/* 按鈕 */
.BtnCommon.btn_form div { margin:5px; }
.BtnCommon.large div{ margin-bottom:10px; }
.BtnCommon div[class] span::before { left:13px; }
.BtnCommon.mid a, .BtnCommon.mid input { font-size:14px; }
.BtnCommon.large a, .BtnCommon.large input{ padding:0 20px; }


/*----------------------------------------------------------------------*/
/* 編輯器 */
.editable_content{ font-size: 1rem; }
.editable_content, .editable_content p, .editable_content .para, .editable_content blockquote{
    line-height:190%; 
}
.editable_content blockquote { margin:3.5rem 0; padding:40px 25px; font-size:1em; }
.editable_content blockquote p{ font-size:1rem; line-height:180%; margin-bottom: 5px; }
.editable_content ol { margin-left:35px; }
.editable_content ul { margin-left:35px; }
.editable_content .imgleft, .editable_content .imgright { float:none !important; clear:both; max-width:100%; text-align:center; margin-top:0; margin-bottom:20px; margin-left:auto; margin-right:auto; }
.editable_content .district .img.left, .editable_content .district .img.right { 
    float:none; clear:both; max-width:100%; text-align:center; margin-bottom:20px; margin-left:auto; margin-right:auto; 
}
.editable_content table.table_style2 caption{ display:block; }

.editable_content h4{ font-size: 1.375rem; }
.editable_content h5{ font-size: 1.25rem; }
.editable_content h6{ font-size: 1.125rem; }
h4.ext_title{ font-size: 1.25em; margin-bottom: 0; padding-top: 8px; padding-bottom: 8px; }
h4.ext_title span{ top: 0; }
ul.ext_list{ padding-left: 35px; }

/* 相關圖片 */
.editable_content .owl-carousel button.owl-prev, .editable_content .owl-carousel button.owl-next{ margin-top: -20px; }
.editable_content .owl-carousel button.owl-prev{ left: -5px; }
.editable_content .owl-carousel button.owl-next{ right: -5px; }
.editable_content .photo_list{ padding-left: 30px; padding-right: 30px; }


/*----------------------------------------------------------------------*/
/* 頁籤 */
.tabs_group .tabs { display:none; }
.tabs_group .tab_cont { border:1px solid #bbb; background-color:#f5f5f5; margin-bottom: 5px; }
.tabs_group .tab_cont:last-child{ margin-bottom: 0; }
.tabs_group .tab_cont .tab_title { display:block; }
.tabs_group .tab_cont .tab_title a{ font-size: 1.125em; }
.tabs_group .tab_cont .tab_cont_inner { 
    height:0; transform:scaleY(0); visibility:hidden; opacity:0; padding-left:15px; padding-right:15px; overflow:hidden; transform-origin:center 0;
    -webkit-transition: opacity 0.3s ease; 
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; 
}
.tabs_group .tab_cont.active .tab_cont_inner { height:auto; transform:scaleY(1); visibility:visible; opacity:1; padding-top:20px; padding-bottom:20px; }