@charset "UTF-8";
/* page_single-custom 單篇-自定義 */

.page_single-custom {
}
.page_title_custom{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    margin-bottom:60px;
}
.page_assemble-custom .title01{font-weight:700;padding-bottom:20px;}
.page_title_custom .btnArea {
    text-align: left;
    margin-top: 50px;
}
.main_pic_wrap{
    width:50%;
}
.main_pic_wrap .portrait{
    width:100%;
    text-align:center;
    cursor: pointer;
}
.main_pic_wrap .portrait img {
    width: 80vmin;
    height: auto;
}
.product_title_wrap{
    padding-left:60px;
    /*border-left:1px solid #666666;*/
    width:50%;
}
.page_title_custom .btnArea .more-info-btn {
    display: inline-block;
    width: 50%;
    max-width: 600px;
    padding: 25px 0;
    border-radius: 6px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    background-color: #0590ff;
    border: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}
.page_title_custom .btnArea .more-info-btn:hover{
    background-color: #266ce9;
}
.product_script {
    font-weight:700;
    font-size:1.5rem;
    margin-bottom: 40px;
    color:#333;
    line-height:1;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    white-space:nowrap;
    
    position: relative;
}
.product_script span{
     width:100%;
     line-height:1;
     border-bottom:1px solid #666;
    
    position: absolute;
    bottom: -.75em;
}
@media only screen and (max-width:768px){
.page_title_custom{
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin-bottom:40px;
}
.main_pic_wrap{
    width:100%;
}
.product_title_wrap{
    padding-left:0px;
    border-left:none;
    width:100%;
}
    .page_title_custom .btnArea{
        text-align:center;
        margin-bottom:2rem;
    }

}
/* 日期與閱覽人數 */
.page_single-custom .single_info {
	overflow:hidden;
	padding:0 0 40px;
	color:#666;
}
.page_single-custom .single_info .date,
.page_single-custom .single_info .visit {
	display:inline-block;
	padding:10px 20px 0 0;
}

/* 代表圖 */
.page_single-custom .portrait {
	display:none;
	margin-bottom:20px  
}

/* 摘要 */
.page_single-custom .summary {
	display:block;
	/*border:2px solid #f7f7f7;*/
	font-style:italic;
	padding:0px;
	padding-top:20px;
	margin-bottom:40px;
}
.page_title_custom .summary  p{
    line-height:2.5;
}


/* 內容編輯器 */
.page_single-custom .editor {
	padding-bottom:40px;
	word-wrap: break-word;
    word-break:break-all;
}

/* FB留言 */
.fb_message {
	padding: 0;
}
 .fb_message iframe {
	width:100% !important;
}

@media only screen and (max-width: 991px) {
	.page_single-custom {
    }
	.page_single-custom .single_info {
		padding:0 0 30px;
	}
}
/* social */
.share_media_btn .social {
	/*margin-bottom:10px;*/
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.share_media_btn ul.social  {
	margin: 30px 0 0 0;
	padding: 5px 0px 30px 0px;
}
.share_media_btn .social li {
	margin-left: 10px;
	list-style: none;
	display: inline-block;
	line-height:50px !important;
}
.share_media_btn .social li:nth-of-type(1) {
	margin-left: 0px;
}
.share_media_btn .social li>a {
	position:relative;
	display: block;
	width: 50px;
	height: 50px;
	text-align:center;
    color: #333;
    background-color: transparent;
    border: 1px solid #333;
	border-radius: 50%;
	overflow:hidden;
	padding-top:2px;
}
.share_media_btn .social svg {
	font-size: 1.5rem;
	text-align: center;
    margin-right:0px !important;
}
@media only screen and (max-width: 768px) {
     .share_media_btn .social {
           justify-content: center;
    }
}

/* 主標顯示 */
.page_assemble-custom .page_content>.title01 {
    display:none;
}

/* 編輯器 */
.editor iframe {
    width: 100% !important;
    height: 50vh !important;
}

@media only screen and (max-width: 1040px)  {
    .products .page_assemble-custom .toolbar {
        padding:0;
    }
    .main_pic_wrap .portrait img {
        width: 100%;
    }
    .products .page_assemble-custom .toolbar .right {
        display: none  !important;
    }
    .page_assemble-custom .breadcrumb {
        margin-bottom: 0;
    }
    /* 主標顯示 */
    .page_assemble-custom .page_content>.title01 {
        display:block;
    }
    .title01_wrap {
        display:none;
    }
    /* 編輯器 */
     .editor iframe {
        width: 100% !important;
        height: 30vh !important;
    }
}

/* 主圖燈箱 */
.portrait.max {
	position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0,0,0,0.6);
    transition: all 0.6s;
}
.portrait.max span {
    position: relative;
    display: block;
    max-width: 900px;
    max-height: 900px;
}
.portrait.max img {
    width: auto;
	height: auto;
}
.portrait.max span:before {
    position: absolute;
    display: block;
    font-family: FontAwesome;
    content: "\f05c";
    cursor: pointer;
    font-size: 2rem;
    color: #999;
    top: 15px;
    right: 15px;
}
.product_title_wrap .summary{
    overflow: hidden;
}
.product_title_wrap .summary p{
    margin-top: -2rem;
}

.page_single-custom .btnArea {
    text-align: left;
    margin-top: 0;
    text-align: center;
}
.page_single-custom .btnArea .more-info-btn {
    display: inline-block;
    width: 50%;
    max-width: 600px;
    padding: 25px 0;
    border-radius: 6px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    background-color: #0590ff;
    border: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}
.page_single-custom .btnArea .more-info-btn:hover{
    background-color: #266ce9;
}