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

/*----------------------------------------------------------------------*/
/*共用區塊*/

/* 動畫在一起 */
#Header .toolBox > ul > li > a, #Header .toolBox > ul > li > ul > li > a, #Menu .menu_list > li > ul > li > a,
#Menu .menu_list > li.product > ul > .menuProBox > li a, #Menu .menu_list .menuProBox .img, #Menu .menu_list > li > a,
#Menu .menu_list > li > a::before, #Footer .social a span, #Footer .toolBox a, .mediaPopupBox .close,
.indexBtn a, .indexNews .newsList .item .title a, .indexNews .newsList .item .more a, .BtnTop a, .BtnTop a::after,
.mediaBox .item .icon-play, #Breadcrumbs ul li a, .ArtistsWrap .title a, .artist_list .item .cont,
.ToolBar .colm_left a, .ArtistsWrap .form_btn a, .ArtistsWrap .form_btn a::before,
.ProContWrap .download_list .ext_list li a, .catalog_list .item .title, .input-file label, .input-file .icon-upload,
.catalog_list .icon-download, .catalog_list .item .img > div, .catalog_list .img::before, .FAQsWrap .helpBox .mail_btn a,
.SitemapList > ul > li > ul > li > a, .SitemapList > ul > li > ul > li > a::before, .SitemapList > ul > li > a::after,
.SitemapList > ul > li > a, .model_list .edit_btn .font_icon::before, .model_list .edit_btn a, 
.ArtistsWrap .social_icon .follow dd a::before, .ArtistsWrap .social_icon .follow dd a, #Header .toolBox .search_box button{  
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
}

/*----------------------------------------------------------------------*/
/* Header */
#Menu .menu_list > li > a:hover::before, #Menu .menu_list > li > a:focus::before{ width: 100%; left: 0; right: 0; }
#Header .toolBox > ul > li > a:hover, #Header .toolBox > ul > li > a:focus{ 
    color: #FFC627; 
}
#Header .toolBox > ul > li > ul > li > a:hover{ background-color: #FFC627; }
#Header { 
    width:100%;
    top:-100px; 
    transition: top .4s ease-out;  
    -webkit-transition: top .4s ease-out; 
    -moz-transition: top .4s ease-out; 
}

/* 浮動效果 */
/* .MenuFix #Header { opacity:1; position:fixed; top:0; left:0; width:100%; 
    box-shadow:0 2px 10px rgba(0,0,0,0.3); z-index:10009;
}
.MenuFix #Header > div{ height: 70px; }
.MenuFix #Header .logo{ width: 53px; height: 70px; }
.MenuFix #Header .toolBox > ul > li > a{ line-height: 30px; font-size: 0.875em; }
.MenuFix #Header .toolBox > ul > li > ul{ top: 30px; }
.MenuFix #Header .toolBox > ul > li > ul > li > a{ font-size: 0.875em; }
.MenuFix #Menu > div{ padding: 0px 3.3125rem 0 3.3125rem; }
.MenuFix #Menu .menu_list > li > a{ line-height: 40px; font-size: 1.063em; }
.MenuFix #Menu .menu_list > li > a::before{ top: 0; }
.MenuFix #Menu .menu_list > li > ul{ top: 40px; }
.MenuFix #Menu .menu_list > li.product > ul{ top: 70px; }

.MenuFix #Center{ margin-top: 110px; } */

#Header { position: fixed; left: 0; top: 0; width: 100%; z-index: 9990; }
#Wrap { padding-top: 110px; }

/*----------------------------------------------------------------------*/
/* Menu */
#Menu .menu_list > li > a:hover, #Menu .menu_list > li > a:focus{ color: #FFC627; }
#Menu .menu_list > li > ul > li > a:hover{ background-color: #FFC627; }
#Menu .menu_list .menuProBox .img:hover{ opacity: 0.8; }

/*----------------------------------------------------------------------*/
/* 行動裝置選單 */
/* RWD Menu */
#Wrap .Menubar, #Wrap .mobileMenu { display:none; }

/*----------------------------------------------------------------------*/
/* KeyVisual */
#KeyVisual .bx-wrapper .bx-controls-direction a { width:60px; height:60px; margin-top:-30px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev{ left: 15px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next{ right: 15px; }
#KeyVisual .bx-wrapper .bx-controls-direction a::after { width:20px; height:20px; margin-top:-10px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-prev::after { left:24px; }
#KeyVisual .bx-wrapper .bx-controls-direction .bx-next::after { right:24px; }

/*----------------------------------------------------------------------*/
/* Footer */
#Footer{ padding-top:40px; padding-bottom:30px; }

/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* 首頁內容 */
/*----------------------------------------------------------------------*/
/* 共用區塊 */
.indexTitle{ margin-bottom: 2.5rem; font-size: 2.1875em; }

@media screen and (max-width: 1500px) {
    .IndexBlock > div{ padding-left: 15px; padding-right: 15px; }
}

/*----------------------------------------------------------------------*/
/* products */
.indexProduct{ padding-top: 4.375rem; padding-bottom: 4.375rem; }

/*----------------------------------------------------------------------*/
/* products 公用區*/
.proList .item{ width: 23.75%; margin-right: 20px; margin-bottom: 20px; }
.proList .cont{ width: 100%; height: 100%; position: absolute; top: 0; left:0; 
    background-color: rgba(35,34,34,0.8);
}
.proList .cont .title{ color: #FFC627; font-size: 1.125em; background-color: #232222; 
   position: absolute; bottom: 0; left: 0; width: 100%; text-align: center;
   z-index: 99; height: 50px; line-height: 50px; padding: 0 5px; box-sizing: border-box;
   /* 顯示一排文字 */
   overflow:hidden; white-space: nowrap; text-overflow: ellipsis;
}
.proList .category{ box-sizing: border-box; display: table;
    padding: 10px 20px; width: 100%; height: calc(100% - 50px);
}
.proList .category > div{ display: table-cell; vertical-align: middle; }
.proList .category ul{ float: left; width: 33.33333%; }
.proList .category ul li{ color: #FFC627; padding: 5px; box-sizing: border-box; }

.proList .item:hover .img > div{ 
    transform: scale(1.05); 
    -webkit-transform: scale(1.05); 
    -moz-transform: scale(1.05); 
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
/* 顯示設定 */
.proList .item .cont{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.proList .cont{ opacity:0; visibility:hidden; }
.proList .item:hover .cont{ opacity:1; visibility:visible; }

@media screen and ( min-width: 1500px ){
    .proList .item:nth-child(4n+4){ margin-right: 0; }
}
@media screen and ( max-width: 1499px ){
    .proList > div{ max-width: 1100px; margin: auto; overflow:hidden; }
    .proList .item{ width: 342px;
        margin-left: 10px; margin-right: 10px; margin-bottom: 20px; 
    } 
}
@media screen and ( max-width: 1136px ){
    .proList > div{ max-width: 730px; }
}

/*----------------------------------------------------------------------*/
/* media (index) */
.indexMedia > div{ padding-top: 3.75rem; padding-bottom: 3.75rem; }
.indexMedia .mediaBox .icon-play{ width: 80px; height: 80px; line-height: 80px; margin-top: -40px; margin-left: -40px; }
.indexMedia .mediaBox .icon-play::before{ width: 70px; height: 70px; margin-left: -35px; margin-top: -35px; }

@media screen and ( min-width: 1500px ){
    .indexMedia .mediaBox{ margin-right: -20px; margin-left: -20px; }
    .indexMedia .mediaBox .item > a{ padding-left: 20px; padding-right: 20px; }
    .indexMedia .mediaBox .item .title{ width: calc(100% - 40px); font-size:1.25em; }
    .indexMedia .mediaBox .item .title span{ line-height: 28px; max-height: 56px; }
}
@media screen and ( max-width: 1499px ){
    .indexMedia .mediaBox{ margin-right: -10px; margin-left: -10px; }
    .indexMedia .mediaBox .item > a{ padding-left: 10px; padding-right: 10px; }
    .indexMedia .mediaBox .item .title{ width: calc(100% - 20px); font-size:1.125em; }
    .indexMedia .mediaBox .item .title span{ line-height: 26px; max-height: 52px; }
}

/*----------------------------------------------------------------------*/
/* media 公用區 */
.mediaBox .item .img > div{
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;  
}
.mediaBox .item:hover .img > div{ 
    transform: scale(1.05); 
    -webkit-transform: scale(1.05); 
    -moz-transform: scale(1.05); 
}
.mediaBox .item .title{ position: absolute; bottom: 0; color: #fff; 
    background-color: rgba(35,34,34,0.8); padding: 15px; 
}
.mediaBox .item .title span{ 
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 48px;
}
/* 顯示設定 */
.mediaBox .item .title{ opacity: 0; visibility: hidden;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;  
}
.mediaBox .item a:hover .title{ opacity: 1; visibility: visible; }

/* media popup */
.mediaPopupBox.popupBox > div{ width: 1060px; height:623px; }
.mediaPopupBox .video{ width: 100%; height: 100%; }

/*----------------------------------------------------------------------*/
/* news */
.indexNews > div{ padding-top: 3.75rem; padding-bottom: 3.75rem; }
.indexNews .newsList{ margin-left: -23px; margin-right: -23px; }
.indexNews .newsList .item > div{ padding-left:23px; padding-right: 23px; }
.indexNews .newsList .item{ float: left; width: 33.33333%; margin-bottom: 45px; }
.indexNews .newsList .item .img div{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}
.indexNews .newsList .item .img:hover div{
    opacity: 0.8;
    transform: scale(1.05); 
    -webkit-transform: scale(1.05); 
    -moz-transform: scale(1.05); 
}
.indexNews .newsList .item .title{ font-size: 1.25em; line-height: 150%; }
.indexNews .newsList .item .desc{ font-size: 1.125em; margin-bottom: 25px; 
    line-height: 28px;
    -webkit-line-clamp: 3;
    max-height: 84px;
}
.indexNews .newsList .item .info{ padding-top: 10px; padding-bottom: 10px; 
    border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; 
}
.indexNews .newsList .item .info::after{ content: ""; display: block; clear: both; }
.indexNews .newsList .item .date{ float: left; }
.indexNews .newsList .item .more{ float: right; }

@media screen and ( max-width: 1359px ){
    .indexNews .newsList{ margin-left: -15px; margin-right: -15px; }
    .indexNews .newsList .item > div{ padding-left:15px; padding-right: 15px; }
    .indexNews .newsList .item{ margin-bottom: 30px; }  
}

/*----------------------------------------------------------------------*/
/* social wall*/
.indexSW > div{ padding-top: 3.75rem; padding-bottom: 3.75rem; }
/*.indexSW .img{ 
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out; 
}
.indexSW .img:hover{ opacity: 0.8; }*/

@media screen and (max-width: 1199px) {
    .indexSW .item { float: left; width: 50%; padding: 0 1.5%; }
}
@media screen and (min-width: 1200px) {
    .indexSW .item { float: left; width: 25%; padding: 0 1.5%; }
}

/*----------------------------------------------------------------------*/
/* popup 彈出視窗 */
.popupBox > div{ width:70%; max-height: 90%; margin:auto; }
.popupBox > div{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.popupBox .close { position:absolute; top:8px; right:8px; }

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

.PageTitle, #Breadcrumbs, .articleTitle, .postdate, .ToolBar, .editable_content, 
.post_info, .inPagination, .ListTable, .ListPicText, .content_info, .ProListWrap, .ListSearch,
.ProContWrap, .ArtistsWrap, .ArtistsFormWrap, .MediaWrap, .CatalogListWrap, .FAQsWrap, .LocateUsForm,
.SitemapList, .social_icon, .search_wrap{ 
    max-width: 1280px; margin: auto;
} 
@media screen and (max-width: 1499px){
  .PageTitle, #Breadcrumbs, .articleTitle, .postdate, .ToolBar, .editable_content, 
  .post_info, .inPagination, .ListTable, .ListPicText, .content_info, .ProListWrap, .ListSearch,
  .ProContWrap, .ArtistsWrap, .ArtistsFormWrap, .MediaWrap, .CatalogListWrap, .FAQsWrap, .LocateUsForm,
  .SitemapList, .social_icon, .search_wrap{ 
    padding-left: 20px; padding-right: 20px;
   }
}

/* 標題 */
.ContentHeader{ margin-bottom: 35px; }
.PageTitle h2 { font-size: 2.1875em; }

/* 文章內容 */
h3.articleTitle span{ font-size: 1.872em; line-height: 160%; }

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

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

/* 工具列 */
#Content .ToolBar{ margin-bottom:8px; }

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

/* 商品列表-第二層 */
.ProListWrap .proList2 .item{ width: 25%; }
.ProListWrap .proList2 .cont{ background-color: rgba(35,34,34,0.8); 
    position: absolute; z-index: 99; top: 0; display: table; text-align: center; 
}
.ProListWrap .proList2 .cont > div{ display: table-cell; vertical-align: middle; 
    padding-left: 10px; padding-right: 10px; color: #fff; 
}
.ProListWrap .proList2 .title{ font-size: 1.25em; margin-bottom: 10px; }
.ProListWrap .proList2 .desc{ margin-bottom: 10px; line-height: 150%; }

/* 顯示設定 */
.ProListWrap .proList2 .cont{ 
    opacity:0; visibility:hidden; 
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}
.ProListWrap .proList2 .item .img > div{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}
.ProListWrap .proList2 .item a:hover .cont{ opacity:1; visibility:visible; }
.ProListWrap .proList2 .item:hover .img > div{ transform: scale(1.05); }

@media screen and (min-width: 1280px){
    .ProListWrap .proList2{ margin-left: -20px; margin-right: -20px; }
    .ProListWrap .proList2 .item{ padding-left: 20px; padding-right: 20px; margin-bottom: 40px; }
    .ProListWrap .proList2 .img{ padding: 20px; }
    .ProListWrap .proList2 .img > div{ height: 400px; }
    .ProListWrap .proList2 .cont{ width: calc(100% - 80px); height: 400px; padding: 20px; }
}
@media screen and (max-width: 1279px){
    .ProListWrap .proList2{ margin-left: -15px; margin-right: -15px; }
    .ProListWrap .proList2 .item{ padding-left: 15px; padding-right: 15px; margin-bottom: 30px; }
    .ProListWrap .proList2 .img{ padding: 20px;  }
    .ProListWrap .proList2 .img > div{ height: 320px; }
    .ProListWrap .proList2 .cont{ width: calc(100% - 70px); height: 320px; padding: 20px;  }
    .ProListWrap .proList2 .desc{ font-size: 0.938em; }
}

/*----------------------------------------------------------------------*/
/* 商品內容頁 */
.ProContWrap{ margin-bottom: 20px; }
.ProContWrap .show_proPopup{ cursor: pointer; }
.ProContWrap .InfoBlock .col-left{ float:left; width:50%; }
.ProContWrap .InfoBlock .col-right{ float:right; width:50%; }
.ProContWrap .InfoBlock .slick-slide{ padding: 20px 30px; }
.ProContWrap .InfoBlock .slider-for{ width:100%; }

/* 說明區塊 */
.ProContWrap .descBox .cont{ padding-top: 10px; padding-bottom: 10px; }
.ProContWrap .descBox .item .tt{ font-size: 1.375em; }
.ProContWrap .descBox .item .text{ font-size: 1.125em; line-height: 150%; }
.ProContWrap .download_list .ext_list li a:hover{ color: #232222; }

@media screen and ( min-width: 1280px ){
    .ProContWrap .pro_title{ font-size: 1.875em; line-height: 130%; }
    .ProContWrap .pro_subtitle{ font-size: 1.25em; }
    .ProContWrap .InfoBlock .col-left{ padding-right: 30px; }
    .ProContWrap .InfoBlock .col-right{ padding-left: 30px; }
    .ProContWrap .InfoBlock .slider-for{ height:500px; }
    .ProContWrap .InfoBlock .slider-nav .slick-slide{ height:165px; }
}
@media screen and ( max-width: 1279px ){
    .ProContWrap .pro_title{ font-size: 1.5em; line-height: 130%; }
    .ProContWrap .pro_subtitle{ font-size: 1.188em; }
    .ProContWrap .InfoBlock .col-left{ padding-right: 15px; }
    .ProContWrap .InfoBlock .col-right{ padding-left: 15px; }
    .ProContWrap .InfoBlock .slider-for{ height:400px; }
    .ProContWrap .InfoBlock .slider-nav .slick-slide{ height:130px; }
}

/* 商品彈出視窗 */
.proPopupBox{ display: block; }
.proPopupBox.popupBox{ overflow: visible; overflow-y: visible; }
.proPopupBox.popupBox > div{ width: 100%; max-width: 80%; height: 100%; max-height:90%; 
    overflow: visible; overflow-y: visible; padding: 20px 45px 30px 45px; box-sizing: border-box;
}
.proPopupBox .proCont{ overflow: visible; overflow-y: visible; height: 100%; }
.proPopupBox .proCont .imgBox{ height: 100%; }
.proPopupBox .proCont .slider-for{ width:100%; }
.proPopupBox .proCont .slider-for{ height:calc(100% - 120px); }
.proPopupBox .proCont .slider-nav{ padding: 0 60px; position: absolute; bottom: 10px; width: calc(100% - 105px); }
.proPopupBox .proCont .slider-nav .slick-slide{ height:120px; }

/*----------------------------------------------------------------------*/
/* 商品搜尋結果頁 */
.ProListWrap .proList2.pro_search_result .title{ text-align: center; }
.ProListWrap .proList2.pro_search_result .more{ display: none; }
.ProListWrap .proList2.pro_search_result .cont{ position: inherit; top: inherit; display: block; 
    opacity:1; visibility:inherit; background-color: #fff; box-sizing: border-box;
    width: 100%; height: auto; text-align: center;
}
.ProListWrap .proList2.pro_search_result .cont > div{ display: block; padding: 0; }
.ProListWrap .proList2.pro_search_result .title{ color: #232222; padding:10px 5px; }
.ProListWrap .proList2.pro_search_result .item a .cont, .ProListWrap .proList2.pro_search_result .item a .title{
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out; 
}
.ProListWrap .proList2.pro_search_result .item a:hover .cont{ visibility:inherit; }
.ProListWrap .proList2.pro_search_result .item a:hover .title{ /*background-color: rgba(35,34,34,1);*/ color: #FFC627; }

/*----------------------------------------------------------------------*/
/* 藝人列表 */
.ArtistsWrap { position: relative;}
.ArtistsWrap .title{ font-size: 2.1875em; }
.ArtistsWrap .form_btn{ position: absolute; top: 0; right: 0; font-size: 1.125em; }
.ArtistsWrap .form_btn a{ display: block; position: relative; padding-bottom: 5px; }
.ArtistsWrap .form_btn a::before{ content: ""; display: block; width: 0; height: 1px; 
    position: absolute; bottom:0; left:0; background-color: #fff;
}
.ArtistsWrap .form_btn a:hover{ padding-left: 2px; padding-right: 2px; }
.ArtistsWrap .form_btn a:hover::before{ background-color: #FFC627; width: 100%; right: 0; }
/*.ArtistsWrap .form_btn .icon-arrow{ opacity:0; visibility:hidden; 
   position: relative; left:-5px; 
}*/
.artist_list{ margin-left: -25px; margin-right: -25px; }
.artist_list .item{ width: 33.333333%; padding-left: 25px; padding-right: 25px; 
    margin-top: 25px; margin-bottom: 25px;
}
.artist_list .item .cont{ padding: 15px 10px; }
.artist_list .item .tt{ font-size: 1.5em; }
.artist_list .item .subtt{ font-size: 1.125em; }
.artist_list .item:hover .cont{ background-color: #232222; }
.artist_list .item:hover .tt{ color: rgba(255,255,255,0.9); }
.artist_list .item:hover .subtt{ color: rgba(255,255,255,0.6); }

/* 顯示設定 */
.artist_list .item .img > div, .ArtistsWrap .form_btn .icon-arrow{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}
.artist_list .item a:hover .img > div{
    transform: scale(1.05);     
}
/*.ArtistsWrap .form_btn a:hover .icon-arrow{ opacity:1; visibility:visible; left:5px; }*/

@media screen and (max-width: 1499px) {
    .artist_list{ margin-left: 0; margin-right: 0; }
    .artist_list .item{ padding-left: 20px; padding-right: 20px; 
        margin-top: 20px; margin-bottom: 20px;
    }
    .artist_list .item .subtt{ font-size: 1em; }
}

/*----------------------------------------------------------------------*/
/* 藝人內容 */
.artist_title{ margin-bottom: 20px; }
.artist_title h3{ font-size: 2em; }
.artist_title .subtitle{ font-size: 1.25em; }

.artist_pic{ padding-bottom: 20px; padding-top: 20px; margin-bottom: 10px; }
.artist_cont h3{ font-size: 1.75em; }
.artist_cont .pro_gear_list{ margin-left: -15px; margin-right: -15px; }
.artist_cont .pro_gear_list .item{ width: 25%; 
    padding-left: 15px; padding-right: 15px; margin-bottom: 30px;
}
.artist_cont .pro_gear_list .tt{ font-size: 1.125em;
    width: 100%; color: #FFC627; padding: 15px 10px; 
    background-color: rgba(35,34,34,0.8); box-sizing: border-box; 
    position: absolute; bottom: 0; left: 0;
}

.ArtistsWrap .mediaBox{ margin-left: -12px; margin-right: -12px; }
.ArtistsWrap .mediaBox .item { width: 33.333333%; margin-bottom: 24px;
    padding-left: 12px; padding-right: 12px; 
}
.ArtistsWrap .mediaBox .title{ font-size: 1em; padding: 8px 15px; }
.ArtistsWrap .mediaBox .icon-play{ width: 50px; height: 50px; line-height: 50px; 
    margin-top: -25px; margin-left: -25px;
}
.ArtistsWrap .mediaBox .icon-play::before{ width: 42px; height: 42px; 
    margin-left: -21px; margin-top: -21px; 
}

/* 顯示設定 */
.artist_cont .pro_gear_list .tt{ 
    opacity:0; visibility:hidden; 
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}
.artist_cont .pro_gear_list .item .img > div{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}
.artist_cont .pro_gear_list .item a:hover .img > div{ transform: scale(1.05); }
.artist_cont .pro_gear_list .item a:hover .tt{ opacity:1; visibility:visible; }

@media screen and ( max-width: 1279px ){
    .artist_pic .img{ padding-left: 20px; padding-right: 20px; }
    .artist_cont .pro_gear_list{ margin-left: 0; margin-right: 0; }
}

/*----------------------------------------------------------------------*/
/* 藝人表單 */
.artistForm .FormGroup{ padding: 30px 40px; margin-bottom: 30px; }
.artistForm .FormTableWrap .title{ font-size: 1.75em; margin-bottom: 20px; }

.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: 1279px) {
    .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; }
    .model_list .edit_btn a:hover{ background-color: #FFC627; }
    .model_list .edit_btn a:hover .text{ color: #232222; }
    .model_list .edit_btn a:hover .font_icon::before{ color: #232222; }
}
@media screen and (min-width: 1280px) {
    .model_list .item_box, .model_list .edit_btn{ float: left; }
    .model_list .edit_btn{ padding-top: 25px; }
    .model_list .edit_btn .text{ display: none; }
    .model_list .edit_btn > a{ font-size: 1.125em; padding-right: 8px; padding-left: 8px; }
    .model_list .edit_btn a:hover .font_icon::before{ color:#FFC627; }
}

/*----------------------------------------------------------------------*/
/* media 影音專區 */
.MediaWrap .mediaBox .item{ width: 33.33333%; margin-bottom: 40px; }
.MediaWrap .mediaBox .icon-play{ width: 54px; height: 54px; line-height: 54px; margin-top: -27px; margin-left: -27px; }
.MediaWrap .mediaBox .icon-play::before{ width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; }
.MediaWrap .mediaBox .item .title{ padding:8px 10px; box-sizing: border-box; }

@media screen and ( min-width: 1500px ){
    .MediaWrap .mediaBox{ margin-right: -20px; margin-left: -20px; }
    .MediaWrap .mediaBox .item > a{ padding-left: 20px; padding-right: 20px; }
    .MediaWrap .mediaBox .item .title{ width: calc(100% - 40px) }
}
@media screen and ( max-width: 1499px ){
    .MediaWrap .mediaBox{ margin-right: -10px; margin-left: -10px; }
    .MediaWrap .mediaBox .item > a{ padding-left: 10px; padding-right: 10px; }
    .MediaWrap .mediaBox .item .title{ width: calc(100% - 20px) }
}

/*----------------------------------------------------------------------*/
/* Catalog列表 */
.catalog_list{ padding-bottom: 20px; }
.catalog_list .item{ width: 25%; }
.catalog_list .item .title{ font-size: 1.125em; } 

/* 顯示效果 */
.catalog_list .icon-download{ opacity: 0; visibility: hidden; margin-top:-40px; }
.catalog_list .item:hover .img::before{ background-color: rgba(0,0,0,0.3); }
.catalog_list .item:hover .img > div{ 
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}
.catalog_list .item:hover .icon-download{ opacity: 1; visibility: visible; margin-top: -25px; }

@media screen and ( min-width: 1500px ){
    .catalog_list{ margin-left: -20px; margin-right: -20px; }
    .catalog_list .item{ margin-bottom: 40px; } 
    .catalog_list .item a{ padding-left: 20px; padding-right: 20px; }
}
@media screen and ( max-width: 1499px ){
    .catalog_list{ margin-left: -15px; margin-right: -15px; }
    .catalog_list .item{ margin-bottom: 30px; } 
    .catalog_list .item a{ padding-left: 15px; padding-right: 15px; }
}

/*----------------------------------------------------------------------*/
/* FAQs 問與答 */
.faqsBox .top_block .title{ font-size: 1.25em; }
.faqsBox .cont_block{ padding: 15px 4em 15px 4em; }
.faqsBox .cont_block .desc{ padding-left: 3.75em; }
.FAQsWrap .BoxOuter{ margin-bottom: 30px; }
.FAQsWrap .helpBox .title{ font-size: 2.1875em; margin-bottom: 20px; }
.FAQsWrap .helpBox .mail_btn a{ line-height: 60px; font-size: 1.375em; padding: 0 30px; }

@media screen and ( min-width: 1500px ){
    .faqsBox .faqTitle{ font-size: 1.75em; }
    .faqsBox .top_block .title{ font-size: 1.25em; } 
    .faqsBox .cont_block .editable_content { font-size: 1.125rem; }
}
@media screen and ( max-width: 1499px ){
    .faqsBox .faqTitle{ font-size: 1.5em; }
    .faqsBox .cont_block .editable_content{ padding-left: 0; padding-right: 0; }
    .faqsBox .top_block .title{ font-size: 1.188em; } 
    .faqsBox .cont_block .editable_content { font-size: 1.063rem; }
}

/*----------------------------------------------------------------------*/
/* LOCATE US 聯絡我們 */
.LocateUsWrap .editable_content .locate_title{ font-size: 1.75em; }
.LocateUsForm .formBox{ padding: 30px 40px; }
.LocateUsForm .block.left { float:left; width:50%; padding-right:20px; }
.LocateUsForm .block.right { float:right; width:50%; padding-left:20px; }
.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.75em; }
.dealer_search{ padding-top: 15px; padding-bottom: 15px; }
#dealer_map { height:65vh; }
.dealer_list { display:none; }

/*----------------------------------------------------------------------*/
/* Sitemap */
.SitemapList > ul > li{ width: 33.33333%; padding: 15px; }
.SitemapList > ul > li > a{ font-size: 1.5em; }
.SitemapList > ul > li > ul > li > a{ font-size: 1.063em; color: #777; }

/* hover */
.SitemapList > ul > li > a:hover{ background-color: #FFC627; color: #232222; }
.SitemapList > ul > li > ul > li > a:hover::before{ left: 22px; }
.SitemapList > ul > li > ul > li > a:hover{ color: #232222; padding-left: 35px; }

/*----------------------------------------------------------------------*/
/* 搜尋結果 */
.SearchResult .desc, .SearchResult .cat, .SearchResult .cat a{ font-size:0.938em; }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable{ margin-bottom:50px;}
.ListTable table th { padding:10px 15px; white-space:nowrap; color:#333; 
    background: #eee url(../images/table_th_divide.png) no-repeat 0 center;
    border-bottom: 2px solid #232222;
}  
.ListTable table tr th:first-child { background-image:none; }
.ListTable table td { padding:13px 15px; vertical-align:middle; border-bottom:1px solid #dddddd; }
.ListTable table tr:nth-child(odd) { background-color:#fff; }
.ListTable table tr:nth-child(even) { background-color:transparent; }

.ListTable table th.date{width:105px;}
.ListTable table th.cat{ width:120px; }
.ListTable table th.type{ width:120px;}
.ListTable table th.no{width: 30px;}
.ListTable table td.number{ width:90px; color:#444;}
.ListTable table td.date{ width:105px; white-space:nowrap; text-align:center; font-size: 0.938em; }
.ListTable table td.type{ width:120px; color:#000;}
.ListTable table td.no{ 
    width: 30px;
    white-space: nowrap;
    color: #a3a3a3;
}
.ListTable .p-date span{ display:inline-block;}
.ListTable .sign-up a{ background-color:#90c4c9; width:60px; height:30px; line-height:30px; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.ListTable .sign-up a:hover{ background-color:#35a3b0; }
.ListTable table td.download { width:200px; text-align:left; padding:13px 25px;}
.ListTable table td.download li { padding-bottom:8px; }
.ListTable table td.download li a:hover { opacity:0.7; }
.ListTable table th.number{ width:10%; }
.ListTable td.download a.file_ext{ width: 20px; height: 20px; line-height: 20px; }
    
@media screen and (max-width: 1179px){
	.ListTable table td { padding:13px;}
}

/*----------------------------------------------------------------------*/
/* 圖文列表 */
.ListPicText > div { margin-left:-22px; margin-right:-22px; }
.ListPicText .item { padding-left:22px; padding-right:22px; margin-bottom:30px; }

/* list-view */
.ListPicText.list-view .img { float:left; width:320px; max-width:50%; }
.ListPicText.list-view .btn a{ padding-right:0;  }

/* grid-view */
.ListPicText.grid-view .desc{ 
    /* 限制行數 */
    line-height:1.75em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
    max-height:7em;
}
.ListPicText.grid-view .img{ margin-bottom: 5px;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}
.ListPicText.grid-view .item .info{ padding-top: 10px; padding-bottom: 10px; 
    border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; 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; }

/* hover效果 */
.ListPicText .item .img a > div{ 
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.ListPicText .item .more a, .ListPicText .title a{
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.ListPicText .item .img:hover a > div{ opacity: 0.8;
    -webkit-transform:scale(1.05); 
    -moz-transform:scale(1.05); 
    transform:scale(1.05); 
}

/* 單欄 */
.ListPicText.list-view.single .item { padding-bottom:20px; margin-bottom:20px; border-bottom: 1px solid #ddd; }
.ListPicText.list-view.single .img { margin-right:20px; }
.ListPicText.list-view.single.staggered .item:nth-child(2n+2) .img { float:right;  padding-left:20px; }
.ListPicText.list-view.single.staggered .item:nth-child(2n+2) .cont .btn { left:15px; right:auto; }
.ListPicText.single .title { font-size:1.75em; }
.ListPicText.single .date { font-size:1em; }
.ListPicText.single .desc { font-size:1.125em; margin-bottom: 15px;
    /* 限制行數 */
    overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient: vertical; 
    max-height:4.5em; line-height:1.5em; -webkit-line-clamp:3; 
}
.ListPicText.list-view.single .item .info { position: inherit; }
.ListPicText.list-view.single .item .info .more{ position: absolute; bottom: 0; right: 0; font-size: 1.25em; }
.ListPicText.list-view.single.staggered .item:nth-child(2n+2) .img{ margin-right: 0; }
.ListPicText.list-view.single.staggered .item:nth-child(2n+2) .info .more{ right: inherit; left: 0; }

/* 兩欄 */
.ListPicText.bisection > div { display: flex; flex-wrap: wrap; }
.ListPicText.bisection .item { width:50%; }
.ListPicText.bisection .title { font-size:1.625em; }
.ListPicText.bisection .date { font-size:1em; }
.ListPicText.bisection .desc { font-size:1.125em; 
    /* 限制行數 */
    overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient: vertical; 
    max-height:4.5em; line-height:1.5em; -webkit-line-clamp:3; 
}
.ListPicText.grid-view.bisection .item .info{ font-size: 1.125em; }
.ListPicText.list-view.bisection .item{ margin-bottom:0; padding: 20px; }
.ListPicText.list-view.bisection .img { padding:0; margin-right: 15px; margin-bottom: 15px; }
.ListPicText.list-view.bisection .cont { padding:0; }
.ListPicText.list-view.bisection .title{ font-size: 1.5em; }
.ListPicText.list-view.bisection .title a{ max-height:2.6em; line-height:1.3em; }
.ListPicText.list-view.bisection .desc{ max-height:6em; line-height:1.5em; -webkit-line-clamp:4; }
.ListPicText.list-view.bisection .info{ clear: both; position: relative; font-size: 1.125em;
    border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 6px 0; overflow: hidden;
}
.ListPicText.list-view.bisection .info::after{ content: ""; display: block; clear: both; }
.ListPicText.list-view.bisection .info .date{ float: left; }
.ListPicText.list-view.bisection .info .more{ float: right; }

/* 三欄 */
.ListPicText.trisection > div { display: flex; flex-wrap: wrap; }
.ListPicText.trisection .item { width:33.3333%; }
.ListPicText.trisection .desc{ clear:both; }
.ListPicText.trisection .title { font-size:1.25em; }
.ListPicText.trisection .date { font-size:1em; }
.ListPicText.trisection .desc { font-size:1.125em; 
    /* 限制行數 */
    overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient: vertical;
    margin-bottom: 25px; line-height: 1.5em; -webkit-line-clamp: 3; max-height: 4.5em;
}
.ListPicText.list-view.trisection .item{ margin-bottom: 30px; }
.ListPicText.list-view.trisection .title{font-size: 1.25em;}
.ListPicText.list-view.trisection .img { margin-right: 10px; margin-bottom: 10px; }
.ListPicText.list-view.trisection .desc{ font-size: 1em; }
.ListPicText.list-view.trisection .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.trisection .info::after{ content: ""; display: block; clear: both; }
.ListPicText.list-view.trisection .info .date{ float: left; }
.ListPicText.list-view.trisection .info .more{ float: right; }

/* 四欄 */
.ListPicText.quarters > div { display: flex; flex-wrap: wrap; }
.ListPicText.quarters .item { width:25%; }
.ListPicText.quarters .title { font-size:1.125em; }
.ListPicText.quarters .date { font-size:0.938em; }
.ListPicText.quarters .desc { font-size:1em; line-height:1.5em; max-height:4.5em; }
.ListPicText.list-view.quarters .item{ padding-left:12px; padding-right:12px; }
.ListPicText.list-view.quarters .img { float:none; width:100%; max-width:100%; margin-bottom: 5px; }
.ListPicText.list-view.quarters .title{ font-size: 1.25em; }
.ListPicText.list-view.quarters .desc { 
    /* 限制行數 */
    overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;
    -webkit-line-clamp:3; line-height:1.5em; max-height:4.5em;    
}
.ListPicText.list-view.quarters .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.quarters .info::after{ content: ""; display: block; clear: both; }
.ListPicText.list-view.quarters .info .date{ float: left; }
.ListPicText.list-view.quarters .info .more{ float: right; }

@media screen and (max-width: 1280px) {
    .ListPicText{ padding-left: 30px; padding-right: 30px; }
    .ListPicText .item{ padding-left: 20px; padding-right: 20px; }
    .ListPicText.bisection .title { font-size:1.5em; }
}

/*----------------------------------------------------------------------*/
/* 表單 */
.FormTable > tbody > tr > th, .FormTable > tbody > tr > td { vertical-align:middle; }
.FormTable > tbody > tr > th { width:125px; padding: 0px 5px 10px 0; text-align:right;}
.FormTable > tbody > tr > th:empty::after { display:none; }
.FormTable > tbody > tr > td { padding: 5px 10px; }

/*table.FormTable > tbody > tr > th{ padding-top: 8px; box-sizing: border-box; }	*/
table.FormTable > tbody > tr > th, table.FormTable > tbody > tr > td { 
    vertical-align:middle; box-sizing: border-box; 
}
table.FormTable > tbody > tr:last-child > th, table.FormTable > tbody > tr:last-child > td{ 
    border-bottom:0; 
}
table.FormTable > tbody > tr > th { width:250px; line-height: 140%; text-align:right; font-size: 1.125em; }
table.FormTable > tbody > tr > td { padding:0 5px 5px 10px; }
table.FormTable > tbody > tr .va-top{ vertical-align: top; }
table.FormTable > tbody > tr .va-mid{ vertical-align: middle; }
table.FormTable > tbody > tr .va-bottom{ vertical-align: bottom; }

/* 表單元件 */
.FormElmt .input_group > div { display:inline-block; white-space:nowrap; margin-right:12px; padding-bottom: 3px;}

/*----------------------------------------------------------------------*/
/* 表單群組 */
.FormTableWrap{ box-sizing: border-box; padding-bottom: 30px; margin-bottom: 30px; }

@media screen and (min-width: 1500px) {
    .FormTableWrap{ padding-left: 3.75em; padding-right: 3.75em; }
}

/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 工具列 */
.ToolBar .colm_right { float:right; }
.ToolBar dl.font_size { float:left; }
.ToolBar dl.share { float:left; padding-left:8px; }

/* 列表搜尋 */
.ListSearch .item{ margin-bottom: 10px; }
.ListSearch .BtnCommon { position:absolute; right:20px; bottom:25px; }
.ListSearch .BtnCommon input { line-height:30px; }
.ListSearch .item span.label{ position:relative;}
.ListSearch .item span.label, .ListSearch .item span.cont{ display:inline-block;}

/* 分類下拉 */
.CatTitle h3 { float:left; }
.CatTitle .cat_select { float:right; }

/* 頁碼 */
#Pagination{ margin-top:3rem; margin-bottom:10px; }
#Pagination .current { display:none; }
#Pagination a.first:hover::before, #Pagination a.first:hover::after, #Pagination a.last:hover::before, #Pagination a.last:hover::after,
#Pagination a.first:focus::before, #Pagination a.first:focus::after, #Pagination a.last:focus::before, #Pagination a.last:focus::after,
#Pagination a.prev:hover::before, #Pagination a.next:hover::before,
#Pagination a.prev:focus::before, #Pagination a.next:focus::before { 
    border-color:#FFC627; 
}

/* colorbox */
#colorbox_thum{ margin-top: 20px; }
#colorbox_thum a { width:220px; margin: 12px; }

@media screen and (min-width: 1500px) {
    #colorbox_thum a{ margin: 0 24px 24px 0; }
    #colorbox_thum a:nth-child(6n+6){ margin-right:0; }
}

/*----------------------------------------------------------------------*/
/* 編輯器 */
#Content > .editable_content.content{ margin-bottom:15px; }
.editable_content{ font-size: 1.063em; }

/*----------------------------------------------------------------------*/
/* 按鈕 */
.BtnCommon.mid div[class] a, .BtnCommon.mid div[class] input { padding-left:56px; padding-right:30px; }
.BtnCommon.mid div[class] span::before { left:30px; }

/*----------------------------------------------------------------------*/
/* Btn Top */
.BtnTop a:hover{ background-color:#FFC627; }    
.BtnTop a:hover::after{ border-top:2px solid #232222; border-left:2px solid #232222; }