@font-face {

/*仿宋*/
  font-family: 'cwTeXFangSong';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.eot);
  src: url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.woff) format('woff'),
       url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.ttf) format('truetype');
}

@keyframes fadeIn1{
  0% {
	opacity: 0;
	right:-50px;
  }
  100% {
   opacity: 1;
   right:0px;
  }
}
@-webkit-keyframes fadeIn1{ /* Safari 和 Chrome */
  0% {
	opacity: 0;
	right:-50px;
  }
  100% {
   opacity: 1;
   right:0px;
  }
}
@-moz-keyframes fadeIn1{ /* Firefox */
  0% {
	opacity: 0;
	right:-50px;
  }
  100% {
   opacity: 1;
   right:0px;
  }
}
@-o-keyframes fadeIn1{ /* Opera */
   0% {
	opacity: 0;
	right:-50px;
  }
  100% {
   opacity: 1;
   right:0px;
  }

}
@keyframes fadeIn{
  0% {
	opacity: 0;
  }
  100% {
   opacity: 1;
  }
}
@-webkit-keyframes fadeIn{ /* Safari 和 Chrome */
  0% {
	opacity: 0;
  }
  100% {
   opacity: 1;
  }
}
@-moz-keyframes fadeIn{ /* Firefox */
  0% {
	opacity: 0;
  }
  100% {
   opacity: 1;
  }
}
@-o-keyframes fadeIn{ /* Opera */
  0% {
	opacity: 0;
  }
  100% {
   opacity: 1;
  }

}
@keyframes fadeInUp {
 0% {
    opacity: 0;
   
  }

  100% {
    opacity: 1;
    
  }
}
.p_server_txt{
	display:none;
}
#p_logo{
	display:none;
}
footer ul li:nth-child(4){
	display:none;
}
nav > ul > li > a > span{
	display:none;
}
.phone_s_menu{
	display:none;
}
.accordion-inner > span{
	display:inline-block;
	float: left;
	width: 316px;
	margin-bottom: 1px;
}
#logo{
	position:absolute;
	/*animation: fadeInUp 0.7s forwards  1s ease;
	-moz-animation: fadeInUp 0.7s forwards 1s ease;     
	-webkit-animation: fadeInUp 0.7s forwards 1s  ease;     
	-o-animation: fadeInUp 0.7s forwards  1s ease;*/
	opacity:1;
}
.accordion-inner > img{
	margin-right:5px;
	float: left;
}
body{
  width: 100%;
  height: 100%;
  margin:0px;
  overflow:hidden;
  position:relative;
 
}
.def_con > .accordion-inner{
    line-height: 22px;
    width: 345px;
    display: inline-block;
}
.server_phone{
	display:none;
}
.cboxTitle{
	font-family:微軟正黑體;
}
.bg0{
	background:url(../images/index_pic.jpg) fixed;
	opacity:0;
}
.bg1{
	background:url(../images/about_bg.jpg) fixed;
	opacity:0;
}
.bg2{
	background:url(../images/space_bg.jpg) fixed;
	opacity:0;
}
.bg3{
	background:url(../images/service_bg.jpg) fixed;
	opacity:0;
}
.bg4{
	background: url(../images/news_bg.jpg) fixed;
	opacity:0;
}
.contents{
	width:100%;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	height:100vh;
	overflow:hidden;
	margin:0px;
	background-position:center bottom;
	z-index:-1;
	position:absolute;
	animation: fadeIn 3s forwards   ease;
	-moz-animation: fadeIn 3s forwards  ease;     /* Firefox */
	-webkit-animation: fadeIn 3s forwards   ease;     /* Safari 和 Chrome */
	-o-animation: fadeIn 3s forwards  ease;     /* Opera */
	opacity:0;
	background-repeat: no-repeat;
}
.def_tit{
	width:110px;
	height:25px;
	background:rgba(232,138,138,1);
	color:#FFF;
	font-size:16px;
	text-align:center;
	line-height: 23px;
	margin-bottom: 13px;
	display: inline-block;
	border:2px solid rgba(232,138,138,0);
	-webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.def_tit_select{
	border:2px solid rgba(232,138,138,1);
	background:rgba(255,255,255,0);
	color:rgba(232,138,138,1);
}
.def_tit:hover{
	border:2px solid rgba(232,138,138,1);
	background:rgba(255,255,255,0);
	color:rgba(232,138,138,1);
}
nav {
  height: 224px;
  position: absolute;
  bottom: 81px;
  right:80px;
}
nav ul{
  padding:0px;
  margin:0px;
}
nav ul li{
  position:relative;
  display: inline-block;
  border-right: 1px rgba(255,255,255,0.5) solid;
  padding: 0 29px 0 29px;
}
nav ul li a .m_i{
   -webkit-transition: all 0.8s ease;
   -moz-transition: all 0.8s ease;
   -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
	opacity:1;	
}
nav ul li a:hover .m_i{
	opacity:0;	
	 -webkit-transform:scale(0.9);
     -moz-transform:scale(0.9);
     -o-transform:scale(0.9);
     transform:scale(0.9);
}
nav ul li a .menu_hover{
    -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   -moz-animation-delay:0.8;
	-o-animation-delay:0.8;
	-webkit-animation-delay:0.8;

   animation-delay:0.8;
   
}
nav ul li a:hover .menu_hover{
	opacity:1;	
}
nav ul li:first-child{
  padding: 0 29px 0 0px;
}
nav ul li:last-child{
  padding: 0 0px 0 29px;
  border: 0px;
}
#logo{
	width:255px;
	height:255px;
	background:url(../images/logo_bg.jpg);
	position: absolute;
	bottom: 81px;
	left: 90px;
}
#logo h1{
	text-indent:-9999px;
	height: 16px;
}
#logo > a{
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
}
#logo > a img{
  padding-top:25%;
}
.menu_hover{
	position:absolute;
	top:0px;
	opacity:0;
}
header{
	bottom: 0;
	position: fixed;
	width:100%;
}
div#Slogan {
  top: 200px;
  position: absolute;
  left: 90px;
}
div#Slogan > img:last-child{
	display:inline-block;
}
footer{
text-align: center;
height:51px;
background: #796a56; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5NmE1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2EzOGE3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left,  #796a56 0%, #a38a77 54%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#796a56), color-stop(54%,#a38a77)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #796a56 0%,#a38a77 54%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #796a56 0%,#a38a77 54%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #796a56 0%,#a38a77 54%); /* IE10+ */
background: linear-gradient(to right,  #796a56 0%,#a38a77 54%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#796a56', endColorstr='#a38a77',GradientType=1 ); /* IE6-8 */
}
footer ul li{
    display: inline-block;
	margin-top: 11px;
    margin-right:70px;
}
footer ul li:last-child{
	margin-right: 0px;
    display: inline-block;
}
footer ul li > div{
	display:inline-block;
}
#tel_t,#fax_t,#fax_t,#time_t,#add{
	vertical-align:super;
}
#tel_t,#fax_t,#fax_t,#time_t{
	margin-right:15px;
}
#fl{
	margin-left:35px;
}
#fl a{
	display:inline-block;
	vertical-align: super;
}
#fb{
	margin-right:13px;
}
section{
	background:rgba(255,255,255,0.9);
	width:443px;
	height:100%;
	position: fixed;
	right: 0px;
	animation: fadeIn1 0.8s forwards  1s ease;
	-moz-animation: fadeIn1 0.8s forwards  1s ease;     /* Firefox */
	-webkit-animation: fadeIn1 0.8s  forwards 1s ease;     /* Safari 和 Chrome */
	-o-animation: fadeIn1 0.8s forwards  1s ease;     /* Opera */
	opacity:0;
}
.m_black{
	 border-right: 1px rgba(89,87,87,0.5) solid;
}
.tit{
	width:366px;
	height:76px;
	margin: 80px 0 0 40px;
}
.tit h2{
	text-indent:-99999px;
}
.t1{
	background:url(../images/tit_1.png) no-repeat;
}
.t2{
	background:url(../images/tit_2.png) no-repeat;
}
.t3{
	background:url(../images/tit_3.png) no-repeat;
}
.t4{
	background:url(../images/tit_4.png) no-repeat;
}
.t5{
	background:url(../images/tit_5.png) no-repeat;
}
.con_txt{
	font-family:Microsoft JhengHei;
	color:#595757;
	font-size: 14px;
	line-height: 29px;
	margin-top: 55px;
	margin-left: 40px;
	letter-spacing: 0.25px;
}
.con_txt p{
	font-size: 16px;
	letter-spacing: 0.5px;
	margin-bottom: 3px;
}
/*server*/
.server_p{
  line-height: 22px;
}
.server_p p{
  margin-bottom:0px;
  line-height: 25px;
}
.server_p span{
	margin-bottom:30px;
}
.server_txt p:nth-child(odd){
	margin-bottom: 0px;
	line-height: 24px;
	font-size: 16px;
}
.server_txt p:nth-child(even){
	margin-bottom:33px;
	line-height:22px;
	font-size:14px;
	letter-spacing: 0.25px;
}
#line{
	display:none !important;
}
.btn_body {
	  display: inline-block;
	  cursor: pointer;
	  line-height: 0px;
	  border: 4px solid rgba(235,104,75,.4);
	  margin-right: 12px;
	  margin-bottom: 16px;
	}
.new_btn{
	width: 65px;
	text-decoration: blink;
	display:inline-block;
	vertical-align: top;
	color: rgba(89,87,87,.8);
	margin-right: 20px;
	font-family: 微軟正黑體;
}
div[class^="service_img"]{
	display:none;
	position: absolute;
	width: 1477px;
	height: 100%;
	background-repeat: no-repeat;
	background-size:contain;
	background-attachment: fixed;
	background-color: rgba(255,255,255,0.7);
}
.service_img1{
	background-image:url(../img2/1.jpg);
}
.service_img2{
	background-image:url(../img2/2.jpg);
}
.service_img3{
	background-image:url(../img2/3.jpg);
}
.service_img4{
	background-image:url(../img2/4.jpg);
}
.service_img5{
	background-image:url(../img2/5.jpg);
}
.service_img6{
	background-image:url(../img2/6.jpg);
}
div[class^="space_img"]{
	display:none;
	position: absolute;
	width: 1477px;
	height: 100%;
	background-repeat: no-repeat;
	background-size:contain;
	background-attachment: fixed;
	background-color:rgba(255,255,255,0.9);
}
.space_img1{
	background-image:url(../img/1.jpg);
}
.space_img2{
	background-image:url(../img/2.jpg);
}
.space_img3{
	background-image:url(../img/3-1.jpg);
}
.space_img4{
	background-image:url(../img/4.jpg);
}
.space_img5{
	background-image:url(../img/5.jpg);
}
.space_img6{
	background-image:url(../img/6.jpg);
}
.space_img7{
	background-image:url(../img/7.jpg);
}
.space_img8{
	background-image:url(../img/8.jpg);
}
.space_img9{
	background-image:url(../img/9.jpg);
}
.space_img10{
	background-image:url(../img/10.jpg);
}
.news_txt > .new_btn >img{
	border: 6px solid rgba(235,104,75,.9);
}
.new_btn > span{
	text-align: center;
	line-height: 20px;
	margin-bottom: 11px;
	margin-top: -4px;
	letter-spacing: 0px;
	font-size: 10px;
	display: none;
}


.viewport >.news_txt > .new_btn:nth-child(even){
	margin-right: 0px;
}
.date {
  margin-bottom: 20px;
  font-size: 16px;
  letter-spacing: 0.5px;
}
.new_btn > img{
	width: 100%;
	height: 100%;
}
footer ul li > div > span{
	display:none;
}
footer ul li > div > a >span{
	display:none;
}
#s_menu ul li:hover{
	background: rgba(255,255,255,.8);
	-webkit-box-shadow:5px 5px 3px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:5px 5px 3px 0px rgba(50, 50, 50, 0.1);  
	box-shadow: 5px 5px 3px 0px rgba(50, 50, 50, 0.1);
}
#s_menu ul li:hover > a{
	color:rgba(232,138,138,1) !important;
}
.s_menu_hover{
	background: rgba(255,255,255,.8);
	-webkit-box-shadow:5px 5px 3px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:5px 5px 3px 0px rgba(50, 50, 50, 0.1);  
	box-shadow: 5px 5px 3px 0px rgba(50, 50, 50, 0.1);
}
.s_menu_hover > a{
	color:rgba(232,138,138,1) !important;
}
@media all and (max-height:900px){
	footer ul li:nth-child{
		display:none;
	}
	img.m_i,.menu_hover img{
		width:80%;
		height:auto;
	}
	nav{
		height:auto;
		bottom: 119%;
	}
	.tit{
		margin: 6% 0 0 40px;
	}
	.con_txt{
		margin-top:5%;
	}
	footer{
		height: 45px;
	}
	footer img{
		width:80%;

		height:auto;
	}
	#tel_t, #fax_t, #fax_t, #time_t {
 	 	margin-right: 0px;
	}
	footer ul li > div {
		text-align: left;
	}
	footer ul li {
		margin-right:0px;
	}
	#logo{
		height: 200px;
		width: 200px;
	}
	#logo > a img{
		width:80%;
		height:auto;
	}
	.main_menu > a >span{
		display:none;
	}
	.main_menu > a:hover > span {
		color:rgba(235,104,75,1);
	}
}
@media all and (max-height:768px){
	.about{
		line-height: 23px;
	}
	#scrollbar1 .viewport {
	   height: 381px !important;
	}
}
@media all and (max-width:1366px){
	footer ul li:nth-child(3){
		display:none;
	}
	#fax_t,#fax{
		display:none;
		}
	#fl{
		margin-left:0px;
	}
	.space_img3 {
	
	}
	div[class^="service_img"]{
		width:68%;
		background-size:cover;
	}
	.service_img3 {
    	background-position: -361px;

	}
	.service_img1{
		background-position:-200px;
	}
	.service_img2{
		background-position:-110px;
	}
	.service_img4{
		background-position: -130px;
	}
	.service_img8 {
  		background-position: -40px;
	}
	.service_img6 {
   		background-position: -240px;
	}
	div[class^="space_img"]{
		width:68%;
		background-size:cover;
	}
	.space_img3 {
    	background-position: -361px;

	}
	.space_img1{
		background-position:-200px;
	}
	.space_img2{
		background-position:-400px;
	}
	.space_img4{
		background-position: -250px;
	}
	.space_img8 {
  		background-position: -40px;
	}
	.space_img6 {
   		background-position: -240px;
	}
	
}
@media all and (max-width:1024px) {
	div[class^="space_img"] {
    	width: 65%;
	}
	#tel_t, #fax_t, #fax_t, #time_t, #add {
  		vertical-align:baseline;
	}
	#fl a > img{
		display:inline-block;
	}
	.fl a{
		display:inline-block;
	}
	footer ul li{
		margin-right:10px;
	}
	footer ul li{
		margin-top:0px;
	}
	footer ul li:last-child {
	  margin-right: 0px;
	  display:inline-block;
	}
	footer ul li > div > span{
		display:inline-block;
		color:rgba(255,255,255,1);
		font-size: 18px;
	}
	footer ul li > div > a >span{
		display:inline-block;
		color:rgba(255,255,255,1);
		font-size: 19px;
	}
	footer ul li > span{
		display:inline-block;
	}
	footer img {
		width: 16px;
		height: 16px;
	
		vertical-align: middle;
		margin-left: 5px;
}
	.f_num{
		font-family: 'Playfair Display', serif;
	}
	.f_tit{
		font-family: 'cwTeXFangSong', serif;
	
		color: rgba(255,255,255,1);
}
	.f_img{
		display:none;
	}
	footer ul li:nth-child(2){
		display:none;
	}
	footer{
    line-height: 42px;
	}
	.about{
		width:81%;
		margin: 0 auto;
	}
	.con_txt{
		margin-left: auto;
		height: 100vh;
	}
	#scrollbar1 {
		  width: 81% !important;
		  margin: 0 auto !important;
	}
	#scrollbar1 .viewport {
		 width: 97% !important;
		  margin: 0 auto !important;
		 height: 100% !important;
	}
	.tit{
		width: 90%;
		margin: 0 auto;
		background-size: contain;
		height: 76px;
	
		margin-top: 21px;
		margin-bottom: 10px;
}
	section{
		width:35%;
	
		overflow: scroll;
}
	nav ul li {
	  padding: 0 1% 0 1%;
	
	  width: 22.5%;
	  border-right: 1px rgba(168,146,124,1) solid;
}
	nav ul li:first-child {
  		padding: 0 1% 0 0px;
	}
	nav ul li:last-child {
	  padding: 0 0px 0 1%;
	  border: 0px;
	}
	.m_black {
  		border-right: 1px rgba(168,146,124,1) solid;
	}
	nav {
		top: 0px;
		position: fixed;
		left: 0px;
		bottom: 0px;
		background-color: rgba(255,255,255,0.9);
		height: 30px;
		width:65%;
	
		text-align: center;
	}
	#logo > a img {
	  width: 94%;
	  height: auto;
	  padding-top: 16%;
	}
	#logo {
	  height:110px;
	  width:110px;
	  left: 53px;
	}
	.main_menu > a{
		text-decoration:none;
		font-size: 16px;
		color: rgba(119,89,64,1);
		letter-spacing:0.75px;
	}
	.main_menu > a > span{
		display:inline-block;
 		font-family: 'cwTeXFangSong', serif;
	
		font-size: 105%;
	}
	.main_menu > a >img{
		display:none;
	}
	.menu_hover{
		opacity:0 !important;
	}
	#fax_t,#fax{
			display:none;
		}
	#fl{
		margin-left:0px;
	
		vertical-align: middle;
}
	.bg0{
		background:url(../images/index_pic_1.jpg) no-repeat fixed;
		background-size:cover;
		opacity:0;
	}
	.bg1{
		background:url(../images/about_bg_1.jpg) no-repeat fixed;
		background-size:cover;
		opacity:0;
	}
	.bg2{
		background:url(../images/space_bg_1.jpg) no-repeat fixed;
		background-size:cover;
		opacity:0;
	}
	.bg3{
		background:url(../images/service_bg_1.jpg) no-repeat fixed;
		background-size:cover;
		opacity:0;
	}
	.bg4{
		background: url(../images/news_bg_1.jpg) no-repeat fixed;
		background-size:cover;
		opacity:0;
		background-repeat: no-repeat;
	}
	nav ul {
	   width: 96%;
	   margin: 0 auto;
		margin-top: 5px;
	}
	.btn_body > img{
		width:100%;
		height:100%;
	}
	.btn_body {
	  width: 38%;
	  margin-right: 2%;
	}
	.server_txt > .btn_body:nth-child(even){
	  margin-right: 0px;
	}
}
@media all and (max-width:965px){
	.main_menu > a > span {
 		max-width: 100px;
	}
	nav ul {
  		width: 100%;
		
	}
	nav {
      height: 47px;
	}
	nav ul li {
	  padding: 0 1% 0 1%;
	  width: 20.5%;
	}
	
}
@media (max-width: 768px){
	.server_phone{
		display:inline-block;
	}
	.accordion{
		display:none;
	}
	div#Slogan > img:last-child{
		display:none;
	}
	footer {
  		height: 25px;
	
  		z-index: 9999999;
  		position: fixed;
  		bottom: 0px;
  		width: 100%;
  		line-height: 25px;
}
	.pc{
		display:none !important;
	}
	.p_server_txt{
		display:inline-block;
	}	
	.contact_txt > p > a{
		text-decoration:none;
		color: #595757;
	}
	.map{
		display: inline-block;
		margin-left: -36px;
		margin-top: 19px;
		margin-bottom: -16px;
	}
	.contact_txt p:nth-child(even) {
		  margin-bottom: 10px !important;
	}
	#p_logo{
		display:inline-block;
	
		position: fixed;
		top: 0px;
		left: 50%;
		margin-left: -129px;
		top: 15%;
	}
	div#Slogan {
		position: fixed;
		bottom: 50%;
		left: 50%;
		margin-left: -129px;
	}
	div#Slogan > img:last-child{
		display:inline-block;
	}
	div#Slogan > img:first-child{
		display:none;
	}
	footer ul li:last-child {
	  margin-right: 0px;
	  display:inline-block;
	}
	footer ul li:nth-child(1),footer ul li:nth-child(2),footer ul li:nth-child(3){
		display:none;
	}
	footer ul li:nth-child(4){
		display:inline-block;
		margin-right: -2px;
	}
	footer ul li:nth-child(5) > #add{
		display:none;
	}
	nav{
		background:rgba(0,0,0,0);
	}
	#main_menu{
		display:none;
	}
	.contents{
		background:url(../images/phone_bg.jpg) no-repeat fixed;
		background-size:cover;
		background-position:top center; 
		height: 100vh;
	}
 	section {
	  width: 100%;
	  overflow:a auto;
	  background: rgba(255,255,255,0.0);
	  margin-top: 30px;
	  text-align: center;
	}
	#logo{
		display:none;
	}
	.con_txt {
	  margin-left: auto;
	  height: 100vh;
	  background-color: rgba(255,255,255,0.85);
	  width: 100%;
	  margin: 0 auto;
	  text-align: center;
	
	  margin-bottom: 30px;
	  min-height: 650px;
}
	.about > div{
		width: 301px;
		display: inline-block;
		text-align: left;
		margin-top: 20px;
	}
	.tit {
		height: 65px;
		display: inline-block;
		width: 245px;
		margin-left: -55px;
		margin-top: 30px;
	}
	.phone_s_menu{
		display:inline-block;
		position: fixed;
		top: 0px;
		width: 100%;
		background-color: rgba(255,255,255,1);
		z-index: 9;
	}
	.phone_s_menu > #s_logo{
		font-size: 19px;
		font-family: 'cwTeXFangSong', serif;
		font-weight: bold;
		color:rgba(232,138,138,1);
		text-align: center;
		height: 30px;
		line-height: 30px;
		letter-spacing: 1px;
	}
	.phone_s_menu > #s_logo > a{
		color:rgba(232,138,138,1);
		text-decoration:none;
	}
	.menu_btn {
	   display: inline-block;
	   z-index: 9;
	   position: fixed;
	   top: 0px;
	
	   height: 30px;
	   width: 50px;
}
	#s_menu {
	  display: none;
	  position: fixed;
	  top: 30px;
	  width: 100%;
	  background-color: rgba(232,138,138,1);
	
	  box-shadow: 5px 1px 5px 0px rgba(0,0,0,.2);
}
	#s_menu ul li > a{
		text-decoration:none;
		color: rgba(255,255,255,1);
		font-family: 'cwTeXFangSong', serif;
		font-size: 18px;
		letter-spacing: 5px;
	}
	#s_menu ul li{
		display:inline-block;
		width: 100%;
		height: 39px;
		border-bottom: solid 1px rgba(255,255,255,.6);
		text-align: center;
		line-height: 39px;
		-webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
	}
	#s_menu ul li:last-child{
		border-bottom:0px;
	}
	#s_menu_btn > a{
		display:inline-block;
	}
	#s_menu_btn{
		position: absolute;
		top: 6px;
		left: 8px;
	}
	.btn_body {
		width:132px;
		margin-right: 14px;
		margin-bottom: 12px;
	}
	.server_txt{
		text-align: left;
		display: inline-block;
		margin-left: 0;
	}
	#scrollbar1 .viewport {
		width: 310px !important;
		display: inline-block;
	}
	.server_txt p:nth-child(even){
		margin-bottom:20px;
	}
	.date{
		text-align: left;
		font-size: 14px;
		letter-spacing: 0.5px;
		margin-bottom: 12px;
	}
	.news_txt{
		text-align:left;
	}
}