/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
		:root {
			--cnvs-themecolor: #eee;
			--cnvs-themecolor-rgb: 253, 93, 61;
			--cnvs-primary-font: 'paralucent-text', sans-serif;
			--cnvs-body-font: 'paralucent', sans-serif;
			--bs-bg-opacity: 1;
			--cnvs-body-bg: #fff;
			--text-size-md-2: 1.14rem; 
		}

		* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}

		body, html {
			width: 100%;
		}


		/* Header */
		.header {
		  position: fixed;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 95px;
		  background: #fff;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  box-shadow: 0 1px 6px rgba(0,0,0,0.1);
		  z-index: 1000;
		}

		/*選單三角形*/
		.banner-triangle {
			position: absolute;
			top: 94px;-----原94.5px 
			left: 50%;
			transform: translateX(-50%);
			z-index: 10;
		}

		/* 漢堡 icon */
		.hamburger {
			position: absolute;
			left: 12%;
			font-size: 28px;
			cursor: pointer;
			user-select: none;
			color: rgb(120, 117, 117);			
		}

		/* Logo */
		.logo img {
		  height: 50px;
		}

		/* 側邊選單 */
		.side-menu {
		  position: fixed;
		  top: 0;
		  left: -400px; /* 預設隱藏在左邊 */
		  width: 400px;
		  height: 100%;
		  background: #f6f6f6;
		  box-shadow: 2px 0 6px rgba(0,0,0,0.2);
		  transition: left 0.3s ease;
		  z-index: 2000;
		  display: flex;
		  flex-direction: column;
		  padding-top: 20px;
		}

		.side-menu.active {
		  left: 0; /* 展開 */
		}

		/* 關閉按鈕 */
		.close-btn {
		  position: absolute;
		  top: 65px;
		  right: 65px;
		  font-size: 40px;
		  cursor: pointer;
		  color: #737070;
			
		}

		/* 選單列表 */
		.side-menu ul {
		  list-style: none;
		  margin: 60px 0 0;
		  padding: 0 60px;
		}
		
		.side-menu li {
		 /* border-bottom: 1px solid #eee;*/
		}

		.side-menu a {
		  display: block;
		  padding: 15px 20px;
		  text-decoration: none;
		  color: #737070;
		  font-size: 14px;
		}

		.side-menu a:hover {
		  background: #f5f5f5;
		}

		.menu-item.current > .menu-link {
			color: #737070;
			font-weight: bold;
		}

		/*離選單95px*/
		.mt-nav {
			margin-top: 95px;
		}


		#footer .banner-triangle {
			position: absolute;
			top: -24px;
			left: 50%;
			transform: translateX(-50%);
			z-index: 10;

		}
		
		/*黃色*/
		.color {
			color: #f7df0a!important;
		}

		/*灰色*/
		.color2 {
			color: #595959;
		}

		/*淺棕色*/
		.color3 {
			color: #9e937e;
		}

		/*淺棕色 電話*/
		.color4 {
			color: #7f7562;
		}

		/*黑色*/
		.color5 {
			color: #1b1b1b;
		}



		/*bg黑色*/
		.bg2 {
			background-color: #161616;
		}


		/*淺棕色按鈕*/
		.btn-c01 {
			background-color: #d5cab6;
			color: #060606;
			border:1px solid #d5cab6 !important; 
			border-radius:0px;
			font-size: 14px;
			font-weight: bold;
		}

		.text-size-xl-2 {
			font-size: 2.3rem;
			font-weight: 900;
		}

		.text-size-lg-2 {
			font-size: 1.5rem;
		}

		.text-size-md-2 {
			font-size: 1.14rem;
		}

		  #gotoChat {
			position: fixed;
			bottom: 22px;         /* 距離下方 */
			right: 22px;          /* 距離右邊 */
			width: 65px;
			height: 65px;
			background-color: #d5cab6;
			color: #060606;
			border-radius: 50%;   /* 變圓形 */
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 28px;      /* icon 大小 */
			box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 18px;
			text-decoration: none;
			z-index: 9999;        /* 保持在最上層 */
			transition: transform 0.2s ease;
		  }

			/* hover 放大效果 
		  #gotoChat:hover {
			transform: scale(1.1); 
		  }*/


		/*
		#gotoTop::before {
			padding: 0px 8px;
		}*/

		#header-wrap {
			position: fixed;
			height: auto;
			z-index: 299;
			width: 100%;
			background-color: var(--cnvs-header-bg);
			border-bottom: 0px solid var(--cnvs-header-border-color) !important;/*nav 改0*/
			transition: height 0.2s ease 0s, background-color 0.3s ease 0s;
			backface-visibility: hidden;
		}

		
		#copyrights {
			padding: calc(var(--cnvs-content-padding) * 0.5) 0;
			background-color: #eee !important;
			font-size: 1.2rem !important;
			line-height: 0.5 !important;
		}

		/*圖順序*/
		@media (max-width: 992px) {
			.order {
				order: 2;
			}
			
			h1.mbv {
				text-align: center; 
			}
			
			.mbv {
				text-align: center; 
			}
			
			.mb-b {
				margin-bottom: 22px;
			}
			
		}
		
        
	    @media (max-width: 768px) {
            
            
        }