/* 1rem = 16px */
:root {
	--green: #18AA91;
	--orange: #EF7B37;
	--bg_white: #ffffff;
	--bg_xlight: #FAFAFA;  
	--bg_less_light_gray: #F9F9F9;
	--bg_light_gray: #F4F4F4;
	--bg_light: #EAEAEA;
	--bg_C8C8C8: #C8C8C8;
	--bg_slight_gray: #9F9F9F;
	--bg_xslight_gray: #939393;
	--bg_gray: #646464;
	--bg_black_gray: #505050;
	--bg_black_sgray: #373537;
	--bg_black_xs_light: #303030;
	--bg_black: #323232;
	--bg_dark_black: #191919;
	--hover_yellow: #F5C14A;
	--brown: #BE7B37;
	--color_white: #ffffff;
	--color_light_gray: #AFAFAF;
	--color_black: #323232;
	--color_true_black: #000000;
	--border_gray: #C6C6C6;
	--border_black_gray: #C7C7C7;
}
@media only screen and (max-width: 575px){
	:root {
		font-size: 16px;
	}
}

/*通用設定 開始------------------------------*/
	.body{
		color: var(--color_black);
	}
	a, a:hover{
		color: var(--hover_yellow);
		text-decoration: none;
	}
	.img{
		width: auto;
		max-width: 100%;
	}
	.copy .item .community li a{
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.w-0{
		width: 0% !important;
	}
	.w_mxcont{
		width: max-content;
	}
	.mxw_270px{
		width: 50% !important;
		max-width: 270px !important;
	}
	.cursor-pointer{
		cursor: pointer;
	}
	.cursor-initial{
		cursor: initial !important;
	}

	.def_tb_sp{
		padding-top: 0.75rem !important;
		padding-bottom: 0.5rem !important;
	}
	.pr-c-100px{
		padding-right: 85px;
	}
	.minh-50px{
		min-height: 50px;
	}

	.ml-smal{
		margin-left: 3rem;
	}
	.pr_medi{
		padding-right: 4.687rem !important;
	}
	.pl_medi{
		padding-left: 4.687rem !important;
	}
	.pb_xxlar{
		padding-bottom: 22.25rem !important;
	}
	.pb_xbig{
		padding-bottom: 12.25rem !important;
	}
	.pb_big{
		padding-bottom: 8rem !important;
	}
	.pb_medi{
		padding-bottom: 4rem !important;
	}
	.pb_smal{
		padding-bottom: 3.75rem !important;
	}
	.pb_ssmal{
		padding-bottom: 2.5rem !important;
	}
	.mb_ssmal{
		margin-bottom: 2.5rem !important;
	}
	.pb_sxsmal{
		padding-bottom: 1.875rem !important;
	}
	.pb_xsmal{
		padding-bottom: 1.375rem !important;
	}
	.pb-1_1{
		padding-bottom: 1.1rem !important;
	}
	.pt_xlar{
		padding-top: 11rem !important;
	}
	.pt_lar{
		padding-top: 9rem !important;
	}
	.pt_big{
		padding-top: 7rem !important;
	}
	.pt_medi{
		padding-top: 4.25rem !important;
	}
	.pt_smal{
		padding-top: 3.75rem !important;
	}
	.pt_sxsmal{
		padding-top: 2.1875rem !important;
	}
	.pt_xsmal{
		padding-top: 1.75rem !important;
	}

	@media only screen and (max-width: 1023px){
		.pr-c-100px{
			padding-right: 0px;
		}
	}
	@media only screen and (max-width: 1199px){
		.pr_medi{
			padding-right: 0rem !important;
		}
		.pl_medi{
			padding-left: 0rem !important;
		}
	}
	@media only screen and (max-width: 575px){
		.pb_xxlar{
			padding-bottom: 11rem !important;
		}
		.pb_xbig{
			padding-bottom: 6rem !important;
		}
		.pb_big{
			padding-bottom: 4.25rem !important;
		}
		.pb_medi{
			padding-bottom: 2rem !important;
		}
		.pb_smal{
			padding-bottom: 1.8rem !important;
		}
		.pb_ssmal{
			padding-bottom: 1.25rem !important;
		}
		.mb_ssmal{
			margin-bottom: 1.25rem !important;
		}
		.pb_sxsmal{
			padding-bottom: 1rem !important;
		}
		.pb_xsmal{
			padding-bottom: 0.6rem !important;
		}
		.pt_xlar{
			padding-top: 5rem !important;
		}
		.pt_lar{
			padding-top: 4rem !important;
		}
		.pt_big{
			padding-top: 2rem !important;
		}
		.pt_medi{
			padding-top: 1.6rem !important;
		}
		.pt_smal{
			padding-top: 1.2rem !important;
		}
		.pt_sxsmal{
			padding-top: 1rem !important;
		}
		.pt_xsmal{
			padding-top: 0.8rem !important;
		}
	}

	.color_orange{
		color: var(--orange);
	}
	.color_white{
		color: var(--bg_white);
	}

	.color_C8C8C8{
		color: var(--bg_C8C8C8) !important;
	}
	.color_gray{
		color: var(--bg_gray);
	}
	.color_black{
		color: var(--color_black) !important;
	}
	.color_dark_black{
		color: var(--bg_dark_black) !important;
	}
	.color_brown{
		color: var(--brown) !important;
	}

	.bg_unset{
		background: unset !important;
	}
	.bg_white{
		background: var(--bg_white);
	}
	.bg_light{
		background: var(--bg_light) !important;
	}
	.bg_xlight{
		background: var(--bg_xlight);
	}
	.bg_light_gray{
		background: var(--color_light_gray);
	}
	.bg_gray{
		background: var(--bg_gray);
	}
	.bg_black{
		background: var(--color_black) !important;
		background-color: var(--color_black) !important;
	}
	.bg_black_xs_light{
		background: var(--bg_black_xs_light) !important;;
	}
	.bg_dark_black{
		background: var(--bg_dark_black) !important;;
	}
	.bg_true_black{
		background: var(--color_true_black);
	}

	@media only screen and (mmin-width: 1024px){
		.w1400{
			padding: 0;
		}
	}
	.anuenue_container, .anuenue_container_full{
		margin: 0 auto;
		max-width: 1366px;
	}
	@media only screen and (max-width: 1400px){
		.anuenue_container, .anuenue_container_full{
			padding-left: 5%;
			padding-right: 5%;
		}
	}
	@media only screen and (max-width: 767px){
		.anuenue_container, .anuenue_container_full{
			max-width: 660px;
		}
	}
	@media only screen and (max-width: 575px){
		.anuenue_container{
			max-width: 400px;
		}
	}
/*通用設定 結束------------------------------*/


.content_block{
	max-width: 1920px;
	margin: 45px auto 0 auto;
}

.banner{
	max-height: 525px;
	min-height: 200px;
	height: 60vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.toTop{
	position: fixed;
	border-radius: 3rem;
	color: var(--bg_black);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	width: 3rem;
	height: 3rem;
	bottom: 3rem;
	right: 2.5rem;
	background: var( --bg_light_gray);
	z-index: 9;
}

.sub_menu{
	width: 100%;
	display: flex;
	align-items: center;
	min-height: 50px;
	top: 45px;
	z-index: 5;
	background: var(--bg_black);
	font-size: 1.3rem;
}
.sub_menu .container{
	max-width: 1300px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
}
.sub_menu a.link{
	color: var(--color_white);
}
.sub_menu a.link.active,
.sub_menu a.link:hover{
	color: var(--hover_yellow);
}
.sub_menu .sub_menu_select{
	width: 160px;
	background: unset;
	color: var(--color_white);
	outline: 0;
}
.sub_menu .sub_menu_select option{
	color: var(--color_black);
}

.title_block h1,
.title_block h2{
	line-height: 1;
	font-size: 2.5rem;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	letter-spacing: 3px;
	color: var(--color_white);
	font-weight: bold;
	flex-wrap: wrap;
}
.title_block h1 .subtitle{
	font-size: 1.875rem;
}

.content_block .sub_title{
	padding-bottom: 2.5rem;
	font-size: 2.5rem;
	font-weight: bold;
}
.content_block .text p{
	font-size: 1rem;
	line-height: 2rem;
}

.about_brand a{
	color: var(--bg_black);
}
.about_brand li{
	display: flex;
	align-items: center;
	line-height: 3.75rem;
	border-bottom: 1px solid var(--border_gray);
}
.about_brand li .time{
	margin-right: 1.25rem;
	font-size: 1rem;
	color: var(--color_light_gray);
}
.about_brand li .title{
	font-size: 1.25rem;
}
@media only screen and (max-width: 991px){
	.about_brand li{
		flex-direction: column;
		align-items: unset;
		line-height: 2;
		margin-bottom: 1rem;
	}
	img.about_logo{
		width: 45%;
		max-width: fit-content;
	}
}
@media only screen and (max-width: 575px){
	.title_block h1,
	.title_block h2{
		font-size: 2rem;
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.title_block h1 .subtitle{
		font-size: 1.4rem;
		line-height: 1.3;
		letter-spacing: 1px;
	}
	.content_block .sub_title{
		padding-bottom: 1.5rem;
		font-size: 2rem;
	}
}

.page_list{
	width: 50%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.page_list li{
	width: 2rem;
	text-align: center;
	cursor: pointer;
}
.page_list li.disabled{
	cursor: initial;
}
.page_list li.active{
	color: var(--hover_yellow);
}
.page_list li:nth-child(1),
.page_list li:nth-child(2),
.page_list li:nth-last-child(1),
.page_list li:nth-last-child(2){
	width: 3.125rem;
}

/*關於我們 手風琴表單*/
	.content_block .accordion h3{
		font-size: 1.625rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.content_block .accordion text{
		display: block;
		font-size: 1rem;
		line-height: 1.6;
	}
	.accordion.ui-accordion>div.ui-accordion-content{
		border: none;
		overflow: visible;
		border-bottom: 1px solid var(--border_gray);
		padding: 1em 0%;
	}
	.accordion .ui-accordion-header{
		border-bottom: 1px solid var(--border_gray);
	}
	.accordion .ui-accordion-header[aria-expanded="true"]{
		border-bottom: none;
	}
	.diamond_shape{
		display: inline-block;
		position: absolute;
		width: 1rem;
		height: 1rem;
		background: var(--bg_black);
		transform: rotate(45deg);
		margin-top: 0.45rem;
	}
	/*調整 jquery ui 樣式*/
	.ui-accordion .ui-accordion-header{
		font-size: unset;
	}
	.accordion .ui-state-active .ui-icon , 
	.accordion .ui-button:active .ui-icon,
	.ui-icon, .ui-widget-content .ui-icon{
		display: none;
	}
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
		background: unset;
		color: var(--color_black);
		border: none;
	}
	/*-------------------*/

	.form{
		max-width: 620px;
		padding: 0 2.5%;
		box-sizing: content-box;
		margin: 0 auto;
	}
	.form .form-group{
		border: 1px solid var(--border_gray);
		border-radius: 5px;
		display: flex;
	}
	.form .form-group label{
		/* width: 8.125rem; */
		width: 11.125rem;
		height: inherit;
		margin: 0;
		background: var(--border_black_gray);
		color: var(--color_black);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.form .form-group form-control{
		border: none;
	}
	.form .submit_btn{
		background: var(--bg_gray);
		color: var(--color_white);
		padding: 0.5rem 0;
		display: flex;
		justify-content: center;
	}
	.form input[type="file"]{
		visibility: hidden;
	}
	.form .verify{
		width: 100%;
	}
	/*調整 套件verify 樣式*/
	.form .verify .cerify-code-panel{
			display: flex;
			flex-direction: row-reverse;
			align-items: center;
	}
	.form .verify .verify-input-area{
		width: 80%;
	}
	.form .verify .varify-input-code{
		padding: .375rem .75rem;
	}
	.form-control, .form .verify .varify-input-code{
		color: var(--color_black);
		border: none;
	}
	/*調整 jquery ui 樣式*/
	.form .ui-selectmenu-button.ui-button{
		width: 100%;
		border: none;
		background: unset;
	}
	.ui-menu .ui-menu-item{
		padding: 0em 1em;
	}

/*經銷商-----------------------------------------------*/
	.area_select{
		padding: 2.1875rem 0;
	}
	.area_select input, .area_select select{
		max-width: 400px;
		width: 30%;
	}
	.dealer .accordion.ui-accordion>div.ui-accordion-content{
		border: none;
		margin-top: 2.5rem;
	}
	.dealer .content_block .accordion .row{
		padding-bottom: 2rem;
		border-bottom: 1px solid var(--border_gray);
	}
	.dealer .content_block .accordion h3{
		font-size: 1.25rem;
		background: var(--bg_slight_gray);
		color: var(--bg_light_gray);
		height: 3.125rem;
		line-height: 2rem;
		margin-bottom: 2.5rem;
	}
	h3 i.circle{
		color: var(--color_white);
		border: 1px solid var(--color_white);
		border-radius: 2.5rem;
		width: 2.1875rem;
		height: 2.1875rem;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		right: 1rem;
	}
	h3 i.circle::before {
		content: " ";
		border: 1px solid;
		width: 1.6875rem;
	}
	h3 i.circle::after {
		content: " ";
		border: 1px solid;
		width: 1.6875rem;
		position: absolute;
		display: inline-block;
		transform: rotate(90deg);
	}
	.accordion h3[aria-expanded="true"] i.circle::after{
		display: none;
	}
	.dealer .accordion .anuenue_container{
		padding: 0;
		margin-bottom: 2.5rem;
	}
	.intro_img{
		display: flex;
		justify-content: center;
		align-items: center;
		max-width: 300px;
		width: 100%;
		height: auto;
	}
	.intro_img img{
		width: fit-content;
		height: auto;
		max-width: 100%;
	}
	.accordion .right_intro{
		padding-top: 2.5rem;
		padding-left: 6rem;
		width: 100%;
	}
	.accordion .right_intro .shop_title{
		display: inline-block;
		font-size: 1.875rem;
		padding-bottom: 2rem;
	}
	.accordion .right_intro .shop_title span{
		font-size: 1.25rem;
	}
	.accordion .right_intro ul li{
		margin-bottom: 1.25rem;
		display: flex;
	}
	.accordion .right_intro ul li span:first-child{
		width: 7.8125rem;
		font-weight: bold;
	}
	.accordion .right_intro ul li span:last-child{
		width: calc(100% - 7.8125rem);
	}
	.dealer .accordion .more_intro{
		height: 0px;
	}
	/*.dealer .accordion .more_intro.open{
		display: block;
	}*/
	.accordion .right_intro .short_intro{
		display: inline-block;
		width: 90%;
		/*word-break: break-word;*/
	}
	.dealer .accordion .show_more{
		font-size: 3rem;
		display: flex;
		align-items: center;
		justify-content: center;
	width: 9%;
		height: inherit;
		text-align: center;
		cursor: pointer;
	}
	.dealer .accordion .show_more.active{
		transform: rotate(90deg);
	}
	.dealer .content_block .text p{
		margin-bottom: 1.25rem;
	}
	@media only screen and (max-width: 991px){
		.accordion .right_intro{
			padding-left: 0rem;
			flex-direction: column;
			align-items: center;
		}
		.dealer .accordion .show_more{
			transform: rotate(90deg);
		}
		.dealer .accordion .show_more.active{
			transform: rotate(-90deg);
		}
		.accordion .right_intro{
			padding-left: 0px;

		}
		.accordion .right_intro{
			width: auto;
		}
		.accordion .right_intro .short_intro{
			width: 100%;
		}
	}
	@media only screen and (max-width: 575px){
		.accordion .right_intro ul li{
			flex-direction: column;
		}
		.accordion .right_intro ul li span:last-child{
			width: 100%;
		}
	}

/*音樂人-----------------------------------------------*/
	.musician .banner_carousel.owl-theme .owl-dots,
	.musician .banner_carousel.owl-carousel .owl-dots.disabled{
		display: block;
		position: absolute;
		bottom: 0px;
		width: 100%;
	}
	.musician .banner_carousel.owl-theme .owl-dots .owl-dot span{
		width: 1.875rem;
			height: 1.875rem;
			background: var(--bg_black_gray);
			margin: 0 1rem 2.125rem 1rem;
	}
	.musician .banner_carousel .item>div{
		top: 0;
		height: 100%;
		display: flex;
		align-items: center;
	}
	.musician .banner_carousel .item h2,
	.musician .banner_carousel .item p{
		color: var(--color_white);
		font-weight: bold;
		line-height: 1;
	}
	.musician .banner_carousel .item h2{
		font-size: 3.125rem;
		margin-bottom: 1.5rem;
	}
	.musician .banner_carousel .item p{
		font-size: 2.1875rem;
	}

	.musician .person{
		padding: 0;
		margin: 0;
		margin-bottom: 2rem;
	}
	.musician .person>a{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.musician .person p{
		font-size: 1.25rem;
		margin-top: 0.9375rem;
		margin-bottom: 0;
		color: var(--color_light_gray);
	}
	@media only screen and (max-width: 991px){
		.musician .banner_carousel.owl-theme .owl-dots .owl-dot span{
			width: 1rem;
			height: 1rem;
			margin: 0 0.75rem 1rem 0.75rem;
		}
	}
	@media only screen and (min-width: 1401px){
		.musician .person>a img{
			padding: 0 10px;
		}
	}
	@media only screen and (max-width: 1400px){
		.musician .person>a:nth-child(odd){
			padding: 0 5% 0 0;
		}
	}
	@media only screen and (max-width: 575px){
		.musician .banner_carousel .item h2{
			font-size: 1.6rem;
			margin-bottom: 0.6rem;
		}
		.musician .banner_carousel .item p{
			font-size: 1.1rem;
		}
		.musician .banner_carousel.owl-theme .owl-dots .owl-dot span{
			width: 0.8rem;
				height: 0.8rem;
				margin: 0 0.5rem 0.2rem 0.5rem;
		}
	}

/*音樂人詳細內容-----------------------------------------------*/
	.musician_detail .intro_img{
		max-width: 550px;
	}
	.musician_detail .right_intro{
		padding-top: 0rem;
		padding-left: 8.25rem;
		width: 100%;
	}
	.musician_detail .title_block{
		background: unset;
	}

	.musician_detail .right_intro .title_block h1 span{
		padding-left:1.5rem;
		font-size: 1.875rem;
	}
	.musician_detail .right_intro .title_block h1 p{
		font-size: 2.1875rem;
	}
	.musician_detail .right_intro .title_block p{
		line-height: 1;
		font-size: 1.875rem;
	}
	.musician_detail .accordion h3.ac_head{
		font-size: 3.125rem;
		border: none;
		border-radius: 0;
	}
	.musician_detail .accordion.ui-accordion>div.ui-accordion-content{
		border: none;
	}
	.musician_detail .customize_violin{
		border-bottom: 1px solid var(--color_true_black);
	}
	.musician_detail .customize_violin .intro_img{
		max-width: 465px;
	}
	.musician_detail .customize_violin .right_intro{
		padding-top: 2.5rem;
	}
	.musician_detail .customize_violin .right_intro .text p{
		line-height: 2.2;
		font-size: 1rem;
	}
	.musician_detail .customize_violin .right_intro .lightbox_btn{
		color: var(--color_white);
		background: var(--orange);
		width: 49%;
	}
	.musician_detail .cooperate_film{
		border-bottom: 1px solid var(--color_black);
	}
	.musician_detail .cooperate_film .intro_img{
		max-width: 200px;
	}
	.musician_detail .customize_violin .right_intro,
	.musician_detail .cooperate_film .right_intro{
		padding-left: 3.375rem;
	}
	.musician_detail .page_list li:hover{
		color: var(--hover_yellow);
		text-decoration: underline;
	}
	#carousel02 .item{
		/* width: 9.375rem; */
		/* height: 9.375rem; */
	}
	#carousel01 .item img,
	#carousel02 .item img{
		max-width: auto;
	}
	.musician_detail .modal-dialog{
		max-width: 100%;
	}
	.musician_detail .modal-dialog .modal-content .close{
		border-radius: 10rem;
		opacity: 1;
		position: absolute;
		z-index: 99;
		right: 0;
	}
	.musician_detail .modal-dialog .modal-content .close span{
		border-radius: 10rem;
		display: inline-block;
		padding: 0.2rem;
	}
	.musician_detail .owl-theme .owl-nav.disabled+.owl-dots{
		visibility: hidden;
	}
	.musician_detail .violin_info:first-child{
		border-right: 2px solid var(--bg_black);
	}
	.musician_detail .violin_info{
		justify-content: center;
	}
	#film iframe{
		width: 80%;
		height: 50vh;
	}
	@media only screen and (max-width: 991px){
		.musician_detail .customize_violin,
		.musician_detail .cooperate_film{
			align-items: center;
		}
		.musician_detail .right_intro,
		.musician_detail .customize_violin .right_intro,
		.musician_detail .cooperate_film .right_intro{
			padding-left: 0;
		}
		.musician_detail .cooperate_film .right_intro{
			padding-top: 2.5rem;
		}
	}
	@media only screen and (max-width: 767px){
		#film iframe{
			width: 100%;
		}
		.musician_detail .cooperate_film .intro_img{
			max-width: none;
		}
		.musician_detail .intro_img{
			padding: 0 10%;
		}
		.musician_detail .violin_info{
			justify-content: flex-start;
			padding-left: 8%;
			padding-right: 8%;
		}
	}
	@media only screen and (max-width: 575px){
		.musician_detail .right_intro .title_block h1 span{
			font-size: 1.2rem;
		}
		.musician_detail .right_intro .title_block p{
			font-size: 1.6rem;
		}
		.musician_detail .accordion h3.ac_head{
			font-size: 2rem;
		}
	}

/*商品搜尋結果*/
	.product_search .intro_img{
		max-width: 280px;
		max-height: 280px;
	}
	.product_search .color_block{
		width: 100%;
		position: absolute;
		background: var(--color_white);
		height: 1px;
		z-index: 1;
	}
	.product_search .color_block:nth-child(1){
		top: 0;
	}
	.product_search .color_block:nth-child(2){
		bottom: 0;
	}
	.product_search .product{
		border: 1px dashed var(--border_gray);
	}
	.product_search .product a{
		border-radius: 3.125rem;
		background: var(--color_white);
		color: var(--color_black);
		overflow: hidden;
	}
	.product_search .intro_img img {
		width: auto;
		max-height: inherit;
	}

/*商品分類*/
	.design_carousel.owl-carousel.owl-drag .owl-item{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: .25rem;
	}
	.product_category .design_area .intro_img{
		max-width: 65px;
	}
	.product_category .design_area .owl-carousel .owl-stage{
		display: flex;
		align-items: baseline;
	}
	.product_category .design_area .owl-carousel .owl-stage .item{
		width: max-content;
	}
	@media only screen and (min-width: 1024px){
		.design_area .anuenue_container{
			max-width: 1024px;
		}
		.design_carousel.owl-carousel .owl-stage-outer{
			display: flex;
			align-items: center;
			/*justify-content: center;*/
		}
	}

/*頁尾 footer*/
	footer .ui-widget-content a{
		color: var(--color_white);
	}
	footer .ui-accordion .ui-accordion-content{
		background: unset;
		padding: 0;
		border: none;
	}
	.copy .item .title{
		padding: 0 0 1rem 0;
		border-radius: 0;
	}
	@media only screen and (min-width: 992px){
		footer .ui-accordion .ui-accordion-header{
			cursor: default;
		}
	}
	@media only screen and (max-width: 991px){
		.copy .item .title{
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.copy .item .title i{
			width: 1rem;
		}
		.copy .item .title i:before,
		.copy .item .title i:after{
			content: close-quote;
			position: absolute; 
			display: inline-block;
			background-color: var(--bg_C8C8C8);
			width: 0.8rem;
			height: 1px;
		}
		.copy .item .title i:after{
			transform: rotate(90deg);
		}
		.copy .item .title[aria-expanded="true"] i:before{
			transform: rotate(45deg);
		}
		.copy .item .title[aria-expanded="true"] i:after{
			transform: rotate(135deg);
		}
		footer .copy .item{
			border-bottom: 1px solid var(--bg_C8C8C8);
		}
		.copy .item li a{
			padding: 0rem 0 1rem 0;
		}
	}

/*選單加入語言版*/
	.r-btn-box ul li a.lang-btn,
	.lang-mobile .lang-btn{
		display: inline-block;
		padding: 0;
		border-radius: 3px;
		border: 1px solid white;
		text-align: center;
		width: 25px;
		line-height: 25px;
		color: white;
	}
	.r-btn-box ul li a.lang-btn:hover,
	.lang-mobile .lang-btn:hover{
		color: white;
	}
	.r-btn-box ul li a.lang-btn.active,
	.lang-mobile .lang-btn.active{
		background: white;
		color: var(--color_black);
	}

	.lang-mobile{
		display: flex;
		margin-top: 20px;
	}
	.lang-mobile a.lang-btn{
		margin: 0px 5px;
	}

	@media (min-width: 1024px){
		.lang-mobile{
			display: none;
		}
	}
	@media (max-width: 1023px){
		.lang-desk{
			display: none;
		}
	}


/*購物車樣式--------------------------------------------------*/
	/*商品詳細內容*/
		body.anuenueshop{
			font-size: 1rem;
			color: var(--color_black);
		}
		.anuenueshop .content_block{
			margin: 43px auto 0 auto;
		}
		.anuenueshop .title_block{
			width: 100%;
			z-index: 5;
		}
		.anuenueshop .sub_menu{
			top: 120px;
		}
		@media only screen and (max-width: 991px){
			.anuenueshop .toTop{
				bottom: 6rem;
					right: 0.5rem;
			}
		}
		@media only screen and (max-width: 767px){
			.anuenueshop .sub_menu{
				top: 105px;
			}
		}
		@media only screen and (max-width: 575px){
			.anuenueshop .productIntroBox .bankStagingBox p{
				font-size: 1.1rem;
			}
			.anuenueshop .sub_menu{
				top: 85px;
			}
		}
		.anuenueshop #carousel02 .owl-stage{
			display: flex;
				justify-content: center;
		}
		.anuenueshop #carousel02 .owl-item{
			max-width: 75px;
		}
		.anuenueshop .title_block .prod_tag {
			font-size: 1.5rem;
		}
		.productIntroBox .addCartBox a,
		.productIntroBox .addCartBox a:hover,
		.productIntroBox .shoppingCartBox a,
		.productIntroBox .shoppingCartBox a:hover,
		.add_price .addcart,
		.add_price .addcart:hover{
			color: var(--color_white);
			background: var(--green);
			font-size: 1.25rem;
			border-radius: 5px;
		}
		.productIntroBox .contentBox p,
		.productIntroBox .activityBox span.activity,
		.productIntroBox .amountBox span.priceBox,
		.productIntroBox .amountBox span.offerPriceBox,
		.productIntroBox .bankStagingBox p{
			color: var(--bg_gray);
		}
		.productIntroBox .amountBox span.offerPriceBox span.amount
		{
			color: var(--orange);
		}
		.price_optoin .show_name{
			font-size: 2.25rem;
			background: var(--bg_light);
			padding-left: 1.25rem;
		}
		.price_optoin .option_text{
			background: var(--color_black);
			color: var(--white);
			text-align: center;
			border-radius: 5px; 
		}
		.price_optoin .optoins{
			width: calc(100%);
		}
		.price_optoin .optoins>span{
			width: 30%;
		}
		.price_optoin .optoins>span:nth-child(3n-1){
			margin-left: 1rem;
			margin-right: 1rem;
		}
		.price_optoin .optoins span label{
			width: 100%;
			min-height: 35px;
		}


		.price_optoin .ui-state-default, 
		.price_optoin .ui-widget-content .ui-state-default, 
		.price_optoin .ui-widget-header .ui-state-default, 
		.price_optoin .ui-button, 
		html .price_optoin .ui-button.ui-state-disabled:hover, 
		html .price_optoin .ui-button.ui-state-disabled:active,
		.price_optoin .ui-state-hover, 
		.price_optoin .ui-widget-content .ui-state-hover, 
		.price_optoin .ui-widget-header .ui-state-hover, 
		.price_optoin .ui-state-focus, 
		.price_optoin .ui-widget-content .ui-state-focus, 
		.price_optoin .ui-widget-header .ui-state-focus, 
		.price_optoin .ui-button:hover, 
		.price_optoin .ui-button:focus
		{
			border: 2px solid var(--bg_slight_gray);
			color: var(--bg_gray);
				background: var(--color_white);
		}
		.price_optoin .ui-state-active, 
		.price_optoin .ui-widget-content .ui-state-active, 
		.price_optoin .ui-widget-header .ui-state-active, 
		.price_optoin a.ui-button:active, 
		.price_optoin .ui-button:active, 
		.price_optoin .ui-button.ui-state-active:hover{
			border: 2px solid var(--bg_gray);
			background: var(--bg_gray);
			color: var(--color_white);
		}
		.productIntroBox .optoins.activityBox{
			margin-bottom: 0px;
		}
		.amountBox .spinnerBox{
				max-width: 400px;
				width: 60%;
		}
		.amountBox .spinnerBox input,
		.amountBox .spinnerBox .input-group-prepend,
		.amountBox .spinnerBox .input-group-append{
			height: 100%;
			border: 1px solid var(--border_gray);
		}
		.amountBox .spinnerBox .input-group-prepend{
			border-left: 1px solid var(--border_gray);
			border-radius: 5px 0 0 5px;
		}
		.amountBox .spinnerBox .input-group-append{
			border-right: 1px solid var(--border_gray);
			border-radius: 0 5px 5px 0;
		}
		.love_btn{
			font-size: 1.2rem;
			min-width: 3.75rem;
			color: var(--orange);
			border: 1px solid var(--orange);
		}
		.love_btn.btn:hover{
			color: var(--orange);
		}
		.love_btn.fill{
			background: var(--orange);
		}

		.love_btn.fill.btn:hover,
		.love_btn .bi-share:hover,
		.love_btn .bi-bookmark-fil:hover{
			color: var(--color_white);
		}

		.tabBox{
			margin: 0;
		}
		.tabBox .tab{
			border: none;
		}
		.tabBox .tabcontent{
			padding: 0;
			display: block;
		}
		.tabBox .tab a>span,
		.tabBox .tab a.active>span,
		.tabBox .tab a:hover>span{
			background: var(--color_black);
		}
		.tabBox .tab a>span:hover{
			color: var(--hover_yellow);
		}
		.tabBox .tab a>span .d-i-block{
			font-size: 1.3rem;
		}

		.recommend_area,
		.recommend_area .title_block,
		.anuenueshop .product_search .color_block{
			background: var(--bg_less_light_gray);
			text-align: center;
		}
		.recommend_area .title_block h2{
			padding: 0;
			color: var(--bg_black_sgray);
		}
		.recommend_area .title_block span{
			padding: 0 1rem;
			border-bottom: 2px solid var(--orange);
			line-height: 1.25;
			letter-spacing: 1px;
		}
		@media only screen and (max-width: 575px){
			.recommend_area .title_block span{
				font-size: 1.7rem;
			}
		}
		.recommend_area.product_search .color_block{
			z-index: 2;
		}
		.recommend_area .owl-theme .owl-dots,
		.recommend_area .owl-carousel .owl-dots.disabled{
			display: block;
			position: absolute;
			bottom: -4rem;
			width: 100%;
		}
		.recommend_area .owl-theme .owl-dots .owl-dot span{
			width: 1.875rem;
			height: 1.875rem;
			background: var(--bg_black_gray);
			margin: 0 1rem 0 1rem;
		}
		@media only screen and (max-width: 575px){
			.owl-theme .owl-nav.disabled+.owl-dots{
				bottom: -2.5rem;
			}
			.recommend_area .owl-theme .owl-dots .owl-dot span{
				width: 0.8rem;
				height: 0.8rem;
			}
		}

		.productIntroBox .couponBox a:hover,
		.productIntroBox .activityBox span.activityIcon{
			background-color: var(--orange);
			border: 1px solid var(--orange);
		}
		.productIntroBox .couponBox a{
			border-radius: 5px;
		}

		/*調整上方購買橫幅*/
			@media only screen and (max-width: 767px){
				.top_buy h2{
					flex-direction: column;
				}
				.top_buy h2 .w_mxcont{
					width: 100%;
				}
				.top_buy h2 .w_mxcont ul{
					width: 100%;
						justify-content: center;
				}
				.top_buy h2 .w_mxcont ul li{
					text-align: center;
				}

				.top_buy h2 .btn-buy{
					margin-top: 10px;
				}
				.top_buy h2 .w_mxcont{
					font-size: 2rem;
				}
			}
			@media only screen and (max-width: 575px){
				.top_buy h2 .w_mxcont{
					font-size: 1.25rem;
				}
			}

	/*加價購*/
		#category_select-button span.ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s{
			display: block;
		}
		.add_price .ui-selectmenu-button.ui-button{
			display: inline;
			width: auto;
			background: unset;
			color: var(--color_white);
			border: 0;
			font-size: 1.25rem;
			padding: 0.5rem 0;
			max-width: 138px;
		}
		.add_price .ui-state-hover .ui-icon, 
		.add_price .ui-state-focus .ui-icon, 
		.add_price .ui-button:hover .ui-icon, 
		.add_price .ui-button:focus .ui-icon,
		.add_price .ui-button .ui-icon{
			background-image: url(http://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_ffffff_256x240.png);
			top: 5px;
		}
		.add_price .product_search .text p{
			text-align: left;
		}
		.add_price .product>span{
			border-radius: 3rem;
		}
		.add_price .price_option label{
			color: var(--color_white);
			background: var(--bg_xslight_gray);
			cursor: pointer;
			border-radius: 50%;
			display: inline-block;
			min-width: 1.5rem;
			min-height: 1.5rem;
			text-align: center;
			margin: 0;
		}
		.add_price .price_option .option_group{
			display: inline-flex;
			border-radius: 50%;
			box-sizing: border-box;
			width: 2rem;
			height: 2rem;
			align-items: center;
			justify-content: center;
			cursor: pointer;
		}
		.add_price .price_option .option_group.active{
			border: 2px solid var(--bg_black);
		}
		.add_price .price_option input{
			visibility: hidden;
			position: absolute;
		}
		.add_price .price_option.price_row p{
			font-size: 1.875rem;
		}
		.add_price .price_option.price_row span{
			font-size: 1.125rem;
		}
		.add_price .addcart{
			font-size: 1.25rem;
		}

		.prod_content{
			height: 56px;
			overflow-y: hidden;
		}
		.price_option_area{
			display: flex;
			flex-direction: column;
			justify-content: end;
		}

	/*登入畫面*/
		.bg_guitar{
			background-image: url(/frontEndPackage/images/shop/bg.png);
			background-repeat: no-repeat;
			background-size: cover;
		}
		.bg_anuenue{
			background-image: url(/frontEndPackage/images/shop/anuenue_bg.gif);
			background-repeat: repeat;
			background-size: contain;
		}
		.bg_pic{
			background-position: center;
			max-width: 1920px;
		}
		.login_page{
			width: 100%;
			max-width: 720px;
			padding-top: 6rem;
			padding-bottom: 4rem;
		}
		.login_page .container{
			padding: 3.5rem;
			background: #ffffffaa;
			border-radius: 1rem;
		}
		.page_title{
			font-size: 1.25rem;
			border-left: 3px solid black;
			padding-left: 0.5rem;
		}
		.page_title span{
			font-size: 0.875rem;
			float: right;
		}
		.login_page .form-control,
		.verification input.varify-input-code,
		.verify-code-area .verify-input-area{
			background: var(--color_white);
		}
		input::-webkit-input-placeholder{
			color: var(--bg_slight_gray);
		}
		input:-moz-placeholder{
			color: var(--bg_slight_gray);
		}
		.form-control,
		.forgetPasswordModel .form-control,
		.login_page .shoppingCart a.signMbrBtn,
		.verification input.varify-input-code,
		.verify-code-area .verify-input-area{
			border-radius: .25rem;
		}
		.verification input.varify-input-code{
			padding: .375rem .75rem;
		}
		a.verify-change-code{
			color: var(--orange);
		}
		.login_page .verifyCode label{
			margin: 0;
		}
		.other_login{
			display: flex;
			align-items: center;
		}
		.other_login span{
			width: 300px;
			text-align: center;
		}
		.other_login::after,
		.other_login::before{
			content: "  ";
			/* width: -webkit-fill-available; */
			width: 60%;
			line-height: 1px;
			height: 1px;
			display: inline-block;
			background: var(--bg_gray);
		}
		#forgetPasswordModel.smallMOdel .modal-content{
			border-radius: 1rem;
		}
		.box_show{
			box-shadow: 0px 0px 1.5rem #00000055;
		}
		.thanks_block{
			padding: 7rem 10.5rem;
			margin:  17.8rem auto 24.5rem auto;
		}
		.thanks_block .btn{
			width: -webkit-fill-available;
			margin: 0px 1rem;
			border-radius: 0.25rem;
			background-color: var(--bg_gray);
			color: var(--color_white);
		}
		.ui.selection.dropdown{
				padding: .5em 1.1em .5em 1em;
		}
		.reg_prod_area{
			width: 100%;
			margin: 2.5rem auto;
			max-width: 1280px;
			padding: 0 10%;	
		}
		.reg_prod_area .form-group.col-12{
			display: flex;
			align-items: center;
		}
		.reg_prod_area .form-group.col-12>label{
			width: 90px;
			margin: 0;
		}
		.reg_prod_area .form-group.col-12 label.btn{
			width: 100px;
			height: auto;
		}
		.reg_prod_area .preview{
			max-width: 100%;
			width: auto;
		}

		.form-group input[type='text'],
		.form-group input[type='number'],
		.form-group input[type='email'],
		.form-group input[type='date'],
		.form-group input[type='password'],
		.form-group select.ui.selection.dropdown{
			background: var(--color_white);
			border: 1px solid var(--border_black_gray);
			border-radius: 0.25rem;
			font-weight: normal;
		}

		.reg_prod_area.modal-dialog-centered{
			min-height: auto;
		}
		.memberRuleModel.show{
			display: flex !important;
			align-items: center;
		}
		.memberRuleModel .modal-body{
			max-height: 50vh;
			overflow-y: scroll;
		}
		.member_Mwnu ul{
			display: flex;
			flex-wrap: wrap;
		}
		.member_Mwnu ul li{
			width: max-content;
		}
		.member_Mwnu ul li:not(:last-child){
			border-right: 1px solid var(--color_black);
		}
		.member_Mwnu ul li a,
		.member_Mwnu ul li a.active{
			background-color: unset;
		}
		.member_Mwnu ul li a{
			color: var(--color_black);
			padding: 0 0.8rem;
		}
		.member_Mwnu ul li a.active{
			color: var(--hover_yellow);
		}
		.member_Mwnu ul li a:after{
			display: none;
		}
		.use-btn{
			color: var(--color_white);
			background: var(--color_light_gray);
			padding: 0.25rem 1.5rem;
			border-radius: 0.25rem;
		}

		.orderTable.orderTable.table{
			border-spacing: 0px 0px;
		}
		.orderTable.orderTable a{
			color: var(--bg_gray);
		}
		.orderTable.table-striped tbody tr:nth-of-type(odd){
			background-color: var(--bg_xlight);
		}

		.prodReg.orderTable.table thead th,
		.prodReg.orderTable td{
			text-align: center;
			vertical-align: middle;
		}
		@media (max-width: 991px){
			.prodReg.orderTable.table thead th,
			.prodReg.orderTable td{
				text-align: left;
			}
		}
		.prodReg.orderTable th span,
		.prodReg.orderTable td span{
			display: block;
			min-height: 1.5rem;
		}
		.prodReg.orderTable th>span{
			border-right: 1px solid var(--bg_gray);
		}
		.prodReg.orderTable td>span{
			border-right: 1px solid var(--bg_C8C8C8);
		}
		.prodReg.orderTable thead tr:first-child th{
			background: var(--color_black);
			color: var(--color_white);
		}

		@media only screen and (max-width: 1280px){
			.prodReg.orderTable th span,
			.prodReg.orderTable td span{
				border: none;
			}
		}
		@media only screen and (max-width: 991px){
			.reg_prod_area,
			.login_page .container{
				padding: 2rem 1rem;
			}
			.thanks_block{
				padding: 3.5rem 1rem;
				margin:  8rem auto 10rem auto;
			}
			.reg_prod_area .form-group.col-12{
				flex-wrap: wrap;
			}
			.login_page .form-group{
				margin-bottom: 0;
			}
		}
		@media only screen and (max-width: 575px){
			.login_page{
				background: #ffffffaa;
			}
			.login_page .container{
				background: unset;
			}
		}