@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------*/
/* 共用區塊 */
/*----------------------------------------------------------------------*/
/* Header */
#Header .logo{ width: 53px; height: 70px; left: 20px; }
#Header > div{ height: 70px; padding-left: 20px; padding-right: 20px; }
#Header .toolBox{ display: none; }
/*----------------------------------------------------------------------*/
/* Menu */
#Menu{ display: none; }
/*----------------------------------------------------------------------*/
/* 行動裝置選單 */
/* RWD Menu */
.Menubar{ width: 70px; height: 70px; right: 0; background-color: #232222; }
.Menubar .font_icon{ line-height: 70px; }
/* mobileMenu */
.mobileMenu > div{ padding-left: 30px; padding-right: 30px; }
.mobileMenu .tt{ font-size: 1.5em; line-height: 70px; }
.mobileMenu .menu > li{ font-size: 1.25em;}
.mobileMenu .menu > li > ul > li{ padding: 5px 0; }
.mobileMenu .menu > li > ul > li > a{ font-size: 0.875em; }
.mobileMenu .font_icon{ font-size: 1.125em; }
.mobileMenu .search { font-size: 1.25em; }
/* mobToolBox */
.mobToolBox .item a{ padding: 20px 15px; }
.mobToolBox .item:nth-child(2n+2){ padding-left:10px; }
.mobToolBox .item:nth-child(2n+1){ padding-right:10px; }
/* langPopupBox (行動選單選語系) */
.langPopupBox.popupBox > div{ width: 80%; margin: 20px auto; }
.langPopupBox .tt{ font-size: 1.25em; }
.langPopupBox .lang_cont li a{ font-size: 1.125em; }
/*----------------------------------------------------------------------*/
/* 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) and (max-width: 640px) {
#KeyVisual .bx-wrapper { padding-bottom:106.25%; }
}
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* 首頁內容 */
/*----------------------------------------------------------------------*/
/* 共用區塊 */
.indexTitle{ margin-bottom: 20px; font-size: 1.75em; }
.IndexBlock > div{ padding-left: 10px; padding-right: 10px; }
/*----------------------------------------------------------------------*/
/* products */
.indexProduct{ padding-top: 2.5rem; padding-bottom: 2.5rem; }
/*----------------------------------------------------------------------*/
/* products 公用區*/
.proList .item{ width: 33.33333%; margin-bottom: 30px; }
.proList .item > a{ padding-left: 10px; padding-right: 10px; }
.proList .img{ margin-bottom: 5px; }
.proList .cont .title{ text-align: center; font-size: 1.125em; padding: 5px 0; }
.proList .category{ text-align: center; }
.proList .category ul{ display: inline; }
.proList .category ul li{ display: inline-block; color: #999; padding-right: 2px;
margin-bottom: 2px;
}
.proList .category ul li::after{ content: "/"; color: #ccc; font-weight: 200; padding-left: 5px; }
.proList .category ul:last-child li:last-child::after{ display: none; }
/*----------------------------------------------------------------------*/
/* media (index) */
.indexMedia > div{ padding-top: 2.5rem; padding-bottom: 2.5rem; }
.indexMedia .mediaBox{ margin-right: -10px; margin-left: -10px; }
.indexMedia .mediaBox .item > a{ padding-left: 10px; padding-right: 10px; }
/*----------------------------------------------------------------------*/
/* media 公用區 */
.mediaBox .icon-play{ width: 50px; height: 50px; line-height: 50px; margin-top: -25px; margin-left: -25px; }
.mediaBox .icon-play::before{ width: 44px; height: 44px; margin-left: -22px; margin-top: -22px; }
.mediaBox .item .title{ color: #232222; padding: 5px 10px 0 10px; line-height: 140%; font-size: 0.938em; }
/* media popup */
.mediaPopupBox.popupBox .close{ background-color: #fff; color: #232222; border-color: #232222; }
.mediaPopupBox .video{ width: 100%; height: 400px; }
/*----------------------------------------------------------------------*/
/* news */
.indexNews > div{ padding-top: 2.5rem; padding-bottom: 2.5rem; }
.indexNews .newsList .item{ width: 100%; margin-bottom: 25px; }
.indexNews .newsList .item::after{ content: ""; clear: both; display: block; }
.indexNews .newsList .item > div{ padding-left:15px; padding-right: 15px; }
.indexNews .newsList .item .img, .indexNews .newsList .item .cont{ float: left; box-sizing: border-box; }
.indexNews .newsList .item .img{ width: 40%; }
.indexNews .newsList .item .cont{ width: 60%; padding-left: 20px; }
.indexNews .newsList .item .title{ font-size: 1.125em; line-height: 150%; }
.indexNews .newsList .item .desc{ font-size: 1em; margin-bottom: 5px;
line-height: 24px;
-webkit-line-clamp: 4;
max-height: 96px;
}
.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: 2.5rem; padding-bottom: 2.5rem; }
.indexSW .item { float: left; width: 50%; padding: 0 2%; }
/*----------------------------------------------------------------------*/
/* Footer */
#Footer{ padding-top:30px; padding-bottom:30px; }
/*----------------------------------------------------------------------*/
/* IndexCenter */
/* 共用區塊 */
/*----------------------------------------------------------------------*/
/* 彈出視窗 */
.popupBox > div { max-height:90%; margin:20px; }
.popupBox .close { position:absolute; top:5px; right:5px; }
/*===================================以下為內頁===================================*/
/*----------------------------------------------------------------------*/
/* 內頁 */
/* 共用區塊 */
#Content{ padding-bottom: 20px; }
.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: 15px; padding-right: 15px;
}
/* 標題 */
.ContentHeader{ margin-bottom: 20px; height: 180px; }
.PageTitle h2{ padding:5px 0; font-size:1.875em; line-height: 140%; }
/* 文章內容 */
h3.articleTitle span{ font-size: 1.625em; line-height: 140%; padding-top: 5px; padding-bottom: 5px; }
/*文章日期*/
.postdate{ margin-top:10px; margin-bottom:20px; }
/*文章更新日期*/
.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: -15px; margin-right: -15px; }
.ProListWrap .proList2 .item{ width:33.333333%;
padding-left: 15px; padding-right: 15px; margin-bottom: 30px;
}
.ProListWrap .proList2 .img{ margin-bottom: 10px; padding: 20px; }
.ProListWrap .proList2 .img > div{ padding-bottom: 127.27272727% }
.ProListWrap .proList2 .title{ text-align: center; font-size: 1.188em; margin-bottom: 5px; }
.ProListWrap .proList2 .desc{ text-align: center; font-size: 0.938em; color: #888; line-height: 130%; }
.ProListWrap .proList2 .more{ display: none; }
/*----------------------------------------------------------------------*/
/* 商品內容頁 */
.ProContWrap{ margin-bottom:10px; }
.ProContWrap .InfoBlock .slider-for{ max-width:800px; height:auto; margin:auto; margin-bottom:10px; }
.ProContWrap .InfoBlock .slick-slide{ padding: 20px; }
.ProContWrap .imgBox{ margin-bottom: 20px; }
.ProContWrap .download_list .ext_list li { margin-bottom: 8px; }
.ProContWrap .descBox .cont{ padding-top: 10px; padding-bottom: 10px; }
.ProContWrap .titleBox{ padding-bottom: 10px; }
.ProContWrap .pro_title{ line-height: 130%; }
.ProContWrap .pro_subtitle{ font-size: 1.188em; padding: 5px 10px; }
@media screen and (min-width: 960px) {
.ProContWrap .InfoBlock .col-left{ float:left; width:50%; padding-right: 15px; }
.ProContWrap .InfoBlock .col-right{ float:left; width:50%; padding-left: 15px; }
.ProContWrap .InfoBlock .slider-for{ width:100%; height:350px; }
.ProContWrap .InfoBlock .slider-nav{ padding: 0 10px; margin: 0 20px; }
.ProContWrap .InfoBlock .slider-nav .slick-slide{ height: 120px; margin: 6px; padding: 8px; }
.ProContWrap .InfoBlock .slider-nav .slick-arrow{ width: 30px; }
.ProContWrap .InfoBlock .slider-nav .slick-arrow::after{ width: 12px; height: 12px; }
.ProContWrap .InfoBlock .slider-nav .slick-prev{ left:-20px; }
.ProContWrap .InfoBlock .slider-nav .slick-next{ right:-20px; }
.ProContWrap .InfoBlock .slider-nav .slick-prev::after{ left: 10px; }
.ProContWrap .InfoBlock .slider-nav .slick-next::after{ left: 10px; }
/* 說明區塊 */
.ProContWrap .titleBox{ padding-bottom: 10px; }
.ProContWrap .pro_title{ font-size: 1.5em; }
.ProContWrap .descBox .item .tt{ font-size: 1.25em; line-height: 135%; }
.ProContWrap .descBox .item .text{ line-height: 140%; }
}
@media screen and (max-width: 959px) {
.ProContWrap .InfoBlock .slick-slide{ height: 250px; }
.ProContWrap .InfoBlock .slider-nav .slick-slide{ height: 90px; margin: 6px; padding: 8px; }
/* 說明區塊 */
.ProContWrap .pro_title{ font-size: 1.375em; }
.ProContWrap .descBox .cont{ padding-top: 10px; padding-bottom: 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.188em; line-height: 120%; }
.ProContWrap .descBox .item .text{ line-height: 135%; }
.ProContWrap .descBox .item .txt_list li{ margin-bottom: 8px; }
}
/*----------------------------------------------------------------------*/
/* 藝人列表 */
.ArtistsWrap .title{ font-size: 1.75em; }
.ArtistsWrap .form_btn{ margin-bottom: 5px; }
.ArtistsWrap .form_btn a{ display: inline-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: 15px; }
.artist_list .item{ width: 33.333333%; padding-left: 15px; padding-right: 15px;
margin-top: 10px; margin-bottom: 10px;
}
.artist_list .item .cont{ padding: 10px 5px; }
.artist_list .item .tt{ font-size: 1.188em; }
.artist_list .item .subtt{ font-size: 0.938em; }
/*----------------------------------------------------------------------*/
/* 藝人內容 */
.artist_title{ margin-bottom: 10px; }
.artist_title h3{ font-size: 1.5em; }
.artist_title .subtitle{ font-size: 1.125em; }
.artist_pic{ padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px; }
.artist_cont h3{ font-size: 1.5em; }
.artist_cont .pro_gear_list .item{ width: 25%;
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: -12px; margin-right: -12px; }
.ArtistsWrap .mediaBox .item { margin-bottom: 24px;
padding-left: 12px; padding-right: 12px;
}
.ArtistsWrap .mediaBox .icon-play{ width: 40px; height: 40px; line-height: 40px;
margin-top: -20px; margin-left: -20px;
}
.ArtistsWrap .mediaBox .icon-play::before{ width: 34px; height: 34px;
margin-left: -17px; margin-top: -17px;
}
@media screen and (min-width: 768px) {
.ArtistsWrap .mediaBox .item{ width: 33.333333%; }
}
@media screen and (max-width: 767px) {
.ArtistsWrap .mediaBox .item{ width: 50%; }
}
/*----------------------------------------------------------------------*/
/* 藝人表單 */
.artistForm .FormGroup{ padding: 20px 30px; margin-bottom: 20px; }
.artistForm .FormTableWrap .title{ font-size: 1.5em; margin-bottom: 15px; }
.artistForm .FormTableWrap .text{ font-size: 1em; }
.model_list li{ margin-bottom: 15px; padding-bottom: 15px; }
.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 screen and (min-width: 768px) {
.artistForm .list_box .item { float: left; padding-right: 20px; }
.artistForm .list_box.col_three .item{ width: 33.33333%; }
.artistForm .list_box.col_three .item:nth-of-type(3n+3){ padding-right: 0; }
.artistForm .list_box.col_two .item{ width: 50%; }
.artistForm .list_box.col_two .item:nth-of-type(2n+2){ padding-right: 0; }
}
@media screen and (max-width: 767px) {
.artistForm .list_box .item{ width: 100%; }
}
/*----------------------------------------------------------------------*/
/* media 影音專區 */
.MediaWrap .mediaBox{ margin-right: -10px; margin-left: -10px; }
.MediaWrap .mediaBox .item{ margin-bottom: 20px; }
.MediaWrap .mediaBox .item > a{ padding-left: 10px; padding-right: 10px; }
.MediaWrap .mediaBox .icon-play{ width: 40px; height: 40px; line-height: 40px; margin-top: -20px; margin-left: -20px; }
.MediaWrap .mediaBox .icon-play::before{ width: 34px; height: 34px; margin-left: -17px; margin-top: -17px; }
@media screen and (min-width: 768px) {
.MediaWrap .mediaBox .item{ width: 33.33333%; }
}
@media screen and (max-width: 767px) {
.MediaWrap .mediaBox .item{ width: 50%; }
}
/*----------------------------------------------------------------------*/
/* Catalog列表 */
.catalog_list{ margin-left: -15px; margin-right: -15px; padding-bottom: 15px; }
.catalog_list .item{ width: 33.33333%; }
.catalog_list .item{ margin-bottom: 30px; }
.catalog_list .item a{ padding-left: 15px; padding-right: 15px; }
.catalog_list .item .title{ font-size: 1em; }
.catalog_list .icon-download{ display: none; }
/*----------------------------------------------------------------------*/
/* FAQs 問與答 */
.faqsBox .top_block .title{ font-size: 1.188em; }
.faqsBox .faqTitle{ font-size: 1.5em; }
.faqsBox .cont_block .editable_content { font-size: 1.063rem; padding-left: 0; padding-right: 0; }
.faqsBox .cont_block{ padding: 15px 4em 15px 0; }
.faqsBox .cont_block .desc{ padding-left: 3.75em; }
.faqsBox .cont_block .desc::after{ content: ""; width: 2px; height: 100%;
position: absolute; top: 0; bottom: 0; left: 25px; 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.75em; margin-bottom: 20px; }
.FAQsWrap .helpBox .mail_btn a{ line-height: 50px; font-size: 1.25em; padding: 0 20px; }
/*----------------------------------------------------------------------*/
/* LOCATE US 聯絡我們 */
.LocateUsWrap .editable_content .locate_title{ font-size: 1.5em; }
.LocateUsForm .formBox{ padding: 20px 25px; }
.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; }
@media screen and (max-width: 767px) {
.LocateUsForm .block.left { float:left; width:50%; padding-right:10px; }
.LocateUsForm .block.right { float:right; width:50%; padding-left:10px; }
.LocateUsForm .msg textarea { height:280px; }
}
@media screen and (min-width: 768px) {
.LocateUsForm .block.left { float:left; width:50%; padding-right:10px; }
.LocateUsForm .block.right { float:right; width:50%; padding-left:10px; }
.LocateUsForm .first_name { float:left; width:50%; padding-right:10px; }
.LocateUsForm .last_name { float:right; width:50%; padding-left:10px; }
.LocateUsForm .msg textarea { height:200px; }
}
/*----------------------------------------------------------------------*/
/* Dealer Locator */
.DeaLocWrap .editable_content .dealer_title{ font-size: 1.5em; }
.dealer_search{ padding-top: 10px; padding-bottom: 10px; }
.dealer_search.ListSearch.FormElmt .BtnCommon{ display: inline-block; }
/*.dealer_search.ListSearch.FormElmt .item.text-box input[type="text"]{
width: 250px; max-width: 250px;
}*/
@media screen and (max-width: 767px) {
.dealer_map_wraper { display:none; }
.dealer_list { display:block; }
/*.dealer_list dd:not(.web):not(.go) {}*/
.dealer_list dd.web, .dealer_list dd.go { display: inline-block; margin-right: 5px;}
}
@media screen and (min-width: 768px) {
#dealer_map { height:100vh; }
.dealer_list { display:none; }
}
/*----------------------------------------------------------------------*/
/* Sitemap */
.SitemapList > ul > li{ width: 50%; padding: 10px; }
.SitemapList > ul > li > a{ font-size: 1.375em; }
/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult .desc, .SearchResult .cat, .SearchResult .cat a{ font-size:0.938em; }
/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable{ margin-top:0; margin-bottom:40px;}
.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:5px 15px; 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:3px 0; text-align:left; }
.ListTable table td::before { color:#232222; font-weight:bold; content: attr(data-th)"："; display: inline-block;}
.ListTable table td.title a{ color:#232222; }
.ListTable table td.no { display:none; }
.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 td.status::before {
content:"";
}
.ListTable table td.date { background:url("../images/icon_date.png") no-repeat 0 center; margin-bottom:0;
padding-left:16px; color:#888; font-size:93.8%;
}
.ListTable table td.cat{ font-size:93.8%; }
.ListTable table td.title { font-size:100%; }
.ListTable td { margin:5px 0; padding:3px 0; font-size:87.5%; text-align:left; }
.ListTable table td.title{ margin-top:0;}
.ListTable table td.download li{ white-space:nowrap; margin:10px 8px 10px 0; display:inline-block; }
/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText{ margin-left: 0; margin-right: 0; }
.ListPicText .item { padding-left:14px; padding-right:14px; margin-bottom: 30px; }
.ListPicText .desc{ margin-bottom:20px; }
/* list-view */
.ListPicText.list-view .item{ padding-bottom:12px; margin-bottom:12px; }
.ListPicText.list-view .desc{ margin-bottom: 5px; }
.ListPicText.list-view .info{ position: relative; font-size: 0.938em;
padding: 6px 0;
}
.ListPicText.list-view .info .date{ text-align: left; font-size: 0.938em; margin-bottom: 10px; }
.ListPicText.list-view .info .more{ text-align: right; font-size: 1em;
display: inline-block;
}
.ListPicText.list-view .info .more a{ padding: 0 20px 0 30px; line-height: 35px; background-color: #eee; }
.ListPicText.list-view .item .more a::before{ top: 50%; margin-top: -7px; left:15px; }
.ListPicText.list-view .item .more a:hover{ color: #fff; background-color: #232222; }
/* grid-view */
.ListPicText.grid-view .img{ margin-bottom: 5px; }
.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;
}
.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.list-view .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;
}
.ListPicText.list-view .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 .desc{ clear:none; }
/* grid-view 一律以兩欄顯示 */
.ListPicText.grid-view > div { display: flex; flex-wrap: wrap; }
.ListPicText.grid-view .item { width:50%; }
@media screen and (max-width: 767px) {
.ListPicText .title { font-size:1.125em; }
.ListPicText .info { font-size:0.938em; }
.ListPicText .desc { font-size:0.938em; }
/* list-view 一律以單欄顯示 */
.ListPicText.list-view .img { float:left; width:360px; max-width:50%; padding-right:15px; }
.ListPicText.list-view .title{
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 (min-width: 768px) {
.ListPicText .title { font-size:1.125em; }
.ListPicText .info { font-size:0.938em; }
.ListPicText .desc { font-size:0.938em; }
/* list-view 一律以單欄顯示 */
.ListPicText.list-view .img { float:left; width:360px; max-width:50%; padding-right:15px; }
}
/*----------------------------------------------------------------------*/
/* 內頁元素 */
.ToolBar { margin-bottom:10px; padding-left: 15px; padding-right: 15px; }
.ToolBar dl.font_size { float:left; }
.ToolBar dl.share { float:right;}
.ToolBar dl.font_size::after{ display:none;}
/* 標題 */
.PageTitle .searchBox { margin-top:13px; }
.PageTitle .searchBox > div { width:100%; }
.PageTitle .searchBox.pro_search > div { width:49%; margin-left:2%; }
.PageTitle .searchBox.pro_search > div:first-child { margin-left:0px; }
/* 導覽列(麵包屑) */
#Breadcrumbs ul{ margin-bottom:0; }
/* 頁碼 */
#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; }
/* colorbox */
#colorbox_thum a { width:200px; margin:10px; }
@media screen and (max-width: 767px) {
#colorbox_thum a{ width: 180px; }
}
/* 列表搜尋 */
.ListSearch .item{ margin-bottom: 10px; }
.ListSearch.FormElmt{ margin-bottom:15px; }
.ListSearch.FormElmt .item.text-box{ width: 100%; display: block; }
.ListSearch.FormElmt .item.text-box input[type="text"]{ width: 100%; }
.ListSearch.FormElmt .BtnCommon{ clear: both; display: block; text-align: left; }
@media screen and (max-width: 767px) {
.ListSearch .item{ display:block; margin-bottom:8px; float: none; margin-right: 0; }
.ListSearch .item:first-child + .item{ padding-left:0; }
.ListSearch .item label, .ListSearch .item::before{ display:none; }
.ListSearch .item span.label{ display:block; }
.ListSearch.FormElmt .item select{ width: 100%; }
.ListSearch.FormElmt .item.text{ width: 100%; clear: both; }
.ListSearch.FormElmt .BtnCommon{ clear: both; display: block; text-align: left; }
}
/* 編輯器 */
.editable_content blockquote { font-size:93.8%; }
.editable_content blockquote p{ font-size:106.3%; line-height:180%; }
h4.ext_title{ font-weight: 400; }
.editable_content h4{ font-size:1.375em; }
.editable_content h5{ font-size:1.25em; }
.editable_content h6{ font-size:1.125em; }
/*----------------------------------------------------------------------*/
/* 表單 */
.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { vertical-align:middle; }
.FormTable > tbody > tr:last-child > th, .FormTable > tbody > tr:last-child > td { border-bottom:none;}
.FormTable > tbody > tr > th { text-align:left; border-left: 2px solid #232222;
line-height: 130%; padding-left: 8px; margin-bottom: 5px;
}
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:last-child > th, table.FormTable > tbody > tr:last-child > td{
border-bottom:0;
}
table.FormTable > tbody > tr > td { padding:5px 0; }
.FormTableWrap{ padding-bottom: 15px; margin-bottom: 15px; }
/* 表單元件 */
.FormElmt .input_group > div { display:inline-block; white-space:nowrap; margin-right:12px; }
/*.FormElmt input + input, .FormElmt input + select, .FormElmt select + input, .FormElmt select + select { margin-left:4px; }*/
.input_table li { width:33.33%; }
/*表格*/
.editable_content table.table_style2 tr:nth-child(2n+3){ background-color:#fff;}
.editable_content table.table_style2 caption{ display:block;}
.editable_content .table_style2 > tbody > tr{border-bottom:1px solid #6e6e6e;}
.editable_content .table_style2 > tbody > tr > th{ white-space:normal; }
/* 按鈕 */
.BtnCommon.large input{ font-size:1.063em; }
/*----------------------------------------------------------------------*/
/* Btn Top */
.BtnTop{ bottom:100px; right:20px; }