@import url('https://fonts.googleapis.com/css2?family=LXGW+WenKai+Mono+TC&display=swap');

*{

	/* font-family:"Lato", arial, "LXGW WenKai Mono TC", monospace,"Heiti TC", "微軟正黑體", "Microsoft JhengHei"; */

	/* font-family: "Lato", arial, "標楷體", "Heiti TC", "微軟正黑體", "Microsoft JhengHei"; */

	font-family: "Lato", arial, "Noto Serif TC", "Heiti TC", "微軟正黑體", "Microsoft JhengHei";

	}



/* cowboy 20220105 本部活蝦款式的 footer_content_12 #43095 */

/* .eshrimpStyle{

	background: #E0E0E0;

} */

.eshrimpStyle .slogan_txt {

	padding-top: 80px;

	text-align: center;

}

.eshrimpStyle .slogan_txt small {

	/* color: #333; */

	display: block;

	font-size: 12px;

	font-style: italic;

	margin-top: 12px;

}

.eshrimpStyle .ft_info {

	text-align: center;

	padding: 30px 0;

}

.eshrimpStyle .ft_info ul {

	margin: 0;

	padding: 0;

}

.eshrimpStyle .ft_info ul li {

	display: inline-block;

	/* color: #333; */

}

.eshrimpStyle .ft_info ul li:not(:last-child) {

	margin-right: 45px;

}

.eshrimpStyle .ft_info ul li i {

	margin-left: 0;

	margin-right: 5px;

}

.eshrimpStyle .ft_info ul li a {

	display: inline-block;

	/* color: inherit; */

}

.eshrimpStyle .siteMap.type2 {

	padding: 25px 0 22px 0;

	margin: 0;

	text-align: center;

	border: 1px solid #383b3e;

	border-left: 0;

	border-right: 0;

}

.eshrimpStyle .siteMap.type2 li {

	display: inline-block;

	margin: 0 30px;

	padding: 0;

	border: unset;

}

.eshrimpStyle .siteMap.type2 li a {

	display: block;

	/* color: inherit; */

}

.eshrimpStyle .ft_logo {

	text-align: center;

	padding: 30px 0 60px;

}

.eshrimpStyle .container_full {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: space-between;

	padding: 23px 50px;

	/* background-color: #1b322c; */

}

.eshrimpStyle .socialList {

	padding: 0;

	margin: 0;

}

.eshrimpStyle .socialList li {

	width: unset;

	height: unset;

}

.eshrimpStyle .copyRightTxt {

	padding: 0;

}



footer .eshrimpStyle .copyRightTxt {

	display: flex;

	gap: 16px;

}



footer .eshrimpStyle .copyRightTxt > span {

	display: flex;

}



@media (max-width: 576px) {

	footer .eshrimpStyle .copyRightTxt {

		flex-direction: column;

		gap: 8px;

		align-items: center;

	}

}



@media (max-width: 991px) {

	#ft_hide {

		display: none;

	}

	.eshrimpStyle .container_full {

		flex-direction: column;

	}

}

@media (max-width: 768px) {

	.eshrimpStyle .ft_info ul li {

		display: block;

	}

	.eshrimpStyle .ft_info ul li:not(:last-child) {

		margin-right: 0;

	}

}

/* cowboy 20220105 本部活蝦款式的 footer_content_12 #43095 end */



/* cowboy 20220107 再製作一個頁尾款式 footer_content_10 */

.allCenterStyle:not(.copyright) {

	text-align: center;

	/*background: #1B322C;*/

	padding: 30px 0;

}

.allCenterStyle .companyInfo i {

	color: #fff;

}

/* .allCenterStyle.copyright {

	background: #e0e0e0;

}

.allCenterStyle.copyright .copyRightTxt,

.allCenterStyle.copyright .copyRightTxt a {

	color: #666;

} */

/* cowboy 20220107 再製作一個頁尾款式 footer_content_10 end */



/*#43909*/

.proDetail .itemSlick .itemImg img {

	width: auto;

	height: auto;

}

footer {

	margin-top: 80px;

}

.index footer {

	margin-top: 0;

}



/*20220329Ming說banner不要預設圖，其他要預設圖*/

.banner .noneImg {

	display: none !important;

}



/* 20220905 解決FB message在手機板訊息遮到收藏 S */

@media (max-width: 768px) {

	.fb_dialog iframe {

		bottom: 10% !important;

		right: 0 !important;

		margin: 0 !important;

	}

}

/* 20220905 解決FB message在手機板訊息遮到收藏 E */



/* 20231019 關閉彈跳視窗問題 - 修改了原fancybox彈跳視窗套件對滾動軸做的設定 #50103 */

	/* html */

.fancybox-margin {

	margin-right: 0 !important;

}

.fancybox-lock {

	overflow: auto !important;

}

	/* body */

.fancybox-lock body {

	overflow: auto !important;

	

}

body{

	background-color: #ffffff;

	font-size: 18px;

}

	/* 彈跳視窗區塊 */

.fancybox-lock .fancybox-overlay {

	overflow: hidden;

}





.shopContent {

	display: block;

 }

 

.groupBtn {

    width: 100%;

    display: inline-flex;

}



.shop_back a {

    display: inline-block;

    text-align: center;

    margin-right: 15px;

}



.shop_back a .itemback_circle {

    border: 1px solid #cb5c64;

    background: #cb5c64;

	font-size: 14px;

    width: 25px;

    height: 25px;

    line-height: 24px;

    display: inline-block;

    border-radius: 100%;

}



.shop_back a p.tips { 

    color: #cb5c64;

	margin-top: 0;

    margin-bottom: 0;

    font-size: 14px;

}



.shop_back a .itemback_circle i {

	color: #fff;

}

footer.footerBgc {

	 /* background: #3283cd;  */

	background: #cbcdcd;

	background:linear-gradient(to top, #c4b3ac 0%, #cbcdcd 100%), radial-gradient(88% 271%, rgba(255, 255, 255, 0.25) 0%, rgba(254, 254, 254, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(50% 100%, rgba(255, 255, 255, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);

 background-blend-mode: normal, lighten, soft-light;

    color: #666666;

}

footer .footer_bg{

	display: none;

}

footer a, footer .copyRightTxt{

	color: #666666;

}

.footer_cowboyType16 .info-box p,.footer_cowboyType16 .info-box a{

	color: #ffffff;

}

footer a:hover{

	color: #C78A03;

}

.footer_cowboyType16 .linkMap ul li a {

    color: #666666;

}

footer .socialList i{

	color: #666666;

}

footer .socialList li:hover i{

	color: #C78A03;

}

.headerType1 .navMenu>li:hover>a{

	background: #fff;

}

.headerType1 .navMenu>li:hover>a:after{

    color: rgba(255, 255, 255, 0.5);

}

.pageLoadingStyle02 {

    background: linear-gradient(45deg,#e9deb9,#ffffff,#e9ddb9);

    height: 100vh;

}

#mbPanel.mbPanelTopLinkBlock .mbPanel_funNav.navTop .mbPanel_content .mbPanelTopLink{

	display: none;

}

#mbPanel.mbPanelTopLinkBlock .mbPanel_page .mbPanel_content {

    padding-top: 60px;

}

#mbPanel.mbPanelTopLinkBlock .mbPanel_funNav.navTop {

    height: 60px;

}

/* footer .copyRightTxt {

    color: #333;

} */

.blockTitle span.style01:after, .blockTitle span.style01:before {

    min-width: 15px;

    width: 15px;

    height: 13px;

}

.blockTitle span:after, .blockTitle span:before {

    content: "";

    background: url(/images/heart.svg) no-repeat;

	min-width: 15px;

    width: 15px;

    height: 13px;

}

.blockTitle span {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

	-webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.blockTitle span:before {

    left: 0;

    margin-right: 10px;

}

.blockTitle span:after {

    right: 0;

    margin-left: 10px;

}

.pageTitle:not([class*=pageTitleStyle-]):after{ 

	content:'';

	background: url(../images/title_icon-02.svg) no-repeat;

	width: 49px;

	height: 36px;

	display: inline-block;

}

.pageLoadingStyle02 .logo2 {

 	min-width: 150px;

	width: auto;

}



.blockInfo_box .myPoint{

	float: right;

    color: #6f6f6f;

    padding: 20px 20px;

    border-radius: 5px;

    border: solid 1px #6f6f6f;

	display: flex;

	align-items: center;

	margin-bottom: 30px;

}



.blockInfo_box .myPoint span:nth-child(2){

	font-size: clamp(32px,2vw,40px);

    font-weight: bold;

    color: #c20b21;

    padding-left: 5vw;

    margin-left: 20px;

    margin-right: 5px;

    border-left: solid 1px #6f6f6f;

	line-height: 2vw;

}

.blockInfo_box .myPoint span:nth-child(3){

	margin-bottom: -0.5vw;

}

@media (max-width: 1024px) {

	.blockInfo_box .myPoint {

		padding: 10px 20px;

		margin-bottom: 30px;

		margin-top: 20px;

	}

	.blockInfo_box .myPoint span:nth-child(2) {

		font-size: 28px;

		line-height: 30px;

	}

	.blockInfo_box .myPoint span:nth-child(3) {

		margin-bottom: -8px;

	}

}

.checkDate{

	width: 100%;

    float: right;

    margin: 10px 0 30px;

    text-align: right;

}



/* 搜尋樣式 */

.homebox{

	text-align: center;

    margin-bottom: 20px;

}



.homebox .homesearchbtn,.homebox .homesearchclear{

	background: #654d9d;

	color: #FFF;

	cursor: pointer;

	transition: .2s;

}

.homebox .homesearchbtn:hover,.homebox .homesearchclear:hover{

	filter: brightness(1.2);

}

::placeholder {

	color: #666!important;

  }

  @media (max-width: 768px){

	.homebox .homesearchbtn,.homebox .homesearchclear{

		width: 48%;

		margin-top: 10px;

	}

	.homebox .input-xlarge{

		width: 40%;

	}

	.homebox .homeinput{

		width: 56%;

	}

  }

  footer .footerContent .footerType1>:first-child {

    width: 70%;

}





/* 2024-04-25 #2328 【付】 S */

.pointlistSelectBox {

	clear: both;

	text-align: right;

	margin-bottom: 10px;

}



	/* 星星評價 S */

.evaluateStarSelect {

	margin: 2rem 0;

}



i.starBlock {

	display: inline-block;

	line-height: 1;

	cursor: pointer;

}

	

star div {

  width: calc(var(--level) * 26px);

  overflow: hidden;

  height: 26px;

  position: relative;

  display: inline-block;

}



star div::after {

  content: "";

  width: calc(var(--value) * 26px);

  height: 26px;

  display: inline-block;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  background-repeat: repeat-x;

  background-size: 26px;

  background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 0l1.968 4.004 4.532.58-3.315 3.054.832 4.362L6.5 9.884 2.483 12l.832-4.362L0 4.584l4.532-.58L6.5 0z' fill='%23F8B200'/%3E%3C/svg%3E");

}



/* 沒有評價 */

star div::before {

  content: "";

  width: calc(var(--level) * 26px);

  height: 26px;

  display: inline-block;

  position: absolute;

  top: 0;

  left: 0;

  background-repeat: repeat-x;

  background-size: 26px;

  background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 0l1.968 4.004 4.532.58-3.315 3.054.832 4.362L6.5 9.884 2.483 12l.832-4.362L0 4.584l4.532-.58L6.5 0z' fill='%23D8D8D8'/%3E%3C/svg%3E");

}



/* 自定義樣式 */

.rate:after{

	/* fill='%23FAC627'/...。要改顏色是這裡：FAC627 */



  /* background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.049 2.927c.3-.921 1.603-.921 1.902 0l1.743 5.365a1 1 0 0 0 .951.69h5.641c.969 0 1.372 1.24.588 1.81l-4.564 3.315a1 1 0 0 0-.363 1.118l1.743 5.365c.3.922-.755 1.688-1.539 1.118l-4.563-3.315a1 1 0 0 0-1.176 0L7.85 21.708c-.784.57-1.838-.196-1.54-1.118l1.744-5.365a1 1 0 0 0-.363-1.118l-4.564-3.315c-.784-.57-.38-1.81.588-1.81h5.64a1 1 0 0 0 .952-.69l1.743-5.365z' fill='%23007BFF'/%3E%3C/svg%3E"); */

  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.049 2.927c.3-.921 1.603-.921 1.902 0l1.743 5.365a1 1 0 0 0 .951.69h5.641c.969 0 1.372 1.24.588 1.81l-4.564 3.315a1 1 0 0 0-.363 1.118l1.743 5.365c.3.922-.755 1.688-1.539 1.118l-4.563-3.315a1 1 0 0 0-1.176 0L7.85 21.708c-.784.57-1.838-.196-1.54-1.118l1.744-5.365a1 1 0 0 0-.363-1.118l-4.564-3.315c-.784-.57-.38-1.81.588-1.81h5.64a1 1 0 0 0 .952-.69l1.743-5.365z' fill='%23FAC627'/%3E%3C/svg%3E");

}

.rate:before{

  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.049 2.927c.3-.921 1.603-.921 1.902 0l1.743 5.365a1 1 0 0 0 .951.69h5.641c.969 0 1.372 1.24.588 1.81l-4.564 3.315a1 1 0 0 0-.363 1.118l1.743 5.365c.3.922-.755 1.688-1.539 1.118l-4.563-3.315a1 1 0 0 0-1.176 0L7.85 21.708c-.784.57-1.838-.196-1.54-1.118l1.744-5.365a1 1 0 0 0-.363-1.118l-4.564-3.315c-.784-.57-.38-1.81.588-1.81h5.64a1 1 0 0 0 .952-.69l1.743-5.365z' fill='rgba(36, 39, 47, 0.12)'/%3E%3C/svg%3E");

}

	/* 星星評價 E */



.evaluateTextareaBox textarea {

	width: 100%;

	line-height: initial;

	height: 200px;

}



	/* 學員評價 shop_detail_5.php */

@media (min-width: 769px) {

	.evaluateStarShow {

		/*為了跟下面相關產品對齊*/

		margin: 0 87.6px;

	}

}



.evaluateStarShow ul.list {

	position: relative;

	padding-left: 0;

	list-style-type: none;

	margin: 1.5em 0;

}



.evaluateStarShow .userImg {

	width: 50px;

	height: 50px;

	border-radius: 50%;

	background-color: #ddd;

	text-align: center;

	display: flex;

	align-items: center;

	justify-content: center;

	position: absolute;

	left: 0;

	top: 0;

}

.evaluateStarShow .userImg i {

	font-size: 30px;

	color: #999;

}



.evaluateStarShow .userInfo {

	padding-left: 60px;

}

.evaluateStarShow .userInfo .name {

	color: #7094c0;

	font-weight: bold;

}

.evaluateStarShow .userInfo .time {

	font-size: 0.9rem;

	color: #999;

}



.evaluateStarShow .txt {

	padding-left: 60px;

}



/* 會員中心-積分記錄 /member.php?type=pointlist */

.pointlistTable tr td {

	white-space: nowrap;

}

.pointlistTable tr td:nth-child(2) {

	width: 90px;

}

.pointlistTable tr td:nth-child(2),

.pointlistTable tr td:nth-child(4) {

	white-space: initial;

}

.pointlistTable button {

	padding: 0.6em;

	margin: 0;

}

/* 2024-04-25 #2328 【付】 E */



.buttoncheck{

	background: #bf9907;

	border: none;

}

.blockTitle:not([class*=blockTitleStyle-]):after{

	/* background: #654d9d; */

	background:#3283cd;

}

.blockTitle:not([class*=blockTitleStyle-]) small, .indexContent_31 .btn-readMore{

	color: #c9c8c8;

}

.footer_cowboyType14 .footerContentTop{

	border-bottom: 1px solid #EEF0F2;

}

.indexContent_32 .item-list-frame .item-lists li .item-list .project-zoom:after{

	filter: invert(100%);

}

.indexContent_32 .item-list-frame .item-lists li:after{

	background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(3, 15, 27, 0.71)), color-stop(50%, rgba(255, 255, 255, 0)));

	background: linear-gradient(0deg, rgba(3, 15, 27, 0.71) 20%, rgba(255, 255, 255, 0) 70%);

}

.indexContent_32 .item-list-frame .item-lists li .item-list{

	background: rgba(0, 0, 0, 0.3);

	text-shadow: 2px 3px 5px #4d4d4d;

}

.indexContent_32 .item-list-title .title small{

	font-weight:300;

}

.indexContent_32 .item-list-frame .item-lists li .item-list .titleBox{

	margin: 6rem 0 2.2rem;

}

#mbPanel .mbPanel_funNav.navBottom *{

	color: #ffffff;

}

@media (min-width:1024px){

	.indexContent_32 .item-list-frame .item-lists li.slick-current .item-list .titleBox{

		transform: scale(0.8);

	

	}

}

.indexContent_32 .item-list-frame .more{

	background: none;

	

}

.indexContent_32 .item-list-frame .more a{

	color:#333333;

	padding: 0;

	font-size: 1.125rem;

}

.indexContent_32 .end-title{

display: inline-block;

    margin-bottom: 2rem;

    vertical-align: middle;

    letter-spacing: 0;

}

.indexContent_32 .end-title:after {

    content: "";

    display: inline-block;

    width: 100px;

    height: 1px;

    background: #dddddd;

    vertical-align: middle;

    margin: 0 0 0 20px;

}

.indexContent_32 .item-list-frame .more a:hover{

	color:#E6B908;

}

.slick-slider .slick-slide {

     padding: 0px; 

}

.pageTitle:not([class*=pageTitleStyle-]), .blockTitle:not([class*=blockTitleStyle-]) {

	color: #000;

}

.pageTitle:not([class*=pageTitleStyle-]) small{

	color: #888888;

}

.index .blockTitle:not([class*=blockTitleStyle-]){

	color:#C78A03;

}

.indexContent_31 .btn-readMore:before {

width: 45px;

}

@media screen and (min-width: 1281px) {

    .indexContent_32 .item-list-frame .more a:before, .indexContent_32 .item-list-frame .more a:after {

        width: 0px;

        height: 100%;

		content: none;

        

    }

}

.headerType1 .topLink{

	background: #a2adae;

}

.indexContent_07{

  background: url(../images/index_bg.jpg?ver=1.1);

  background-size: cover;

}

.index .container{

	margin-top: 0;

	margin-bottom: 0;

	padding-top: 32px;

	padding-bottom: 32px;

}

.indexContent_31 .txt{

	background: #ffffffa6;

}

section.block{

	margin-bottom: 0px;

}

.pageTitle:not([class*=pageTitleStyle-]) span, .blockTitle:not([class*=blockTitleStyle-]), .blockTitle:not([class*=blockTitleStyle-]) span

{

	/* font-family: "Lato", arial, "標楷體", "Heiti TC", "微軟正黑體", "Microsoft JhengHei"; */

}

.headerType1 .brandLogo img{

	height: 85px;

}

.navBar .navMenu>li>a{

	font-size: 19px;

}
.index .txt-area{
	font-weight: bold;
}
#mbPanel .mbPanel_funNav .mbPanel_content>* img{
	max-height: 63%;
}
#mbPanel .mbPanel_funNav.navTop .fa-user-o, #mbPanel .mbPanel_funNav.navTop .fa-search {
    display: none;
}
.proDetail .itemTitle, .light {
   	color: #C78A03;
}
.proDetail .itemTitle {
	color: #333;
}
@media (max-width: 1920px) {

    .tabList2 .tabLabel {

        border-bottom: 2px solid #b3b3b3;

    }

}


/* 2025-07-02 */
.headerType1 .brandLogo img {
	height: 80px;
}
.navBar .navMenu>li>a {
	font-size: 18px;
}