@charset "utf-8";
/* CSS Document */

/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tfoot, thead, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	border:0;
	font-size:100%;
	font-family:Arial,微軟正黑體,Microsoft JhengHei,新細明體,sans-serif;
	vertical-align:baseline;
	}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display:block;
	}
html{height:100%;}
body{line-height:1; height:100%;}
ol, ul{
list-style:none;
}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{
content:'';
content:none;
}
table{
border-collapse:collapse;
border-spacing:0;
}
sup{vertical-align:super;}

a{-webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;}

.flex-setting{display:flex; flex-wrap:wrap;}
.align-items{-ms-flex-align:center; align-items:center;}
.justify-content-center{-ms-flex-pack:center; justify-content:center;}
.justify-content-end{-ms-flex-pack:end; justify-content:flex-end;}

/*start*/
/*------------------------------*/
/* loading */
#wrapper{
	min-height:100%;
	position:relative;
	opacity:0;
	transition:all 0.5s;
	overflow:hidden;
	}

#wrapper.fade-in{opacity:1;}

.loading-img{
	position:fixed;
	top:50%;
	left:50%;
	width:120px;
	height:auto;
	margin-top:-60px;
	margin-left:-60px;
	text-align:center;
	color:#fff;
	z-index:2;
	text-align:center;
	display:none;
	}

.loading-img img{
	width:100%;
	height:auto;
	animation:flash 0.6s linear infinite;
	}

@keyframes flash{
	0%,100%{opacity:1;}
	50%{opacity:0.7;}
}

.top-menu-bar{
	/*background-color:rgba(255, 255, 255, 0.95);
    position:fixed;
    top:0;
    left:0;*/
    width:100%;
    z-index:8888;
    /*box-shadow:0px 0px 16px rgba(0, 0, 0, 0.45);*/
    transition:all 0.25s ease 0s;
	}

.main-logo-center{
	width:100%;
	max-width:140px;
	margin:0 auto;
	padding-top:100px;
	padding-bottom:20px;
	}
.main-logo-center img{width:100%;}

.mobile-menu{display:none;}

.main-menu{
	width:100%;
	max-width:1140px;
	margin:0 auto;
	padding-left:15px;
	padding-right:15px;
	position:relative;
	border-bottom:#82675b 1px dashed;
	}

.main-logo-left{
	display:none;
	position:absolute;
	top:10px;
	left:120px;
	width:60px;
	}

.main-logo-left img{width:100%;}

.main-menu ul{
	padding-left:0;
	text-align:center;
	}

.main-menu li{
	display:inline-block;
	padding:20px 25px 20px;
	position: relative;
	}

.main-menu>ul>li:first-child{padding:20px 15px 20px 5px;}
.main-menu>ul>li:last-child{padding:20px 5px 20px 15px;}

.main-menu li a{
	font-size:16px;
	padding-bottom:inherit;
	color:#868686;
	}

.main-menu li:hover a{color:#3fa9f5;}

.main-menu li > a{
    text-decoration:none;
    text-transform:uppercase;
    -webkit-transition:color 0.2s linear, background 0.2s linear;
    -moz-transition:color 0.2s linear, background 0.2s linear;
    -o-transition:color 0.2s linear, background 0.2s linear;
    transition:color 0.2s linear, background 0.2s linear;
}

.main-menu .nav-drop-menu:after {
	content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid #aaa;
    border-width: 0 1px 1px 0;
    margin-left: 5px;
    position: relative;
    top: -3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-drop-list {
    opacity: 0;
    visibility: hidden;
	position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #82675b;
    transition: 0.5s;
    z-index: 0;
}

.nav-drop-menu:hover .nav-drop-list {
	opacity: 1;
    visibility: visible;
    transition: 0.5s;
    z-index: 10;
}

.nav-drop-list li {
    width: 100%;
    transition: 0.5s;
}

.nav-drop-list li:hover {
    background-color: #534741;
    transition: 0.5s;
}

.nav-drop-list a {
    color: #fff !important;
}

.nav-side-list {
    border-left: 1px solid #534741;
    margin-top: 10px;
    margin-left: 10px;
    padding-left: 15px;
}


.link-icon-block{
	width:100%;
	max-width:1140px;
	margin:0 auto;
	position:relative;
	}

.link-icon-box{position:absolute; top:0; left:0;}

.link-icon-list{padding:15px 5px 0;}
.link-icon-list li{display:inline-block; width: 40px; padding:0 3px;}
.top-link-icon {
    margin-top: 20px;
}
.top-link-icon li{display:inline-block; padding:0 5px;}
.top-link-icon li a {
    padding: 7px 14px;
    color: #82675b;
	background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 20px;
}
.top-link-icon li a:hover {
    color: #3fa9f5;
	border: 1px solid #3fa9f5;
}
.link-icon-list li img{width:100%;}

.mobile-menu-block{
	display:none;
	width:100%;
	position:fixed;
	top:0;
	background-color: rgba(130, 103, 91, 0.85);
	z-index:50;
	}

.mobile-menu-list{padding-left:0;}
.mobile-menu-list li{width:20%; padding:15px 0; text-align:center;}
.mobile-menu-list li a{display:block; color:#fff; text-shadow: 0em 0em 0.5em black;}
.mobile-menu-list li a span{display:block; padding-top:7px;}

.mobile-menu-cart{position:relative;}
.mobile-menu-cart>a>.cart-number{top:5px; right:25%;}
.mobile-menu-cart>a>.cart-number span{padding-top:0;}

.cart-box{
	position:absolute;
	top:30px;
	right:30px;
	width:50px;
	height:50px;
	background-color:#82675b;
	border-radius:10px;
	}

.cart-box-inner, .search-box-inner{
	width:100%;
	height:100%;
	position:relative;
	}

.cart-box-inner a{display:block; padding:12px 10px 8px;}

.cart-box span{color:#fff; font-size:24px;}

.cart-number{
	border-radius:14px;
    font-size:14px;
    line-height:28px;
    height:28px;
    min-width:28px;
    position:absolute;
    padding:0 6px;
    top:-15px;
    text-align:center;
    right:-12px;
    letter-spacing:1px;
    background-color:#3fa9f5;
    color:#fff;
	}

.cart-number>span{font-size:14px;}

.search-box{
	position:absolute;
	top:90px;
	right:30px;
	}

.sb-search-input{
    border:none;
    outline:none;
    width:50px;
    height:50px;
    margin:0;
    z-index:10;
    font-family:inherit;
    font-size:16px;
    color:#2c3e50;
	background-color:#82675b;
	border-radius:10px;
	border:1px solid transparent;
    cursor:pointer;
    transition:width 0.6s;
    padding:10px;
	}

.sb-search-input::placeholder{color:#868686;}

.action .sb-search-input{
	width:300px;
	background-color:#fff;
	border:1px solid #82675b;
	}

.sb-search-input:not(:focus){text-indent:-9999px;}

.sb-search-input+label{
    cursor:pointer;
    display:inline-block;
    right:12px;
    position:absolute;
    top:13px;
	}

.search-box i{color:#fff; font-size:24px;}

.action i{color:#82675b;}

/*語言選單_start*/
.lan-menu>ul>li{
	border:1px #333 solid;
	padding:0 5px;
}
.lan-menu>ul>li>a{
	font-size:12px;
    color:#333;
    line-height:1.5em; 
}
.lan-menu li{
    display:inline-block;
    position:relative;
}
.lan-menu>ul>li>ul>li{
	width:100%;
    background:#686868;
    padding:5px 10px;
    box-sizing:border-box;
}
.lan-menu>ul>li>ul>li:hover{background:#9b9b9b;}

.lan-menu>ul>li>ul>li>a{color:#ffffff; font-size:12px;}

.lan-menu>ul{
	position:absolute;
    z-index:99;
    right:30px;
    bottom:30px;
    padding-left:0;
}
.lan-menu>ul>li>ul{
	position:absolute;
    z-index:99;
    right:2px;
    top:19px;
    padding-left:0;
}
.lan-menu ul li ul{display:none;}

.lan-menu ul li:hover>ul{display:block;}
/*語言選單_end*/

/*輪播圖_start*/
.banner-L{padding-top:150px;}
/*輪播圖_end*/

a{
	color:#000000; 
	font-size:16px;
	text-decoration:none;
}
p{
	font-size:17px;
	color:#000000;
	line-height:1.8em;
}

p a{
	color:#82675b;
	line-height:1.5em;
	text-decoration:none;
}
p a:hover{color:#3fa9f5;}

.member{
	background-color:#5d3e28;
	height:30px;
	display:block;
	color:#ffffff;
	padding:0 5%;
	}
.member ul{padding:0px; margin:0px; padding-right:200px;}
.member li{
    float:right;
    /*line-height:30px;*/
    background-position:right;
    background-repeat:no-repeat;
    padding:7px 10px;
	}

.member a{color:#ffffff; font-size:14px;}

.member a:visited{color:#ffffff;}

.member ul li:hover {
    background-color: #333333;
    text-decoration: none;
    background-image: none;
    }

#bannerS{display:none;}

/*側邊手機選單_start*/
.nav-container{
    position:fixed;
    z-index:30;
    top:0;
    left:0;
    height:100vh;
    width:70%;
    max-width:460px;
    padding:6.5em 3.5em 2em;
    background:#82675b;
    transform:translateZ(0);
    transform:translateX(-100%);
    transition:transform .5s cubic-bezier(.07,.23,.34,1);
	}

.nav-open .nav-container{transform:translateX(0);}

.overlay{
    position:fixed;
    z-index:25;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#1C1D21;
    opacity:0;
    visibility:hidden;
    transition:opacity .5s, visibility .5s;
	}

.nav-open .overlay{opacity:0.6; visibility:visible;}

.nav-container .nav-menu{padding-left:0;}

.nav-container h3{
	font-style:italic;
	font-weight:600;
	font-size:26px;
	color:#fff;
	}

.nav-menu li{padding:30px 0 15px;}

.nav-menu li a{
	font-size:20px;
	-webkit-transition:0.5s;
    transition:0.5s;
    font-weight:500;
	color: #fff;
	}

	.nav-menu li a:hover {
		color: #3fa9f5;
	}

/*側邊手機選單_end*/

li{list-style:none;}

.header-menu-bottom{
	border-bottom:3px solid #c7aa86;
	background-image:url(/images/retina_wood.png);
	height:50px;
	}

.top-menu-bottom{text-align:center; padding-left:0; display:none;}

.top-menu-bottom li{margin:30px 40px; display:inline-block;}

.top-menu-bottom li a{font-size:18px; font-weight:bold;}

.aa_item{
	position:absolute;
	left:0px; 
	cursor:pointer;
}

#bannerBg{background:url(images/midBg.png) repeat;}

#banner{padding-top:95px;}

#banner_s{display:none;}

.group4{width:98%;}

.video{width:560px; height:315px;}

#contentBg{height:auto; width:100%;}

#content{margin:0 auto; overflow:hidden;}

#navlist{
	background-color:#ccc;
	line-height:3.5em;
	min-height:2em;
	position:inherit;
    width:100%;
    padding:0;
    border-bottom:3px solid #c7aa86;
    background-image:url(/images/retina_wood.png);
}

#navlist a{transition:all 0.2s ease;}

#navlist a:hover{ color:#7d7d7d;}

#navlist_mobile{
	display:none;
	background-color:#c7aa86;
}
#navlist_mobile >ul{
	box-sizing: border-box;
	padding-left:30px;
}
#navlist_mobile >ul li{
	background:url(images/icon_mobile.png) no-repeat left;
	border-bottom:1px #210000 dashed;
	height:55px;
	box-sizing:border-box;
	padding:20px 0 0 30px;
}
#navlist_mobile >ul li a{color:#5d3e28;}

#contentBox{
	position:relative;
	overflow:inherit;
	animation:fadeIn 0.5s ease-in-out 1;
}

#contentBox_index{
	position:relative;
	overflow:inherit;
	animation:fadeIn 0.5s ease-in-out 1;
	padding-top:30px;
}

@keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
#navlist ul{text-align:center;}

#navlist > ul > li{
  	background:url(images/icon.png) no-repeat left;
 	padding:0 0 0 20px;
 	display:inline-block;
 	position:relative;
}
#navlist>ul>li >ul{
    background:#cccccc;
    position:absolute;
    z-index:99;
    left:0;
    top:55px;
    min-width:100%;
    padding:0 5px;
    line-height:40px;
}
#navlist>ul>li > ul li{border-bottom:1px #fff solid;}

#navlist>ul>li > ul a:hover{color:#ffffff;}

.slider-block{position:relative; height:100vh;}

.main-spirit-block{
	width:100%;
	height:100vh;
	position:relative;
	}

.main-spirit-block-active .main-spirit-img{
	transition-property:all;
    transition-duration:0.6s;
    transition-timing-function:ease;
    transition-delay:2s;
    opacity:1;
    top:-2vw;
	}

.main-spirit-img{
	width:35%;
	max-width:660px;
	opacity:0;
	position:absolute;
    top:-2vw;
    bottom:0;
    right:14.87vw;
    margin:auto;
    z-index:20;
    animation-name:flatObject;
    animation-duration:6s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite;
	}

.main-spirit-text-box{
	width:40%;
	height:30%;
	position:absolute;
	left:17%;
	top:40%;
	}

.main-spirit-text-box h3{
	font-size:32px;
	font-weight:bold;
	font-style:italic;
	line-height:1.6em;
	text-shadow:#ffffff 0.1em 0.1em 0.2em
	}

.main-spirit-text-box h3 span{font-size:48px;}

.main-spirit-text-box h4{
	font-size:24px;
	color:#006400;
	font-weight:bold;
	font-style:italic;
	line-height:1.6em;
	padding-left:60px;
	}

.main-spirit-text-box p{
	width:80%;
	padding-left:50px;
	color:#696969;
	}

.main-spirit-text-box::after{
	content:"";
    display:block;
    width:80%;
    height:75%;
    position:absolute;
    top:45px;
    left:25px;
    border-radius:15px;
    box-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);
    z-index:-1;
    background:#ffffff;
    background:-moz-linear-gradient(-45deg, #fff 0%, #e0f3ff 50%, #fff 80%);
    background:-webkit-linear-gradient(-45deg, #fff 0%, #e0f3ff 50%, #fff 80%);
    background:linear-gradient(135deg, #fff 0%, #e0f3ff 50%, #fff 80%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
	}

@keyframes flatObject{
	0%{transform:translateY(-1.25vw)}
	38%{transform:translateY(1vw)}
	100%{transform:translateY(-1.25vw)}
	}

@keyframes flatObjectIe{
	0%{transform:translateY(-30px)}
	40%{transform:translateY(20px)}
	100%{transform:translateY(-30px)}
	}

.slider-block .scroll{
	width:10%;
    position:absolute;
    left:50%;
    transform:translate(-50%, 0);
    bottom:0;
    z-index:4;
    height:7em;
	padding-top:1.3em;
	letter-spacing:0.2em;
}

.slider-block .scroll a{display:block}

.slider-block .scroll span{
    position:absolute;
    font-size:1rem;
    font-weight:bold;
    width:100%;
    text-align:center;
    top:0;
}

.slider-block .line {
    width:100%;
    height:6em;
    display:block;
    position:absolute;
    overflow:hidden;
}

.slider-block .line:before{
    content:'';
    height:100%;
    border-left:solid 1px #000;
    position:absolute;
    left:50%;
    transform:translate(-50%, 0);
    animation:wrap_on 1s ease-in-out 1.5s forwards;
}

.slider-block .line:after{
    content:'';
    height:100%;
    border-left:solid 1px #fff;
    position:absolute;
    left:50%;
    z-index:1;
    transform:translate(-50%, 0);
    animation:scroll_border 2.5s ease-in-out 2.5s infinite;
}

@keyframes wrap_on{
	0%{height:0%;}
	100%{height:100%;}
	}
  
@keyframes scroll_border{
	0%, 100%, 52%{top:0; opacity:1;}
	25%{top:100%; opacity:1;}
	26%{top:100%; opacity:0;}
	27%{top:-100%; opacity:0;}
	}

.bg-block{
	z-index:-20;
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	background:#fff url(./images/bg01.jpg) no-repeat center top/100% auto;
	/*background:-webkit-linear-gradient(left,#9adad2,#fff,#fff,#fff,#9adad2);
	background:-o-linear-gradient(right,#9adad2,#fff,#fff,#fff,#9adad2);
	background:-moz-linear-gradient(right,#9adad2,#fff,#fff,#fff,#9adad2);
	background:linear-gradient(to right,#9adad2,#fff,#fff,#fff,#9adad2);*/
}

.bg-corner{
    position:fixed;
    right:0;
    bottom:-2px;
    z-index:-19;
    }
.bg-corner img{width:100%;}

/*首頁產品區_start*/
.main-edit-area{
	/*background-image:url(./images/main-background.jpg);
	background-size:cover;
	background-attachment:fixed;*/
	position:relative;
	}

.index-container{
	width:100%;
	max-width:1400px;
	margin:0 auto;
	padding-right:15px;
    padding-left:15px;
    padding-bottom:80px;
	}

	.index-edit-block {
		width: 100%;
		max-width: 1400px;
		margin: 0 auto;
		padding: 60px 0 80px;
	}

	.index-about-frame {
		background: url(/images/index-about-bg.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.index-product-frame {
		background: url(/images/index-product-bg.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.index-intro-frame {
		background: linear-gradient(to bottom, #fff 40%, #eee 0);
	}

	.index-edit-row {
		display: flex;
		width: 100%;
		max-width: 1400px;
		margin: auto;
		padding: 40px 0;
	}

	.index-edit-col {
		margin: auto;
	}

	.index-about-img img {
		width: 100%;
	}

	.index-edit-col h2 {
		font-size: 50px;
		font-weight: 900;
	}

	.index-about-tit h2, 
	.index-product-tit h2 {
		color: #736357;
	}

	/*
	.index-product-tit h2 {
		color: #0071bc;
	}
	*/

	.text-shadow {
		text-shadow: 0em 0em 0.5em black;
	}

	.index-edit-col h3 {
		font-size: 24px;
		font-weight: 600;
		color: #fff;
		margin-top: -24px;
		margin-bottom: 20px;
	}

	.index-edit-col p {
		color: #fff;
    	padding-bottom: 20px;
	}

	.index-about-tit p, 
	.index-product-tit p {
		width: 100%;
		max-width: 420px;
		text-shadow: 0em 0em 0.5em black;
	}

	.btn-block {
		margin-top: 20px;
	}

	.primary-btn {
		padding: 12px 30px;
		border: 1px solid #fff;
		color: #fff;
		border-radius: 5px;
		transition: all 0.3s ease;
    	position: relative;
	    display: inline-block;
    	z-index: 1;
	}

	.primary-btn:after {
		position: absolute;
		content: "";
		width: 100%;
		height: 0;
		top: 0;
		left: 0;
		z-index: -1;
		border-radius: 5px;
		transition: all 0.3s ease;
	}

	.primary-btn:hover:after {
		top: auto;
		bottom: 0;
		height: 100%;
	}

	.primary-btn:active {
		top: 2px;
	  }

	.primary-btn:hover {
		color: #fff;
	}

	.brown-btn {
		background-color: #82675b;
	}

	.brown-btn:after {
		background: #534741;
	}

	.blue-btn {
		background-color: #3fa9f5;
	}

	.blue-btn:after {
		background-color: #0071bc;
	}

	.magenta-btn {
		background-color: #ff6464;
	}

	.magenta-btn:after {
		background-color: #ff0000;
	}

	.fb-btn {
		background-color: #036ce5;
	}

	.fb-btn:after {
		background-color: #233345;
	}

	.gray-btn {
		background-color: #aaaaaa;
	}

	.gray-btn:after {
		background: #666666;
	}

	.index-product-col {
		padding: 0 10px;
	}

	.index-product-row {
		padding-right: 40px;
	}

	.index-product-item {
		height: 100%;
		padding: 10px;
		background-color: #fff;
		border: 1px solid #fff;
		border-radius: 10px;
		box-shadow: 0 3px 8px 1px rgba(0,0,0,0.3);
		transition: 0.5s;
	}

	.index-product-item:hover {
		border: 1px solid #3fa9f5;
		transform: scale(1.03);
		transition: 0.5s;
	}

	.index-product-img {
		margin-bottom: 10px;
		display: block;
		height: 0;
		text-align: center;
		padding-bottom: 60%;
		overflow: hidden;
		position: relative;
	}

	.index-product-img img {
		max-width: 100%;
		min-width: 100%;
		object-fit: cover;
		height: 100%;
		-moz-object-fit: cover;
		-ms-object-fit: cover;
		-o-object-fit: cover;
		-webkit-object-fit: cover;
		position: absolute;
		transform: translate(-50% , 0) scale(1);
		transition: all 0.3s;
	}

	.index-product-content h4 {
		font-size: 18px;
		font-weight: 600;
		line-height: 1.5em;
		color: #666;
		min-height: 40px;
		overflow: hidden;
		text-overflow: ellipsis;
		text-transform: inherit;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		white-space: normal;
	}

	.index-product-content hr {
		border-top: 1px solid #82675b;
		margin: 10px 0;
	}

	.index-product-content span {
		display: block;
		font-size: 14px;
		color: #aaa;
		line-height: 1.5em;
	}

	.index-intro-info h2 {
		color: #eee;
	}

	.index-intro-info h3 {
		color: #666;
	}

	.index-intro-info h4 {
		font-size: 22px;
		font-weight: 600;
		color: #3fa9f5;
	}

	.index-intro-info p {
		color: #666;
	}

	.index-edit-col ul {
		padding-left: 20px;
		padding-bottom: 20px;
	}

	.index-edit-col li {
		list-style: initial;
		line-height: 1.8em;
	}

	.index-edit-col li::marker {
		color: #3fa9f5;
	}

	.index-edit-frame {
		margin: 40px 0;
		padding: 20px 0;
	}

	.index-about-frame, 
	.index-product-frame {
		height: 100%;
   		min-height: 480px;
	}

	.index-how-col {
		text-align: center;
	}

	.index-how-col h2 {
		color: #eee;
	}

	.index-how-col h3 {
		color: #666;
	}

	.index-how-item {
		transition: 0.5s;
	}

	.index-how-item:hover {
		transform: translateY(-15px);
		transition: 0.5s;
		cursor: pointer;
	}

	.index-how-info {
		display: flex;
		justify-content: center;
		align-content: center;
		flex-wrap: wrap;
		margin-top: 10px;
	}

	.how-num {
		display: flex;
		justify-content: center;
		align-content: center;
		flex-wrap: wrap;
		width: 40px;
		height: 40px;
		background-color: #82675b;
		color: #fff;
		box-shadow: 0 3px 8px 1px rgba(0,0,0,0.3);
		font-size: 18px;
		border-radius: 50px;
		z-index: 9;
	}

	.how-txt {
		display: flex;
		justify-content: center;
		align-content: center;
		flex-wrap: wrap;
		padding: 0 40px;
		margin-left: -20px;
		background-color: #fff;
		box-shadow: 0 3px 8px 1px rgba(0,0,0,0.3);
		border-radius: 10px;
	}

.index-main-title{text-align:center; padding:50px 0 10px 0;}
.index-main-title h2{
	font-size:28px;
	font-weight:600;
	color:#3fa9f5;
}
.index-main-title h4 {
    padding-top: 20px;
    font-size: 22px;
    font-weight: 600;
    color: #666;
}

/* 設定背景圖片 */
/*
.index-main-header {
    width: 100%;
	height: 100%;
    margin: 0;
    padding: 0;
    background-image: url(/images/index-image-bg.jpg);
    background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
}
*/

.index-main-box {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.video {
    display: block;
    position: absolute;
    overflow: hidden;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

.index-main-img {
	display: flex;
}

.index-main-img img {
    margin: auto;
	animation: float 3000ms infinite;
}

@keyframes float {
	from{
		transform:translateY(0px);
	}
	25%{
		transform:translateY(15px);
	}
	50%{
		transform:translateY(0px);
	}
	75%{
		transform:translateY(30px);
	}
	to{
		transform:translateY(0px);
	}
}

@-webkit-keyframes float {
	from{
		transform:translateY(0px);
	}
	25%{
		transform:translateY(15px);
	}
	50%{
		transform:translateY(0px);
	}
	75%{
		transform:translateY(30px);
	}
	to{
		transform:translateY(0px);
	}
}

.main-icon-row {
    width: 100%;
    max-width: 1400px;
    margin: auto;
}

.main-icon-item {
    text-align: center;
	transition: 0.5s;
}

.main-icon-item:hover {
    transform: translateY(-15px);
    transition: 0.5s;
    cursor: pointer;
}

.main-icon-tit h4 {
    font-size: 20px;
    font-weight: 600;
    color: #666;
}

.index-product-title{
	display:inline-block;
	width:50%;
	vertical-align:top;
	}

.index-product-title-bg{
	display:inline-block;
	vertical-align:top;
	width:45%;
	position:relative;
	}

.sprit-img{
	position:absolute;
	top:50%;
	right:50%;
	max-width:180px;
	}

.index-product-title h3{
	padding-top:30px;
	font-size:36px;
	font-weight:900;
	}

.index-product-title p{
	padding-top:15px;
	font-size:16px;
	}

.index-product-content{
	width:100%;
	margin:0 auto;
	padding-bottom: 10px;
	}

.index-product-box{
	width:25%;
	position:relative;
	overflow:hidden;
	}

.box-inner{padding:10px;}

.product-box-body{
	padding:10px;
	text-align:center;
	background-color:rgba(255, 255, 255, 0.85);
	box-shadow:0px 0px 10px 0px rgb(0 0 0 / 30%);
	}

.index-product-box a{display:block;}

.index-product-box h3{
	font-size:22px;
	font-weight:500;
	padding-top:15px;
	padding-bottom:5px;
	border-bottom:rgba(175, 220, 223, 0.7) 1px solid;
	}

.index-product-box p{
	padding:5px 0 0;
	font-size:18px;
	color:#868686;
	font-style:italic;
	}

.index-product-box img{
	width:100%;
	}



/*首頁產品區_end*/

/*背景區_start*/
.bg-cycle{position:absolute; border-radius:999em; z-index:-5;}
.bg-cake{position:absolute; z-index:-5;}

.color-blue{background-color:rgba(175, 220, 223, 0.35);}
.color-pink{background-color:rgba(247, 177, 195, 0.35);}

.size-L{width:120px; height:120px;}
.size-M{width:80px; height:80px;}
.size-S{width:40px; height:40px;}

.bg-cake img{width:100%;}

.deg-15{
	-moz-transform:rotate(-15deg);
	-webkit-transform:rotate(-15deg);
	-o-transform:rotate(-15deg);
	-ms-transform:rotate(-15deg);
	transform:rotate(-15deg);
	}

.deg30{
	-moz-transform:rotate(30deg);
	-webkit-transform:rotate(30deg);
	-o-transform:rotate(30deg);
	-ms-transform:rotate(30deg);
	transform:rotate(30deg);
	}

.float-move-3s{
	-webkit-animation:items_float 3s forwards cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
    animation:items_float 3s forwards cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
	}

.float-move-6s{
	-webkit-animation:items_float 6s forwards cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
    animation:items_float 6s forwards cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
	}

.pulse-move{
	-webkit-animation:hvr-push 3000ms infinite; animation:hvr-push 3000ms infinite;
	}

/*背景區_end*/

/*相關資訊_start*/
.info-box{position:relative; width:100%; min-height:400px;}

.info-box h2{
	font-family:'Roboto', sans-serif;
    display:unset;
    font-size:42px;
    position:absolute;
    left:270px;
    top:10px;
	width:initial;
	color:#1d2088;
}

.info-box h3{
	text-align:left;
    padding-left:25px;
    padding-top:15px;
    font-weight:bold;
    font-size:26px;
}

.info-text-box{
	width:70%;
	min-height:220px;
	border:1px solid #dcdcdc;
	border-radius:7px;
	box-shadow:1px 1px 5px rgba(0,0,0,0.15);
	z-index:2;
	position:absolute;
	top:80px;
	background-color:#ffffff;
	}
.info-text-box:hover{box-shadow:2px 2px 10px rgba(0,0,0,0.3);}

.info-text-box.textboxL{left:0;}
.info-text-box.textboxR{right:0;}

.info-text-box h1{margin:0; padding:25px 25px 10px; text-align:left; font-weight:bold;}
.info-text-box hr{width:95%; margin:0 auto; border:1px solid #ededed;}
.info-text-box p{
	display:-webkit-box;
    width:100%;
    height:5em;
    margin:0;
    color:#696969;
    font-size:14px;
    line-height:1.5em;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
	padding:10px 25px 0;
	}

.info-pic-box{width:40%;}
.info-pic-box.picboxR{float:right;}
.info-pic-box.picboxL{float:left;}
.info-pic-box img{width:100%;}

.info-btn{
	position:absolute;
	right:30px;
	bottom:30px;
	width:100px;
	padding:8px 10px;
	border:1px solid #dcdcdc;
	border-radius:5px;
	text-align:center;
	transition:all 0.8s;
	background-color:#edf3fd;
	}

.info-btn-link:hover{font-weight:bold; color:#fff;}
.info-btn-link:hover .info-btn{background-color:#4868b2;}

/*相關資訊_end*/

/*首頁大標題_start*/
.has-animation{position:relative; text-align:center;}

.has-animation.animate-in:before, .has-animation.animate-in:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    height:100%;
    z-index:10;
}

.bigger{
	margin:0;
	font-size:48px;
	font-weight:800;
	padding:20px;
	text-transform:uppercase;
	color:#202020;
	display:inline-block;
	position:relative;
	}

.has-animation.animate-in:before{
    background-color:#0fe4d2;
}

.has-animation.animation-ltr.animate-in:before{
    animation:revealLTR 1.8s ease;
}

.has-animation p, .has-animation img{opacity:0;}

.has-animation.animate-in p, .has-animation.animate-in img {
	animation:textHidden 0.1s 1.1s forwards;}

.has-animation.animate-in:after {
    background-color:#122a88;
    animation-delay:0.5s;
}

.has-animation.animation-ltr.animate-in:after {
    animation:revealLTR 1s .6s ease;
}

@keyframes revealRTL {
  0%{width:0; right:0;}
  65%{width:100%; right:0;}
  100%{width:0; right:100%;}
}

@keyframes revealLTR{
  0%{width:0; left:0;}
  65%{width:100%; left:0;}
  100%{width:0; left:100%;}
}

@keyframes textHidden{
  0%{opacity:0;}
  100%{opacity:1;}
}


/*首頁大標題_end*/

.block-title{
	max-width:1480px;
	margin:70px auto 30px;
	}
	
.block-title h3{
	font-size:38px;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:1px solid #f1f2f4;
	}

.ccin{width:100%; box-sizing:border-box; color: #c7b299; margin-top: 20px;}

.ccin a{font-size:14px; color: #c7b299;}

.ccin li{font-size:12px;}

.ccin img{vertical-align: middle; padding:0;}

footer{
	/*background:linear-gradient(#3b8e8a,#3b8e8a,#3b524f);
    background:-moz-linear-gradient(#3b8e8a,#3b8e8a,#3b524f);
    background:-o-linear-gradient(#3b8e8a,#3b8e8a,#3b524f);
    background:-webkit-linear-gradient(#3b8e8a,#3b8e8a,#3b524f);*/
    background:#82675b;
	width:100%;
	float:left;
	color:#fff;
	line-height:1.4em;
	padding:20px 0;
	/*margin-top: 50px;*/
}
#keyBg{
	background-color:#7d7d7d;
	height:auto;
	width:100%;
}
.key{
	width:100%;
	color:#000000;
	font-size:16px;
	text-align:center;
	margin:0 auto;
	line-height:50px;
	letter-spacing:2px;
}
.key a{
	color:#000000;
	font-size:.9em;
	text-align:center;
	margin:0 auto;
	text-decoration: none;
}
.key a:hover{color:#bababa;}

.Lang {
    position:absolute;
    right:24px;
    top:10px;
	font-size:12px;
    color:#c1c1c1;

}
.Lang a{font-size:14px; color:#ccc;}

footer a{
	color:#fff;
	transition:all 0.4s ease;
	line-height:1em;
	font-size:17px;
	}

footer a:hover{color:#3fa9f5;}

.foot-block{
	width:100%;
	max-width:1140px;
	margin:0 auto;
	position:relative;
	}

.foot-box{width:100%; max-width:800px; text-align:left;}

#footlogo{width: 100%; max-width: 160px; margin-right:15px;}

#footlogo img{width:100%;}

.foot-infobox h2{font-size:20px; color:#fff; padding-top:10px;}

.foot-box p{color:#ffffff;}

.foot-link-box{text-align:center;}
.foot-link-box p{padding:10px 0;}

.foot-link-box>.link-icon-list{
	padding:10px 5px 0;
	border-top:1px solid rgba(255, 255, 255, 0.4);
	}

#footFloat{padding-left:15px;}

.goTop{
	position:fixed;
	bottom:12%;
	right:-90px;
	width:54px;
	height:54px;
	z-index:9955;
}

.goTop a:link, .goTop a:visited {
	text-decoration:none;
	position: relative;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	line-height:0;
	font-size:0;
	font-weight: 500;
	font-family: 'Microsoft YaHei', sans-serif;
    color: #fff;
    width: 54px;
    height: 54px;
    overflow: hidden;
    border-radius: 50%;
	background-color:#3fa9f5;
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.3);
	transition: all 0s ease 0s;
}
.goTop a:active, .goTop a:hover {
	text-decoration:none;
	cursor:pointer;
    width: 54px;
    height: 54px;
	font-size:16px;
    color: #fff;
	transition: all 0.25s ease 0s;
}
.goTop a::after{
	content:'';
	width:18px;
	height:12px;
	background:url("./images/top.png") no-repeat center;
	background-size:cover;
	position:absolute;
	top:50%;
	left:50%;
	margin:-6px 0 0 -9px;
	line-height:0;
	font-size:0;
	filter:alpha(opacity=100);
	Opacity:1.0;
	transition:all 0.5s ease 0s;
}
.goTop a:hover::after{
	filter:alpha(opacity=0);
	Opacity:0;
	transition:all 0.25s ease 0s;
}

#btn_language{
    font-size:14px;
    font-family:'Open Sans', sans-serif;
    color:#c7aa86;
    position:fixed;
    right:0;
    padding:29px 14px;
    z-index:222;
    top:50%;
    background-color:#5d3e28;
    letter-spacing:3px;
    cursor:pointer;
    -webkit-writing-mode:vertical-lr;
    writing-mode:vertical-lr;
    margin-top:-74px;
    -webkit-transition:all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition:all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition:all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition:all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
	}
#btn_language.active{
    transform:translateX(100%);
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -o-transform:translateX(100%);
	}

#language{
    position:fixed;
    width:0;
    height:100vh;
    background-color:#a3744a;
    right:0;
    top:0;
    overflow:hidden;
    z-index:999;
    -webkit-transition:all .8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition:all .8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition:all .8s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition:all .8s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:all .8s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
#language.active{
    transform:translateX(-0%);
    -webkit-transform:translateX(-0%);
    -moz-transform:translateX(-0%);
    -o-transform:translateX(-0%);
    width:15vw;
	}

#language .img{
    background-image:url(../images/lang_bg.jpg);
    background-repeat:no-repeat;
    position:absolute;
    z-index:1;
    width:15vw;
    right:-10vw;
    height:100%;
    background-size:cover;
    -webkit-transition:all 1.5s .2s cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition:all 1.5s .2s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition:all 1.5s .2s cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition:all 1.5s .2s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition:all 1.5s .1s cubic-bezier(0.075, 0.82, 0.165, 1);
	}
#language.active .img{/*width:50vw;*/ right:0;}

#language .close{
    position:absolute;
    z-index:2;
    height:28px;
    width:28px;
    right:50px;
    top:50px;
    display:block;
    cursor:pointer;
    text-shadow:none;
    line-height:15px;
    font-weight:initial;
	}

#language .close span{
    position:absolute;
    top:15px;
    left:-6px;
    color:white;
    font-size:16px;
    letter-spacing:1px;
    z-index:3;
    opacity:0;
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    -ms-transition:all 0.4s ease;
    transition:all 0.4s ease;
	}

#language .close:before{
    content:'';
    background-color:white;
    display:block;
    width:1px;
    height:39px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    position:absolute;
    right:0;
    transform-origin:top;
    -moz-transform-origin:top;
    -webkit-transform-origin:top;
    -ms-transform-origin:top;
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    -ms-transition:all 0.4s ease;
    transition:all 0.4s ease;
	}
#language .close:after{
    content:'';
    background-color:white;
    display:block;
    width:1px;
    height:39px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    position:absolute;
    left:0;
    transform-origin:top;
    -moz-transform-origin:top;
    -webkit-transform-origin:top;
    -ms-transform-origin:top;
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    -ms-transition:all 0.4s ease;
    transition:all 0.4s ease;
	}

.close:hover{opacity:1;}

#language .mo_block{display:block; width:100%; height:100%;}
#language .mo_block .left{display:block; width:100%; height:100%;}
#language .title{
    position:relative;
    z-index:3;
    color:white;
    font-size:16px;
    font-family:'Open Sans', sans-serif;
    letter-spacing:2px;
    left:50px;
    top:20%;
	}
#language .lan_btn{
    display:block;
    position:absolute;
    left:50px;
    z-index:5;
    top:50%;
    height:140px;
    margin-top:-70px;
    text-align:center;
	}

#language .lan_btn a{
	margin:2em auto;
	padding: .5em .8em;
	color: rgba(255,255,255,.5);
	position: relative;
	text-decoration: none;
	font-size:16px;
	font-family:'Open Sans', 微軟正黑體, Myriad Pro, Open Sans, Myriad,Aria, sans-serif;
	display:block;
	}

#language .lan_btn a::before,
#language .lan_btn a::after{
	content:'';
	height:14px;
	width:14px;
	position:absolute;
	transition:all .35s ease;
	opacity:0;
	}

#language .lan_btn a::before{
	content:'';
	right:0;
	top:0;
	border-top:3px solid #800000;
	border-right:3px solid #800000;
	transform:translate(-100%, 50%);
	}

#language .lan_btn a:after{
	content:'';
	left:0;
	bottom:0;
	border-bottom:3px solid #800000;
	border-left:3px solid #800000;
	transform:translate(100%, -50%)
	}

#language .lan_btn a:hover:before,
#language .lan_btn a:hover:after{
  transform:translate(0,0); opacity:1;}

#language .lan_btn a:hover{color:#fac76b;}
/*#language .lan_btn a.active:after{width:100%;}*/

#language_shape{
    position:fixed;
    top:0;
    left:0;
    background-color:rgba(0, 0, 0, 0.7);
    z-index:998;
    display:block;
    width:85vw;
    height:100%;
    cursor:pointer;
    left:-100%;
    opacity:0;
    -webkit-transition:opacity .4s .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition:opacity .4s .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition:opacity .4s .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition:opacity .4s .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:opacity .4s .5s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
#language_shape.show{opacity:1; left:0;}

.hot{height:auto; margin:0 auto; float:left; width:1185px;}

.abgne_tab{display:none;}

@font-face {
  font-family: Alcefun;
  src: url(Alcefun.otf);
}
.about{
	border-bottom: #7b7b7b 1px solid;
    margin-top:5%;
    font-size:1.8em;
    text-align:center;
    font-family:Alcefun,Arial,微軟正黑體,Microsoft JhengHei,新細明體,sans-serif;
    letter-spacing:0.1em;
    position:relative;
    padding-bottom:8px;
}
.about form{position:absolute; top:-50px; right:0; margin:5px 0;}

.titleIcon{vertical-align:text-bottom; width:45px;}

.pmargin{margin:6% 0; min-height:500px;}

.aboutImg img{margin:1% 1% 0 0; max-width:100%!important; height:auto!important;}

/*index*/
#index_margin{width:1185px; margin:0 auto;}

.index-about-block{
	width:100%;
	max-width:1200px;
	margin:0 auto 30px;
	overflow:auto;
	}

.index-about-picbox{float:left; width:65%; padding-top:30px;}
.index-about-picbox img{width:100%;}

.index-about-textbox{float:right; width:33%; padding-top:40px;}
.index-about-textbox p{line-height:1.8em;}

.about-sizeS{display:none;}

.hot1{
    width:330px;
    height:380px;
    float:left;
    margin:0 1.8em;
    background:#f2f2f2;
    transition:all .4s ease;
    text-align:center;
    border:1px #ccc solid;
}

.pic{width:100%; background:#ffffff; transition:all 0.4s ease-in-out;}

.pic:hover{opacity:0.2;}

.hotHidden{overflow:hidden;}

.hotHidden img{width:100%; transition:all .4s ease; display:block;}

.hotHidden:hover img{opacity:.3; transform:scale(1.05);}

.hotBg{background:#000000;}

.hotBg a{position:relative; display:block;}

.hotBg a::before{
    display:block;
    content:"Details+";
    padding:10px 20px;
    font-size:13px;
    color:#ffffff;
    border:2px solid #ffffff;
    opacity:0;
    position:absolute;
    margin-top:-150px;
    left:36%;
    top:75%;
    z-index:99;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.hotBg a:hover::before{
    opacity:1;
    margin-top:-80px;
}
.more{
	width:150px;
	margin:10px 25px 0 0;
	line-height:3em;
	color:#595757;
	font-size:1em;
	float:right;
}
.hot_text{
    text-align:left;
    background:#f2f2f2;
    box-sizing:border-box;
    width:100%;
    padding:5px;
}
.hot_text h1:hover{text-decoration:underline;}

.table{padding:0 0 30px 30px;}

.newtable1{height:100%; line-height:33px;}

.newtable2{background-color:#f5f5f5; height:100%; line-height:33px;}

.date{
	color:#313131;
	font-size:18px;
	padding:0 0 0 60px;
	float:left;
  	width:150px;
  	vertical-align:top;
}
.news{
	color:#323232;
	font-size:18px;
	display:inline-block;
 	width:700px;
}

.news a{color:#323232; font-size:18px;}

.news a:hover{color:#003b83;}

.news2{color:#323232; font-size:1em; padding-left:230px;}

.page{margin:80px auto 20px; text-align:center;}

.page a{
	color:#000000;
	font-size:16px;
	text-decoration:none;
	padding:8px 13px;
}
.page span{padding:8px 13px; color:#e84c4a;}

.page a:hover{
	background-color:#5a1d1c;
	color:#ffffff;
	font-size:16px;
	text-decoration:none;
}
.spanpage a{background-color:#3891e6; color:#ffffff;}

.index-news-block{
	width:100%;
	min-height:600px;
	margin:20px auto 80px;
	border-radius:10px;
	}

.news_inner{background:#f5f8fa;}

.index_news_header{
	padding:40px 0 20px 50px;
	border-bottom:1px solid #e6edf1;
	width:95%;
	margin:0 auto;
	}
.index_news_header h3{font-weight:600; font-size:32px;}
.index_news_header span{
	font-family:'Open Sans Condensed', sans-serif;
	font-weight:300;
	font-style:italic;
	font-size:28px;
	padding-left:10px;
	color:#3b8e8a;
	}

.index_news_list{
	width:90%;
	list-style:none;
	padding:25px 0 20px;
	margin:0 auto;
	border-bottom:1px dashed #e0e1e3;
	}

.news_date, .news_textbox{display:inline-block; vertical-align:top;}

.news_date{width:10%;}
.news_date p{color:#999; font-weight:400;}

.news_textbox{width:85%; min-height:125px; position:relative;}

.news_textbox h3{font-size:22px; color:#428bca; margin-bottom:10px;}
.news_textbox h3:hover{color:#0060a9;}

.news_brief{
	display:-webkit-box;
    height:3.3em;
    line-height:1.7em;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    }

.action-button{
	position:absolute;
	right:0;
	bottom:0;
	}

.action-button span{color:#0060a9;}
.action-button:hover span{
	border-bottom:1px solid #0060a9;
    transition:border-bottom 0.2s ease-in;
	}

/*分頁編輯設定_start*/
.page-container {
    width:100%;
    max-width:1140px;
    margin:0 auto;
    padding-right:15px;
    padding-left:15px;
    padding-bottom:40px;
	}

.page-edit-block{width:100%; padding:0 0 40px;}

.bread-block{width:100%; padding:25px 10px 10px; margin:0 auto;}

.bread{
	font-size:14px;
    color:#335495;
    transition:all 0.4s ease;
	}

.bread a{color:#555555; font-weight:600;}
.bread span{padding:0 8px; color:#868686;}

/*分頁編輯設定_end*/

/*about*/
.page-edit-tit h2 {
    font-size: 50px;
    font-weight: 900;
    color: #eee;
}
.page-edit-tit h3 {
    font-size: 24px;
    font-weight: 600;
    color: #666;
    margin-top: -24px;
    margin-bottom: 20px;
}
.edit-content-row {
    position: relative;
    height: 100%;
    min-height: 300px;
    margin: 40px 0;
}
.about-content-1 {
	background: url(/images/about-item-bg-1.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.about-content-2 {
	background: url(/images/about-item-bg-2.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.about-content-3 {
	background: url(/images/about-item-bg-3.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.content-row-reverse {
	flex-direction: row-reverse;
}
.about-img {
    margin-bottom: 10px;
    display: block;
    height: 0;
    text-align: center;
    padding-bottom: 50%;
    overflow: hidden;
}
.about-img img {
    width: 100%;
    max-width: 420px;
    position: absolute;
    top: 15%;
    object-fit: cover;
    height: 100%;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
}
.positive-img img {
	left: 5%;
}
.reverse-img img {
    right: 5%;
}
.about-txt-frame {
    display: flex;
}
.about-txt {
    margin: auto;
}
.about-txt h4 {
    font-size: 22px;
    font-weight: 600;
    color: #3fa9f5;
    margin-bottom: 15px;
}
.about-pic-box{width:30%;}
.about-pic-box img{width:100%;}

.about-info-box{width:70%;}
.about-info-box p{line-height:30px;}

.head-shot-box{
	border:#f7b1c3 3px dashed;
	border-radius:999em;
	}

.head-shot-box.box-inner{padding:20px;}

.head-shot-box-body{
	width:100%;
	max-width:250px;
	height:250px;
	margin:0 auto;
	padding:0;
	border-radius:999em;
	background-image:url(./images/head_shot_pic.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	}

.about-edit-box, .private-edit-box{
	border:#3fa9f5 2px dashed;
	border-radius:30px;
	}

.about-edit-box.box-inner{padding:60px 20px;}

.about-edit-box p{
	font-size:18px;
	font-weight:600;
	text-align:center;
	line-height:1.8em;
	}

.private-edit-box.box-inner{padding:30px;}

.private-edit-box h3{
	font-size:20px;
	font-weight:bold;
	padding:5px 0 10px;
	}

.private-edit-box h4{
	font-size:18px;
	font-weight:600;
	padding:20px 0 10px;
	}

.private-edit-box p{
	font-size:16px;
	line-height:1.8em;
	}

.private-edit-box ul{padding-left:22px;}
.private-edit-box ul li{list-style:disc; line-height:1.8em;}

.private-edit-box ul>li>ul>li{list-style:number;}

/*news*/
.catalog-frame {
    padding: 20px;
}
.catalog-item {
    height: 100%;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    transition: 0.5s;
}
.catalog-item:hover {
    border: 1px solid #3fa9f5;
    transform: scale(1.03);
    transition: 0.5s;
    box-shadow: 0 3px 8px 1px rgba(0,0,0,0.3);
}
.catalog-img {
    display: block;
    height: 0;
    text-align: center;
    padding-bottom: 60%;
    overflow: hidden;
    position: relative;
}
.catalog-img img {
    max-width: 100%;
    min-width: 100%;
    object-fit: cover;
    height: 100%;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    position: absolute;
    transform: translate(-50% , 0) scale(1);
    transition: all 0.3s;
}
.catalog-tit h4 {
    color: #666;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0 0;
    min-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.news-date {
    padding: 10px 0;
}
.news-date span {
    color: #aaa;
}
.catalog-txt p {
    text-align: left;
    font-size: 16px;
    line-height: 1.5em;
    color: #666;
    min-height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.numpage-btn {
    width: 100%;
    text-align: center;
}
.numpage-btn .pagination {
    margin: 20px 0;
    display: inline-flex;
}
.numpage-btn .pagination li {
    margin: 5px 10px;
}
.numpage-btn .pagination li.active {
    background-color: #3fa9f5;
    color: #fff;
	padding: 10px;
}
.page-link {
    padding: 10px !important;
    color: #3fa9f5;
}
.page-link:hover {
    color: #0071bc;
}
.catalog-detail-frame {
    width: 100%;
    max-width: 950px;
    margin: auto;
}
.catalog-detail-img {
    width: 90%;
    max-width: 450px;
    margin: 0 auto;
	display: block;
    height: 0;
    text-align: center;
    padding-bottom: 35%;
    overflow: hidden;
    position: relative;
}
.catalog-detail-img img {
    width: 100%;
	max-width: 100%;
    min-width: 100%;
    object-fit: cover;
    height: 100%;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    position: absolute;
    transform: translate(-50% , 0) scale(1);
    transition: all 0.3s;
}

/* catalog-showbox */
.catalog-showbox {
    height: 100%;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}

.catalog-showbox .swiper-container{
	width:100%;
	height:480px;
	margin-left:auto;
	margin-right:auto;
    }

	.catalog-showbox .swiper-slide {
		background-size: cover;
		background-position: center;
		display: block;
		height: 0;
		text-align: center;
		padding-bottom: 100%;
		overflow: hidden;
		position: relative;
	}

	.catalog-showbox .swiper-slide img {
		width: 100%;
		max-width: 100%;
    	min-width: 100%;
	    object-fit: cover;
    	height: 100%;
	    -moz-object-fit: cover;
    	-ms-object-fit: cover;
    	-o-object-fit: cover;
    	-webkit-object-fit: cover;
    	position: absolute;
    	transform: translate(-50% , 0) scale(1);
    	transition: all 0.3s;
	}

	.catalog-showbox .gallery-top {
		height: 100%;
		max-height: 360px;
		width: 100%;
	}

.catalog-showbox .gallery-thumbs{height:100px; box-sizing:border-box; padding:10px 0;}

.catalog-showbox .gallery-thumbs .swiper-slide{height:100%; opacity:0.4;}

.catalog-showbox .gallery-thumbs .swiper-slide-thumb-active{opacity:1;}

.catalog-detail-tit {
    margin-top: 20px;
    margin-bottom: 10px;
}
.catalog-detail-tit h3 {
    font-size: 26px;
    font-weight: 600;
    color: #666;
}
.catalog-detail-txt {
    margin-top: 20px;
}
.back-btn ,
.btn-right {
    text-align: right;
}

.news_margin{margin:0 auto; width:1100px;}

.news_t{
    color: #003b83;
    font-size: 18px;
	font-weight:bold;
	float:left;
}
.news_img{float:left; margin-right:10px;}

hr{width:100%;}

.back{color:#852a29; float:right; margin:50px 0;}

/*product*/
.catalog-content-tit h3 {
    font-size: 24px;
    font-weight: 600;
    color: #82675b;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: rgba(83, 83, 83, 0.35) 1px solid;
}
.product-list-row {
    padding-top: 20px;
}
.product-list a {
    color: #666;
}
.product-list a:hover {
    color: #3fa9f5;
}
.product-tit h4 {
    margin-bottom: 10px;
    border-bottom: rgba(83, 83, 83, 0.35) 1px solid;
}
.catalog-desc span {
    display: block;
    font-size: 14px;
    color: #aaa;
    line-height: 1.5em;
}
.product-content-box{width:80%;}
.product-list-box {
    margin-bottom: 40px;
}
.product-list-box h3{
	font-size:18px;
	font-weight:600;
	color: #666;
	padding-left:10px;
	padding-bottom:10px;
	border-bottom:rgba(83, 83, 83, 0.35) 1px solid;
	}
.product-list{padding:0 0 0 7px;}
.product-list li{padding:20px 0 0;}
.product-list i{color:#c3c5be;}

.product-content-box img.product-cover{width:100%;}

.list-project-box{padding-top:30px;}

.list-project-menu{padding-left:0;}

.list-project-menu li{
	float:left;
	width:31.333%;
	margin:0 3% 3% 0;
	text-align:center;
	}
.list-project-menu li:nth-child(3n){margin-right:0;}

.list-project-cover{
	width:100%;
	padding-bottom:166.576%;
	background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
	}

.list-project-menu li h4{
	font-size:16px;
	padding:15px 0 5px;
	}

.list-project-menu li p span{color:#868686;}

.detail-content-block{
	border:#d9d9d9 1px solid;
	background-color:rgba(255, 255, 255, 0.75);
	}

.detail-slider-box-outside{width:60%;}
.detail-info-box{width:40%;}
.detail-slider-box-outside>.box-inner{padding:20px 5px 20px 20px;}
.detail-info-box>.box-inner{padding:20px;}

.detail-slider-box{max-width:500px; margin:0 auto;}

.detail-info-box h3{font-size:24px; padding:5px 0;}
.detail-info-box h5 {
    color: #aaa;
    padding: 10px 0 20px;
}
.product-price{
	font-size:30px;
	font-weight:bold;
	text-align:right;
	letter-spacing:2px;
	}
.product-price span{font-size:20px; padding-right:7px;}

.tag-box{
	width:140px;
	margin:0 0 -1px;
	padding:10px;
	border-top:#3fa9f5 5px solid;
	border-left:#d9d9d9 1px solid;
	border-right:#d9d9d9 1px solid;
	border-bottom:#fff 1px solid;
	}

.tag-box i{padding-right:3px;}
.tag-box p{letter-spacing:2px; font-weight:500;}

.transfer-box{border-top:#d9d9d9 1px solid;}

.transfer-box h5, .quantity-box h5{
	padding:15px 0 15px 10px;
	font-weight:700;
	}

.transfer-box ul{padding-left:25px;}
.transfer-box ul li{font-weight:400;}

.quantity-box form{padding-left:25px;}

.qty{
	width:40px;
	height:45px;
	text-align:center;
	border:0;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	padding:0;
	margin:0;
	vertical-align:top;
	}

input.qtyplus{
	width:35px;
	height:45px;
	border:1px solid #aaa;
	background:#f8f8f8;
	font-size:24px;
	vertical-align:top;
	}

input.qtyminus{
	width:35px;
	height:45px;
	border:1px solid #aaa;
	background:#f8f8f8;
	font-size:24px;
	vertical-align:top;
	padding-bottom:5px;
	}

.cart-btn-block{margin-top:15px;}

.cart-btn-box .modal-tit i {
    font-size: 24px;
    color: #20c997;
}

.product-content-block h4{
	font-size:20px;
	padding:10px 0;
	font-weight:600;
	}
.product-content-block hr{margin:10px auto;}
.product-content-block p{padding:10px 10px 40px;}
.product-detail-txt {
    padding: 10px;
}
.product-detail-txt img {
    width: 100%;
}
.quickbuy-box{padding:10px;}
.product-content-block p {
    color: #666;
    line-height: 1.8em;
    padding: 10px 0;
}
.quickbuy-box h3 {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0;
}
.quickbuy-box h5 {
    color: #aaa;
}
.product-content-block ul {
    margin-bottom: 10px;
}
.product-content-block li {
	color: #666;
    line-height: 1.8em;
}
.product-content-block ul li {
    list-style: initial;
}
.product-content-block ol li {
    list-style: decimal-leading-zero;
}
.product-content-block li::marker {
    color: #3fa9f5;
}

.jssort101 .t {
    background-color: #fff;
}

.btn{
	border:0;
    display:inline-block;
    letter-spacing:1.5px;
    padding:10px;
    transition:all 100ms ease-in-out;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
    font-size:16px;
    line-height:20px;
    padding:20px 10px;
	}

.btn_block{display:block; width:100%;}

.btn_addcart{
    background-color:#3fa9f5;
    border:1px solid rgba(0,0,0,0);
    color:#fff;
	}

.btn_gopay{
    background-color:#82675b;
    border:1px solid rgba(0,0,0,0);
    color:#fff;
	}

.btn_addcart:hover, .btn_gopay:hover{color:#fff; background-color:#0071bc;}

.btn_animated{overflow:hidden; position:relative;}

.btn_animated span{
    position:absolute;
    width:100%;
    height:100%;
    right:0;
    top:0;
    transition:right 0.3s;
    line-height:40px;
	}

.btn_animated:hover span{right:-13px;}

.btn_animated i{
	position:absolute;
	top:12px;
	right:100%;
	transition:right 0.3s;
	}

.btn_animated:hover i{right:78%;}

.share-link-box{float:right; padding:15px 0;}

.share-link-box ul{padding-left:0;}
.share-link-box ul li{
    display:inline-block;
    width:40px;
    padding:0 3px;
	}

.share-link-box ul li img{width:100%;}

.quickbuy-box .btn_animated:hover span{right:0;}

.mobile-gopay-box{display:none;}

.mobile-gopay-btn{
	bottom:0;
    left:0;
    right:0;
    display:block;
    position:fixed;
    z-index:10;
    transition:bottom 0.5s;
	background-color:#3fa9f5;
	text-align:center;
	}

.mobile-gopay-btn button{
	border:0;
	padding:10px 0;
	background-color:unset;
	width:100%;
	}

.mobile-gopay-btn .btn_animated span{
	position:inherit;
	letter-spacing:3px;
	color:#fff;
	font-weight:600;
	}
.mobile-gopay-btn .btn_animated:hover span{right:0;}

.mobile-check-content-block{
	display:none;
	position:fixed;
	width:100%;
	bottom:0;
	z-index:20;
	background-color:#fff;
	}

.mobile-check-content-block.mobile-nav-open{display:block;}

.mobile-check-btn-box button{
	border:0;
	border-radius:0;
	}

.mobile-check-content-block h3{font-size:24px;}

.check-overlay{
    position:fixed;
    z-index:15;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#1c1d21;
    opacity:0;
    visibility:hidden;
    transition:opacity .5s, visibility .5s;
	}

.check-overlay.mobile-nav-open{opacity:0.7; visibility:visible;}

.check-overlay span{
	position:absolute;
	left:20px;
	bottom:27%;
	color:#fff;
	font-size:40px;
	}

h1{
    color: #000000;
    font-size: 17px;
	font-weight:bold;
	line-height:1.3em;
}
h2{
	color:#646464;
	font-size:14px;
	line-height:1.5em;
	}

.product_img img{
	height: 100%;
	transition:all .3s ease-in-out;
	width: 100%;
	max-width:300px;
	/*display:block;*/
}
.product_box:hover .product_img img{
    opacity: 0.5;
}
.product_box:hover .product_img a::after{
	opacity:1;
	margin-top:0px;
}
.product_box:hover .ptext h1{
	color:#003b83;
}
.p_page{
	text-align:center;
	margin:10px auto;
	width: 200px;
}
.p_page a{
	color:#595757;
	font-size:18px;
	text-decoration:none;
}
.pro_text{
	color:#852a29;
	font-size:21px;
	font-weight:bold;
	    display: inline-block;
}
.pro_text2{
	color:#852a29;
	font-size:16px;
	display:inline-block;
}
.pro_p{font-size:16px;}

.picture_big{margin:0 auto; display:block;}

.price{line-height:30px; padding-top:5px;}

.promotion{
	font-weight:bold;
	font-size:24px;
	color:#3a5da0;
	}

.mobile-show-block{display:none;}
.mobile-show-block ul{padding-left:0;}
.mobile-show-box{width:95%; margin:0 auto 10px;}
.mobile-show-box img{width:100%; margin:0;}

.button{
	width:130px;
	height:36px;
	background-color:#00bfff;
	border-radius:5px;
	border:#86b7d5 1px solid;
	box-shadow:1px 1px 5px rgba(0,0,0,.4);
	color:#ffffff;
	font-size:16px;
	text-align:right;
	padding:0 15px 3px 0px;
	box-sizing:border-box;
	float:left;
	margin:10px 5px;
	font-family:Arial,微軟正黑體,Microsoft JhengHei,新細明體,sans-serif;
	}

/*產品內頁縮圖*/
.showbox{
	width:605px;
	height:456px;
	float:left;
	margin:0 25px 0 0;
}
.abgne-block-20120106 img{
	width:128px;
	height:98px;
	margin-bottom:12px;
}

/*購物須知_start*/
.notice-block{width:100%; max-width:1024px; margin:0 auto 50px;; padding:0;}

.notice-head-box{
	width:100%;
	height:250px;
	background-image:url(/images/notice-head-background.jpg);
	background-repeat:no-repeat;
	position:relative;
	text-align:center;
	}
.notice-logo{width:210px; padding-top:95px;}
.notice-waterpick{
	position:absolute;
	right:0;
	bottom:30px;
	}
.notice-info-block-top{
	text-align:center;
	width:80%;
	max-width:600px;
	margin:30px auto 20px;
	}

.notice-info-block-top h1{font-size:28px; letter-spacing:20px;}

.notice-item-top{
	width:45%;
	display:inline-block;
	margin:5px;
	padding:5px;
	vertical-align:top;
	}

.notice-item-top h2{
	font-size:22px;
	color:#fff;
	background-color:#3389a7;
	}

.notice-item-top p{padding-top:15px; width:95%; margin:0 auto;}

.notice-info-block-bottom{
	width:80%;
	max-width:600px;
	margin:0 auto;
	}
	
.notice-info-block-bottom h2{
	font-size:22px;
	color:#fff;
	background-color:#3389a7;
	padding-left:20px;
	}
.notice-info-block-bottom p{padding-top:15px; line-height:30px; width:95%; margin:0 auto;}
.notice-item-bottom{margin-bottom:15px;}
/*購物須知_end*/

/*shoppingcart*/
.list-inline, .list-inline ul, .list-h, .list-h ul, .list-v, .list-v ul{
    margin:0;
    padding:0;
    list-style-type:none;
	}
.shopping-title{padding-top:90px;}
.shopping-pic{
	width:100%;
	max-width:250px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	}
.shopping-pic img{width:100%;}
.shopping-process{width:100%; max-width:1170px; margin:0 auto;}
.shopping-step{
    font-size:16px;
    color:#231815;
    text-align:center;
    padding:10px 0;
    margin-bottom:30px;
	}
.shopping-step li{
    position:relative;
    padding:10px 20px;
    border:2px solid #ddd;
    margin:0 30px;
	}
.shopping-step li, .shopping-step li>*{
    display:inline-block;
    vertical-align:middle;
	}
.shopping-step li.current{
    color:#fff;
    background:rgba(35,24,21,.5);
    position:relative;
	}
.shopping-step li.current:after{
    content:"";
    border:2px solid #fff;
    left:0;
    right:0;
    top:0;
    bottom:0;
    display:block;
    position:absolute;
    z-index:3;
	}
.shopping-step li+li:before {
    content:"";
    background:url(/images/step_arrow.png) 0 50% no-repeat;
    display:inline-block;
    vertical-align:middle;
    width:30px;
    height:30px;
    position:absolute;
    left:-50px;
    bottom:4px;
	}

.table-title{
	font-size:24px;
	color:#696969;
	border-bottom:1px solid #d3d3d3;
	padding:0 0 10px 10px;
	}
.list-box{border:0; position:relative; margin-bottom:5px;}
.list-pic{width:20%;}
.list-name a{font-size:22px;}
.list-price{color:#6a6a6a; font-size:22px;}
.list-price span{font-size:12px; color:#808080;}
.list-box td img{width:200px;}
.total-box tr{border:1px solid #fff;}
.total-box td{text-align:right; background-color:#e0e0e0;}
.total-box td:last-child{width:15%;}

.infor-block{padding:40px 0 0; margin:0;}
.infor-block .infor{display:table; width:100%; table-layout:fixed; border-spacing:20px 0;}
.infor-block .infor-box{
    display:table-cell;
    vertical-align:top;
    width:50%;
    position:relative;
    border:1px solid #808080;
	}
.infor-block .infor-title{padding:5px; text-align:center;}
.infor-block .box1 .infor-title{
    margin-right:-20px;
    padding:15px 20px 0 12px;
    color:#505050;
    font-weight:bold;
    line-height:30px;
    letter-spacing:0.05em;
	}
.infor-block .box2 .infor-title {
    margin-left:-20px;
    padding:15px 0 0 20px;
    color:#505050;
    line-height:30px;
    letter-spacing:0.05em;
	}
.infor-block .box3 .infor-title{
    padding-top:15px;
    color:#505050;
    font-weight:bold;
    line-height:30px;
    letter-spacing:0.05em;
	}
.infor-title{
    color:#231815;
    font-size:20px;
    font-weight:bold;
    padding:5px 0 0 0;
    margin:0;
    }
.infor-block .infor-data{padding:0 40px 20px;}
.infor-data{margin:0 auto;}
.infor-data .infor-group{padding:4px 0; line-height:36px;}
.infor-block .control-label{color:#7f7f7f; font-size:16px;}
.infor-data .control-label{display:block; line-height:inherit;}
.infor-data .control-box{position:relative;}
.form-control{
    display:block;
    width:100%;
    height:36px;
    line-height:34px;
    padding:0 10px;
    font-size:17px;
    font-family: Arial,微軟正黑體,Microsoft JhengHei,新細明體,sans-serif;
    border:1px solid #cccccc;
    box-sizing:border-box;
    margin-bottom:6px;
    border-radius:5px;
	}
textarea.form-control{
    padding:8px 10px;
    line-height:1.4;
    resize:vertical;
	}
.payment-box{
	border-top:1px solid #dcdcdc;
    text-align:center;
    padding:0 0 15px;
	}
.payment-infor{padding:10px 0 15px;}

.form_layout{padding:15px; margin-bottom: 20px;}

.form_layout h3{font-size:20px; padding:5px 0 0 10px;}
.form_layout p{padding:5px 0 0 10px;}
.form_layout hr{margin:10px auto;}

.th_model {
    width: 20%;
}

.td_model {
    width: 20%;
    text-align: center;
}


.cart_detail_area .th_quantity, .cart_detail_area .th_price, .cart_detail_area .th_subtotal, .cart_detail_area .th_del, .cart_detail_area .td_quantity, .cart_detail_area .td_price, .cart_detail_area .td_subtotal, .cart_detail_area .td_del{
	text-align: center;
	}

	.cart_detail_area .th_state, .cart_detail_area .td_state {
		width: 10%;
		text-align: center;
	}

.cart_detail_area .css_th{text-align:center;}

.cart_detail_area .css_th, .cart_detail_area .css_td{
    display:table-cell;
    vertical-align:middle;
	}

.cart_detail_area .th_quantity, .cart_detail_area .td_quantity{width:10%;}
.cart_detail_area .th_price, .cart_detail_area .td_price{width:15%;}
.cart_detail_area .th_subtotal, .cart_detail_area .td_subtotal{width:15%;}
.cart_detail_area .th_del, .cart_detail_area .td_del{width:5%;}

.cart_detail_area .item_header{
    border:1px solid;
    border-radius:5px 5px 0 0;
    display:table;
    font-size:85%;
    padding:15px 0;
    width:100%;
	}
.cart_detail_style .item_header{background:#333; border-color:#333; color:#fff;}

.cart_detail_area .item_list{
    border-right:1px solid;
    border-left:1px solid;
    display:table;
    padding:10px;
    width:100%;
	}

.cart_detail_area .item_row_same{border-top:0;}

.cart_detail_style .item_list{border-color:#e6e6e6;}

.cart_detail_style .item_row_same{background:#fff;}

.cart_detail_style .item_row_same:nth-child(even){background:#fafafa;}

.cart_detail_area .item_product{font-size:18px;}

.cart_detail_area .item_product .item_thumbs{
    display:-ms-inline-flexbox;
    display:inline-flex;
    float:left;
    margin-right:10px;
    vertical-align:top;
	}

.cart_detail_area .item_product .item_info{display:table-cell; width:50em;}

.media{display:-ms-flexbox; display:flex;}
.align-start, .media{-ms-flex-align:start; align-items:flex-start;}
.media .media-body{-ms-flex:1; flex:1;}

.form_input, .form_textarea, .form_select_block .form_select{border-radius:0;}
.form_control{
    border:1px solid;
    border-radius:0;
    box-shadow:none;
    box-sizing:border-box;
    display:block;
    font-size:14px;
    line-height:18px;
    outline:none;
    resize:none;
    transition:all 0.2s ease-out;
    width:100%;
	}

.form_control{
    background-color:#fff;
    border-color:#d9d9d9;
    color:gray;
    }

.cart_detail_area .item_name{
    display:block;
    font-size:14px;
    margin-top:0;
    line-height:20px;
    -webkit-line-clamp:2;
	}

.item_name:hover {
	color: #3fa9f5;
}

.text_overflow{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    word-wrap:break-word;
    word-break:break-all;
    outline:#565657;
	}

.form_select_block{
    cursor:pointer;
    display:inline-block;
    height:36px;
    position:relative;
    vertical-align:middle;
    width:100%;
	}

.form_select_block .form_select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    display:block;
    font-size:14px;
    height:100%;
    opacity:0;
    position:absolute;
    padding:0 10px;
    top:0;
    left:0;
    width:100%;
    z-index:2;
	}

.form_select_block .form_select_bind{
    background:#fff;
    border:1px solid #d9d9d9;
    box-sizing:border-box;
    color:gray;
    display:block;
    cursor:pointer;
    font-size:14px;
    height:36px;
    line-height:34px;
    margin:0;
    overflow:hidden;
    position:relative;
    padding:0 30px 0 12px;
    width:100%;
    word-break:break-all;
	}

.form_select_block:after{
    border-top:7px solid gray;
    border-right:4px solid transparent;
    border-bottom:4px solid transparent;
    border-left:4px solid transparent;
    content:'';
    height:0;
    position:absolute;
    top:14px;
    right:12px;
    width:0;
	}

.cart_detail_style .item_discount{background:#fff;}

.cart_detail_area .item_discount .item_row{
    border:1px solid #e6e6e6;
    border-bottom:0;
    display:grid;
    grid-gap:10px;
    grid-template-columns:75% auto;
    -ms-flex-align:center;
    align-items:center;
    padding:10px;
	}

.cart_detail_area .item_discount .item_desc{
    font-size:14px;
    line-height:20px;
    font-weight:bold;
    text-align:right;
	}

.cart_detail_area .item_discount .item_money{
    line-height:20px;
    text-align:right;
	}

.cart_detail_style .item_discount .item_money{color:#3fa9f5;}

.white_space{white-space:nowrap;}
.mb_0{margin-bottom:0!important; font-size:14px;}


.cart_detail_area .item_discount .item_shipment .freight_detail_lab{
    cursor:pointer!important;
    font-weight:normal;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:end;
    justify-content:flex-end;
	}

.cart_detail_area .item_discount .item_total{
    background-color:#333;
    border:0;
    font-size:20px;
    padding:15px 10px;
    border-radius:0 0 5px 5px;
	}

.cart_detail_style .item_discount .item_total .item_desc, .cart_detail_style .item_discount .item_total .item_money{color:#fff;}

.orderinfo-filter {
	margin-top: 20px;
    margin-bottom: 20px;
}

.orderinfo-accordion {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 15px;
}
  
.orderinfo-panel {
	background-color: #eee;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.orderinfo-expand, .orderinfo-accordion:hover {
	color: #0071bc;
}

.orderinfo-accordion:after {
    position: absolute;
    top: 20px;
    right: 20px;
    content: '\f107';
    color: #666;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Font Awesome 5 Free';
}

.orderinfo-txt {
	padding: 10px;
}

.orderinfo-tit h4 {
    font-size: 18px;
    font-weight: 600;
}

.order-info-box {
	padding: 0 15px;
}

.order-info-item {
    padding: 20px 0;
}

.order-btn {
    display: flex;
}

.order-btn .btn-item {
    padding-right: 6px;
}

/*Intro*/
.intro-table-tit h3 {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    color: #666;
    padding-bottom: 15px;
}
.intro-table table {
    border: 0;
}
.intro-table th:first-child {
    text-align: left;
}
.intro-table th {
    background-color: #3fa9f5;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}
.intro-table tr {
    border-bottom: 1px solid #ccc;
    transition: 0.5s;
}
.intro-table tr:hover {
    background-color: #eee;
    transition: 0.5s;
}
.intro-table td:first-child {
    text-align: left;
	font-weight: 600;
    color: #0071bc;
}
.intro-table td {
    padding: 15px;
}
.intro-txt {
    margin: 80px 0;
}
.intro-txt i {
    color: #3fa9f5;
}
.intro-txt h4 {
    font-size: 22px;
    font-weight: 600;
    color: #666;
	padding-bottom: 10px;
    border-bottom: rgba(83, 83, 83, 0.35) 1px solid;
}
.brown-txt {
    color: #82675b;
}
.blue-txt {
    color: #3fa9f5;
}
.intro-txt p {
    margin: 10px 0;
    color: #666;
}
.intro-txt ul {
    margin: 10px 0;
}
.intro-txt li {
    list-style: initial;
    line-height: 1.8em;
}
.intro-txt li::marker {
    color: #3fa9f5;
}
.intro-txt img {
    width: 100%;
    padding: 10px 0;
}
.intro-video-box iframe {
    width: 100%;
    height: 200px;
	margin-bottom: 20px;
}

/*FAQ*/
.collapsible-filter {
    margin-bottom: 20px;
}

.collapsible-accordion {
    position: relative;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.5s;
}
  
.collapsible-expand, .collapsible-accordion:hover {
	border: 1px solid #3fa9f5;
	transform: translateX(15px);
    box-shadow: 0 3px 8px 1px rgba(0,0,0,0.3);
}
  
.collapsible-panel {
	padding: 0 18px;
	margin-left: 25px;
	background-color: #eee;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.collapsible-accordion:after {
    position: absolute;
    top: 20px;
    right: 20px;
    content: '\f107';
    color: #666;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Font Awesome 5 Free';
}

.collapsible-txt {
    margin-top: 10px;
	padding: 10px;
}

.collapsible-tit h4 {
    font-size: 18px;
    font-weight: 600;
    color: #666;
}

.collapsible-tit b {
    font-size: 22px;
    font-weight: 900;
    color: #aaa;
}

.collapsible-txt p {
    color: #666;
}

/*contact*/
.contact-map-inner iframe {
    width: 100%;
	height: 450px;
}
.contact-form-frame {
    width: 40%;
    position: absolute;
    top: -12%;
    right: 3%;
}
.contact-info-inner {
    display: flex;
	margin-top: 10px;
}
.contact-info-box {
    display: flex;
}
.contact-info-img img {
    width: 100%;
    max-width: 140px;
}
.contact-info-txt {
    margin: 10px 20px;
}
.contact-info-txt h3 {
    font-size: 22px;
    font-weight: 600;
    color: #82675b;
}
.contact-info-txt p {
    color: #666;
}
.contact-info-qrcode img {
    width: 100%;
    max-width: 140px;
}
.contact-form-header {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: rgba(83, 83, 83, 0.35) 1px solid;
}
.contact-form-header p {
	font-size: 16px;
    color: #333;
}
.contact-form-box {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    transition: 0.5s;
    box-shadow: 0 3px 8px 1px rgba(0,0,0,0.3);
}
.red-txt {
    color: #ff0000;
}
.form-item-inner {
    margin: 15px 0;
}
.login-verify {
    display: flex;
    align-items: center;
}
.login-verify img {
    padding-right: 6px;
}
.login-yzm {
    max-width: 30%;
    height: 40px;
}
.end-option {
    display: flex;
    align-items: center;
}

/* Member page */
.member-info table {
    border: 0;
}
.member-info td {
    text-align: left;
}
.member-info tr {
    border-bottom: 1px solid #eee;
}

.forgot-pw-box {
    padding: 20px 0;
}
/* The Modal (background) */
.show-modal {
    display: none;
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	max-width: 720px;
    width: 90%;
    overflow: auto; /* Enable scroll if needed */
    background-color: #fff; /* bg white */
    border-radius: 10px; /* Round corner */
    box-shadow: 1px 1px 3px 1px rgb(0 0 0 / 60%);
    margin: auto;
  }
  
  .modal-content {
    margin: auto;
    display: block;
    color: #000;
    padding: 20px;
  }

  .modal-tit h4 {
    font-size: 20px;
    font-weight: 600;
}

.modal-tit p {
    padding: 10px 0;
}
  
  /* Add Animation */
  .modal-content {  
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
  }
  
  @-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
  }
  
  @keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
  }
  
  /* The Close Button */
  .close, .close2 {
      position: absolute;
      top: 15px;
      right: 15px;
      font-size: 42px !important;
      font-weight: bold;
      transition: 0.3s;
      opacity: 0.5 !important;
      z-index: 1;
  }
  
  .close:hover,
  .close:focus, 
  .close2:hover,
  .close2:focus {
    color: #333;
    text-decoration: none;
    cursor: pointer;
  }
.forgot-pw a {
    color: #82675b;
}
.forgot-pw a:hover {
    color: #534741;
}
.register-item {
    padding-left: 20px;
}
.register-item a {
    color: #3fa9f5;
}
.register-item a:hover {
    color: #0071bc;
}
.radio-box {
    display: flex;
}
.radio-box .radio {
    margin-right: 15px;
}
.column-frame {
	width: 100%;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 1.5em;
    color: #333;
    background-color: #f3f3f3;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px 1px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 1px 1px rgb(0 0 0 / 10%);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.sp-column {
    max-width: 40%;
    height: 40px;
}
.address-option {
    display: flex;
}
.address-option .options {
    width: 100%;
    max-width: 25%;
    margin-right: 10px;
    padding: 10px 5px;
    height: 40px;
    background-color: #f3f3f3;
	color: #666;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px 1px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 1px 1px rgb(0 0 0 / 10%);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.address-option input {
    width: 100%;
    max-width: 50%;
    height: 40px;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 1.5em;
    color: #333;
    background-color: #f3f3f3;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px 1px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 1px 1px rgb(0 0 0 / 10%);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-check {
    margin: 20px 0;
}
.form-check-input {
    margin: auto;
}
.form-check-label {
    margin: auto;
}
.form-item-inner label {
    font-size: 16px;
    margin-bottom: 5px;
    color: #666;
}
:focus {
    outline: 0;
}
.form-item-inner textarea {
    height: 100%;
    min-height: 100px;
    max-height: 160px;
    resize: vertical;
}
.contact-column {
    height: 35px;
}

.contact_margin{margin:0 auto; width:1000px;}

.map-block{overflow:auto;}

.map-box{float:left; width:60%;}

.map-box iframe{width:100%; height:415px;}

.spirit-box{float:right; width:37%;}

.spirit-box img{width:100%; margin:0;}

.contact-form{
	text-align:center;
	min-height:450px;
	}
.contact-form input{
	width:50%;
	height:40px;
	padding-left:10px;
	border:1px solid #ccc;
	border-radius:4px;
	vertical-align:middle;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	transition: border linear .2s, box-shadow linear .2s;
	}
.contact-form textarea{
	width:50%;
	height:170px;
	margin-top:10px;
	padding-top:10px;
	padding-left:10px;
	border:1px solid #ccc;
	border-radius:4px;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	transition: border linear .2s, box-shadow linear .2s;
	}
.contact-form .sentbtn{
	text-align:center;
	background-color: #88654f;
    color: #FFF;
    border: 0px;
    font-size: 15px;
    width: 100px;
    padding-left:5px;
    display: inline-block;
    cursor: pointer;
    }
.sentbtn:hover, .sentbtn:focus, .sentbtn:active {
	background-color:#a8947c;
	}

/*崁入youtube_start*/
.youtubecontent{
	position:relative;
	padding-top:30px;
	height:0;
	overflow:hidden;
	}
.youtubecontent{padding-bottom:56.25%;}
.youtubecontent iframe,
.youtubecontent object,
.youtubecontent embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
/*崁入youtube_end*/

/*download*/
.download-box{margin:3% auto;}

.download-pro{
    width:100%;
    margin:25px auto;
    padding-bottom:5px;
    border-bottom:1px #e0e0e0 dashed;
}
.download-pro img{
	width:100%;
	border:1px solid #b7b7b7;
	border-radius:4px;
	margin-bottom:5px;
}
.download-pro h1{
	display:inline;
	font-weight:normal;
	color:#960200;
}

.download-pro h2{display:inline;}

.download-pro h3{display:inline;float:right;}

.download-pro h3 a{
    font-size:0.95em;
    margin:0 10px 0 0;
    color:#696969;
    background:#eaeaea;
    padding:5px 8px;
    border-radius:10px;
    transition:all 0.2s ease;
}
.download-pro h3 a:hover{
    color:#ffffff;
    background:#7b2424;
}
.download-pro h4{
	display:inline;
    color:#4c4c4c;
    font-weight:normal;
    font-size:0.9em;
    margin-left:15px;
    vertical-align:text-top;
}

/*tab選單*/
.abgne_tab ul, li{
	margin:0;
	padding:0;
	list-style:none;
}
.abgne_tab {
	clear:left;
	width:400px;
	margin:10px 0;
}
ul.tabs {
	width:100%;
	height:32px;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
}
ul.tabs li{
	float:left;
	height:31px;
	line-height:31px;
	overflow:hidden;
	position:relative;
	margin-bottom:-1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
	border:1px solid #999;
	border-left:none;
	background-color:#852a29;
}
ul.tabs li a {
	display:block;
	padding:0 10px;
	color:#ffffff;
	border:1px solid #ffffff;
	text-decoration:none;
}
ul.tabs li a:hover{
	background:rgba(255,255,255,.5);
}
ul.tabs li.active{
	border-bottom:1px solid #fff;
}
ul.tabs li.active a:hover{
	background:rgba(255,255,255,.5);
}
div.tab_container{
	clear:left;
	width:100%;
	border-bottom:8px solid #595757;
	border-top:none;
	background:#fff;
}
div.tab_container .tab_content h1{
	margin:0 5px;
}
div.tab_container .tab_content h2{
	margin:0 5px 20px;
}
.tab_content{text-align:center;}

.tab_a{background-color:#595757;}

.tab_b{background-color:#385796;}

.tab_c{background-color:#D0A100;}

.ptext{width:100%; /*float:left;*/}

.product-title{display:table; width:100%; padding-top:10px;}

.popup-gallery{width:600px; margin:auto;}

.popup-gallery img{width:90%;}

.tableBox{margin-bottom:50px;}

.table1{
	width:100%;
	text-align:center;
	box-sizing:border-box;
	height:auto;
	border-bottom:1px #cccccc solid;
}
.table1 span{display:block;}

.tableLeft{
	width:20%;
	display:inline-block;
	vertical-align:top;
}
.tableCenter1{
	width:23%;display:inline-block;
	vertical-align:top;
}
.tableCenter2{
	width:40%;display:inline-block;
	vertical-align:top;
}
.tableRight{
	width:18%;display:inline-block;
	vertical-align:top;
}
.table1Box{
	border: 1px #eaeaea solid;
	display:flex;
}
.table1Box:nth-child(1n+2){
	margin-top:20px;
}
.tableTop{
	background: #eaeaea;
    line-height:40px;
    box-sizing:border-box;
    padding-left:15px;
    text-align:center;
}
.tableDown img{max-width:100%; width:100%;}

.inquryBtnBox{margin:15px auto; width:210px;}

.table2{
	width:100%;
	text-align:center;
	margin-top:10px;
}
.tableDown{height:210px;}

.tableDown::before{
   content:'';
   width:0;
   height:100%;
   display:inline-block;
   position:relative;
   vertical-align:middle;
   background:#f00;
}

.tableDown span{
    padding-left:15px;
    display:inline-block;
   vertical-align:middle;
 }
.tableDown span ul{margin-left:25px;}

.tableRemove{
	background:#eaeaea;
    padding:5px 8px;
    border-radius:5px;
    border:1px #cccccc solid;
    margin:4px;
    display:inline-block;
}
.tableDown form{
    font-size:0.95em;
    padding-top:10px;
    line-height:1.5em;
}
.table2 span a{
    background:#777777;
    color:#ffffff;
    width:100px;
    line-height:30px;
    display:block;
    margin:0 auto;
    border-radius:10px;
    font-size:0.95em;
    font-weight:bold;
    border:1px #525252 solid;
}
.table2 span a:hover{
	background:#771211;
	border:1px #5a1d1c solid;
}
.updateBtn{
    text-align:center;
    display:block;
    margin-top:15px;
}
.tableCenter2 ul li{
	width:120px;
    text-align:left;
    float:left;
    padding-left:15px;
}
.inquiryType{
	width:30%;
	height:auto;
	display:inline-block;
	vertical-align:top;
}
.formBox .form{
    position:relative;
    margin-bottom:25px;
}
.b-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
}
.formBox .form label{
    display:block;
    background:#eaeaea;
    font-size:15px;
    height:auto;
    line-height:30px;
    width:171px;
    padding:0 10px;
    color:#545454;
    position:absolute;
    font-weight:bold;
    left:0;
    top:0;
}
.formBox .form input[type="text"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 5px;
    margin-left: 195px;
    width: 80%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #d8d8d8;
    font-size: 1em;
}
input[type="text"] {
    -webkit-appearance:none;
}
.formBox .form textarea{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    width:80%;
    height:100px;
    padding:5px 5px;
    margin-left:195px;
    border:1px solid #ccc;
    font-size:1em;
    font-family:Arial,微軟正黑體,Microsoft JhengHei,新細明體,sans-serif;
}
.formBox {
    margin-bottom:25px;
    color:#222;
    font-size:1em;
    margin-top:30px;
}

.formBox form .btn a{
    display:inline-block;
    padding:7px 15px;
    font-size:16px;
    color:#ffffff;
    border-radius:3px;
    margin:0 10px;
}

a.btn_color1{
	background:#777777;
    color:#ffffff;
    width:100px;
    line-height:30px;
    display:block;
    margin:0 auto;
    border-radius:10px;
    font-size:0.95em;
    font-weight:bold;
    border:1px #525252 solid;
}
a.btn_color1:hover {
    background:#771211;
    border:1px #5a1d1c solid;
}

.send{text-align:center; margin-top:80px;}

table{
    border:1px solid #ccc;
    width:100%;
    margin:0;
    padding:0;
    border-collapse:collapse;
    border-spacing:0;
}

table tr{padding:5px;}

table th, table td{padding:10px; text-align:center;}

table th{font-size:14px; letter-spacing:1px;}

.detailBtn1{display:inline-block; float:right;}

.detailBtn1 a{
	color:#ffffff;
    background:#852a29;
    border-radius:10px;
    padding:5px 10px;
    margin:0 5px;
    letter-spacing:0.1em;
    border:1px #5a1d1c solid;
}
.detailBtn1 a:hover{
    background:#b13f3e;
    border:1px #7b312f solid;
}
.detailBtn2{
	display:inline-block;
	float:right;
}
.detailBtn2 a{
    background:#7d7d7d;
    border-radius:10px;
    border:1px #656565 solid;
    padding:5px 10px;
    margin:0 5px;
    color:#ffffff;
}
.detailBtn2 a:hover{
    background:#8e8e8e;
    border:1px #777777 solid;
}
.inquryBtn{
	display:inline-block;
    margin:5px 0;
}
.inquryBtn a{
	color:#ffffff;
    background:#852a29;
    border-radius:15px;
    padding:5px 10px;
    margin:0 5px;
    letter-spacing:0.1em;
    border:1px #5a1d1c solid;
}
.inquryBtn a:hover{
    background:#b13f3e;
    border:1px #7b312f solid;
}
.send input[type="submit"]{
	font-family:Arial,微軟正黑體,Microsoft JhengHei,新細明體,sans-serif;
	font-size:1em;
}
/*螢幕大小*/
@media screen and (max-width:1680px){
	.main-spirit-text-box{width:45%; left:10%;}
	}

@media screen and (max-width:1600px){
	#contentBox{padding-left:0;}
	.member ul{padding-right:180px;}
	}

@media screen and (max-width:1480px){
	.main-spirit-text-box{width:50%; left:5%;}
	}

@media screen and (max-width:1400px){
	.main-logo-left{left:60px;}
	.member ul{padding-right:120px;}
	.logo{left:25px;}
	.main-spirit-text-box::after{width:85%;}
	}

@media screen and (max-width:1300px){
	nav{width:1160px;}
	nav>ul>li a{font-size:14px;}
	.main-spirit-img{right:12vw;}
}

@media screen and (max-width: 1200px){
	.index-main-img img {
		width: 100%;
	}
	.index-about-frame {
		background-position: left;
	}
	.index-product-frame {
		background-position: right;
	}
	.index-about-tit p, .index-product-tit p {
		max-width: 100%;
	}
	.index-about-img {
		margin-top: 30px;
	}
	.index-product-row {
		padding: 10px;
		padding-right: 10px;
		padding-bottom: 30px;
	}
	.index-how-col {
		padding-bottom: 20px;
	}
	.index-intro-frame {
		background: #eee;
	}
	.index-intro-info h2 {
		color: #ddd;
	}
	.index-intro-img {
		margin-top: 30px;
	}
	.index-intro-img img {
		width: 100%;
	}
	#index_margin{width:1002px; margin:0 auto;}
	.hot1{width:300px; margin:0 0.9em;}
	.news_margin{width:90%;}
	.news{width:750px;}
	.date{padding:0 0 0 40px;  width:130px;}
	.hot{width:1000px;}
	nav{width:100%;}
	.main-spirit-block-active .main-spirit-img{top:-15vw; right:30vw;}
	.main-spirit-text-box{left:25%; top:65%;}
	.main-spirit-text-box::after{width:95%;}
	.slider-block .scroll{left:7%;}
	.news_date{width:13%;}
	.block-title{width:70%;}
	.index-product-block{width:70%; grid-template-columns:repeat(2,1fr);}
	.foot-block{width:90%; display:block; text-align:center; margin:20px auto 0;}
	.foot-box{justify-content:center; margin:0 auto;}
	.foot-block div.wide-setting1{min-width:inherit; width:60%;}
	.foot-block div.wide-setting2{min-width:inherit; width:100%; margin-top:20px;}
	.linklist{text-align:center; margin-bottom:30px;}
	.linklist li{float:none; display:inline-block;}
	.main-menu li{padding:20px 15px 20px;}
}
@media screen and (min-width:1080px){
	#aa{display:none;visibility:hidden;}
	#mobile{display:none;visibility:hidden;}
}
@media screen and (max-width:1080px){
	.index-main-title {
		text-align: center;
		padding: 25px 0 0 0;
	}
	.contact-info-box {
		display: block;
	}
	.main-logo-center{padding-top:130px;}
	.member ul{padding-right:0;}
	nav>ul{display:none;padding-right:60px;}
	#aa{background:url(images/aa.png) no-repeat; width:55px; height:35px; margin:13px 0 0 10px; float:left; cursor:pointer;}
	#logo{float:none; margin:5px auto 0; /*width:200px;*/ text-align:center;}
	.header-menu-bottom{display:none;}
	#index_margin{width:936px;}
	.hot1{width:280px;}
	.date{padding:0 0 0 30px; width:100px;}
	.news{width:80%;}
	.hot{width:940px;}
	.about_margin{width:90%;}
	.contact_margin{width:700px;}
	.contact_margin p{float:none;}
	.contact_margin p{width:70%; margin:3% auto;}
	.contact_margin iframe{margin:0 auto; display:block;}
	.Lang{position:initial;}
	.footbox{width:90%;}
	#footline{right:130px;}
	/*#footFloat{width: 50%;}*/
	.tableDown span ul{margin-left:0px;}
	.link-icon-box, .search-box{display:none;}
	.mobile-menu-block{display:block;}
	.cart-box{display:none;}
}

@media screen and (max-width:992px){
	.index-main-title {
		padding: 20px 0 0 0;
	}
	.index-main-title h2 {
		font-size: 24px;
	}
	.index-main-title h4 {
		padding-top: 10px;
		font-size: 20px;
	}
	.intro-video-box iframe {
		height: 400px;
	}
}

@media only screen and (min-width:981px){
	.hideUp .top-menu-block{height:70px;}
	.hideUp .logo{width:50px; margin-top:-23px;}
	.top-menu-ul>li>a{padding:0px 0px 25px 0;}
	}

@media screen and (max-width: 980px){
	nav>ul{padding-right:50px;}
	.top-menu-block{height:70px; padding:0;}
	.logo{width:50px; margin-top:-23px;}
	.top-menu-ul>li>a{padding:0px 0px 25px 0;}
	.about{font-size:1.5em;}
	.hotBg a::before{left:32%; top:80%;}
	.formBox .form input[type="text"]{ width:75%;}
	.formBox .form textarea{width:75%;}
	.titleIcon{width:35px;}
	.tableDown span{padding-left:0px;}
	.tableDown span ul{padding-left:0px;}
	#footline{right:80px;}
	.notice-waterpick{display:none;}
	.index-about-block{overflow:unset;}
	.index-about-picbox{float:none; width:90%; margin:0 auto; padding-top:0;}
	.index-about-textbox{float:none; width:90%; margin:15px auto 0; padding-top:0;}
	.map-box iframe{height:370px;}
	.navTrigger{display:block;}
	.top-menu{display:none;}
	.info-box h2{display:none;}
	.info-pic-box.picboxR{float:none; width:60%; margin:0 auto;}
	.info-text-box{position:relative; margin:0 auto; top:10px;}
	.news_date{width:15%;}
	.news_textbox{width:95%;}
	.bigger{font-size:40px;}
	.news_textbox{min-height:150px;}
	#cycle03{display:none;}
	.about-pic-box{width:320px; margin:0 auto;}
	.about-info-box{width:100%;}
	.about-edit-box.box-inner{padding:30px 20px;}
	.about-edit-box p{text-align:left;}
	.for_pc{display:none;}
	.product-content-box{width:100%;}
}

@media only screen and (min-width:960px){
	#wrapper{position:relative; opacity:0; transition:all 1.4s;}
	#wrapper.fade-in{opacity:1;}
	.loading-img{
	    position:fixed;
	    top:50%;
	    left:50%;
	    width:220px;
	    height:auto;
	    margin-top:-90px;
	    margin-left: -110px;
	    text-align:center;
	    color:#fff;
	    z-index:2;
	    text-align:center;
		}
	.loading-img img{width:100%; height:auto;}
}

@media screen and (max-width:840px){
	#navlist{display:none;}
	#contentBox{overflow:inherit;}
	.hot1{width:220px; margin:0 0.4em;}
	#index_margin{width:720px;}
	#keyBg{background-color:#3d3d3d;}
	#navlist_mobile{display:block;}
	.key{width:516px; line-height:35px;}
	.footbox{width:500px;}
	#footFloat{margin-bottom:15px; width:100%;}
	.key a{color:#bfbfbf;}
	.key a:hover{color:#ffffff;}
	.date{padding:0 0 0 10px;}
	.news{width:75%;}
	.hot {width:100%}
	.product_box{width:250px; margin:15px; height:300px;}
	.product_img{margin:0; padding-bottom:5px;}
	.product_margin{width:560px;}
	.productdt_margin{width:95%;}
	.showbox{float:none; margin:0 auto; width:600px;}
	.abgne-block-20120106{width:600px; margin:0 auto;}
	.abgne-block-20120106 img{margin:10px 8px 0 8px;}
	.photoimg{width:100%;}
	.ptext{width:100%; float:none; margin-left:0;}
	footer{margin-top:0px;}
	#footline{display:none;}
	#line_vertical{position:fixed; bottom:120px; right:0; z-index:99999;}
	.hotBg a::before {left:29%; top:88%;}
	.about form{position:initial; margin:0 0 45px;}
	.product_img a{margin-bottom:10px;}
	.tableCenter2 ul li{padding-left:10px;}
}
@media screen and (max-width:768px){
	.edit-content-row {
		background: transparent;
	}
	.about-img img {
		position: relative;
		left: 0;
		height: auto;
	}
	.about-txt {
		margin-top: 20px;
	}
	.intro-video-box iframe {
		height: 300px;
	}
	.contact-map-inner iframe {
		height: 360px;
	}
	.contact-form-frame {
		width: 100%;
		position: initial;
		margin-top: 20px;
	}
	.contact-info-inner {
		display: block;
	}
	.contact-info-box {
		display: flex;
	}
	.address-option {
		display: block;
	}
	.address-option .options {
		max-width: 100%;
		margin-bottom: 10px;
	}
	.address-option input {
		max-width: 100%;
	}
	.column-frame {
		max-width: 100%;
	}
	.login-verify {
		display: block;
	}
	.member li{padding:7px 3px;}
	.hot1{width:210px; height:330px;}
	.table1Box{display:block;}
	#index_margin {width:680px;}
	.contact_margin{width:600px;}
	.contact_margin p{font-size: 1em; width:80%;}
	.formBox .form input[type="text"]{width:70%;}
	.formBox .form textarea{width:70%;}
	.table1{display:block; text-align: center;}
	.tableLeft{width:100%;}
	.tableCenter1{width:100%;}
	.tableCenter2{width:100%;}
	.tableRight{width:100%;}
	.tableTop{padding-left:0;}
	.tableDown span{padding-left:0;}
	.inquiryType{text-align:left; margin-bottom:5px;}
	#banner{display:none;}
	#banner_s{display:block; padding-top:100px;}
	.tableDown{height:auto; margin:15px 0;}
	.tableLeft .tableDown{margin:0px 0;}
	.tableCenter2 ul li{padding-left:15px;}
	.tableDown span ul{margin-left:45px;}
	.contact-form input{width:75%;}
	.contact-form textarea{width:75%;}
	.shopping-step li{display:block; padding:15px 0; margin:40px 0;}
	.shopping-step li:first-child{margin:10px 0 40px;}
	.shopping-step li:last-child{margin:40px 0 10px;}
	.shopping-step li+li:before{top:0; left:50%; margin:-35px 0 0 -15px; transform:rotate(90deg);}
	.list-box tr{display:block; border:0; padding-left:140px;}
	.list-box td{display:block; text-align:left;}
	.list-pic{position:absolute; left:0; width:120px;}
	.total-box{width:75%; margin:10px auto 0;}
	.total-box td:first-child{text-align:left;}
	.infor-block, .infor-block .infor, .infor-block .infor-box{display:block; width:auto; margin:20px 0 0; padding:0; border:0; background:none;}
	.infor-block .infor-box .infor-title{margin:0; padding:5px 8px;}
	.for_pc{display:none;}
	.notice-item-top{width:100%; margin:0 auto 15px;}
	.notice-info-block-bottom{text-align:center;}
	.notice-info-block-bottom h2{padding-left:0;}
	.notice-info-block-bottom p{text-align:left;}
	.map-box{float:none; width:100%;}
	.spirit-box{float:none; width:100%; max-width:500px; margin:15px auto 0;}
	.index-block h2{width:20%;}
	.index-product-block{width:50%; grid-template-columns:repeat(1,1fr);}
	.index-product-box{width:50%;}
	#cycle06{display:none;}
	.detail-slider-box-outside{width:100%;}
	.detail-info-box{width:100%;}
	.detail-slider-box-outside>.box-inner{padding:20px;}
	.detail-info-box>.box-inner{padding:20px;}
	.quantity-box{display:none;}
	.cart-btn-block{display:none;}
	.quickbuy-box{display:none;}
	.mobile-gopay-box{display:block;}
	.goTop{bottom:25%;}
	}

@media screen and (max-width:640px){
	.index-main-title {
		padding: 15px 0 0 0;
	}
	.index-main-title h2 {
		font-size: 18px;
	}
	.index-main-title h4 {
		padding-top: 5px;
		font-size: 16px;
	}
	.hot1{width:410px; margin:10px auto; float:none; text-align:center; height:auto;}
	#index_margin{width:95%;}
	#footFloat{font-size:0.9em;}
	.news{width:70%; padding:0 0 0 10px;}
	.pic{width:initial; float:none; height:80%;}
	.key{width:100%;}
	.hot_text{height:initial; float:none; padding:10px;}
	.hot_box{margin:0 auto; width:410px;}
	.news_t{float:none;}
	.contact_margin iframe{width:480px; height:300px;}
	.contact_margin{width:480px;}
	.contact_margin p{width:100%;}
	.product_box{float:none; width:80%; height:320px; margin:10px auto 20px;}
	.product_margin{width:100%;}
	.showbox{float:none; margin:0 auto; width:500px; height:385px;}
	.abgne-block-20120106{width:500px;margin:0 auto;}
	.abgne-block-20120106 img{margin:10px 2px 0 0px; width:118px; height:90px;}
	.footbox{width:80%;}
	.popup-gallery{width:100%;}
	.hotBg a::before{left:38%; top:70%;}
	.formBox .form input[type="text"]{width:58%;}
	.formBox .form textarea{width:58%;}
	.download-pro h3{position:absolute; right:0; top:12px;}
	.download-pro h4{display:block; margin-left:0; margin-bottom:8px;}
	.download-pro {margin:25px auto 45px;  position:relative;}
	.ptext{float:left;}
	.product_img a{width:100%; height:100%;}
	.product_img a::after{width:60px; padding-top:60px;}
	.popup-gallery{display:none}
	.jcarousel-wrapper{display:none}
	.mobile-show-block{display:block;}
	#content{margin:0 auto 30px;}
	.slider-block .scroll span{left:-13px;}
	.index-service-box{width:50%;}
	.info-pic-box.picboxR{width:85%;}
	.info-text-box{width:90%;}
	.index-product-block{width:70%;}
	.foot-box{width:80%;}
	.foot-block div.wide-setting1{width:80%;}
	.foot-block div.wide-setting2{width:80%;}
	#cycle01{display:none;}
	.index-product-box{width:70%; margin:15px auto 30px;}
	.link-icon-list li{width:50px;}
	.list-project-menu li{width:48.5%;}
	.list-project-menu li:nth-child(2n){margin-right:0;}
	.list-project-menu li:nth-child(3n){margin-right:3%;}
	.mobile-menu-cart>a>.cart-number{right:15%;}
}

@media only screen and (min-width:560px){
	#wrapper{position:relative; opacity:0; transition:all 1.4s;}
	#wrapper.fade-in{opacity:1;}
	.loading-img{
		position:fixed;
		top:50%;
		left:50%;
		width:160px;
		height:auto;
		margin-top:-90px;
		margin-left:-80px;
		text-align:center;
		color:#fff;
		z-index:2;
		text-align:center;
		}
	.loading-img img{width:100%; height:auto;}
}

@media screen and (max-width:575px){
	.index-product-col {
		padding: 0 10px 20px 10px;
	}
}

@media screen and (max-width:519px){
	.tableDown span ul{width:290px;}

}
@media screen and (max-width:480px){
	.index-edit-col h2 {
		font-size: 36px;
	}
	.index-edit-col h3 {
		font-size: 22px;
		margin-top: -18px;
	}
	.collapsible-accordion:after {
		display: none;
	}
	.contact-map-inner iframe {
		height: 300px;
	}
	.contact-info-box {
		display: block;
	}
	.radio-box {
		display: block;
		margin-bottom: 25px;
	}
	.radio-box .radio {
		margin-bottom: 10px;
	}
	.radio-box label {
		margin-bottom: 10px;
	}
	.order-btn {
		display: block;
		text-align: center;
	}
	.order-btn .btn-item {
		padding-bottom: 10px;
	}
	.order-btn a {
		width: 100%;
		max-width: 70%;
	}
	#banner{padding-top:67px;}
	#aa{margin:13px 0 0 10px;}
	#logo{margin-top:0.1em;}
	.abgne_tab{display:inline;}
	.hot_box{display:none;}
	.slider-block .scroll span{left:-25px;}
	.more {display:none;}
	.news{width:90%;}
	.contact_margin iframe{width:380px; height:300px;padding-bottom:5px;}
	.contact_margin{width:380px;}
	/*.product_box{width:180px; height:290px; margin: 15px 10px 25px 5px;}*/
	/*.product_margin{width:390px;}*/
	.showbox{float:none;  margin:0 auto; width:400px; height: 287px;}
	.abgne-block-20120106{width:400px; margin:0 auto;}
	.abgne-block-20120106 img{margin:25px 2px 0 0px;width: 93px;height: 70px;}
	#aa{background-size: 80%;margin:13px 0 0 10px;}
	.detailBtn1{float:initial; margin:20px 0 10px;}
	.detailBtn2{float:initial; margin:20px 0 10px;}
	.download-pro h1 {display: block;}
	.formBox .form label{position: initial;}
	.formBox .form input[type="text"]{padding-left: 10px; margin-left: 0px; width:100%;}
	.formBox .form textarea{padding-left: 10px; margin-left: 0px; width:100%;}
	.pro_text{display:block;}
	.page { margin: 25px auto 20px;}
	.contact-form input{width:90%;}
	.contact-form textarea{width:90%;}
	.shopping-title{padding-top:105px;}
	.shopping-pic{max-width:180px; padding-top:30px;}
	.about-text-box{width:90%;}
	.notice-info-block-top, .notice-info-block-bottom{width:90%;}
	.foot-info{width:100%;}
	.index-block h2{width:30%;}
	.index-service-box{width:70%;}
	.bigger{font-size:28px;}
	.index-product-block{width:80%;}
	.index-product-box{width:80%;}
	#footlogo{width:120px;}
	.foot-box{width:90%;}
	.check-overlay span{bottom:250px;}
}
@media screen and (max-width:400px){
	.intro-video-box iframe {
		height: 200px;
	}
	.contact_margin iframe{width:330px; height:230px; padding-bottom:5px;}
	.contact_margin{width: 330px;}
	.showbox{float:none; margin:0 auto; width:320px; height:245px;}
	.abgne-block-20120106{width:330px; margin:0 auto;}
	.abgne-block-20120106 img{margin:5px 0 0 0; width:75px; height:58px; margin-bottom:0px;}
	/*.product_box{width:100%; margin:15px 5px 25px 0px; height:initial;}*/
	.ptext{float:left;}
	/*.product_margin{width:80%;}*/
	.product_img{width:100%;}
	.contact_margin p{font-size:0.9em;}
	.download-pro{position:initial; padding-bottom:15px;}
	.download-pro h3{position:initial; right:auto; float:none;}
	.download-pro h4 {margin-bottom:18px;}
	.product_img a::after{width:80px; padding-top:80px;}
	.tableDown span ul{margin-left:15px;}
}

@media screen and (max-width:340px){
	ul.tabs li a {padding:0 7px;}
	.tableDown span ul{margin-left:0px;}
}