/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +common
        =anchor
        =clear,clearfix
        =banner
    +header
        =cis
        =site-func
        =share-func
        =nav
    +content
        +content-main
        +content-sidebar
    +footer
        =footer-link
/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +common
        =anchor
        =clear,clearfix
        =banner
    +headerdisplay: none;
    position: absolute;
    top: 100%;
    width: 100%;
        =cis
        =site-func
        =share-func
        =nav
    +content
        +content-main
        +content-sidebar
    +footer
        =footer-link
        =company-info
-----------------------------------------------------------------------------*/

/* +common
*----------------------------------------------------------------------------*/
body {
	margin:0;
	border:0;
	width:100%;
	color: #000;
	font-size: 14px;
	line-height:120%;
}
div, h1, h2, h3, h4, hr, p, form, label, input, textarea, img, span, strong {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	word-wrap: normal;
	word-break: normal;
	border-width:0;
	font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow";
	-webkit-text-size-adjust: none;
}
hr {
	noshade:noshade;
}
th {
	font-weight: normal;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
    overflow:hidden;
}
li{
	list-style: none;
}
a ,
a:hover{
	text-decoration: none;
	cursor: pointer;
	outline:none;
}
img{
	max-width:100%;
}
br {
	font-family:Arial !important;
}
form p input[type="text"], 
form p input[type="password"], 
form p textarea, 
form p select{
    background: rgba(255,255,255,0.6);
    border: 1px #858384 solid;
}
form p input[type="text"]:focus ,
form p input[type="password"]:focus {
	border-color: #b7b5b5;
	background:#b7b5b5;
	color:#fff;
}
input[type="text"], input[type="submit"], input[type="reset"], input[type="button"], button ,select{
	-webkit-appearance: none; 
}


/**
*
* =jumpDiv
*
**/
/* + 跳一  跳三
*----------------------------------------------------------------------------*/
#jumpDiv ,
#jumpIframe {
	position: relative;
	background: #fff;
	top: 0;
	left: 0;
	z-index: 9999999999999999999999;
}

.mobile-main-nav,
#mobile-menu{
	display:none;
}
.webframe{
	overflow:hidden;
}
#topbar{
	background:#c6a895;
}
#topbar .webframe{
	width:1366px;
	margin:0 auto;
}
#topbar ul{
	text-align:right;
}
#topbar ul li{
    display: inline-block;
    line-height: 26px;
    border-right: 1px solid #e2caba;
    padding: 5px 15px;
    vertical-align: baseline;
}
#topbar ul li a{
	display:block;
}
#topbar ul li a span{
	color: #fff;
    font-size: 14px;
    display: inline-block;
    margin-left: 10px;
}
#topbar ul li a img{
	height:23px;
}
#topbar ul li:nth-child(2) a img{
    height: 15px;
}
#logo{
	margin:50px 0 10px;
}
#logo h2{
	text-align:center;
}
#logo h2 img{
	width:303px;
}
#main-menu{
}
#main-menu >ul{
	text-align:center;
}
#main-menu >ul:hover{
	overflow:visible;
}
#main-menu >ul >li{
	display: inline-block;
    margin: 0 15px;
    padding: 40px 10px;
	position:relative;
	z-index: 99;
	background:#fff;
}
#main-menu >ul >li >a{
    color: #8e8c8c;
    font-size: 18px;
}
#main-menu >ul >li >a:hover{
	color: #e0bca8;
}
#main-menu >ul >li .subnav{
	display:block;
    position: absolute;
    top: 100%;
    width: 150px;
	z-index: 25;
    left: calc(50% - 75px);
	opacity:0;
}
#main-menu >ul >li:nth-child(3) .subnav{
	width: 200px;
    left: calc(50% - 100px);
}
#main-menu >ul >li:hover .subnav{
	opacity:1;
}
#main-menu >ul >li .subnav >li{
}
#main-menu >ul >li .subnav >li a{
	display: block;
    background: #fff;
    color: #8e8c8c;
    font-size: 16px;
    line-height: 130%;
    padding: 12px 10px;
}
#main-menu >ul >li .subnav >li a:hover{
    color: #fff;
    background: #8e8c8c;
}
footer{
	padding-top:50px;
}
footer .webframe{
	width: min(1180px , 95%);
	margin:0 auto;
	color: #b17f69;
	font-size: 16px;
	line-height: 150%;
	display: grid;
	grid-template-columns: 47% 47%;
	grid-gap: 0 50px;
}

footer .right{
	width:641px;
	float:right;
}
footer .foombox{
    display: flex;
    align-items: center;
}
footer .foombox a{
    display: flex;
    width: min(470px , 100%);
    align-items: center;
    justify-content: space-around;
    background: #c6a895;
    border-radius: 150px;
    padding: 23px 0;
    color: #ffffff;
    font-size: 19px;
}
footer .foombox a:hover{
    background: #5aa85d;
}
footer .foombox a .ewline{
    width: 45px;
    aspect-ratio: 1/1;
    fill: #ffffff;
}
footer .foombox a .JJarrow{
    width: 40px;
    height: auto;
    fill: white;
}
footer .right h2 img,
footer .left h2 img{
	height:25px;
}
footer .left p{
    margin: 10px 0;
}
footer .left p img{
	width:123px;
}
footer .left li{
	display:inline-block;
	margin-right:7px;
}
footer .left a{
	width: 34px;
    display: block;
}
footer .right h3{
	margin: 12px 0 1px;
	display:inline-block;
	font-size: 16px;
}
footer .right p{
	display:inline-block;
	font-size: 16px;
	vertical-align: -webkit-baseline-middle;
}
footer .right li p:nth-child(2){
	border: 1px solid #e3d4ce;
    border-top: 0;
    border-bottom: 0;
    margin: 0 10px;
    padding: 0 10px;	
}
footer .right .time{
	margin-top: 10px;
}
footer .copyright{
    background: #c6a895;
    color: #fff;
    padding: 10px 0;
	margin-top: 80px;
}
footer .copyright .webframe,
footer .copyright p,
footer .copyright a{
	color:#fff;
    font-size: 12px;
	text-align: center;
}
#gotop{    position: fixed;
    right: 20px;
    display: block;
    bottom: 20px;
    color: #c7a894;
    background: #f9f5f4;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    border: 2px solid #c7a894;
    z-index: 9;}
@media screen and (max-width: 1440px) {
	#topbar .webframe{
		width: 100%;
	}
	#logo h2 img{
		width: 200px;
	}
	#logo{
		margin: 30px 0 10px;
	}
	#main-menu >ul >li >a{
		font-size:16px;
	}
	#main-menu >ul >li{
	    padding: 30px 10px;	
	}
}

@media screen and (max-width: 1280px) {
	footer .webframe{
		width:90%;
	}
	#main-menu >ul >li{margin: 0 7px;}
}
@media screen and (max-width: 1024px) {
	footer .right .time,
	#topbar ul li a span{
		display:none;
	}
	footer .left,
	footer .right{
	    width: 100%;

	}
	footer .right{
		margin-top:50px;
	}
	#main-menu{
		display:none;
	}
	#logo{
	margin: 30px 0;	
	}
	header{
		position:relative;
	}
	.mobile-main-nav{
		display: block;
	}
	.nav-funcB{
		position: absolute;
		right: 5%;
		top: 80px;
		font-size: 24px;
		color: #a78674;
	}
	#mobile-menu >ul >li{
		background: #c6a895;
		border-bottom: 1px solid #d4bdaf;	
	}
	#mobile-menu >ul >li .menu_head{
		overflow:hidden;
		padding: 10px;
		position:relative;
	}
	#mobile-menu >ul >li .menu_head p{
		float:left;
	}
	#mobile-menu >ul >li .menu_head b{
		position: absolute;
		color: #fff;
		width: 100%;
		display: block;
		top: 0;
		left: 0;
		text-align: right;
		height: 100%;
		line-height: 100%;
	}
	#mobile-menu >ul >li .menu_head b i{
		margin:12px;

	}
	#mobile-menu >ul >li .menu_head.c0 b{
		display:none;
	}
	#mobile-menu >ul >li .menu_head.c0 p{
		width:100%;
	}
	#mobile-menu >ul >li .menu_head.c0 a{
		display:block;
	}
	#mobile-menu >ul >li .menu_head p a,
	#mobile-menu >ul >li .menu_body li a{
		color:#fff;
	}
	#mobile-menu >ul >li .menu_body .subnav li a{
		display:block;
	}
	#mobile-menu >ul >li .menu_body li{
		padding: 10px 20px;
		background: #b79884;
		border-bottom: 1px solid #d4bdaf;
	}
	#mobile-menu >ul >li .menu_body li a{
	}

}
@media screen and (max-width: 980px){
	footer .webframe{grid-template-columns: 100%;}
	footer .foombox{
    margin-top: 60px;
}
}
@media screen and (max-width: 640px) {
	footer .left p{
		font-size:14px;
	}
	#logo h2 img{
		width:150px;
	}
	#logo{
		margin: 20px 0;	
	}
	#topbar ul li{
		line-height: 20px;
		padding: 5px 10px;		
	}
	#topbar ul li a img{
		height: 15px;	
	}
	#topbar ul li:nth-child(2) a img{
		height:10px;
	}
	.nav-funcB{
		top: 60px;
	}
	footer .right li{
	    margin: 10px 0;	
	}
	footer .right h3{
		display:block;
	}
	footer .right li p:nth-child(2){
		border-left: 0;
		margin-left: 0;
		padding-left: 0;		
	}
}
@media screen and (max-width: 480px) {
	footer .right li{
		display:block;
		margin: 15px 0;	
	}
	footer .right li p:nth-child(2){
		border-right: 0;
		margin-right: 0;
		padding-right: 0;		
	}
}