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

/************************ Body ************************/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	
	background-position:center top;
	
}
ul,li,dl,dd,dt{ margin:0px; padding:0px; }

#main {
	width:1200px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin-right: auto;
}
#top {
	
	font-family: Georgia, Times, 'Times New Roman', serif;
	height:195px;
	
}


#top .logo{ width:476px; height:67px; margin-top:-25px; margin-left:18px; margin-bottom:36px; }
#top .bar{background-image: url(/images/bg_topbar.png); height:39px; background-position:right; background-repeat:no-repeat; width:1000px;}
#top .bar .text{ float:right; margin-right:10px; margin-top:10px;color:#333;}
#top .bar .text a:link, #top .bar .text a:hover, #top .bar .text a:visited{ color:#333; text-decoration:none }
#top .bar .text img{ vertical-align:bottom}
#top .menu{}
#top .menu ul{ margin:0; padding:0}
#top .menu ul li{ list-style-type:none;font-family: Georgia, Times, 'Times New Roman', serif; display:block; float:left;background-image: url(/images/bg_btn.png); width:142px; height:60px;    text-align: center; font-size:16px;    list-style-type: none; line-height:45px;  margin-right:1px;
    color: #fff; -webkit-box-shadow: 0px 6px 12px -2px rgba(145,143,145,1);
-moz-box-shadow: 0px 6px 12px -2px rgba(145,143,145,1);
box-shadow: 0px 6px 12px -2px rgba(145,143,145,1); cursor:pointer}
	#top .menu ul li:hover {background-image: url(/images/bg_btn_o.png); }
	
	#top .menu ul li .btn{
		top:10px;
		transition:0.5s;
  -webkit-transition:0.5s;
  -moz-transition:0.5s;
position: relative;
		}
		
	#top .menu ul li .btn:hover{
		top:5px;
	
	}
	
	#top .menu  .last{margin-right:-1px;}
	
#cat {
	margin-top: 0px;
	margin-bottom: 0px;
	    box-shadow: 1px 2px 13px -1px rgba(194,194,194,1);
	background-color:#fff;
	
}
#cat_top {
	margin-top: 0px;
	margin-bottom: 0px;
	
}
#cat_top_left {
	width:121px;
	height:307px;
	float:left;
	 display:none
	
}
#search_right .bar{    background-color: #6b4b34;
    padding: 10px;
    margin: 5px;
  
    width: 1160px;
    margin: 0 auto;
    color: #eee;
    text-align: right;}
	#search_right .content{    margin-top: -2px;    width: 1160px;    display: table;
    margin: 0 auto; min-height:300px; font-family: Georgia, Times, 'Times New Roman', serif; font-size:16px;line-height: 25px;}
	
	#search_right .content1{
	    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    color: #000;
	}
	#search_right .bar a:link, #search_right .bar a:hover, #search_right .bar a:visited{color: #fff; text-decoration:none}
#cat_top_right {
	width:1000px;
	height:400px;
	-webkit-box-shadow: 0px 6px 17px -2px rgba(145,143,145,1);
-moz-box-shadow: 0px 6px 17px -2px rgba(145,143,145,1);
box-shadow: 0px 6px 17px -2px rgba(145,143,145,1);
	
	
	
	
	
}

#radioBtn .content2 {
    margin-right: 20px;
    float: left;
}
#radioBtn .content2 .left{
      float: left;
    font-family: Verdana;
    font-size: 12px;
    color: #333;
}
#radioBtn .content2 .right{
   float: left;
    font-family: Verdana;
    font-size: 12px;
    color: #333;
    margin-left: 5px;
    margin-top: 2px;
}
#cat_middle{margin-top:35px;}
#cat_middle .box{ width:315px;    margin-right: 27px;  height:465px;-webkit-box-shadow: 1px 2px 13px -1px rgba(194,194,194,1);
-moz-box-shadow: 1px 2px 13px -1px rgba(194,194,194,1);
box-shadow: 1px 2px 13px -1px rgba(194,194,194,1);float:left; background-color:#fff}
#cat_middle .box .youtube{ display:table; height:182px; margin-top: 1px;
    margin-left: 1px;}
#cat_middle .box .text{font-family: Georgia, Times, 'Times New Roman', serif; color:#977e6a; text-align:center; font-size:16px;line-height: 30px; margin-top:20px;}
#cat_middle .box .text .blue{ color:#1f487c;font-size:22px;}
#cat_middle .box .text a:link,#cat_middle .box .text a:hover,#cat_middle .box .text  a:visited { color:#977e6a; text-decoration:none}



#cat_middle .box .images img {
   opacity:1;cursor:pointer;
   -moz-transform:scale(1,1);
   -webkit-transform:scale(1,1);
   -o-transform:scale(1,1);
   -ms-transform:scale(1,1);
   transform:scale(1,1);
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}


#cat_middle .box .images{ display:table; height:182px; margin-bottom:30px;  overflow: hidden; }

#cat_middle .box .images:hover img {
	cursor:pointer;
	opacity:1;
   -moz-transform:scale(1.2,1.2);
   -webkit-transform:scale(1.2,1.2);
   -o-transform:scale(1.2,1.2);
   -ms-transform:scale(1.2,1.2);
   transform:scale(1.2,1.2);
     
   
}

#cat_middle .box .mask{   margin-top: -49px;    position: absolute;}

#arrow1,#arrow2{      margin-left: 151px; position:absolute; }
	
	
#cat_middle_left{
	float:left;
	width:300px;

}
#cat_middle_left_top{
	float:left;
	width:280px;
	margin-left:5px;
	
	

}

#cat_middle_left_top li{
	list-style-type:none;
	
}
.calendar{
	height:242px;

	
	
}
.facebook{
	height:376px;
	width:242px;
	
	
}
#cat_middle{

	
		


}

#cat_middle_right{
	float:right;
	width:679px;


}
#cat_middle_right li{
	list-style-type:none;
}
#news {
	margin-top:10px;
	*margin-top:3px!important;
	height:10px;
	*height:24px!important;
	

}
#news_left {
	float:left;
	width:119px;
	

}
#news_right {
	float:left;
		
}
#news_smallPhoto {
	float:left;
	width:110px;
}
#news_right ul{
	width:550px;
}
#news_right li{
	
	
	
}
.news_title{
	color:#007f78;
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	
	margin-bottom:5px;
	font-weight:bold;
	list-style-type:none;

	
		
	
}
.news_content{
	height:39px;
	*height:36px !important;
	list-style-type:none;
}
.news_more {
	list-style-type:none;
	color:#919192;
	font:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
	

}
.news_more  a:hover {
	list-style-type:none;
	color:#919192;
	font:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
}
.news_more  a {
	list-style-type:none;
	color:#919192;
	font:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
}
.news_more  a:visited {
	list-style-type:none;
	color:#919192;
	font:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
}

#news_line{
	margin-top:70px;
	*margin-top:45px !important;
	margin-bottom:9px;
	
	
	
	
}
#news_photo{
	margin-bottom:5px;
}
#news_photo_content{
	margin-bottom:5px;
	height:83px;
}
#cat_bottom{
	position: absolute;
	margin-left:5px;
	*margin-left:0px!important;
	


	
	

}
#sub_bottom{
	position: absolute;
	width:1000px;
	height:15px;

	
	


	
	

}

#footer{
	 display:table;    padding-top: 15px;
    margin-bottom: 15px;
    width: 1000px;
	
}
#footer .left{ float:left; font-size:12px;}
#footer .right{ float:right; font-size:12px;color:#333}
#footer .right a:link, #footer .right a:visited{font-size:12px; text-decoration:none; color:#333}
#footer .right a:hover{font-size:12px; text-decoration:none; color:#333}
#footer .right img{ vertical-align:middle;}
#footer .right .bottom{
	text-align: right;
}
#footer .right .top img{
	height: 28px;
}

#news_btn{
	
	*margin-top:-3px; !important;
	width:500px;
	margin-right:8px;
	float: right;
	
	
}
.news_num{
	
	
	float: right;
	
	
}
#top_top{
	height:31px;
	
	
}

dl{clear:both;float:right; margin-left:50px;}
dt{float:left;  }
dd{margin-top:5px;float:left; margin-left:5px;}

#top_top ul{
	list-style-type:none;
	float:right;
}
#top_top li{
	list-style-type:none;
	
	display: inline;
}
.textbox {
	padding-top:10px;
	
	
}

#top_bottom{
	width:1000px;	
	height:147px;

}
#top_bottom_left{
	width:154px;	
	float: left;
	
	
}
#top_bottom_right{
	width:846px;	
	float: right;
	
	
}
#top_bottom_right_top{
	float: right;
	height:102px;
	width:309px;
	*width:305px!important;
	
	
}
#top_bottom_right_top ul{
	
	margin-top:62px

}

#top_bottom_right_top li{
	list-style-type:none;
	display: inline;
	margin-right: -4px;
}

#top_bottom_right_bottom{
	float: right;
	height:45px;
	width:845px;
	background-image:url(/images/bg_top_btn.jpg)
	
}
#top_bottom_right_bottom ul{
	
	float: right;
	margin-top:5px;
	*margin-top:10px!important;
	margin-right:6px;
	

}

#top_bottom_right_bottom li{
	list-style-type:none;
	display: inline;
	margin-left: 35px;
	color:#7b7b7b;
	font-size:12px;

	
}
	
#top_bottom_right_bottom li a, #top_bottom_right_bottom li .selected{
	color:#7b7b7b;
	text-decoration:none;
	
	
}
#top_bottom_right_bottom li a:hover{
	color:#0d867f;
	text-decoration:none;
	
	
}

#search_right{
	width:1200px;
	padding-top:8px;

	
	
		
		
}
#top_main{ width:100%; height:170px;min-width:1200px;}
#top_main .topbar{ border-bottom:1px #eee solid; height:30px;}
#top_main .topbar .topbar_inside{width:1200px; margin:0 auto; display:table;height:30px;margin-bottom: 40px;}
#top_main .topbar .topbar_inside ul{ margin:0; padding:0; float:right; margin-right:10px;}
#top_main .topbar .topbar_inside ul li{ float:left; font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif; font-size:12px; list-style-type:none;color: #333333;    margin-top: 6px; margin-left:15px;}
#top_main .topbar .topbar_inside ul li img{vertical-align: bottom;}

#top_main .topbar .menu { width:100%;}
#top_main .topbar .menu .menu_inside{width:1200px; margin:0 auto; display:table ;     }
#top_main .topbar .menu .menu_inside .logo{ float:left; width:489px; height:78px; }
#top_main .topbar .menu .menu_inside .menubar{float:right; margin-top:38px;margin-right:10px;}
#top_main .topbar .menu .menu_inside .menubar ul{ padding:0; margin:0}
#top_main .topbar .menu .menu_inside .menubar ul li{ float:left; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size:14px; list-style-type:none;color: #333333; margin-left: 17px; transition: 0.3s ease; text-decoration:none }

#top_main .topbar .menu .menu_inside .menubar ul li a{ transition: 0.3s ease;}

#top_main .topbar .menu .menu_inside .menubar ul li a:link, #top_main .topbar .menu .menu_inside .menubar ul li a:visited{  text-decoration:none; color: #333333;}

#top_main .topbar .menu .menu_inside .menubar ul li a:hover{ border-top: 0px solid #1f487c;
  border-bottom:3px solid #1f487c;
  padding: 13px 0;  }




#banner{ width:100%; text-align:center;min-width:1200px; }
#middle{height:700px;display: table;
    width: 100%;}

.cloned{ background-color:#fff;padding-top:12px; padding-bottom:12px; width:100%}



i.fa {
  color: #333;
}

*,
*:before,
*:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/*clearfixes*/

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.main-container {
  background: #fff;
  max-width: 1000px;
  margin: 25px auto 25px auto;
  position: relative;
}

.container {
  position: relative;

}
/*animation element*/

.animation-element {
  opacity: 0;
  position: relative;
}
/*animation element sliding left*/

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(0px, 100px, 0px);
  -webkit-transform: translate3d(0px, 100px, 0px);
  -o-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate3d(0px, 100px, 0px);

}

.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}



.part1{   background-color: #6b4b34;
    display: table;
    width: 100%;}
	
	.part1_content{ width:1200px; margin:0 auto;    padding-top: 50px;    padding-bottom: 50px;display: table;position: relative;}
.part1_content 	.part1_left{ width:470px; float:left; }
.part1_content 	.part1_right{float:left;margin-left:75px;    width: 631px;}
.part1_content 	.part1_right .title{     background-color: #1f487c;
    font-size: 22px;
    font-family: '微软雅黑';
    color: #fff;
    display: table;
    padding: 8px 12px 8px 12px;
    letter-spacing: 0;
    /*width: 280px;*/
}
.part1_content 	.part1_right .content{float:left;margin-left: 13px;    margin-top: 15px;}
.part1_content 	.part1_right .content ul{ padding:0; margin:0; }
.part1_content 	.part1_right .content ul li{ float: left; list-style-type:none;font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color: #fff;font-size: 18px;    line-height: 35px;transition: 0.3s ease;}

.part1_content 	.part1_right .content ul li a:link{ color: #fff; text-decoration:none;font-size: 18px;transition: 0.3s ease;}

.part1_content 	.part1_right .content ul li a:hover{ color: #1f487c; text-decoration:none;font-size: 18px; margin-left:20px}

 .part1_content 	.part1_right .content ul li a:visited{ color: #fff; text-decoration:none;font-size: 18px;}





.part1_content 	.part1_right .content ul li:nth-of-type(odd) {
	width:250px;
  
}

.part1_content 	.part1_right .content ul li:nth-of-type(even) {
	    margin-left: 120px;
  
}
.part1_content 	.part1_right .content >p{
	color: #fff;
    text-decoration: none;
    font-size: 22px;
    font-family: '微软雅黑';
    line-height: 30px;
    text-align: justify;
    letter-spacing: 0;
}
.part1_content 	.part1_right .bottom_right{
	/*position: absolute;*/
    right: 24px;
    bottom: 25px;
    float: right;
    display: grid;
    text-align: right;
}
.part1_content 	.part1_right .bottom_right a{
	color: #fff;
    font-size: 22px;
    font-family: '微软雅黑';
    letter-spacing: 0;
}
.part1_content 	.part1_right .bottom_right a.amw{
	margin-top: 10px;
}
.part1_content 	.part1_right .bottom_right a:hover{
	color: #1f487c !important;
}



.part2{   background-color: #977e6a;
    display: table;
    width: 100%;}
	
	
.part2_content{ width:1200px; margin:0 auto;    padding-top: 50px;    padding-bottom: 50px;display: table;position: relative;}
.part2_content 	.part2_right{ width:430px; float:left; position: relative;}
.part2_content 	.part2_left{float:left;   width: 770px;}
.part2_content 	.part2_left .title{     background-color: #1f487c;
    font-size: 22px;
    font-family: '微软雅黑';
    color: #fff;
    display: table;
    padding: 8px 12px 8px 12px;
    /*width: 230px;*/
}
.part2_content 	.part2_left .content{float:left;margin-left: 13px;    margin-top: 15px;width: 650px;}
.part2_content 	.part2_left .content ul{ padding:0; margin:0; }
.part2_content 	.part2_left .content ul li{ float: left; list-style-type:none;font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color: #fff;font-size: 18px;    line-height: 35px;}


.part2_content 	.part2_left .content ul li a:link{ color: #fff; text-decoration:none;font-size: 18px;transition: 0.3s ease;}

.part2_content 	.part2_left .content ul li a:hover{ color: #1f487c; text-decoration:none;font-size: 18px; margin-left:20px}

 .part2_content 	.part2_left .content ul li a:visited{ color: #fff; text-decoration:none;font-size: 18px;}


.part2_content 	.part2_left .content ul li:nth-of-type(odd) {
	width:300px;
  
}

.part2_content 	.part2_left .content ul li:nth-of-type(even) {
	    margin-left: 80px;
  
}
.part2_content 	.part2_right iframe{
	width: 430px;
} 
.part2_content 	.part2_left .bottom_right{
	/*position: absolute;*/
    left: 13px;
    bottom: 25px;
    float: left;
    margin-left: 13px;
    display: grid;
}
.part2_content 	.part2_left .bottom_right a{
	color: #fff;
    font-size: 22px;
    font-family: '微软雅黑';
    letter-spacing: 0;
}
.part2_content 	.part2_left .bottom_right a.amw{
	margin-top: 10px;
}
.part2_content 	.part2_left .bottom_right a:hover{
	color: #1f487c;
}
.part2_content 	.part2_left .content >p{
	color: #fff;
    text-decoration: none;
    font-size: 22px;
    font-family: '微软雅黑';
    line-height: 30px;
    text-align: justify;
    letter-spacing: 0;
}
.part2:nth-child(3) .part2_content 	.part2_left .content >p{
	color: #4c4743;
}

.part2:nth-child(3) .part2_content 	.part2_left .bottom_right a{
	color: #4c4743;
}


.part3{   background-color: #cec0b5;
    display: table;
    width: 100%;}
	
	
.part3_content{ width:1200px; margin:0 auto;    padding-top: 80px;    padding-bottom: 80px;display: table;position: relative;}
.part3_content 	.part3_right{ 
	/*width:569px; */
	float:right; 
}
.part3_content 	.part3_left{float:left;margin-right:67px;  position: relative; }
.part3_content 	.part3_left .title{     background-color: #1f487c;
    font-size: 22px;
    font-family: '微软雅黑';
    /*font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;*/
    color: #fff;
    display: table;
    padding: 8px 12px 8px 12px;
    /*width: 300px;*/
    letter-spacing: 0;
}
.part3_content .part3_left .content{
	/*float:left;*/
	margin-left: 13px;    margin-top: 15px; width:650px;}
.part3_content .part3_left .content ul{ padding:0; margin:0; }
.part3_content .part3_left .content ul li{ float: left; list-style-type:none;font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color: #fff;font-size: 18px;    line-height: 35px;}


.part3_content .part3_left .content ul li a:link{ color: #fff; text-decoration:none;font-size: 18px;transition: 0.3s ease;}

.part3_content .part3_left .content ul li a:hover{ color: #1f487c; text-decoration:none;font-size: 18px; margin-left:20px}

.part3_content .part3_left .content ul li a:visited{ color: #fff; text-decoration:none;font-size: 18px;}


.part3_content 	.part3_left .content ul li:nth-of-type(odd) {
	width:100px;
  
}

.part3_content 	.part3_left .content ul li:nth-of-type(even) {
	     margin-left: 100px;
    width: 170px;
  
}
.part3_content 	.part3_left .content >p{
	color: #4c4843;
    text-decoration: none;
    font-size: 22px;
    font-family: '微软雅黑';
    line-height: 30px;
    text-align: justify;
    letter-spacing: 0;
}
.part3_content 	.part3_left .bottom_left{
	position: absolute;
    left: 13px;
    /*bottom: -30px;*/
    display: grid;
}
.part3_content 	.part3_left .bottom_left a{
	color: #4c4843;
    font-size: 22px;
    font-family: '微软雅黑';
    letter-spacing: 0;
}
.part3_content 	.part3_left .bottom_left a.amw{
	margin-top: 10px;
}
.part3_content 	.part3_left .bottom_left a:hover{
	color: #1f487c !important;
}

#footer{ width:1200px; margin:0 auto; padding-top:30px; padding-bottom:30px;min-width:1200px;}
#footer .left{ float:left;font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color: #fff;font-size: 12px; color:#333}
#footer .right{ float:right;font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color: #fff;font-size: 12px;color:#333    }

.cloned{border-bottom: 0px #eee solid;-webkit-box-shadow: 0px 1px 5px 0px rgba(186,186,186,0.53);
-moz-box-shadow: 0px 1px 5px 0px rgba(186,186,186,0.53);
box-shadow: 0px 1px 5px 0px rgba(186,186,186,0.53);border-bottom: 1px #1f487c solid;}

#fouricon{}
#fouricon .fouricon_inside{ width:1200px; margin:0 auto}
#fouricon .fouricon_inside .icon1{ border-right:1px #e2dede solid; float:left; text-align:center;width: 300px;    height: 190px;margin-top: 50px;
    margin-bottom: 50px;}
#fouricon .fouricon_inside .icon1 .btn{    width: 100%; margin:0 auto; margin-top:30px;    height: 100px;transition: 0.3s ease;}
#fouricon .fouricon_inside .icon1 .btn1{    width: 100%; margin:0 auto;margin-top:30px  ;  height: 100px;}
#fouricon .fouricon_inside .icon2{ border-left:0px #e2dede solid;border-right:0px #e2dede solid; float:left; text-align:center;width: 300px;    height: 190px;margin-top: 50px;
    margin-bottom: 50px;}
	#fouricon .fouricon_inside .icon1 .btn {transition: 0.2s ease; cursor:pointer}
	
	#fouricon .fouricon_inside .icon1:hover .btn{margin-top:10px}
	
		#fouricon .fouricon_inside .icon1 .btn1 {transition: 0.2s ease;cursor:pointer}
	#fouricon .fouricon_inside .icon1:hover .btn1{margin-top:10px}



#fouricon .fouricon_inside .icon2 .btn{    width: 100%; margin:0 auto;margin-top:30px;    height: 100px;}
#fouricon .fouricon_inside .icon2 .btn1{    width: 100%; margin:0 auto;margin-top:30px;    height: 100px;}
#fouricon .fouricon_inside .icon1 .w{ font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color: #333;font-size: 24px;    padding-top: 15px;}
#fouricon .fouricon_inside .icon2 .w{ font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color: #333;font-size: 24px; padding-top: 15px;}

#fouricon .fouricon_inside .icon1  .w a:link, #fouricon .fouricon_inside .icon1  .w a:visited{ text-decoration:none; color:#333}
#fouricon .fouricon_inside .icon2  .w a:link, #fouricon .fouricon_inside .icon2  .w a:visited{ text-decoration:none;color:#333}
	#fouricon .fouricon_inside .icon2 .btn1 {transition: 0.2s ease;cursor:pointer}
	#fouricon .fouricon_inside .icon2:hover .btn1{margin-top:10px}
#icon_2{    margin-top: 7px;
}
#icon_3{    margin-top: 7px;
}
#icon_4{}


@media screen and (min-width: 980px) {
	#top_main{ width:100%; height:170px;}
#top_main .topbar{ border-bottom:1px #eee solid; height:30px;}
#top_main .topbar .topbar_inside{width:1200px; margin:0 auto; display:table;height:30px;margin-bottom: 40px;}
#top_main .topbar .topbar_inside ul{ margin:0; padding:0; float:right; margin-right:10px;}
#top_main .topbar .topbar_inside ul li{ float:left; font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif; font-size:12px; list-style-type:none;color: #333333;    margin-top: 6px; margin-left:15px;}
#top_main .topbar .topbar_inside ul li img{vertical-align: bottom;}

#top_main .topbar .menu { width:100%;}
#top_main .topbar .menu .menu_inside{width:1200px; margin:0 auto; display:table ;     }
#top_main .topbar .menu .menu_inside .logo{ 
	float:left; 
	width:449px; 
	/*height:78px; */
	position: relative;
	z-index: 100;
	margin-top: -40px;
}
#top_main .topbar .menu .menu_inside .menubar{float:right; margin-top:38px;margin-right:10px;}
#top_main .topbar .menu .menu_inside .menubar ul{ padding:0; margin:0}
#top_main .topbar .menu .menu_inside .menubar ul li{ float:left; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size:14px; list-style-type:none;color: #333333; margin-left: 17px; transition: 0.3s ease; text-decoration:none }

#top_main .topbar .menu .menu_inside .menubar ul li a{ transition: 0.3s ease;}

#top_main .topbar .menu .menu_inside .menubar ul li a:link, #top_main .topbar .menu .menu_inside .menubar ul li a:visited{  text-decoration:none; color: #333333;}

#top_main .topbar .menu .menu_inside .menubar ul li a:hover{ border-top: 0px solid #1f487c;
  border-bottom:3px solid #1f487c;
  padding: 13px 0;  }
	
#footer{ width:1200px; margin:0 auto; padding-top:30px; padding-bottom:30px;}
#footer .left{ float:left;font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color: #fff;font-size: 12px; color:#333}
#footer .right{ float:right;font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color: #fff;font-size: 12px;color:#333    }	
#main {
	width:1200px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin-right: auto;
}	
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	
		#top_main{ width:100%; height:100px;}
#top_main .topbar{ border-bottom:1px #eee solid; height:30px; }
#top_main .topbar .topbar_inside{width:1200px; margin:0 auto; display:none;height:30px;margin-bottom: 40px;}
#top_main .topbar .topbar_inside ul{ margin:0; padding:0; float:right; margin-right:10px;}
#top_main .topbar .topbar_inside ul li{ float:left; font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif; font-size:12px; list-style-type:none;color: #333333;    margin-top: 6px; margin-left:15px;}
#top_main .topbar .topbar_inside ul li img{vertical-align: bottom;}

#top_main .topbar .menu { width:100%;display:none}
#top_main .topbar .menu .menu_inside{width:100%; margin:0 auto;   }
#top_main .topbar .menu .menu_inside .logo{  height:58px;     margin: 0 auto; width:289px;    float: none; }
#top_main .topbar .menu .menu_inside .logo img{  width:289px;  }
#top_main .topbar .menu .menu_inside .menubar{float:right; margin-top:38px;margin-right:10px; display:none}
#top_main .topbar .menu .menu_inside .menubar ul{ padding:0; margin:0}
#top_main .topbar .menu .menu_inside .menubar ul li{ float:left; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size:14px; list-style-type:none;color: #333333; margin-left: 17px; transition: 0.3s ease; text-decoration:none }

#top_main .topbar .menu .menu_inside .menubar ul li a{ transition: 0.3s ease;}

#top_main .topbar .menu .menu_inside .menubar ul li a:link, #top_main .topbar .menu .menu_inside .menubar ul li a:visited{  text-decoration:none; color: #333333;}

#top_main .topbar .menu .menu_inside .menubar ul li a:hover{ border-top: 0px solid #1f487c;
  border-bottom:3px solid #1f487c;
  padding: 13px 0;  }
  
  
  #footer{  margin:0 auto; padding-top:30px; padding-bottom:30px;width:100%;  }
#footer .left{ width:100%;margin:0 auto;     display: table; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color: #fff;font-size: 12px; color:#333;    text-align: center;}
#footer .right{width:100%;margin:0 auto;    display: table;font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; color: #fff;font-size: 12px;color:#333  ;    text-align: center;  }

#main {
	

	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin-right: auto;
	width:100%;
	
}

#search_right .content{
	font-size: 20px;
	box-sizing: initial;
	line-height: 30px;
    font-family: arial, helvetica, sans-serif;
}
#search_right .content p{
	font-size: 20px;
	box-sizing: initial;
	line-height: 30px;
    font-family: arial, helvetica, sans-serif;
}
#search_right .content h1 span{
	font-size: 25px !important;
	box-sizing: initial;
	line-height: 30px;
    font-family: arial, helvetica, sans-serif;
}
.part2_content .part2_left .content >p{
	font-size: 30px;
	line-height: 36px;
}
.part1:nth-child(1) .part1_content .part1_right .content >p{
	font-size: 28px;
	line-height: 36px;
}
.part3_content .part3_left .content >p{
	font-size: 28px;
	line-height: 36px;
}
}

.topbar_inside ul li a{text-decoration:none;color:#000;}

.#top_main .topbar .menu{min-width:1200px!important;}
#top_main .topbar.top_logo .menu_inside .logo{
	margin-top: -12px;
	transition: all .3s;
}
#top_main .topbar.top_logo .menu_inside .logo img{
	height:108px ;
}