/* CSS Document */
input,button,select,textarea{outline:none}
 *:focus { outline: none; }
button, input, textarea { -webkit-appearance: none;}

header ul, header li { margin: 0; padding: 0;}
a, a:active, a:visited, a:focus { color: #4b4b4b;}

img {max-width:100%;height: auto;}
.editor a {word-wrap: break-word;word-break: break-all;}
.editor ul, .editor li { list-style-type:initial;}
.table_scroll{overflow-x: auto; display: block; margin-bottom: 30px;}
.table_scroll > table {min-width: 900px;}
.datatable { width:100%; border-spacing:0px; border-collapse: inherit;}
.datatable th {color:#fff; font-size: clamp(16px, 1.3vw, 18px); background: #d71518; text-align:center; padding:8px 12px; line-height: 1.6; font-weight: 700;}
.datatable td { color: #4b4b4b; font-size: clamp(16px, 1.3vw, 18px); text-align:center; padding:5px 12px; line-height: 1.6; border-bottom: 1px solid #e6e6e6; font-weight: 400;}

.list-disc { margin: 0; padding: 0 0 calc(20px + 1%) 0;}
.list-disc li { list-style-type:disc; margin:0 0 0 20px; padding: 0; font-weight: 400; }
.list-decimal { margin: 0; padding: 0 0 calc(20px + 1%) 0;}
.list-decimal li { list-style-type:decimal; margin:0 0 0 25px; padding: 0; font-weight: 400; }
.overflow-hidden { overflow-x: hidden;}

.edit_area, .seo-content { padding-bottom: calc(20px + 2%);}


header {position: fixed; width: 100%; z-index: 10000; top:0px; left: 0; height: 150px; background: #fff; border-bottom: 0px solid red;} 
.logo { position: fixed;	left: 0; top: 25px; width:30.7%; height: 155px; z-index: 10002;filter: drop-shadow(0px 15px 30px rgba(0,0,0,0.1)); }
.logo a { width:100%; height: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center;clip-path: polygon(0% 0, calc(100% - 15px) 0%, 100% 25px, calc(100% - 105px) 100%, 0% 100%); background: #fff;  }
.logo img { width: 58.6%;transition: all 0.3s ease-out 0s; }
.logo span { display: inline-block; margin-left: 15px; color: #1e1e1e; font-size: 26px; font-weight: 700;transition: all 0.4s ease-out 0s; }
nav { padding-top: 78px; }

.top-right-link { position:fixed; z-index:10001; top:0; right:0; height: 50px; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; padding-top: 0px; padding-right: 3%; transition: all 0.4s ease-out 0s; font-weight: 400; background: #808181;}
.top-right-link:before { position: absolute; width: 1px; height: 25px; border-left: 1px dotted #333333; left: 0; top:50%; transform: translateY(-50%);}
.top-right-link > div { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:center; align-items: center; position: relative; transition: all 0.4s ease-out 0s; padding: 0 8px; font-size: 18px;}
.top-right-link > div:after { content: ""; position: absolute; top:50%; right: 0; transform: translateY(-50%); width: 1px; height: 20px; background: #fff;}
.top-right-link > div:last-child:after { display: none;}
.top-right-link > div:nth-of-type(2) > span { color: #fff !important; font-size: 15px; font-weight: 500; display: none;}
.top-right-link > div:hover { }
.top-right-link > div img { width: 25px;}
.top-right-link > div:hover img {}

.top-right-link img { width: 28px;transition: all 0.4s ease-out 0s;}
/*.lang a { display: inline-block; color: #fff; font-size: 20px; font-weight: 700; line-height: 28px; padding: 0 15px; border:1px solid #fff; border-radius:14px;}
.lang a:hover, .lang a.current { border:1px solid transparent; }
.lang a:first-child { margin-right: 5px;}*/

.lang-box { position: relative; display: inline-block; vertical-align: top;}
.lang { display:inline-block; cursor:pointer; position:relative;line-height: 1;}
.lang i { color:#fff;}
.lang-open { display:none; position:absolute; z-index:100000; left:50%; transform: translateX(-50%); top:40px; background:#fff; padding:0px;  font-size:15px; color:#fff; text-align:left; width:70px;  overflow:hidden; line-height: 120%;transition: all 0s ease-out 0s; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);}
.lang-open a { display:block; color:#333; text-align:center; padding:6px 10px; font-size: 14px;}
.lang-open a:hover { background: #d92124; color: #fff;}

.cart { position:relative; display: inline-block; vertical-align: top; color:#fff; cursor: pointer; line-height: 0;}
.cart { position: relative;}
.cart i { color: #fff !important; }
.cart span { position: absolute; display: block; width:18px; height: 18px; border-radius: 100%; background: #ff0000; border: 1px solid #fff; line-height: 16px; text-align: center; font-size: 12px; color: #fff; top:3px; left: -10px; font-weight: 500;}

.search { display: inline-block; vertical-align: top; cursor: pointer; color: #fff; }
.search-box {  width: 100%; padding: 0 20px;}
.search-open { background: rgba(0,0,0,.85); position: fixed; width: 100%; height: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center;z-index: 100000;transition: all 0.4s ease-out 0s; opacity: 0; visibility: hidden; top:0; left: 0;}
.search-open-show { opacity: 1; visibility: visible;}
.search-open-form { padding: 10px 0px; border-bottom: 1px solid #fff; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}
.search-open input[type=text] { width: calc(100% - 30px - 7px); color: #fff; border-width: 0; background: none; display: inline-block; vertical-align: top; font-size:16px; font-family: 'Lato'; padding: 2px 10px 0 10px; font-weight: normal;}
.search-open input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #fff; opacity:0.7;}
.search-open input[type=text]::-moz-placeholder { /* Firefox 19+ */color: #fff; opacity:0.7;}
.search-open input[type=text]:-ms-input-placeholder { /* IE 10+ */color: #fff; opacity:0.7;}
.search-open input[type=text]:-moz-placeholder { /* Firefox 18- */color: #fff; opacity:0.7;}
.search-open a { color: #fff; display: inline-block; vertical-align: top; line-height: 100%;font-size: 24px; }
.search-open a:hover {opacity: 0.6;}
.search-close { position: absolute; top:20px; right: 20px; color: #fff; font-size: 30px; cursor: pointer;}

.user-box { position: relative; display: inline-block; vertical-align: top;}
.user-open { display:none; position:absolute; z-index:100000; left:50%; transform: translateX(-50%); top:30px; background:#fff; padding:0px;  font-size:15px; color:#fff; text-align:left; width:100px;  overflow:hidden; line-height: 120%;transition: all 0s ease-out 0s; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);}
.user-open a { display:block; color:#333; text-align:center; padding:10px;}
.user-open a:hover { background: #589603; color: #fff;}
.user { color: #fff; line-height: 1;}
.user a { color: #fff;}

.menu-pro { display: flex; flex-direction: row; flex-wrap: wrap; }
.menu-pro > a { width: 20%; padding:0; text-align: center; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center;}
.menu-pro > a > div:nth-of-type(1) { width: 90px; height: 90px; border: 1px solid #d56548; border-radius: 100%;display: flex; flex-direction: row; flex-wrap: wrap;  justify-content: center; align-items: center; margin-bottom: 8px;}
.menu-pro > a > div:nth-of-type(1) > img { max-width: 72px; }
.menu-pro > a > div:nth-of-type(2) { width: 100%; text-align: center; font-weight: 400;color: #333; font-size: 16px; line-height: 1.5;}
.menu-pro > a:hover > div:nth-of-type(1) { border: 1px solid #206aa4; background: #206aa4;}
.menu-pro > a:hover > div:nth-of-type(1) > img { filter: brightness(0) invert(1);}
.menu-pro > a:hover > div:nth-of-type(2) { color: #206aa4;}



.menu-list-section { display:flex;flex-direction: row; flex-wrap: wrap; align-items: center; font-weight: 400; max-width: 1200px; margin: 0 auto;}
.menu-list-section > div:nth-of-type(1) { width: 30%; text-align: left;}
.menu-list-section > div:nth-of-type(1) > div { line-height: 1.1; color: #222;}
.menu-list-section > div:nth-of-type(1) > b { display: block; font-weight: 900; color: #dddddd;}
.menu-list-section > div:nth-of-type(2) { width: 70%; border-left: 1px solid #ececec;}

.menu-list-link { display:flex;flex-direction: row; flex-wrap: wrap; }
.menu-list-link > a { width: 25%; padding: 0 3%; margin-bottom: 15px;}
.menu-list-link > a:hover .menu-list-title, .menu-list-link > a.current .menu-list-title{ color: #d6b03a; }
.menu-list-pto { padding-bottom: 100% !important;}
.menu-list-pto img { border-radius: 20px;}
.menu-list-title { font-weight: 700; font-size: 17px; color: #333; text-align:center; }

.sp-link { border: 1.5px solid #d71518; border-radius: 15vw; padding: 3px 8px; display: flex;flex-direction: row; flex-wrap: nowrap; align-items: center; transform: translateY(6px);}
.sp-link:hover { background: #d71518;}
.sp-link:hover > div { color: #fff;}
.sp-link:hover > img { filter: brightness(0) invert(1);}
.sp-link > div { font-size: 12px; font-weight: 700; color: #7f8080; text-transform: uppercase; line-height: 1; padding-right: 2px;}
.sp-link > img { }


.header-top {transition: all 0.2s linear 0s;}
.header-scroll {  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); background: #fff;}
.header-scroll nav {  }
.header-scroll .logo {  }
.header-scroll .logo img { }
.header-scroll .top-right-link { }
.header-scroll .top-right-link > div img { }
.header-scroll .menuzord-menu>li>a { }
.header-scroll .menuzord-menu>li>a:after { }
.header-scroll .lang-open, .header-scroll .user-open { }


@media only screen and (max-width: 1600px) {
	.logo { width: 24%;}
	.logo a { clip-path: polygon(0% 0, calc(100% - 15px) 0%, 100% 25px, calc(100% - 65px) 100%, 0% 100%);}
	
}

@media only screen and (max-width: 1279px) {
	header { }
	.header-top { height:70px;}
	nav { width: 100%; right: 0px; padding-top: 18px; background: none; }
	.logo { top:14px; left: 3%; height: auto;filter:none; width: auto;}
	.logo a { background: none; clip-path:none;}
	.logo img { width: 185px;}
	/*.logo a { display: inline-block;background: url(../images/logo.png) no-repeat; background-size: cover; width: 170px; height: 40px;}
	.logo img { display: none;}*/
	
	
	.top-right-link { top: auto; bottom: 0; left: 0; width: 100%; display:flex; flex-direction: row; flex-wrap: wrap;border-top: 1px solid rgba(0,0,0,.1); padding-right: 0; }
	.top-right-link::before { display: none;}
	.top-right-link > div { width: 33.33%; padding: 12px 0; margin: 0; border-radius: 0; /*background: #fff; border-right: 1px solid rgba(0,0,0,.1); */box-shadow:none;}
	.top-right-link > div:last-child { border-right: 0px solid rgba(255,255,255,.15);}
	.top-right-link > div img { width: 20px;}
	.top-right-link > div:hover { background: #333 !important;}
	.top-right-link > div:hover img { filter: brightness(0) invert(1); }
	#tarteaucitronIcon { bottom: 60px !important; } /*~20261014 手機版底部工具列(.top-right-link)會蓋住隱私權圖示，往上移*/
	body .grecaptcha-badge { bottom: 125px !important; } /*~20261014 隱私權圖示上移後，reCAPTCHA 徽章再疊到它上方避免重疊*/
	.search { margin-right: 0; border-right: 1px solid #b9aa98;}
	
	.cart span { width:20px; height: 20px; line-height: 18px; top:0px; right: -10px; }
	
	.lang-open, .user-open { top:auto; bottom: 50px; width: 100%;}
	
	/*.lang a { color: #333; border-color: #333;}
	.lang a:hover, .lang a.current { background: #333; color: #fff;}
	.lang { display:none;}
	.lang-open { display:inline-block!important; vertical-align: middle;position:inherit; left:auto; top:auto; background:none;  width:auto; color: #fff; }
	.lang-open a { color:#333; display:inline-block; font-size:16px; font-weight:bold;}
	.lang-open a:after, .cart a:after { content:"|"; display:inline-block; vertical-align:top; padding:0 3px 0 15px;}
	.lang-open a:last-child:after { display:none;}
	.lang-open a:hover { color:#0092db;}
	.cart a, .search { color: #003b4a;}
	.cart span { right: 10px; top:-6px;}*/
.showhide:before { content:""; display:block; position:absolute; right:7px; bottom:-15px; text-align:right; font-size:12px; color:#404043; width:50px;}

.showhide-rotate em:nth-of-type(1) { position:relative; top:9px;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);}
.showhide-rotate em:nth-of-type(2) { display:none;}
.showhide-rotate em:nth-of-type(3) {  position:relative; top:1px;
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);}

	.menuzord-menu:after  { display: none !important;}
    
    .header-scroll{ height: 70px; }
    .header-scroll .logo {}
    .header-scroll .logo img { width: 185px;}
    .header-scroll nav { padding-top: 18px; }
    .header-scroll .top-right-link > a { }
    .header-scroll .top-right-link > a img { }
	.header-scroll .lang-open, .header-scroll .user-open { }
	
	
	
	.menu-list-section > div:nth-of-type(1) { display: none;}
	.menu-list-section > div:nth-of-type(2) { width: calc(100% - 0px); padding: 25px 0; border-width: 0;}
	.menu-list-title { font-size: 16px;}

	.sp-link { width: calc(100% - 30px); margin: 10px auto; padding: 10px 15px ; transform: translateY(0px);}
	.sp-link > div { font-size: 16px;}
	
}


@media only screen and (max-width: 980px) {
    
	
}

@media only screen and (max-width: 640px) {
    
	.menu-pro > a { width: 33.33%; }
}
@media only screen and (max-width: 570px) {
	.menu-list-link > a { width: 50%; }
	

}
@media only screen and (max-width: 414px) {
	.menu-pro > a { width: 50%; }
	
}
@media only screen and (max-width: 375px) {
	
}
@media only screen and (max-width: 320px) {
	

}
@media only screen and (max-width: 280px) {
	

}