/*-------------------------------------------------
FIXED
	1)customer level
	2)Let iphone can tuch
	3)CM Answers-display the header,footer to be shortcodes
	4)ess ie modify
	5)側邊欄選單/手機選單-文字都可點擊(使選單可收縮)
	6)demo
	7)FaceBook-Like-BOX-Word
	8)修改購物車因檔首無 BOM 而產生的上方空白
	9)birth-bar
	10)adminmenu img
	11)form toolbar
	12)woocommerce 畫面跑版
	13)ESS 手機板: 左右置中
	14)ESS 標籤移過的字體為白色
	15)footer .col	所有區塊寬高統一
	16)網站邊界溢出
	17)針對會員級別定價，修復
	18)blog-information
	19)content-p-no-preset-bottom
	20)shop-car
	21)back-to-top-btn
	22)選取超商門市按鈕
	23)Mobile icon
	24)Mobile
	25)Footer修改，固定100%
	26)GC_Leisure-2017.11.30-Facebook sidbar slide 使此側邊欄只有原按鈕大小
	27)GC_Leisure-2017.12.08-Map'n Point
	28)GC_Leisure-2017.12.11-Light box bg modify
	29)GC_Leisure-2017.12.21-Line Share
	30)GC_Leisure-2017.12.25-dot z-index
	31)GC_Leisure-2017.12.25-VC升級後無法選擇文字、字色
	32)GC_Leisure-2017.12.26-將文字原生Margin移除
	33)GC_Leisure-2017.12.26-可以開關Elementer編輯器中的Header
	34)GC_Leisure-2017.12.26-Facebook在編輯器中關閉顯示
	35)GC_Leisure-2018.01.02-ESS 後台修正
-------------------------------------------------*/
	/*-------------------------------------------------
	1)GC_Leisure-customer level
	-------------------------------------------------*/
	#gc_customer_box {
		padding: 15px 0px!important;
		display: table;
		width: 100%!important;
	}
	#gc_customer_box > div:nth-child(2) {
		padding: 5px!important;
		border: 1px solid #cccccc;
		border-radius: 3px;
	}
	.gc_customer_i {
		color: #fbca61;
		font-size: 30px;
		position: absolute;
		margin-top: 8px;
	}
	.gc_customer_content {
		margin-left: 35px;
		line-height: 35px;
	}
	#gc_customer_title{
		padding: 0px 0px 3px 0px; 
		display: table;
		color: #777;
	}
	/*---------------------------------------------
	2)GC_Leisure-Let iphone can tuch
	---------------------------------------------*/
	@media only screen and (max-width: 992px) {
		body.gc_header .banner,
		body.gc_header .banner * {
			cursor: pointer!important;
		}
	}
	/*---------------------------------------------
	3)GC_Leisure-CM Answers-display the header,footer to be shortcodes
	---------------------------------------------*/ 
	body.cma_thread #gc_leisure_content #wpadminbar,
	body.cma_thread #gc_leisure_content #footer,
	body.cma_thread #gc_leisure_content .cminds_poweredby,
	body.cma_thread #gc_leisure_content #header,
	body.cma_thread #gc_leisure_content .breadcrumbs {
		display:none!important;
	}
	/*---------------------------------------------
	4)GC_Leisure-ess ie modify
	---------------------------------------------*/ 
	@media screen\9 {
		body.gc_header body .esg-layout-masonry .esg-entry-media > img {display:block!important;}
		body.gc_header body .esg-layout-masonry .esg-entry-media > div {display:none!important;}
		body.gc_header body .esg-layout-masonry .esg-entry-media {padding:0px!important;}
	}
	@media \0screen {
		body.gc_header body .esg-layout-masonry .esg-entry-media > img {display:block!important;}
		body.gc_header body .esg-layout-masonry .esg-entry-media > div {display:none!important;}
		body.gc_header body .esg-layout-masonry .esg-entry-media {padding:0px!important;}
	}
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		body.gc_header body .esg-layout-masonry .esg-entry-media > img {display:block!important;}
		body.gc_header body .esg-layout-masonry .esg-entry-media > div {display:none!important;}
		body.gc_header body .esg-layout-masonry .esg-entry-media {padding:0px!important;}
	}
	/*---------------------------------------------
	5)GC_Leisure-側邊欄選單/手機選單-文字都可點擊(使選單可收縮)
	---------------------------------------------*/ 
	body.gc_header li.tc-active > label > img{
		border-color: #607D8B;
		border-width: 3px;
	}
	body.gc_header .mfp-content .toggle,
	body.gc_header .sidebar-wrapper .toggle {
		width: 100%;
		margin-top: -40px;
		text-align: right;
		-webkit-transform: rotate(0deg)!important;
		-ms-transform: rotate(0deg)!important;
		transform: rotate(0deg)!important;
	}
	body.gc_header .mfp-content .active > .toggle > i ,
	body.gc_header .sidebar-wrapper .active > .toggle > i {
		-webkit-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
	body.gc_header .mfp-content .current-menu-ancestor ul,
	body.gc_header .sidebar-wrapper .current-menu-ancestor ul {
		display: block;
	}
	/*---------------------------------------------
	6)GC_Leisure-demo
	---------------------------------------------*/
	#Leisure_demo *{ font-family: et-line,ChEn!important;}
	/*---------------------------------------------
	7)GC_Leisure-FaceBook-Like-BOX-Word
	---------------------------------------------*/
	body.gc_header .sidbar_slide_title {
		display:none!important;
	}
	body.gc_header .sidbar_slide_header {
	    background-image: url("../img/FB-sides-icon-1-01.svg");
		background-size: 75%!important;
		background-position: center center!important;
		background-repeat: no-repeat!important;
	}
	/*---------------------------------------------
	8)GC_Leisure-修改購物車因檔首無 BOM 而產生的上方空白
	---------------------------------------------*/
	body.gc_header .woocommerce-edit-address #wrapper,
	body.gc_header .woocommerce-checkout #wrapper,
	body.gc_header .woocommerce-cart #wrapper { margin-top:-25px;}
	/*---------------------------------------------
	9)GC_Leisure-birth-bar
	---------------------------------------------*/
	body.gc_header ::-webkit-inner-spin-button { visibility: hidden; }
	/*---------------------------------------------
	10)GC_Leisure-adminmenu img
	---------------------------------------------*/
	#adminmenu div.wp-menu-image img {display: block!important; margin-left: 10px!important;}
	/*---------------------------------------------
	11)GC_Leisure-form toolbar
	---------------------------------------------*/
	#gf_form_toolbar {margin: 12px 0 12px 0!important;}
	/*---------------------------------------------
	12)GC_Leisure-woocommerce 畫面跑版
	---------------------------------------------*/
	body.gc_header .woocommerce.row > strong > form ,
	body.gc_header .woocommerce.row > strong > div { float: left!important; }
	/*---------------------------------------------
	13)GC_Leisure-ESS 手機板: 左右置中
	---------------------------------------------*/
	@media only screen and (max-width: 992px){body.gc_header .supports .esg-grid{padding-left: 2% !important; padding-right: 2% !important;}}
	/*---------------------------------------------
	14)GC_Leisure-ESS 標籤移過的字體為白色
	---------------------------------------------*/
	body.gc_header .esg-filters div div:hover,
	body.gc_header .esg-filters div span:hover{color: #222!important;}
	/*---------------------------------------------
	15)GC_Leisure-footer .col	所有區塊寬高統一
	---------------------------------------------*/
	@media only screen and (max-width: 768px){body.gc_header  footer .col {padding: 15px 7.5px!important;}}
	/*---------------------------------------------
	16)GC_Leisure-網站邊界溢出
	---------------------------------------------*/
	body.gc_header body {overflow: hidden!important;}
	/*---------------------------------------------
	17)GC_Leisure-針對會員級別定價，修復
	---------------------------------------------*/
	@media only screen and (max-width: 640px){
		body.gc_header .price-wrapper del, 
		body.gc_header .price-wrapper del > span, 
		body.gc_header .ywcrbp_your_price > span, 
		body.gc_header .ywcrbp_your_price {
			margin: auto;
			display: block!important;
		}
		body.gc_header .box-text * {
			font-size: 100%!important;
			text-align: center;
		}
		body.gc_header .ywcrbp_your_price {
			margin-top: 10px;
		}
	}
	/*---------------------------------------------
	18)GC_Leisure-blog-information
	---------------------------------------------*/
	body.gc_header .single-post #main .entry-author,
	body.gc_header .single-post #main footer.entry-meta,
	body.gc_header .single-post #main .blog-share .is-divider,
	body.gc_header .single-post #main .entry-header .entry-meta,
	body.gc_header .single-post #main .entry-header .entry-category,
	body.gc_header .single-post #main .entry-header .entry-divider,
	body.gc_header .single-post #main .entry-header .entry-image {display:none!important;}
	/*---------------------------------------------
	19)GC_Leisure-content-p-no-preset-bottom
	---------------------------------------------*/
	body.gc_header #content p {margin-bottom: 0px!important;}
	/*---------------------------------------------
	GC_Leisure-html-background-網站當中的html背景
	---------------------------------------------*/
	body.gc_header {background-color:white!important;}
	/*---------------------------------------------
	20)GC_Leisure-shop-car
	---------------------------------------------*/
	body.gc_header .cart-container .woocommerce > strong > strong > form,
	body.gc_header .cart-container  .woocommerce > strong > strong > div {
		max-width: 100%!important;
		float: left;
	}
	@media only screen and (min-width: 850px){
		body.gc_header .cart-container,
		body.gc_header .cart-container .woocommerce > strong > strong > form,
		body.gc_header .cart-container  .woocommerce > strong > strong > div {
			padding:0px;
		}
		body.gc_header .cart-container .woocommerce > strong > strong > form,
		body.gc_header .cart-container  .woocommerce > strong > strong > div {
			margin:0px 15px!important;
		}
	}
 	@media only screen and (max-width: 640px){
		body.gc_header .woocommerce-cart .shop_table .quantity{
		    margin: 0px!important;
		}
		body.gc_header .woocommerce-cart .shop_table .product-quantity{
			padding-left:0px;
			padding-right:0px;
		    width: 100%;
		}
	}
	body.gc_header .cart-container .woocommerce > strong > strong > form {
		border-right: 0px;
	}
	body.gc_header .cart-container form.woocommerce-shipping-calculator{
	    display:none!important;
	}
	body.gc_header .cart-container div.woocommerce > strong {
		width: 100%!important;
	}
	/*---------------------------------------------
	21)GC_Leisure-back-to-top-btn
	---------------------------------------------*/
	.back-to-top.active,
	.back-to-top {transform: translateY(-35px);}
	/*---------------------------------------------
	22)GC_Leisure-選取超商門市按鈕
	---------------------------------------------*/
	body.gc_header .woocommerce-checkout .store-block input {color: red; border-color: red; border-width: 2px;}
	body.gc_header .woocommerce-checkout .store-block input:hover {border-color: black; color: black; box-shadow: inset 0 0 0 100px rgba(0,0,0,0);}
	/*-----------------------------------------
	23)GC_Leisure-Mobile icon
	-----------------------------------------*/
		body.gc_header .icon-menu {color: gray;}
	/*-----------------------------------------
	24)Mobile
	-----------------------------------------*/
		@media only screen and (max-width: 1920px) and (min-width: 769px){
			.Leisure_mobile{display:none!important;}
			.Leisure_pc{display: 0!important;}
		}
		@media only screen and (max-width: 768px){
			.Leisure_mobile{display: 0!important;}
			.Leisure_pc{display:none!important;}
		}
		@media only screen and (max-width: 1919px) and (min-width: 1024px){
		/*-----------------------------------
		GC_Leisure-.header-bg-image	電腦選單背景
		-----------------------------------*/
			body.gc_header .header-bg-image {background-position: -65px!important;}
		}
		@media only screen and (max-width: 1023px){
			body.gc_header .header-bg-image {background-position: 0px!important;}
		}
		@media only screen and (max-width: 992px){
		/*-----------------------------------
		GC_Leisure
		#masthead a			電腦版選單
		footer div.divider	頁腳分隔線
		-----------------------------------*/
			body.gc_header #masthead a {font-size: 17px;}	
			body.gc_header footer div.divider {height: 1px!important;}
		}
		@media only screen and (max-width: 768px){
			body.gc_header footer * {font-size: 12px;}
			/*-----------------------------------
			GC_Leisure
			Header
			.product-info  .breadcrumbs * 	商品麵包屑
			.product-info  ul				左右相關商品
			.price-wrapper					商品價錢
			.product-main .cart				購物車
			.product_meta					分類資訊
			.product_meta .social-icons		分享icon
			.product-info .is-divider		商品分隔
			-----------------------------------*/
			body.gc_header .product-info  .breadcrumbs *,
			body.gc_header .product-info  ul,
			body.gc_header .product-info .price-wrapper,
			body.gc_header .product-info .cart,
			body.gc_header .product-info *,
			body.gc_header .product-info .social-icons {text-align: center!important;}
			body.gc_header .product-info .social-icons {width : 100%!important;}
			body.gc_header .product-info .is-divider {display:none!important;}
			/*-----------------------------------
			GC_Leisure-.gform_wrapper		表單
			-----------------------------------*/
			body.gc_header .gform_wrapper {max-width: 98%!important;}
			/*-----------------------------------
			GC_Leisure-.wpb_gallery_slides 	輪播圖
			-----------------------------------*/
			body.gc_header .wpb_gallery_slides {text-align: center; margin: 0px 15px!important;}
		}
		@media only screen and (max-width: 414px){
			/*-----------------------------------
			GC_Leisure-#top-bar	登入...等等項目
			-----------------------------------*/
			body.gc_header #top-bar * {
				font-size: 12px;
				padding-right: 0px;
				margin-right: 1px;
			}
			body.gc_header #top-bar > div {padding-left: 5px!important;}
		}
		@media only screen and (max-width: 320px){
			body.gc_header #top-bar * {letter-spacing: 0px;}
		}
	/*-------------------------------------------------
	25)GC_Leisure-2017.11.23-footer
	-------------------------------------------------*/
	#footer > .footer-widgets > div {
		max-width: 100%!important;
	}
	#footer > div  ,
	#footer > div > div > div {
		padding: 0px!important;
		margin: 0px!important;
	}
	/*-------------------------------------------------
	26)GC_Leisure-2017.11.30-Facebook sidbar slide 使此側邊欄只有原按鈕大小
	-------------------------------------------------*/
	body.gc_header .main_sidbar_slide {
		top: 30%;
	}
	body.gc_header .main_sidbar_slide,
	body.gc_header .sidbar_slide_inner_main {
		height: 0px;
	}
	body.gc_header .sidbar_slide_header {
		margin: 0px;
	}
	/*-------------------------------------------------
	27)GC_Leisure-2017.12.08-Map'n Point
	-------------------------------------------------*/
	body.gc_header .dsloc-wrap .dsloc-infobox-adress-wrap{
		background-image: url("../img/mappoint-01.svg");
		background-size: 20px!important;
		background-position: center left !important;
		background-repeat: no-repeat!important;
	}
	body.gc_header .dsloc-wrap .dsloc-icon{
		visibility: hidden;
	}
	/*-------------------------------------------------
	28)GC_Leisure-2017.12.11-Light box bg modify
	-------------------------------------------------*/
	body.gc_header .mfp-container .mfp-figure:after{
		display: none!important;
	}
	/*-------------------------------------------------
	29)GC_Leisure-2017.12.21-Line Share
	-------------------------------------------------*/
	body.gc_header .share-icons .line_share {
	    background-image: url("../img/line-2-01.svg");
		background-size: 75%!important;
		background-position: center center!important;
		background-repeat: no-repeat!important;
		width: 32.97px!important;
		height: 32.97px!important;
	}
	body.gc_header .share-icons .line_share:hover {
	    background-image: url("../img/line-01.svg");
		background-color: #00b900!important;
		border-color: transparent!important;
	}
	body.gc_header .share-icons .line_share img {visibility: hidden;}
	body.gc_header .share-icons i {top: 5px;}
	/*-------------------------------------------------
	30)GC_Leisure-2017.12.25-dot z-index
	-------------------------------------------------*/
	body.gc_header .flickity-prev-next-button {
		z-index: 1000;
	}
	/*-------------------------------------------------
	31)GC_Leisure-2017.12.25-VC升級後無法選擇文字、字色
	-------------------------------------------------*/
	body.gc_header .mce-floatpanel {
		z-index: 111111!important;
	}
	/*-------------------------------------------------
	32)GC_Leisure-2017.12.26-將文字原生Margin移除
	-------------------------------------------------*/
	body.gc_header p{
		margin-bottom: 0px;
	}
	/*-------------------------------------------------
	33)GC_Leisure-2017.12.26-可以開關Elementer編輯器中的Header
	-------------------------------------------------*/
	.gc_tips_btn{
	    position: fixed;
		top: 50%;
		z-index: 2000;
		right: 0px;
		text-align: center;
		width: 125px;
		padding: 20px 15px;
		background: rgba(255, 0, 0, 0.5);
		border-radius: 5px 0px 0px 5px;
		color: white;
	}
	.gc_tips_btn {
		transform: translateX(140px);
	}
	.gc_tips_btn:hover{
		transform: translateX(0px);
	}
	.gc_tips_btn,
	.gc_tips_btn:hover{
	    transition: 0.3s;
	}
	.update-nag,
	.updated,
	.notice {
		display:none;
	}
	/*-------------------------------------------------
	34)GC_Leisure-2017.12.26-Facebook在編輯器中關閉顯示
	-------------------------------------------------*/
	.elementor-html .main_sidbar_slide {
		display:none;
	}
	/*-------------------------------------------------
	35)GC_Leisure-2018.01.02-ESS 後台修正
	-------------------------------------------------*/
	html.wp-toolbar #eg-wrap .select_fake {
	    min-height: 24px;
	}
	html.wp-toolbar #eg-wrap .ui-slider-horizontal {
		position: sticky;
	}
	html.wp-toolbar #always-visible-options label {
		width: -webkit-fill-available!important;
	}
	html.wp-toolbar #settings-dz-elements-wrapper .ui-tabs-nav li a {
	    line-height: initial!important;
	}
	html.wp-toolbar #settings-dz-elements-wrapper .ui-tabs-nav {
	    width: auto!important;
	}
	html.wp-toolbar #settings-dz-elements-wrapper .ui-tabs-nav,
	html.wp-toolbar .ui-widget-content {
		border-width: 0px;
	}