@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------*/
/* Header */
#Header .logo{ width: 38px; height: 50px; left: 20px; }
#Header > div{ height: 50px; padding-left: 20px; padding-right: 20px; }
#Header .toolBox{ display: none; }

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

/*----------------------------------------------------------------------*/
/* 行動裝置選單 */
/* RWD Menu */
.Menubar{ width: 50px; height: 50px; right: 0; background-color: #232222; }
.Menubar .font_icon{ line-height: 50px; }

/* mobileMenu */
.mobileMenu > div{ padding-left: 10px; padding-right: 10px; }
.mobileMenu .tt{ font-size: 1.25em; line-height: 50px; }
.mobileMenu .menu > li{ font-size: 1em; }
.mobileMenu .menu > li > ul > li{ padding: 8px 0; }
.mobileMenu .menu > li > ul > li > a{ font-size: 0.875em; }
.mobileMenu .font_icon{ font-size: 1.25em; }

/* mobToolBox */
.mobToolBox .item a{ padding: 20px 10px; font-size: 0.938em; }
.mobToolBox .item:nth-child(2n+2){ padding-left:5px; }
.mobToolBox .item:nth-child(2n+1){ padding-right:5px; }
.mobToolBox .font_icon{ font-size: 1.5em; }

/* langPopupBox (行動選單選語系) */
.langPopupBox.popupBox > div{ width: 90%; position: fixed; }
.langPopupBox .tt{ font-size: 1.125em; }
.langPopupBox .lang_cont li a{ font-size: 1em; }

/*----------------------------------------------------------------------*/
/* KeyVisual */
#KeyVisual .bx-wrapper .bx-pager { display:none; }
#KeyVisual .bx-wrapper .bx-controls-direction a { width:40px; height:40px; margin-top:-20px; }
#KeyVisual .bx-wrapper .bx-controls-direction a::after { width:12px; height:12px; margin-top:-6px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev{ left: 10px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next{ right: 10px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev::after { left:15px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next::after { right:15px; }
@media screen and (orientation: portrait) {
    #KeyVisual .bx-wrapper { padding-bottom:106.25%; }
}

/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* 首頁內容 */

/*----------------------------------------------------------------------*/
/* 共用區塊 */
.indexTitle{ margin-bottom: 10px; font-size: 1.5em; }
.IndexBlock > div{ padding-left: 10px; padding-right: 10px; }

/*----------------------------------------------------------------------*/
/* products */
.indexProduct{ padding-top: 20px; padding-bottom: 20px; }

/*----------------------------------------------------------------------*/
/* products 公用區*/
.proList .item{ width: 50%; margin-bottom: 20px; }
.proList .item > a{ padding-left: 10px; padding-right: 10px; }
.proList .img{ margin-bottom: 5px; }
.proList .cont .title{ text-align: center; font-size: 1.063em; padding: 5px 0; }
.proList .category{ text-align: center; display: none; }
.proList .category ul{ display: inline; }
.proList .category ul li{ display: inline-block; color: #767679; padding-right: 2px; 
    margin-bottom: 2px;
}
.proList .category ul li::after{ content: "/"; color: #999; font-weight: 200; padding-left: 5px; }
.proList .category ul:last-child li:last-child::after{ display: none; }

/*----------------------------------------------------------------------*/
/* media (index) */
.indexMedia > div{ padding-top: 20px; padding-bottom: 20px; }
.indexMedia .mediaBox{ margin-right: -10px; margin-left: -10px; }
.indexMedia .mediaBox .item{ margin-bottom: 20px; }
.indexMedia .mediaBox .item > a{ padding-left: 10px; padding-right: 10px; }

/*----------------------------------------------------------------------*/
/* media 公用區 */
.mediaBox .icon-play{ width: 40px; height: 40px; line-height: 40px; margin-top: -20px; margin-left: -20px; }
.mediaBox .icon-play::before{ width: 34px; height: 34px; margin-left: -17px; margin-top: -17px; }  
.mediaBox .item .title{ color: #232222; padding: 5px 5px 0 5px; line-height: 140%; font-size: 0.938em; }

/* media popup */
.mediaPopupBox.popupBox > div{ margin: 0; }
.mediaPopupBox.popupBox .close{ background-color: #fff; color: #232222; border-color: #232222; }
.mediaPopupBox .video{ width: 100%; height: 400px; }

/*----------------------------------------------------------------------*/
/* news */
.indexNews > div{ padding-top: 20px; padding-bottom: 20px; }
.indexNews .newsList .item{ width: 50%; float: left; margin-bottom: 25px; }
.indexNews .newsList .item::after{ content: ""; clear: both; display: block; }
.indexNews .newsList .item > div{ padding-left:8px; padding-right: 8px; }
.indexNews .newsList .item .title{ font-size: 1.125em; line-height: 135%; }
.indexNews .newsList .item .desc{ font-size: 1em; margin-bottom: 5px; 
    line-height: 22px;
    -webkit-line-clamp: 3;
    max-height: 66px;
}
.indexNews .newsList .item .info .date{ padding-top: 5px; padding-bottom: 5px; 
    margin-bottom: 5px; color: #888;
}
.indexNews .newsList .item .info .more a{ display: block; padding-left: 5px;
    line-height: 32px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; 
}
.indexNews .newsList .item .info .more a::hover{ color: #232222; }
.indexNews .newsList .item .more a::before{ top: 9px; left:inherit; right: 10px; }

/*----------------------------------------------------------------------*/
/* social wall*/
.indexSW > div{ padding-top: 20px; padding-bottom: 20px; }
.indexSW .item { width: 100%; padding: 0 1%; }

/*----------------------------------------------------------------------*/
/* Footer */
#Footer{ padding-top:20px; padding-bottom:30px; }
#Footer .social{ margin-bottom: 10px; }
#Footer .toolBox ul li{ padding: 8px 15px; }

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


/*===================================以下為內頁===================================*/
/*----------------------------------------------------------------------*/
/* 內頁 */
/* 共用區塊 */
#Content{ padding-bottom: 10px; }

.PageTitle, #Breadcrumbs, .articleTitle, .postdate, .ToolBar, .editable_content, 
.post_info, .inPagination, h3.articleTitle, .ListTable, .ListPicText, .content_info, .ProListWrap, .ListSearch,
.ProContWrap, .artist_title, .artist_pic, .artist_cont, .ArtistsFormWrap, .ArtistsWrap .form_btn, .MediaWrap,
.CatalogListWrap, .FAQsWrap, .LocateUsForm, .DeaLocWrap, .SitemapList, .social_icon, .search_wrap{ 
    padding-left: 10px; padding-right: 10px;
}

.ContentHeader{ background-image: none !important; padding: 0 10px; border-bottom: 2px solid #232222;
    height: auto; background-color: #f5f5f5; margin-bottom: 15px; box-sizing: border-box; position: relative;
}

/* 標題 */
.PageTitle{ display:block; }
.PageTitle h2{ padding:5px 0; font-size:1.85em; line-height: 130%; color: #232222; }

/* 文章標題 */
h3.articleTitle{ border-top: 0; border-bottom: 0; }
h3.articleTitle span{ font-size: 1.25em; line-height: 140%; padding-top: 5px; padding-bottom: 5px; }

/*文章日期*/
.postdate{ margin-top:10px; margin-bottom:15px; }

/*文章更新日期*/
.post_info { text-align:left; }

/*----------------------------------------------------------------------*/
/* Products */
/* 商品列表-第一層 */
.ProListWrap{ margin-top: 20px; margin-bottom: 10px; overflow:hidden; }
.ProListWrap .proList{ margin-left: -10px; margin-right: -10px; }

/* 商品列表-第二層 */
.ProListWrap .proList2{ margin-left: -10px; margin-right: -10px; }
.ProListWrap .proList2 .item{ padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
.ProListWrap .proList2 .img { padding: 10px; }
.ProListWrap .proList2 .img > div{ padding-bottom: 127.27272727% }
.ProListWrap .proList2 .title{ text-align: center; margin-bottom: 5px; }
.ProListWrap .proList2 .desc{ text-align: center; font-size: 0.938em; color: #888; line-height: 130%; }
.ProListWrap .proList2 .more{ display: none; }

@media screen and (min-width: 480px) {
    .ProListWrap .proList2 .item{ width:33.333333%; } 
    .ProListWrap .proList2 .img{ margin-bottom: 10px; }
    .ProListWrap .proList2 .title{ font-size: 1.125em; }
}
@media screen and (max-width: 479px) {
    .ProListWrap .proList2 .item{ width:50%; } 
    .ProListWrap .proList2 .img{ margin-bottom: 5px; }
    .ProListWrap .proList2 .title{ font-size: 1em; } 
}

/*----------------------------------------------------------------------*/
/* 商品內容頁 */
.ProContWrap{ margin-bottom:15px; }
.ProContWrap .InfoBlock .imgBox{ margin-bottom: 20px; }
.ProContWrap .InfoBlock .slick-slide{ height: 250px; padding: 20px; }
.ProContWrap .InfoBlock .slider-nav{ padding: 0 30px; }
.ProContWrap .InfoBlock .slider-nav .slick-arrow{ width: 30px; }
.ProContWrap .InfoBlock .slider-nav .slick-prev::after{ left: 10px; }
.ProContWrap .InfoBlock .slider-nav .slick-next::after{ right: 10px; }
.ProContWrap .InfoBlock .slider-nav .slick-slide{ height: 60px; margin: 5px; padding: 8px; }
.ProContWrap .InfoBlock .slider-for{ width:100%; height:auto; margin:auto; margin-bottom: 5px; }
.ProContWrap .InfoBlock .slider-nav .slick-arrow::after{ width:18px; height:18px; margin-top:-9px; }

/* 說明區塊 */
.ProContWrap .titleBox{ padding-bottom: 10px; }
.ProContWrap .pro_title{ font-size: 1.25em; line-height: 120%; }
.ProContWrap .pro_subtitle{ font-size: 1.063em; padding: 5px 10px;}
.ProContWrap .descBox .cont{ padding: 8px 10px; }
.ProContWrap .descBox .item{ border-bottom: 1px dotted #ccc; margin-bottom: 15px; padding-bottom: 10px; }
.ProContWrap .descBox .item:last-child{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.ProContWrap .descBox .item .tt{ font-size: 1.125em; line-height: 120%; }
.ProContWrap .descBox .item .text{ line-height: 135%; }
.ProContWrap .descBox .item .txt_list li{ margin-bottom: 5px; }
.ProContWrap .descBox .media_list li{ width: 50%; }
.ProContWrap .download_list .ext_list li { margin-bottom: 8px; }
.ProContWrap .logo_list li { width: 50%; }

/*----------------------------------------------------------------------*/
/* 藝人列表 */
.ArtistsWrap .title{ font-size: 1.375em; margin-bottom: 5px; }
.ArtistsWrap .form_btn{ text-align: left; margin-bottom: 5px; text-align: center; margin-bottom: 5px; }
.ArtistsWrap .form_btn a{ display: block; background-color: #eee; color: #232222; 
    line-height: 40px; padding:0 20px; border-radius: 5px;
}
.ArtistsWrap .form_btn a::after{ content: '\f178'; font-family: 'Font Awesome 5 Pro'; font-weight: 300; 
    padding-left: 3px;
}
.artist_list{ padding-bottom: 10px; }
.artist_list .item{ width: 50%; padding-left: 10px; padding-right: 10px; 
    margin-top: 5px; margin-bottom: 5px;
}
.artist_list .item .cont{ padding: 8px 5px; }
.artist_list .item .tt{ font-size: 1.063em; }
.artist_list .item .subtt{ font-size: 0.875em; }

/*----------------------------------------------------------------------*/
/* 藝人內容 */
.artist_title{ margin-top: 10px; margin-bottom: 10px; }
.artist_title h3{ font-size: 1.375em; }
.artist_title .subtitle{ font-size: 1.063em; }

.artist_pic{ padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px; }
.artist_cont h3{ font-size: 1.375em; }
.artist_cont .pro_gear_list .item{ width: 50%; 
    padding-left: 10px; padding-right: 10px; margin-bottom: 20px;
}
.artist_cont .pro_gear_list .img{ margin-bottom: 5px; }
.artist_cont .pro_gear_list .tt{ font-size: 1.063em; }

.ArtistsWrap .mediaBox{ margin-left: 0px; margin-right: 0px; }
.ArtistsWrap .mediaBox .item { margin-bottom: 15px; width: 50%;
    padding-left: 8px; padding-right: 8px; 
}
.ArtistsWrap .mediaBox .icon-play{ width: 32px; height: 32px; line-height: 32px; 
    margin-top: -16px; margin-left: -16px;
}
.ArtistsWrap .mediaBox .icon-play::before{ width: 26px; height: 26px; 
    margin-left: -13px; margin-top: -13px; 
}

.ArtistsWrap .social_icon .follow{ padding: 5px 15px; }
.ArtistsWrap .social_icon .follow dt{ display: block; margin-right: 0; }
.ArtistsWrap .social_icon .follow dd{ margin: 4px; }

/*----------------------------------------------------------------------*/
/* 藝人表單 */
.artistForm .FormGroup{ padding: 15px 20px; margin-bottom: 15px; }
.artistForm .FormTableWrap .title{ font-size: 1.375em; margin-bottom: 10px; }
.artistForm .FormTableWrap .text{ font-size: 1em; }
.artistForm .list_box .item{ width: 100%; }

.model_list{ margin-top: 5px; }
.model_list li{ margin-bottom: 15px; padding-bottom: 15px; }
.model_list .item{ display: block; }
.model_list .edit_btn > a{ background-color: #232222; color: #fff;
    padding-right: 12px; padding-left: 12px; margin-right: 5px;
}
.model_list .edit_btn{ display: block; clear: both; line-height: 32px; }
.model_list .edit_btn > a{ border-radius: 20px; }
.model_list .edit_btn > a:last-child{ margin-right: 0; }
.model_list .edit_btn .text{ font-size: 0.875em; color: #fff; }
.model_list .edit_btn .font_icon{ font-size: 0.875em; }
.model_list .edit_btn .font_icon::before{ color: #fff; }

/*----------------------------------------------------------------------*/
/* media 影音專區 */
.MediaWrap .mediaBox{ margin-right: -10px; margin-left: -10px; }
.MediaWrap .mediaBox .item{ width: 50%; margin-bottom: 20px; }
.MediaWrap .mediaBox .item > a{ padding-left: 10px; padding-right: 10px; }

@media screen and (min-width: 480px) {
    .mediaBox .icon-play{ width: 40px; height: 40px; line-height: 40px; margin-top: -20px; margin-left: -20px; }
    .mediaBox .icon-play::before{ width: 34px; height: 34px; margin-left: -17px; margin-top: -17px; }
}
@media screen and (max-width: 479px) {
    .MediaWrap .mediaBox .icon-play{ width: 32px; height: 32px; line-height: 32px; margin-top: -16px; margin-left: -16px; }
    .MediaWrap .mediaBox .icon-play::before{ width: 26px; height: 26px; margin-left: -13px; margin-top: -13px; } 
}

/*----------------------------------------------------------------------*/
/* Catalog列表 */
.catalog_list{ margin-left: -10px; margin-right: -10px; padding-bottom: 15px; } 
.catalog_list .item{ width: 50%; margin-bottom: 20px; } 
.catalog_list .item::after{ content: ""; display: block; clear: both; }
.catalog_list .item a{ padding-left: 10px; padding-right: 10px; }
.catalog_list .item .title{ font-size: 1em; }
.catalog_list .icon-download{ display: none; }

/*.catalog_list .img_box, .catalog_list .title{ float: left; box-sizing: border-box; }
.catalog_list .item .title{ font-size: 1em; width: 75%; padding-left: 10px; }
.catalog_list .img_box{ width: 25%; }*/

/*----------------------------------------------------------------------*/
/* FAQs 問與答 */
.faqsBox .faqTitle{ font-size: 1.25em; }
.faqsBox .top_block .icon_qa{ width: 40px; height: 40px; }
.faqsBox .item .icon_qa{ width: 40px; height: 40px; }
.faqsBox .top_block{ padding-right: 2.75rem; padding-left: 3rem; }
.faqsBox .top_block .title{ font-size: 1em; }
.faqsBox .cont_block{ padding-top:10px; padding-bottom: 10px; }
.faqsBox .cont_block .desc{ padding-left: 3rem; }
.faqsBox .cont_block .desc::after{ content: ""; width: 2px; height: 100%; 
    position: absolute; top: 0; bottom: 0; left: 20px; background-color: #FFC627;
    border-radius: 10px;
}
.faqsBox .editable_content p, .faqsBox .editable_content ul, .faqsBox .editable_content ol{
    margin-bottom: 10px;
}
.FAQsWrap .BoxOuter{ margin-bottom: 10px; }
.FAQsWrap .helpBox .title{ font-size: 1.375em; margin-bottom: 20px; }
.FAQsWrap .helpBox .mail_btn a{ line-height: 50px; font-size: 1.063em; padding: 0 20px; }

/*----------------------------------------------------------------------*/
/* LOCATE US 聯絡我們 */
.LocateUsWrap .editable_content .locate_title{ font-size: 1.375em; }
.LocateUsForm .formBox{ padding: 15px 20px; }
.LocateUsForm .block .item{ margin-bottom: 10px; }
.LocateUsForm .block label{ font-size: 1em; border-left: 2px solid #232222;
    padding-left: 8px; margin-bottom: 5px; line-height: 130%;
}
.LocateUsForm .block .item.email{ clear: both; }
.LocateUsForm .msg textarea { height:100px; }

@media screen and (min-width: 480px) {
    .LocateUsForm .first_name { float:none; width:100%; padding-right:0; }
    .LocateUsForm .last_name { float:none; width:100%; padding-left:0; }
}

/*----------------------------------------------------------------------*/
/* Dealer Locator */
.DeaLocWrap .editable_content .dealer_title{ font-size: 1.375em; }
.dealer_search{ padding-top: 10px; padding-bottom: 10px; }
.dealer_map_wraper { display:none; }
.dealer_list { display:block; }
.dealer_list dt{ font-size: 1.25em; }
.dealer_list dd.web, .dealer_list dd.go { display: inline-block; margin-right: 5px; }

/*----------------------------------------------------------------------*/
/* Sitemap */
.SitemapList > ul{ border: 0; }
.SitemapList > ul > li{ border: 0; width: 100%; padding: 0; margin-bottom: 12px; }
.SitemapList > ul > li > a{ padding: 8px 12px; font-size: 1.25em; }
.SitemapList > ul > li > ul{ margin-top: 5px; }
.SitemapList > ul > li > ul > li > a{ line-height: 130%; padding: 8px 10px 8px 22px; }
.SitemapList > ul > li > ul > li > a::before{ top: 8px; left: 12px; }

/*----------------------------------------------------------------------*/
/* 內頁元素 */
.ToolBar{ border-top:0; margin-bottom:5px; padding-left: 10px; padding-right: 10px; }
.ToolBar dl.font_size::after{ display:none; }
.ToolBar dl.font_size{ margin-bottom:10px; }
.ToolBar dl.share dt{ font-size: 0.75em; }
.ToolBar .colm_left a.return{ font-size: 0.75em; }
.ToolBar .colm_left a, .ToolBar dl.font_size dd, .ToolBar dl.share dd{ margin-bottom: 5px; }

#Breadcrumbs{ margin-top:0; }
#Breadcrumbs ul li{ display: inline-block; float: none; font-size: 0.75em; padding-right: 10px; }
#Breadcrumbs ul li a{ color: #232222; }
#Breadcrumbs ul li:last-child a{ color: #232222; }
#Breadcrumbs ul li::after{ background-color: #bbb; right: 0; }
#Breadcrumbs ul li a:hover{ color: #232222; }

/* 頁碼 */
#Pagination{ margin-top:20px; margin-bottom:10px; }
#Pagination a{ display: none; }
#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last{ 
    display: inline-block; width: 40px; box-sizing: border-box;
    background-color: #232222;
}
#Pagination a.first::before, #Pagination a.first::after, #Pagination a.last::before, #Pagination a.last::after,
#Pagination a.prev::before, #Pagination a.next::before {
    border-color: #fff; left: 50%; right: inherit;
}
#Pagination a.first::before{ margin-left: -7px; }
#Pagination a.prev::before{ margin-left: -2px; }
#Pagination a.next::before{ margin-left: -7px; }
#Pagination a.last::before{ margin-left: -2px; }
#Pagination a.last::after{ margin-left: -9px; }
#Pagination .setting { display:none; }

/* 編輯器 */
.editable_content blockquote { margin:10px 0; padding: 50px 20px; }
.editable_content blockquote p{ font-size:100%; line-height:180%; }
.editable_content blockquote::before, .editable_content blockquote::after{
    font-size: 2.8em;
}
.editable_content ol { margin-left:20px; }
.editable_content ul { margin-left:20px; }
.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 h4{ font-size:1.25em; }
.editable_content h5{ font-size:1.125em; }
.editable_content h6{ font-size:1.063em; }
h4.ext_title{ margin-top:0; font-weight: 400; }
ul.ext_list{ padding-left: 20px; }
ul.ext_list li{ font-size: 0.938em; }

/* colorbox */
#colorbox_thum a { width:31%; margin:5px; }

@media screen  and (max-width: 479px) {
  #colorbox_thum a { width:46%; margin:5px; }  
}

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

/*----------------------------------------------------------------------*/
/* 文字列表 */
.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-bottom:1px solid #ddd; }
.ListTable table tr:nth-child(2){border-top:1px solid #ddd;}

.ListTable table tr:nth-child(odd) { background-color:#fff;}
.ListTable table tr:nth-child(even) { background-color:#f5f5f5;}
.ListTable table th, .ListTable table td{ font-size:100%;}

.ListTable table td { margin:5px 0; text-align:left;}
.ListTable table td.no { display:none; }
.ListTable table td::before { color:#232222; font-weight:bold; content: attr(data-th)"："; display:inline-block; margin-bottom: 3px;}
.ListTable table td.no::before, .ListTable table td.date::before, .ListTable table td.title::before, .ListTable table td.type::before, .ListTable table td.thum::before,
.ListTable td.img::before, .ListTable td.thum::before, .ListTable td.status::before{ 
    content:""; 
}
.ListTable table td.cat{ color:#555; font-size:87.5%;}
.ListTable table td.number{ display:none; }
.ListTable table td.date { background:url("../images/icon_date.png") no-repeat 0 center; margin-bottom:0; padding-left:16px; color:#888; font-size:87.5%; }
.ListTable table td.date br { display:none; }
.ListTable table td.title { font-size:100%; }
.ListTable table td.download{ color:#555; margin-top:10px; }
.ListTable table td.download ul{ padding-top:5px; }
.ListTable table td.download ul li{ margin-bottom:15px; }
.ListTable table tr td.title-link a{ font-size:106.3%; }
.ListTable table td.type{ background-color:#f3e3e4; display:inline-block; padding:5px 10px; border-radius:5px; font-weight:bold; font-size:93.8%; color:#555;}
.ListTable table td.status a{ margin:5px 0; }

/*----------------------------------------------------------------------*/
/* 圖文列表 */
/* 639px~480px時 一律以圖上文下雙欄顯示,479以下時，一律以圖上文下單欄顯示 */
.ListPicText { margin-left:-10px; margin-right:-10px; }
.ListPicText .item { padding-left:15px; padding-right:15px; margin-bottom:25px; }
.ListPicText .img > div{ padding-bottom: 55%; }

/* list-view */
.ListPicText.list-view .img{ margin-bottom: 5px; }
.ListPicText.list-view .info{ clear: both; position: relative; font-size: 0.938em;
    border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 6px 0; overflow: hidden;
}
.ListPicText.list-view .item .info::after{ content: ""; display: block; clear: both; }
.ListPicText.list-view .item .more{ float: right; }
.ListPicText.list-view .item .date{ float: left; }

/* grid-view */
.ListPicText.grid-view .img{ margin-bottom: 10px; }
.ListPicText.grid-view .info{ clear: both; position: relative; font-size: 0.938em;
    border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 6px 0; overflow: hidden;
}
.ListPicText.grid-view .item .info::after{ content: ""; display: block; clear: both; }
.ListPicText.grid-view .item .more{ float: right; }
.ListPicText.grid-view .item .date{ float: left; }

.ListPicText .img { float:none; }
.ListPicText .title { font-size:1.125em; }
.ListPicText .desc { font-size:0.938em; margin-bottom:20px; }
.ListPicText .btn { position: absolute; width:100%; bottom:15px; right:10px; font-size:0.875em; }

/* 限制行數 */
.ListPicText .desc{
    line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
    max-height:4.5em;
}
.ListPicText.list-view.trisection .title a{
    line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    max-height:3em;
}

@media screen and (max-width: 479px) {
    .ListPicText { margin-left:0; margin-right:0; }
    .ListPicText .item { width:100%; max-width:360px; margin-left:auto; margin-right:auto; }
    /* list-view */
    .ListPicText.list-view .cont{ padding-top:5px; }
    /* grid-view */
    .ListPicText.grid-view .item{ padding-left:10px; padding-right:10px; }
}

@media screen and (min-width: 480px) {
    .ListPicText > div { display: flex; flex-wrap: wrap; }
    .ListPicText .item { width:50%; }
}

/*----------------------------------------------------------------------*/
/* 延伸閱讀 */
.related_articles .list { margin-left:20px; }
.related_articles .list li { padding:8px 0; font-size:1em; }

/*----------------------------------------------------------------------*/
/*表格*/
.editable_content table.table_style2 caption{ display:block;}

/*----------------------------------------------------------------------*/
/* 列表搜尋 */
.ListSearch .item{ display:block; margin-bottom:8px; float: none; margin-right: 0; }
.ListSearch .item:first-child + .item{ padding-left:0; }
.ListSearch .item span.label{ display:block; }
.ListSearch .item label, .ListSearch .item::before{ display:none; }
.ListSearch.FormElmt{ margin-bottom: 10px; }
.ListSearch .BtnCommon{ width:100%; text-align:left; margin-top:10px;}
.ListSearch.FormElmt .BtnCommon{ margin-top:0; margin-bottom:5px; padding-top:0;
    clear: both; display: block; text-align: left;
}
.ListSearch.FormElmt .item input{ margin-bottom:5px; }
.ListSearch.FormElmt .item select{ width: 100%; }
.ListSearch.FormElmt .dev-calendar { width:135px; }

/*----------------------------------------------------------------------*/
/* 表單 */
/* 表單群組 */
.FormGroup:last-child{ margin-bottom:30px; }
.FormGroup, .FromSubGroup { padding:40px 20px 10px; }

.FormTableWrap{ margin-top:0px; padding-bottom: 15px; margin-bottom: 15px; }
.form_group_title span{ font-size:1.375em; }

.FormTable, .FormTable > tbody, .FormTable > tbody > tr, 
.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { 
    display:block; 
}
.FormTable > tbody > tr > th { text-align:left; border-left: 2px solid #232222;
    line-height: 130%; padding-left: 8px; margin-bottom: 5px;
}
.FormTable > tbody > tr { padding:5px 0; }
.FormTable > tbody > tr:last-child{ border-bottom:none; }
.input_table li { width:50%; }

table.FormTable > tbody > tr > th{ position: relative; }
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:5px 0; }
table.FormTable > tbody > tr:nth-child(even) { background-color:#fff; }
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: block; }
.FormElmt input[type="text"]{ width:100%; max-width:100%; }
.FormGroupWarp .FormElmt select{ margin-right: 0; margin-bottom: 10px;
    width: 100% !important; max-width: 100% !important;
}

/* 驗證碼 */
.FormElmt .randomcode .input{ display: block; margin-right: 0; margin-bottom: 8px; }
.FormElmt .randomcode .input input[type="text"]{  width: 100% !important; display: block; }

/*----------------------------------------------------------------------*/
/* 登入 */
.LoginBox .colm_right { padding-top:30px; }

/*----------------------------------------------------------------------*/
/* 按鈕 */
.BtnCommon.btn_form div { margin:5px; }
.BtnCommon.large div{ margin-bottom:10px; margin-left:5px; margin-right:5px; }
.BtnCommon.mid a, .BtnCommon.mid input { font-size:14px; }
.BtnCommon.large a, .BtnCommon.large input{ padding:0 10px 0 35px; height:50px; font-size:1.063em; }
.BtnCommon.large div[class] span::before{ left:10px; margin-left:0; }
.BtnCommon.large .submit input, .BtnCommon.large .reset input{ padding: 0 30px; font-size:1.188em; }

/*----------------------------------------------------------------------*/
/* Btn Top */
.BtnTop{ bottom:100px; right:20px; }