html, body {
  margin: 0 ;
  height: auto;
  overflow-x: hidden;
  background-color:#f5f7f8;
}

img{ border:0;}

::selection { background:#e84001; color:#fff;}
::-moz-selection { background:#e84001; color:#fff;}
::-webkit-selection { background:#e84001; color:#fff;}



		 
/*phone menu*/
.menu{	display:none;}
	
.mobile-menu-icon,
.pop-menu-icon {
	margin:0;
	padding:0;
	position:fixed;
	right:22px;
	top:25px;
	z-index:9999;
	}

.sub-nav {
	font-family:"AvenirLTStd-Medium",Verdana,sans-serif;
	text-transform:uppercase;	
	cursor:pointer;	
	display:block;
	padding:0;
	position:relative;
  }

    .sub-nav ul { 
      width:280px; 
	  margin:60px auto 0 auto;
	  padding:0;	
	  list-style-type: none;
      }	
    .sub-nav ul li {
	width:100%;
	font-size:14px;
    font-family:microsoft yahei,sans-serif;
	letter-spacing:4px;
	padding:12px 0 ; 
	text-align:left;
	 }		  
    .sub-nav ul li label{ 
	display:inline-block;
	width:110px;
	margin:0 8px 0 0;
	font-size: 13px;
	letter-spacing:3px;
	text-align:right;
	 }		  
	 
    .sub-nav ul li a:link , 
	.sub-nav ul li a:visited {
		color:#222;
		text-decoration: none;
		padding:15px 8%;
		}
    .sub-nav ul li a:hover {color:#222222;}

.nav-list{ 
    display:none;
	width:100%;
	position:fixed;
	top:0; 
	z-index:9999;
}
.full-height{ height:100%;}	
/*phone menu end*/	 
			 





/*上下頁*/

.NextBackBox {
	display:block;
    width:100%;                        
	height:auto;
	text-align:center;
	margin:30px 0;
	}
.NextType{ 
	font-family: 'HYQiHei-45S', 'Microsoft YaHei', Helvetica,Hiragino Sans GB;
	color:#818181;
	font-size: 13px;
	letter-spacing:2px;
	}
.NextType a {
	display:inline-block;
	color:#999999;
	text-decoration: none; 
	margin:0 5px 10px 1px;
	padding:13px 16px;
	background-color:#ffffff;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	} 
	.line{ border:1px solid #CCCCCC;}
	
.page-active {	
	display:inline-block;
	margin:0 5px 10px 1px;
	padding:13px 16px;
	color:#ffffff;
	background-color:#666666;
	} 	
.NextType a:visited {color:#999999; } 
.NextType a:hover {
	color:#ffffff; 
    background-color:#CCCCCC;
	}
@media screen and (max-width: 865px) {	
.NextBackBox { text-align:center; margin:50px auto; }
}
@media screen and (max-width: 600px) {
.NextBackBox { margin:40px 0; }
}	
@media screen and (max-width: 480px) {
.NextBackBox { margin:30px 0 10px 0; }
}	
@media screen and (max-width: 450px) {	

.NextType a { margin:0 0 6px 0; padding:8px 11.5px; } 
.page-active {	
margin:0 0 6px 0;
padding:8px 11.5px;
	} 	
}
	
 /*End上下頁*/	
 

/*GotoTop Begin*/
a.RgoTop{
	position:fixed; 
    bottom:24%; 
    right:11px;
    cursor:pointer;
    display:none;
	z-index:9999;
    }
@media screen and (max-width: 360px) {
a.RgoTop{ bottom:34%;}	
}
/*GotoTop End*/


/*scroll left*/
#Wrapper { 
width:100%;
max-width:1280px;
height:auto; 
margin:0 auto;
}

.item {
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top;
}
/*scroll left end*/


/*left menu*/

.main_left_nav{
	display:inline-block;
	width:30%;
	max-width:376px;
	padding:105px 0;
	text-align:center;
	}	
	
.main_right_container{
	display:inline-block;
	margin:105px 0 60px 0;
	width:60%;
	max-width:690px;
/*	min-height:750px;*/
	}
.white-bg{ background-color:#ffffff;}	
	
		
@media screen and (max-width: 1280px) { 
.main_right_container{	width:100%;	}
 }
 @media screen and (max-width: 1024px) { 
.main_right_container{	width:69%;  }
 }
 @media screen and (max-width: 865px) { 
.main_left_nav.item{ display:none;}
.main_right_container{
	display:block;
	width:inherit;
	max-width:inherit;
	margin:8% auto; 
    }
#Wrapper { 
width:90%;
padding:0 5%;
}
 }
 
.logo{
	display:block;
	margin:0 auto;
	}


ul.nav { 
display:inline-block;
list-style-type:none; 
margin:60px auto 0 auto; 
padding:0;
text-align:center;
	 }
	ul.nav li {  
	margin:0;
	vertical-align:top;
	text-align:left;
	}

	a:hover span.two { 
	display: inline;
	position:relative;
	top:13px;	
	   }
	ul.nav a span.one{ 
	display: inline;
	position:relative;
	top:13px;	
	   }

    .one{letter-spacing:1px;}
	.two{
		font-family:microsoft yahei,sans-serif;
		font-size:13px;
		letter-spacing:4px;
		font-weight:normal;
		}

	ul.nav a:hover span.one, 
	a span.two { display: none;  }	
	
	ul.nav span.one u { color:#000000; }	

.nav_btn {
	position: relative;
    display:inline-block;
	margin:0;
	padding:0 0 0 43px;
	width:102px;
	height:50px;
	font-size:15px;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	color: #888888;
	font-weight:600;
	text-decoration: none;
	text-transform: uppercase;	
	-webkit-transition: 0.4s ease-out;
	-moz-transition: 0.4s ease-out;
	-ms-transition: 0.4s ease-out;
	-o-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
		}
		.nav_btn.active ,
		.nav_btn:hover {
			color: #666666;
			 }
		.nav_btn:after {
			width: 100%;
			content:  "";
			bottom: -1px;
			left: 0;
			z-index: 1;
			position: absolute;
			border-top: 3px solid #a8d6e6;
			-webkit-transform: scaleY(0.0);
			-moz-transform: scaleY(0.0);
			-ms-transform: scaleY(0.0);
			-o-transform: scaleY(0.0);
			transform: scaleY(0.0);		
			-webkit-transition: 0.1s ease-out;
			-moz-transition: 0.1s ease-out;
			-ms-transition: 0.1s ease-out;
			-o-transition: 0.1s ease-out;
			transition: 0.1s ease-out;
		}

/*left menu end	*/
	
	
/*index nav begin*/
#MainMenu{  display:none; }
.nav-logo{  display:none; }

/*phone menu*/
.menu{	display:none;}
	
.mobile-menu-icon,
.pop-menu-icon {
	margin:0;
	padding:0;
	position:fixed;
	right:22px;
	top:25px;
	z-index:9999;
	}

.sub-nav {
	font-family:"AvenirLTStd-Medium",Verdana,sans-serif;
	text-transform:uppercase;	
	cursor:pointer;	
	display:block;
	padding:0;
	position:relative;
    }

    .sub-nav ul { 
      width:280px; 
	  margin:30% auto 0 auto;
	  padding:0;	
	  list-style-type: none;
      }	
    .sub-nav ul li {
	width:100%;
	font-size:14px;
    font-family:microsoft yahei,sans-serif;
	letter-spacing:4px;
	padding:15px 0 ; 
	text-align:left;
	 }		  
    .sub-nav ul li label{ 
	display:inline-block;
	width:110px;
	margin:0 0 0 8px;
	color:#999999;
	font-size: 12px;
	letter-spacing:2px;
	text-align:left;
	 }	
	 
    .sub-nav ul li a:link , 
	.sub-nav ul li a:visited {
		color:#ffffff;
		text-decoration: none;
		padding:15px 0 15px 22%;
		}
    .sub-nav ul li a:hover {color:#ffffff;}

.nav-list{ 
    display:none;
	width:100%;
	position:fixed;
	top:0; 
	z-index:9999;
}
.full-height{ height:100%;}	
/*phone menu end*/		
@media screen and (max-width: 1045px) {
.nav_btn { width:100px; }
	}	
@media screen and (max-width: 865px) {
.menu{	
display:block;
width:100%;
background-color:#000;
 }
ul.nav li { display:none; }	
.mobile-menu-icon, .pop-menu-icon {
	right: 19px;
    top: 20px;
    z-index: 9999;
    }
	
#MainMenu{  
display:block;
width:100%;
position:relative;
min-height:60px;
background-color: rgb(38, 38, 38);
}


.nav-logo{
display:block; 
margin:0;
position:absolute;
left:14px;
top:15px;
}
	

}
	

/*footer begin*/
.copyright{
	width:100%;
	font-family:"AvenirLTStd-Medium",Verdana,sans-serif;
	font-size:13px;
	color:#bfbfbf;
	border-top:1px solid #efefef;
	text-align:left;
	padding:40px 0 40px 17px;
	background-color:#ffffff;
	}
	.copyright .HsLogo{
		float:right;
		margin:0 40px 0 0;
		}
    .mail-socal{ 
	    float:left;
		margin:0 20px 0 0;
		}
		
@media screen and (max-width: 865px) { 
.copyright{	padding:20px 0 20px 17px; }
    .mail-socal{ margin:0 10px 0 0;	}
 }
 		
@media screen and (max-width: 480px) { 
.HsLogo{ display:none;}
 }
/*footer end*/