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

/*----------------------------------------------------------------------*/
/* 內頁 */

/*----------------------------------------------------------------------*/
/* 標題 */
.ContentHeader{ width: 100%; height: 220px; display: table; 
    background-repeat: no-repeat; background-size: cover; background-position: center center; 
}
.ContentHeader > div{ display: table-cell; vertical-align: middle; }
.PageTitle h2{ text-align: center; text-transform: uppercase; color: #fff; }

/*----------------------------------------------------------------------*/
/* Products */
.proList > div{ display: flex; -webkit-display: flex; flex-wrap: wrap; }
/* 商品列表-第二層 */
.ProListWrap .proList2 > div { display: flex; flex-wrap: wrap; }
.ProListWrap .proList2 .item{ position: relative; box-sizing: border-box; }
.ProListWrap .proList2 .item a{ display: block; width: 100%; height: 100%; }
.ProListWrap .proList2 .img{ background-color: #f0f0f0; overflow: hidden; }
.ProListWrap .proList2 .img > div{ background-size: contain; 
    background-position: center center; background-repeat:no-repeat;
}
.ProListWrap .proList2 .title{ letter-spacing: 0.08em; }
.ProListWrap .proList2 .more span{ display: inline-block; font-size: 0.875em;
    border: 1px solid rgba(255,255,255,0.5); color: #cbcbcb; 
    width: 90px; line-height: 40px; text-transform: uppercase;
}

/*----------------------------------------------------------------------*/
/* 商品內容頁 */
.ProContWrap { margin-bottom:50px; position:relative; margin-top:15px; }
.ProContWrap::after { content:''; display:block; clear:both; }
.ProContWrap .InfoBlock .slider-for{ background-color: #fff; margin-bottom: 10px; margin: 0 auto; }
.ProContWrap .InfoBlock .slider-for .slick-slide:focus{ outline: 0; }
.ProContWrap .InfoBlock .slider-nav .slick-slide{ border: 1px solid #f0f0f0; }
.ProContWrap .InfoBlock .slider-nav .slick-slide.slick-current{ 
   border: 1px solid rgba(35,34,34,0.5); background-color: #fff;
}
.ProContWrap .InfoBlock { box-sizing:border-box; }
.ProContWrap .InfoBlock .col-left, .ProContWrap .InfoBlock .col-right{
    box-sizing: border-box;
}
.ProContWrap .InfoBlock img { max-width:100%; max-height:100%; margin:auto; }
.ProContWrap .InfoBlock .slider-for { width:100%; margin-bottom: 10px; 
    box-sizing:border-box; overflow:hidden; background-color: #f0f0f0;
}
.ProContWrap .InfoBlock .slider-for span, .ProContWrap .InfoBlock .slider-nav span{ 
    display: inline-block; height: 100%; 
}
.ProContWrap .slick-dots{ display: none; }

/* 先隱藏第2個以後的圖片,loading完後再顯示全部 */
.ProContWrap .InfoBlock .slider-for > div:nth-child(1n+2) { opacity:0; }
.ProContWrap .InfoBlock .slick-slide { box-sizing:border-box; vertical-align:middle; text-align:center; }
.ProContWrap .InfoBlock .slick-slide > * { vertical-align:middle; }

/*下方小圖示導覽*/
.ProContWrap .InfoBlock .slider-nav { position:relative; /*overflow:hidden;*/ clear:both; }
    /* 先隱藏縮圖,loading完後再顯示 */
    .ProContWrap .InfoBlock .slider-nav { height:0; opacity:0; margin:0; padding: 0 40px; }
    .ProContWrap .InfoBlock .slider-nav.slick-slider { height:auto; opacity:1; }
.ProContWrap .InfoBlock .slider-nav .slick-slide { width:25%; 
    margin: 8px; box-sizing:border-box; cursor:pointer; 
    padding: 10px; background-color: #f0f0f0;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.ProContWrap .InfoBlock .slider-nav .slick-slide:hover, .recommendBlock .img .slider-nav .slick-slide:focus{ 
    opacity: 1; 
}
.ProContWrap .InfoBlock .slider-nav .slick-slide:focus{ outline: none; }
.ProContWrap .InfoBlock .slider-nav .slick-arrow { 
    position:absolute; top:50%; width:40px; height:40px; background-color:transparent; text-indent:-10000px; 
    border:0; cursor:pointer; z-index:2; margin-top: -20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    }
    .ProContWrap .InfoBlock .slider-nav .slick-arrow.slick-disabled { opacity:0; cursor:default; }
    .ProContWrap .InfoBlock .slider-nav .slick-prev { left:0; }
    .ProContWrap .InfoBlock .slider-nav .slick-next { right:0; }
    .ProContWrap .InfoBlock .slider-nav .slick-arrow:focus { outline:0; }
    .ProContWrap .InfoBlock .slider-nav .slick-arrow::after { display:inline-block;    
        content:''; position:absolute; top:50%; margin-top:-7px; width:14px; height:14px; 
        border-top:2px solid #232222; border-left:2px solid #232222; 
    }
    .ProContWrap .InfoBlock .slider-nav .slick-prev::after { 
        left:15px; 
        -webkit-transform: rotate(-45deg); 
        -moz-transform: rotate(-45deg); 
        transform: rotate(-45deg); 
    }
    .ProContWrap .InfoBlock .slider-nav .slick-next::after { 
        right:15px; 
        -webkit-transform: rotate(135deg); 
        -moz-transform: rotate(135deg); 
        transform: rotate(135deg); 
    }
    .ProContWrap .InfoBlock .slider-nav .slick-arrow:hover::after{ border-color: #FFC627; }

/* 說明區塊 */
.ProContWrap .titleBox{ border-bottom: 1px solid #232222; padding-bottom: 10px;}
.ProContWrap .titleBox > *{ vertical-align: middle; }
.ProContWrap .pro_title{ color: #232222; font-weight: 400; display: inline;
    font-family: 'HelveticaNeue','Helvetica', 'Arial', sans-serif;
}
.ProContWrap .pro_subtitle{ display: inline-block; color: #232222; padding: 5px 15px; 
    box-sizing: border-box; margin-right: 5px; background-color: #f1f1f1;
}
.ProContWrap .descBox { position: relative; box-sizing:border-box; }
.ProContWrap .descBox .item{ margin-bottom: 20px; }
.ProContWrap .descBox .item .tt{ color: #232222; margin-bottom: 10px; }
.ProContWrap .descBox .item .text{ color: #7f7f7f; }
.ProContWrap .descBox .txt_list li{ margin-bottom: 4px; position: relative; padding-left: 10px; }
.ProContWrap .descBox .txt_list li::before{ content: "-"; position: absolute; top: 0; left: 0; }
.ProContWrap .descBox .media_list{ margin-left: -8px; margin-right: -8px; overflow: hidden; }
.ProContWrap .descBox .media_list li{ float: left; width: 33.33333%; position: relative;
    padding-left: 8px; padding-right: 8px; margin-bottom: 15px; box-sizing: border-box;
}
.ProContWrap .descBox .media_list a{ display: block; width: 100%; height: 100%; }
.ProContWrap .descBox .media_list .img{ overflow: hidden; background-color: #232222; }
.ProContWrap .descBox .media_list .img > div{
    background-position: center center;
    padding-bottom: 56.36363636%; 
    background-size: cover; background-repeat:no-repeat;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
}
.ProContWrap .descBox .media_list .icon-play{ position: absolute; z-index: 998;
    background-color: rgba(255,255,255,0.9); top: 50%; left: 50%; text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.ProContWrap .descBox .media_list .icon-play::before{ content: ""; 
    background: url('../images/icon_play.png') no-repeat center center;
    display: block;  background-size: contain; position: absolute; top: 50%; left: 50%; 
}
.ProContWrap .descBox .media_list .icon-play{ 
    width: 30px; height: 30px; line-height: 30px; margin-top: -15px; margin-left: -15px; 
}
.ProContWrap .descBox .media_list .icon-play::before{ 
    width: 24px; height: 24px; margin-left: -12px; margin-top: -12px; 
}
.ProContWrap .descBox .media_list .img:hover > div{ transform: scale(1.05); opacity: 0.8; }
.ProContWrap .download_list .ext_list li { line-height: 150%; padding: 0; margin-bottom: 4px; }
.ProContWrap .download_list .ext_list li a{ color: #7f7f7f; }
.download_list ul.ext_list li span.file_ext{ vertical-align: middle; }

.ProContWrap .logo_list ul { display: flex; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; }
.ProContWrap .logo_list li { width: 33.33333%; box-sizing: border-box; padding-left: 8px; padding-right: 8px; margin-bottom: 15px; }
.ProContWrap .logo_list .img { height: 100px; overflow: hidden; }
.ProContWrap .logo_list a { font-size: 0; background-color: #f0f0f0; padding: 10px; box-sizing: border-box; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.ProContWrap .logo_list .img:hover a { transform: scale(1.05); }


/* 商品彈出視窗 */
/*.proPopupBox.popupBox.close{ opacity: 1; visibility: visible; }*/
.proPopupBox{ display: none; }
.proPopupBox .proCont .slider-for{ background-color: #fff; margin-bottom: 10px; margin: 0 auto; }
.proPopupBox .proCont .slider-for .slick-slide:focus{ outline: 0; }
.proPopupBox .proCont .slider-nav .slick-slide{ border: 1px solid #f0f0f0; }
.proPopupBox .proCont .slider-nav .slick-slide.slick-current{ 
   border: 1px solid rgba(35,34,34,0.5); background-color: #fff;
}
.proPopupBox .proCont { box-sizing:border-box; }
.proPopupBox .proCont .col-left, .ProContWrap .InfoBlock .col-right{
    box-sizing: border-box;
}
.proPopupBox .proCont img { max-width:100%; max-height:100%; margin:auto; }
.proPopupBox .proCont .slider-for { width:100%; margin-bottom: 10px; 
    box-sizing:border-box; overflow:hidden; background-color: #fff;
}
.proPopupBox .proCont .slider-for span, .ProContWrap .InfoBlock .slider-nav span{ 
    display: inline-block; height: 100%; 
}
.proPopupBox .slick-dots{ display: none; }
.proPopupBox .slider-for .slick-prev, .proPopupBox .slider-for .slick-next{ 
    position: absolute; top: 50%; text-indent: -10000px; z-index: 9999; opacity: 0.3;
    width: 40px; height: 40px; margin-top: -20px; cursor: pointer; color: #fff;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
}
.proPopupBox .slider-for:hover .slick-prev, .proPopupBox .slider-for:hover .slick-next{ opacity: 1; }
.proPopupBox .slider-for .slick-prev:focus, .proPopupBox .slider-for .slick-next:focus{ outline: 0; }
.proPopupBox .slider-for .slick-prev{ left: 0; }
.proPopupBox .slider-for .slick-next{ right: 0; }
.proPopupBox .slider-for .slick-prev::before, .proPopupBox .slider-for .slick-next::before{
    content:''; display:block; position:absolute; top:50%; margin-top: -7px;
    border-left:2px solid #333;
    border-top:2px solid #333;
    width:14px; height:14px;
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    transform:rotate(135deg);
}
.proPopupBox .slider-for .slick-prev::before{ left: 50%; margin-left: -5px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.proPopupBox .slider-for .slick-next::before{ right: 50%; margin-right: -5px; }
.proPopupBox .slider-for .slick-prev.slick-disabled, 
.proPopupBox .slider-for .slick-next.slick-disabled{ 
    opacity: 0; 
}

/* 先隱藏第2個以後的圖片,loading完後再顯示全部 */
.proPopupBox .proCont .slick-slide { box-sizing:border-box; vertical-align:middle; text-align:center; }
.proPopupBox .proCont .slick-slide > * { vertical-align:middle; }

/*下方小圖示導覽*/
.proPopupBox .proCont .slider-nav { position:relative; /*overflow:hidden;*/ clear:both; }
    /* 先隱藏縮圖,loading完後再顯示 */
    .proPopupBox .proCont .slider-nav { height:0; opacity:0; margin:0; padding: 0 40px; }
    .proPopupBox .proCont .slider-nav.slick-slider { height:auto; opacity:1; }

.proPopupBox .proCont .slider-nav .slick-slide { width:25%; 
    margin: 8px; box-sizing:border-box; cursor:pointer; 
    padding: 5px; background-color: #f0f0f0;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.proPopupBox .proCont .slider-nav .slick-slide:hover, .recommendBlock .img .slider-nav .slick-slide:focus{ 
    opacity: 1; 
}
.proPopupBox .proCont .slider-nav .slick-slide:focus{ outline: none; }
.proPopupBox .proCont .slider-nav .slick-arrow { 
    position:absolute; top:50%; width:40px; height:40px; background-color:transparent; text-indent:-10000px; 
    border:0; cursor:pointer; z-index:2; margin-top: -20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    }
    .proPopupBox .proCont .slider-nav .slick-prev, .proPopupBox .proCont .slider-nav .slick-next{
       opacity: 0.3; 
    }
    .proPopupBox .proCont .slider-nav:hover .slick-prev, .proPopupBox .proCont .slider-nav:hover .slick-next{
       opacity: 1; 
    }
    .proPopupBox .proCont .slider-nav .slick-arrow.slick-disabled { opacity:0; cursor:default; }
    .proPopupBox .proCont .slider-nav .slick-prev { left:0; }
    .proPopupBox .proCont .slider-nav .slick-next { right:0; }
    .proPopupBox .proCont .slider-nav .slick-arrow:focus { outline:0; }
    .proPopupBox .proCont .slider-nav .slick-arrow::after { display:inline-block;    
        content:''; position:absolute; top:50%; margin-top:-7px; width:14px; height:14px; 
        border-top:2px solid #232222; border-left:2px solid #232222; 
    }
    .proPopupBox .proCont .slider-nav .slick-prev::after { 
        left:15px; 
        -webkit-transform: rotate(-45deg); 
        -moz-transform: rotate(-45deg); 
        transform: rotate(-45deg); 
    }
    .proPopupBox .proCont .slider-nav .slick-next::after { 
        right:15px; 
        -webkit-transform: rotate(135deg); 
        -moz-transform: rotate(135deg); 
        transform: rotate(135deg); 
    }
    .ProContWrap .proCont .slider-nav .slick-arrow:hover::after{ border-color: #FFC627; }

.proPopupBox.popupBox .icon-close::before{ color: #888; }
.proPopupBox.popupBox .close{ border: 1px solid #888; 
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%; 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.proPopupBox.popupBox .close:hover{ background-color: #888; }
.proPopupBox.popupBox .close:hover .icon-close::before{ color: #fff; }


/*----------------------------------------------------------------------*/
/* 藝人列表 */
.ArtistsWrap .title{ 
    font-weight: 400; text-align: center; text-transform: uppercase;
    font-family: 'HelveticaNeue', 'Helvetica', 'Arial', sans-serif; 
}
/*.ArtistsWrap .form_btn .icon-arrow::after{ content: '\f178'; }*/
.artist_list { display: flex; flex-wrap: wrap; }
.artist_list .item{ box-sizing: border-box; }
.artist_list .item a{ display: block; width: 100%; height: 100%; }
.artist_list .item .img{ overflow:hidden; }
.artist_list .item .img > div{ 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-bottom:111.11111111%; 
}
.artist_list .item .cont{ text-align: center; box-sizing: border-box; }
.artist_list .item .tt{ color: #232222; margin-bottom: 4px; }
.artist_list .item .subtt{ color: #555555; }

/*----------------------------------------------------------------------*/
/* 藝人內容 */
.artist_title h3{ color: #232222; 
    font-weight: 400; text-align: center; 
    font-family: 'HelveticaNeue', 'Helvetica', 'Arial', sans-serif; 
}
.artist_title .subtitle{ color: #888888; text-align: center; }
.artist_pic .img{ max-width: 1100px; margin: auto; text-align: center; }
.artist_pic .img img{ max-width: 100%; max-height: 100%; }

.artist_cont{ max-width: 1100px; margin: auto; }
.artist_cont h3{ color: #232222; 
    font-weight: 400; text-align: center;
    font-family: 'HelveticaNeue', 'Helvetica', 'Arial', sans-serif; 
}
.ArtistsWrap .artist_cont .editable_content { color: #656565; }
.artist_cont .pro_gear_list { overflow: hidden; padding-top: 10px; display: flex; flex-wrap: wrap; }
.artist_cont .pro_gear_list .item{ width: 33.333333%; box-sizing: border-box; }
.artist_cont .pro_gear_list .item a{ display: block; width: 100%; height: 100%; position: relative;}
.artist_cont .pro_gear_list .img{ background-color: #f0f0f0; overflow: hidden; }
.artist_cont .pro_gear_list .img > div{ 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-bottom:128%; 
}
.artist_cont .pro_gear_list .tt{ text-align: center; }

.ArtistsWrap .mediaBox { display: flex; flex-wrap: wrap; }
.ArtistsWrap .mediaBox .item{  box-sizing: border-box; }
.ArtistsWrap .mediaBox .title{ width: 100%; }
.ArtistsWrap .mediaBox .item .img > div::before{ content: ""; display: block;
    width: 100%; height: 100%; background-color: rgba(35,34,34,0.2);
    position: absolute; top: 0; left: 0;
}

.ArtistsWrap .social_icon{ margin-bottom: 20px; text-align: center; }
.ArtistsWrap .social_icon .follow{ display: inline-block; background-color: #fff; 
    padding: 5px 30px; box-sizing: border-box; 
}
.ArtistsWrap .social_icon .follow > * { display:inline-block; line-height:32px; vertical-align:middle; }
.ArtistsWrap .social_icon .follow dt { margin-right:5px; font-weight:500; font-size:1.125rem; }
.ArtistsWrap .social_icon .follow dd{ margin: 4px 2px; }
.ArtistsWrap .social_icon .follow dd a { display:block; width:32px; height:32px; 
    text-indent:-999px; overflow:hidden; position:relative; background-color: #232222; 
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.ArtistsWrap .social_icon .follow dd a:hover{ background-color:#FFC627;  }
.ArtistsWrap .social_icon .follow dd a::before { 
    position:absolute; top:0; left:0; width:100%; height:100%; color: #FFC627;
    font-family:'Font Awesome 5 Brands'; font-size:0.875em; line-height:32px; text-align:center; text-indent:0; 
}
.ArtistsWrap .social_icon .follow dd.website a::before { font-family: 'Font Awesome 5 Pro'; content:"\f37e"; }
.ArtistsWrap .social_icon .follow dd.fb a::before { content:"\f39e"; }
.ArtistsWrap .social_icon .follow dd.youtube a::before { content:"\f167"; }
.ArtistsWrap .social_icon .follow dd.twitter a::before { content:''; background-image: url(../images/x-twitter.svg); background-repeat: no-repeat; background-position: center center; filter: invert(79%) sepia(25%) saturate(1332%) hue-rotate(349deg) brightness(101%) contrast(103%); width: 64%; height: 64%; top: 18%; left: 18%; }
.ArtistsWrap .social_icon .follow dd.ig a::before { content:"\f16d"; }
.ArtistsWrap .social_icon .follow dd a:hover::before { color:#232222; }
.ArtistsWrap .social_icon .follow dd.twitter a:hover::before { filter: invert(9%) sepia(6%) saturate(247%) hue-rotate(314deg) brightness(90%) contrast(87%); }

/*----------------------------------------------------------------------*/
/* 藝人表單 */
.ArtistsFormWrap{ padding-top: 15px; padding-bottom: 30px; }
.artistForm .FormGroup{ border: 1px solid #ccc; }
.artistForm .FormTableWrap .title{ text-align: center; letter-spacing: 0.05em;
    font-family:'BankGothic','Helvetica', 'Arial', sans-serif; word-spacing: 0.2em;
}
.artistForm .FormTableWrap .text{ line-height: 150%; }
.artistForm .list_box .label{ display: block; line-height: 150%; }
.artistForm .list_box li{ border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 8px; }
.artistForm .list_box li:last-child{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.artistForm .list_box li::after{ content: ""; clear: both; display: block; }
.artistForm .list_box .item { box-sizing: border-box; padding-top: 2px; }
.artistForm .list_box .item input{ width: 100%; }

/* 必填文字 */
.text_required{ color: #be0000; line-height: 20px; display: block; font-size: 0.875em; 
   padding: 2px 0; box-sizing: border-box; clear: both;
}
.text_required::before{ content: "\f06a"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; 
    margin-right: 3px;
}

/* 上傳檔案 */
.artistForm .down_box .text{ margin-bottom: 5px; }
.artistForm .down_box li{ border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 8px; }
.artistForm .down_box li:last-child{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.artistForm .uploaded{ font-size: 0.875em; line-height: 130%; 
    color: #777; padding-top: 5px; position: relative;
}
.artistForm .uploaded::before{ content:'\f00c'; color:#999; margin-right: 3px;
    font-family: 'Font Awesome 5 Pro'; font-weight: 400; 
}
/*.artistForm .uploaded::before{ content: ''; display: inline-block; width: 3px; height: 3px; 
    background-color: #777; border-radius: 50%; vertical-align: middle; margin-right: 5px;
}*/
.input-file { position: relative; overflow: hidden; border: none; cursor: pointer; 
  width: 150px; height: 40px;  background-color: #ffc627; border-radius: 5px; 
  transition: background-color .3s ease;
  -webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
}
.input-file [type = file] { opacity: 0; position: absolute; top: 0; left: 0; 
    width: 100%; height: 100%; cursor: pointer;
}
.input-file label { font-size: 1.188em; font-family: 'HelveticaNeue', 'Helvetica', 'Arial', sans-serif; 
  color: #F1F1F1;  cursor: pointer; color: #232222; pointer-events: none;
}
.input-file .icon-upload{ font-weight: 900;  color: #232222; }
.input-file .icon-upload::after{ content: "\f0aa"; }
.input-file:hover { cursor: pointer; background-color: #232222; }
.input-file:hover label, .input-file:hover .icon-upload{ color: #ffc627; }

.terms_agree{ text-align: center; background-color: #f4f4f4; padding: 20px 10px; margin-bottom: 30px; }
.terms_agree input{ margin-right: 5px; }
.terms_agree a{ text-decoration: underline; }

.model_list li{ border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px; }
.model_list li::after{ content: ""; clear: both; display: block; }
.model_list li:last-child{ margin-bottom: 0; border-bottom: 0; padding-bottom: 0; }
.model_list .label{ line-height: 150%; }
.model_list .item{ display: inline-block; }
.model_list .edit_btn{ line-height: 45px; }
.model_list .edit_btn > a{ display: inline-block; }
.model_list .edit_btn .text{ padding-right: 5px; color: #232222; }
.model_list .edit_btn .font_icon{ font-weight: 400; }
.model_list .edit_btn .font_icon::before{ color: #232222; }
.model_list .edit_btn > .font_icon:hover::before{ color: #FFC627; }
.model_list .edit_btn .icon-add::before{ content: "\f067"; }
.model_list .edit_btn .icon-delete::before{ content: "\f068"; }

/*----------------------------------------------------------------------*/
/* media 影音專區 */
.MediaWrap .mediaBox { display: flex; flex-wrap: wrap; }
.MediaWrap .mediaBox .item a{ box-sizing: border-box;  }
.MediaWrap .mediaBox .item .img{ background-color: #232222; position: relative; }
.MediaWrap .mediaBox .item .img > div::before{ content: ""; display: block; width: 100%; height: 100%;
    background-color: rgba(35,34,34,0.2); position: absolute; top:0; left: 0;
}

/*----------------------------------------------------------------------*/
/* Catalog列表 */
.catalog_list { display: flex; flex-wrap: wrap; }
.catalog_list .item a{ display: block; width: 100%; height: 100%; box-sizing: border-box; }
.catalog_list .item .img{ margin-bottom: 5px; overflow: hidden; }
.catalog_list .img::before{ content: ""; display: block; width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.0); position: absolute; top: 0; z-index: 99;
}
.catalog_list .item .img > div{ padding-bottom: 127.27272727%; 
    background-size: contain; background-position: center center; background-repeat:no-repeat;  
}
.catalog_list .item .title{ line-height: 140%; text-align: center; }
.catalog_list .item:hover .title{ color: #232222; text-decoration: underline; }
.catalog_list.ext_list .file_ext{ vertical-align: middle; text-indent: -10000px; 
    width: 20px; height: 20px; margin-left: 6px; background-size: contain;  
}
.catalog_list .img_box{ position: relative; }
.catalog_list .icon-download{ font-weight: 400; position: absolute; width: 50px; height: 50px; line-height: 50px; 
    top:50%; left: 50%; margin-left: -25px; margin-top: -25px; text-align: center; z-index: 100;
    background-color: rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.8); color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    border-radius: 50%; 
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%; 
}
.catalog_list .icon-download::before{ content: "\f33d"; font-size: 1.5em; text-shadow: 0 0 5px rgba(0,0,0,0.3); }
.catalog_list .item:hover .icon-download{ color: #fff; }

/*----------------------------------------------------------------------*/
/* FAQs 問與答 */
.FAQsWrap .faqTitle, .FAQsWrap .helpBox .title{ word-spacing: 0.2em; letter-spacing: 0.05em; }
.faqsBox{ padding-bottom: 30px; }
.faqsBox .faqTitle{ font-weight: 400; margin-bottom: 5px; }
.faqsBox .item{ margin-bottom: 20px; }
.faqsBox .item:nth-last-of-type(1){ margin-bottom: 0; }
.faqsBox .item .icon_qa{ width: 50px; height: 50px; position: absolute; top: 0; left:0; 
    background-size: contain; background-position: center center; z-index: 99;
}
.faqsBox .item .icon-arrow{ position: absolute; right: 0; top: 50%; font-weight: 400; 
    width: 50px; height: 50px; line-height: 50px; text-align: center; margin-top: -25px;
    transition: transform 0.25s ease-out;
    -webkit-transition: transform 0.25s ease-out;
    -moz-transition: transform 0.25s ease-out;
}
.faqsBox .item .icon-arrow::before{ 
    position: relative; content: '\f107'; font-size: 1.5em; 
}
.faqsBox .item.slideDown .icon-arrow{
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
}
.faqsBox .top_block{ background-color: #f4f4f4; position: relative; min-height: 50px; box-sizing: border-box; 
    padding: 10px 3.75rem 10px 4.0625rem;
}
.faqsBox .top_block:hover{ cursor: pointer; }
.faqsBox .top_block .title{ line-height: 160%; letter-spacing: 0.03em; }
.faqsBox .top_block .icon_qa{ background-image: url("../images/icon_faqs_01.jpg"); }

.faqsBox .cont_block{ background-color: #f4f4f4; box-sizing: border-box; }
.faqsBox .cont_block .editable_content .district{ margin-bottom: 10px; }
.faqsBox .cont_block .desc{ position: relative; padding-top: 10px; }
.faqsBox .cont_block .icon_qa{ background-image: url("../images/icon_faqs_02.jpg"); }

.FAQsWrap .helpBox{ text-align: center; }
.FAQsWrap .helpBox .title{ font-family:'BankGothic', 'Helvetica', 'Arial', sans-serif; }
.FAQsWrap .helpBox .mail_btn{ display: inline-block; }
.FAQsWrap .helpBox .mail_btn a{ display: block; background-color: #232222; color: #fff; }
.FAQsWrap .helpBox .mail_btn a:hover{ background-color: #FFC627; color: #232222; }
.FAQsWrap .helpBox .icon-mail{ margin-right: 10px; }
.FAQsWrap .helpBox .icon-mail::before{ content: "\f0e0"; }

/*----------------------------------------------------------------------*/
/* LOCATE US 聯絡我們 */
.LocateUsWrap .editable_content .locate_title{ text-align: center;
    font-family:'BankGothic', "Heiti TC", 'Helvetica', 'Arial', sans-serif; 
    text-transform: uppercase; border-left: 0; letter-spacing: 0.05em;
    word-spacing: 0.2em; padding-left: 0;
}
.LocateUsWrap .editable_content .locate_text .imgwrap { text-align: center; margin-bottom: 10px; }
.LocateUsWrap .editable_content .locate_text .imgwrap .img{ margin-right: 10px; }
.LocateUsWrap .editable_content .locate_text .imgwrap > *{ display: inline-block; vertical-align: middle; }
.LocateUsWrap .editable_content .locate_text .imgwrap p{ text-align: left; margin-bottom: 5px; }
.LocateUsForm .formBox{ border: 1px solid #ccc; margin-bottom: 20px; }
.LocateUsForm .block { line-height:40px; box-sizing:border-box; }
.LocateUsForm .block input[type="text"], .LocateUsForm .block select, .LocateUsForm .block textarea { 
    width:100%; color: #777; border: 1px solid #f1f1f1; background-color: #f1f1f1;  
}
.LocateUsForm .block input[type="text"]:focus, .LocateUsForm .block select:focus, .LocateUsForm .block textarea:focus{ 
    background-color: #fff; color: #333; border: 1px solid #232222;
}
.LocateUsForm .block label { display:block; font-size:1.125rem; color:#333333; line-height:30px; }
.LocateUsForm .block label span { margin-left:5px; color:#be0000; }
.LocateUsForm .block.randomcode { clear:both; }
.LocateUsForm .item { margin-bottom:5px; box-sizing:border-box; }
.LocateUsForm .item::after { content:''; display:block; clear:both; }

/*----------------------------------------------------------------------*/
/* Dealer Locator */
.DeaLocWrap .editable_content .dealer_title{ border-left: 0; text-transform: uppercase; }
.dealer_search > div{ text-align: center; }
.dealer_search.ListSearch .item{ float: inherit; }
.dealer_search .BtnCommon span{ display: inline-block;
    width: 80px; 
}
.dealer_search.ListSearch.FormElmt .BtnCommon input[type="submit"]{ 
   width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; 
}
.dealer_search .BtnCommon span::after{ display: none; }

.dealer_map_wraper { position:relative; }
#dealer_map { width:100%; }

.dealer_info dt { margin-bottom:5px; font-size:18px; }
.dealer_info dt, .dealer_info dd { padding:2px 0; line-height:120%; }
.dealer_info a { color:#333; }
.dealer_info a:hover { color:#FFC627; }
.dealer_info .go { margin-top:10px; text-align:right; }
.dealer_info .go a { font-size:18px; text-decoration:none; }

.dealer_list .item { border-bottom:1px solid #ddd; padding:20px 10px 15px; position:relative; overflow:hidden; }
.dealer_list .item:first-child { border-top:1px solid #ddd; }
.dealer_list .item:nth-child(odd) { background-color:#f5f5f5; }
.dealer_list dl { min-height:90px; }
.dealer_list dt { line-height:30px; font-size:1.375rem; }
.dealer_list dd { padding:5px 0; line-height:20px; }
.dealer_list dd:not(.web):not(.go) { word-break:break-all; }
.dealer_list dd.web a{ background-color: #FFC627; color: #232222; }
.dealer_list dd.go a{ background-color: #232222; color: #fff; }
.dealer_list dd.web a, .dealer_list dd.go a{ display: block; line-height: 35px;
    padding-left: 10px; padding-right: 10px; 
}
.dealer_list a { color:#232222; }
.dealer_list a:hover { color:#FFC627; }

/*----------------------------------------------------------------------*/
/* Sitemap */
/*.SitemapList > ul{ border-top: 1px solid #ddd; border-left: 1px solid #ddd; }*/
.SitemapList > ul { display: flex; flex-wrap: wrap; }
.SitemapList > ul > li{ box-sizing: border-box;
    /*border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;  */
}
.SitemapList > ul > li > a{ text-transform: uppercase; background-color: #232222; 
    font-weight: 400; color: #fff; display: block; 
    position: relative; padding:8px 18px;
}
.SitemapList > ul > li > a::after{ content: ""; display: block; width: 0; height: 2px; 
    background-color: #232222; position: absolute; bottom: 0; left: 0;
}
.SitemapList > ul > li > ul{ clear: both; margin-top: 5px; }
.SitemapList > ul > li > ul > li{ margin-bottom: 5px; background-color: #f5f5f5; }
.SitemapList > ul > li > ul > li:last-child{ margin-bottom: 0; }
.SitemapList > ul > li > ul > li > a{ padding: 8px 10px 8px 30px; 
    display: block; box-sizing: border-box; position: relative;
}
.SitemapList > ul > li > ul > li > a::before{ content: "-";
    position: absolute; top: 7px; left: 18px;
}

/*----------------------------------------------------------------------*/
/* 內頁元素 */
/* 導覽列(麵包屑) */
#Breadcrumbs{ text-align:center; }
#Breadcrumbs ul { display: inline-block; margin-bottom:10px; }
#Breadcrumbs ul li { float:left; padding-left:5px; padding-right:20px; font-size:0.875em; color:rgba(255,255,255,0.7); 
    line-height:24px; position:relative; 
}
#Breadcrumbs ul li a { display:block; color:rgba(255,255,255,0.7);  text-decoration:none; }
    /*第一個前面加上icon*/
/*    #Breadcrumbs ul li:first-child{ padding-left:30px; }
    #Breadcrumbs ul li:first-child::before{ content:''; display:inline-block; background: url('../images/icon_home.png') no-repeat; 
        position:absolute; top:0; left:0; width:20px; height:20px;
    }*/
	#Breadcrumbs ul li:last-child{ padding-right:6px; }
	#Breadcrumbs ul li::after { content:''; position:absolute; top:6px; right:7px; background-color: rgba(255,255,255,0.7);
        display: block; width: 1px; height: 12px;
        -webkit-transform: skewX(-15deg);
        -moz-transform: skewX(-15deg);
        transform: skewX(-15deg);
    }
	#Breadcrumbs ul li:last-child::after{ display: none; }
	#Breadcrumbs ul li:last-child a{ color: rgba(255,255,255,0.7); } 
	#Breadcrumbs ul li a:hover { color: #fff; text-decoration: underline;}

/* 工具列 */
.ToolBar { margin-bottom:30px; color:#555555; }
.ToolBar::after, .ToolBar .colm_left::after, .ToolBar dl.font_size::after, .ToolBar dl.share::after { 
    content:''; display:block; width:100%; clear:both; 
}
.ToolBar .colm_left a, .ToolBar dl.font_size, .ToolBar dl.share { line-height:32px; }
.ToolBar dl.font_size a, .ToolBar dl.share a { width:32px; height:32px; box-sizing:border-box; }

.ToolBar .colm_left { float:left; }
.ToolBar .colm_right { float:right; }

.ToolBar .colm_left a, .ToolBar dl.font_size dd, .ToolBar dl.share dd { margin-bottom:10px; }
.ToolBar a { display:block; color:#232222; text-decoration:none; position:relative; }

.ToolBar .colm_left a { float:left; margin-left:15px; font-weight:500; font-size:1.25rem; }
.ToolBar .colm_left a:first-child { margin-left:0; }
.ToolBar .colm_left a::before { font-family: 'Font Awesome 5 Pro'; font-size:20px; font-weight:bold; 
    vertical-align:middle; margin-right:5px; font-weight: 200;   
}
.ToolBar .colm_left a.return{ font-size: 0.938em; }
.ToolBar .colm_left a.return::before { content:'\f177'; }
.ToolBar .colm_left a:hover, .ToolBar .colm_left a:focus { color:#FFC627; }

.ToolBar dl.font_size + dl.share { margin-left:15px; }
.ToolBar dl.share { float:left; }
.ToolBar dl.share > * { float:left; }
.ToolBar dl.share dt { margin-right:3px; color: #232222; font-size: 0.938em; }
.ToolBar dl.share dd { margin-right:10px; position:relative; }
.ToolBar dl.share dd:last-of-type { margin-right:0; }
.ToolBar dl.share a { cursor: pointer; text-indent:-999px; overflow:hidden; }
.ToolBar dl.share a::before { 
    display:block; position: absolute; top:0; left:0; width:100%; height:100%; text-indent:0; 
    font-family:'Font Awesome 5 Brands'; font-size:20px; font-weight:bold; text-align:center; vertical-align:middle; margin-right:5px;
}
    .ToolBar dl.share dd.facebook a::before { content:'\f39e'; }
    .ToolBar dl.share dd.twitter a::before { content:''; background-image: url(../images/x-twitter.svg); background-repeat: no-repeat; background-position: center center; filter: invert(15%) sepia(0%) saturate(1381%) hue-rotate(162deg) brightness(115%) contrast(109%); }
    .ToolBar dl.share dd.facebook a:hover::before { /*color:#415e9a;*/ filter: invert(88%) sepia(43%) saturate(2275%) hue-rotate(333deg) brightness(100%) contrast(103%); }
    .ToolBar dl.share dd.twitter a:hover::before { filter: invert(88%) sepia(43%) saturate(2275%) hue-rotate(333deg) brightness(100%) contrast(103%); }
	
/*----------------------------------------------------------------------*/
/* 文章內容 */
h3.articleTitle{ font-weight: 400; text-transform: uppercase; text-align: center;
    font-family: 'HelveticaNeue', "Microsoft JhengHei", "Heiti TC", 'Helvetica', 'Arial', sans-serif; 
    margin-bottom: 10px;
}
h3.articleTitle span{ display: block; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }

/*文章日期*/
.postdate { font-size:0.875rem; color:#777777; position:relative; text-align: center; } 

/*文章更新日期*/
.post_info { padding:5px 35px 5px 0; }
.post_info span { display:inline-block; border-left:1px solid #dedede; padding-left:14px; margin-left:12px; line-height:20px; color:#8b8b8b; font-size:81.25%; }
.post_info span:first-child { border-left:0; padding-left:0; margin-left:0; } 
.post_info.below { margin-top:0; }

/* 內頁顯示欄位 */
.content_info { padding:5px 0; margin-bottom: 15px !important; }
.content_info > div { background-color:#f5f5f5; border-left:3px solid #232222; padding:10px 20px; }
.content_info li{ margin-bottom: 4px; }
.content_info li:last-child{ margin-bottom: 0; }
.content_info li::before{ content: "-"; }
.content_info li span{ font-size: 0.938rem; }
.content_info li span.title { color:#232222; white-space:nowrap; text-transform: uppercase; }
.content_info li span.title::after { content:"："; }
.content_info li span.cont { color:#232222; }
.content_info li a { word-break:break-all; text-decoration: underline; }

/*----------------------------------------------------------------------*/
/* 分類下拉 */
.CatTitle { margin:15px 0 20px; border-bottom:1px dotted #ccc; }
.CatTitle::after { content:''; display:block; width:100%; clear:both; }
.CatTitle h3 {display:inline-block; font-size:1.25rem; line-height:35px; font-weight:normal; color:#df7b39; }
.CatTitle .cat_select { line-height:35px; }
.CatTitle .cat_select .btn {
    color:#fff; box-sizing:border-box; border:0; margin:0 0 0 5px; padding:0 15px; height:35px; line-height:35px;
    background-color:#df7b39; font-size:1em;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    transition:all 0.3s ease;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.CatTitle .cat_select select{ background-color:#fff; }
.CatTitle .cat_select .btn:hover, .CatTitle .cat_select .btn:focus { opacity:0.8; }
.CatTitle .cat_select select, .CatTitle .cat_select .btn { vertical-align:top; }

/*----------------------------------------------------------------------*/
/* 文字列表 */
.ListTable { margin-top:10px; position:relative; }
.ListTable table{ width:100%; /*border-collapse:separate; border-spacing:3px;*/ } 
.ListTable table th, .ListTable table td{ text-align:center; color:#232222;}

.ListTable table th { font-weight: normal; color: #000; }
.ListTable table td.title { text-align:left; text-transform: uppercase; font-size: 1.125em; }
.ListTable table td.title a { display:inline-block; color:#232222; text-decoration:none; line-height:1.6; 
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.ListTable table td.title a:hover { color:#FFC627; }
.ListTable table td.date{ color: #888; }
.ListTable table td.download li { display:block; }
.ListTable table td.download li a { white-space:nowrap; color:#232222; text-decoration:underline; }
.ListTable table td.download li a:hover { color:#FFC627; }
.ListTable table td.download .file_ext{ background-position:top right; padding-right:24px; }
.ListTable table th.thum { width:150px; }
.ListTable table td.thum { width:150px; text-align:center; }
.ListTable table td.thum img { max-width:150px; }

.ListTable table th.p_number{ width:150px; }
.ListTable table th.name{ width:120px; }
.ListTable table th.division{ width:180px; }
.ListTable table th.status{ width:120px; }

.ListTable table td.status a{ display:inline-block; background-color:#afafaf; color:#fff;
    padding:7px 15px; font-size:0.875em;
    -webkit-border-radius:35px; 
    -moz-border-radius:35px; 
    border-radius:35px; 
}
.ListTable table td.status a:hover{ background-color:#df7b39; }
.ListTable table td.status a span{ font-family:'Font Awesome 5 Pro'; font-weight: 400; 
    margin-right:5px;
}
.ListTable table td.status a span::before{ content:'\f304';  }

.ListTable table tr td.title-link{ text-align:left; line-height:150%;}
.ListTable table .text-left{ text-align:left;}
.ListTable table .text-center{ text-align:center;}


/*----------------------------------------------------------------------*/
/* 圖文列表 */
.editable_content + .ListPicText { margin-top:0; }
.ListPicText::after, .ListPicText .item > div::after { content:''; display:block; width:100%; clear:both; }
.ListPicText .item, .ListPicText .item > div, .ListPicText .img, .ListPicText .img > div, .ListPicText .cont, 
.ListPicText .btn { 
    box-sizing:border-box;  
}
.ListPicText { margin-left:-10px; margin-right:-10px; padding-top:10px; padding-bottom:10px; padding-left:10px; 
    padding-right:10px; overflow:hidden; 
}
.ListPicText .item > div { 
    background-color:#fff; height:100%; position:relative; 
}
.ListPicText .img { position:relative; overflow:hidden; }
.ListPicText .img a { display:block; width:100%; height:100%; }
.ListPicText .img a > div { 
    padding-bottom:66.666666%; background-repeat:no-repeat; background-position:center center; 
    background-size:cover; 
}
.ListPicText .title { margin-bottom: 5px; text-transform: uppercase; }
.ListPicText .title a { 
    display:block; color:#232222; text-decoration:none;
    /*描述最多顯2行，但此語法IE、Firefox皆不支援*/
    line-height:1.5em; overflow:hidden; 
    /*text-overflow:ellipsis; display:-webkit-box; */
    /*-webkit-line-clamp:2; 
    -webkit-box-orient:vertical;*/
    /*不支援上述語法時的備案*/
    /*max-height:3em;*/
}
.ListPicText .title a:hover, .ListPicText .title a:focus { color:#FFC627; }
.ListPicText .desc { 
    margin-bottom:25px; color:#444; 
    /*描述最多顯示3行，但此語法IE、Firefox皆不支援*/
    /*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 .item .info{ position: relative; font-size: 0.938em; box-sizing: border-box; }
.ListPicText .item .more a{ color: #000; letter-spacing: 0.1em; display: inline-block;
    text-transform: uppercase; position: relative; padding-left: 15px;
}
.ListPicText .item .more a:hover{ color: #FFC627; }
.ListPicText .item .more a::before{ content: "+"; position: absolute; top:3px; left: 0; 
    display: block; width: 10px; height: 10px; line-height: 10px; text-align: center;
}

/* 限制行數 */
.ListPicText.grid-view .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.grid-view .desc, .ListPicText.single .desc, .ListPicText.trisection .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;
}

/*----------------------------------------------------------------------*/
/* 延伸閱讀 */
.related_articles { margin-top:30px; margin-bottom:10px; box-sizing:border-box; 
    border-left:4px solid #cf4747; background-color:#f5f5f5; padding: 20px 15px;
}
.related_articles .title { font-size:112.5%; font-weight:normal;
    line-height:150%; color:#333; position:relative; padding: 0 0 10px 40px;
}
.related_articles .title::before { 
    content:''; display:block; position:absolute; top:2px; left:10px; width:24px; height:24px; 
    background:url("../images/icon_related_articles.png") no-repeat 0 0; background-size:cover; 
}
.related_articles .list { list-style-type:decimal; margin-left:30px; }
.related_articles .list li { padding:8px 0; color:#595959; line-height:150%; }
.related_articles .list a { display:block; color:#595959; text-decoration:none; }
.related_articles .list a:hover { color:#cf4747; }

/*----------------------------------------------------------------------*/
/* 頁碼 */
#Pagination { clear:both; text-align:center; }
#Pagination .pages { display:inline-block; }
#Pagination a { display:inline-block; width:40px; line-height:40px; 
    color:#232222; background-color:#fff; text-decoration:none; 
    margin:0 2px; position:relative; 
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out; 
}   
#Pagination a:hover { background-color:#eee; }
#Pagination a.focuz { color:#fff; background-color:#232222; }
#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { 
    width:auto; padding:0 10px; text-indent: -9999px;  
}
#Pagination a.first, #Pagination a.prev, #Pagination a.next, #Pagination a.last { 
    background-color:transparent; font-weight:bold;
}
#Pagination a.prev, #Pagination a.first{ margin-right:8px; }
#Pagination a.next, #Pagination a.last{ margin-left:8px; }
#Pagination a.first:hover, #Pagination a.prev:hover, #Pagination a.next:hover, #Pagination a.last:hover{
    color:#FFC627;
}
#Pagination a.first::before, #Pagination a.first::after, #Pagination a.last::before, #Pagination a.last::after,
#Pagination a.prev::before, #Pagination a.next::before { 
    content:''; position:absolute; top:50%; width:8px; height:8px; border-top:2px solid #232222; border-left:2px solid #232222;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out; 
}
#Pagination a.first::before, #Pagination a.first::after, #Pagination a.prev::before { 
    margin-top:-4px; 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#Pagination a.last::before, #Pagination a.last::after, #Pagination a.next::before { 
    margin-top:-5px; 
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}
#Pagination a.first::before { left:0; }
#Pagination a.first::after { left:7px; }
#Pagination a.prev::before { left:2px; }
#Pagination a.last::before { right:0; }
#Pagination a.last::after { right:7px; }
#Pagination a.next::before { right:2px; }

#Pagination .current { width:auto; background-color:transparent; cursor:default; padding: 0 10px; border:0;}
#Pagination .current:hover { color:#333; background-color:transparent; }
    
#Pagination .setting { display:block; clear:both; padding-top:15px; line-height:35px; color:#515151; font-size:75%; }
#Pagination .setting select { padding:6px 0 5px; border:1px solid #ccc; height:35px; vertical-align: middle;
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:5px; 
}
#Pagination .setting input[type="text"] { width:38px; height:35px; border:1px solid #ccc; vertical-align:bottom; }
#Pagination .per_page select, #Pagination .goto input[type="text"]{ margin:0 5px; }
#Pagination .setting input[type="submit"] { height:32px; padding:0 6px; margin-left:3px; }
#Pagination .setting input[type="button"]{ border:0; height:35px; line-height:35px; background-color:#ddd; 
    border:1px solid #ddd; color:#000; padding:0 6px; vertical-align:top;
}
#Pagination .setting  input[type="button"]:hover{ background-color:#ccc; border-color:#ccc; }

/* 內頁頁碼 */
.inPagination{ margin-top:30px; clear:both; text-align:center; display:none; }
.inPagination .pages{ display: inline-block; padding-top: 20px; padding-bottom: 10px; }
.inPagination a{
    display:inline-block; width:40px; margin:0 4px 12px 4px; background-color:#eeeeee; 
    color:#232222; text-decoration:none; line-height:40px;
}
.inPagination a:hover{ background-color:#ddd; }
.inPagination a.focuz{ color:#fff; background-color:#232222; }

/* 檔案下載icon */
.file_ext { background-repeat:no-repeat; display:inline-block !important; }
	.file_doc { background-image:url("../images/file_ext/doc.png"); }
	.file_img { background-image:url("../images/file_ext/img.png"); }
	.file_mov { background-image:url("../images/file_ext/mov.png"); }
	.file_other { background-image:url("../images/file_ext/other.png"); }
	.file_pdf { background-image:url("../images/file_ext/pdf.png"); }
	.file_ppt { background-image:url("../images/file_ext/ppt.png"); }
	.file_txt { background-image:url("../images/file_ext/txt.png"); }
	.file_xls { background-image:url("../images/file_ext/xls.png"); }
	.file_zip { background-image:url("../images/file_ext/zip.png"); }
    .file_odp { background-image:url("../images/file_ext/odp.png"); }
    .file_csv { background-image:url("../images/file_ext/csv.png"); }
    .file_ods { background-image:url("../images/file_ext/ods.png"); }
    .file_odt { background-image:url("../images/file_ext/odt.png"); }
	.file_xml { background-image:url("../images/file_ext/xml.png"); }

/*----------------------------------------------------------------------*/
/* Search Results */
.search_title { padding: .5em 10px; font-size: 1.375em; background-color: #232222; color: #e0e0e0; }
.search_title span { color: var(--main_color); }
.search_title::before { content: '\f002'; font-family: 'Font Awesome 5 Pro'; font-weight:300; margin-right: 10px; }
.search_list { margin-bottom: 30px; letter-spacing:.02em; }
.search_list > li { padding: 20px 10px; border-bottom: 1px solid #e6e6e6; }
.search_list > li:nth-child(even) { background-color: #f5f5f5; }
.search_list .title { font-size: 1.125em; padding-bottom: 5px; line-height: 1.5em; }
.search_list .title a {
    color: #232222;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.search_list .title a:hover { color: var(--main_color); }
.search_list .location ul { display: flex; flex-wrap: wrap; color: #555; line-height: 1.5; }
.search_list .location ul li:first-child:before { display: none; }
.search_list .location ul li::before { content: '>'; padding: 0 5px; }

@media screen and (max-width: 639px) {
	.search_list .location ul { font-size: .875em; }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
	.search_title { font-size: 1.75em; }
    .search_list .title { font-size: 1.25em; }
}
@media screen and (min-width: 1024px) {
	.search_title { font-size: 2.1875em; padding: .5em 15px; }
	.search_list > li { padding: 2.5em 15px; }
    .search_list .title { font-size: 1.375em; }
	.search_list .location ul { font-size: 1.125em; }
}