body{ font-size:18px; font-family:Microsoft YaHei,Microsoft JhengHei, Arial, Helvetica, sans-serif; color:#333; position:relative; width:100%; height:100%;   letter-spacing: 1px;
　transition:.3s; }
a{ color:#333;}
a:hover{ color: #F60;}

.content{ width:100%; }
.text_content{font-family:Microsoft JhengHei; line-height:28px; padding-bottom:200px;}
.text_content a{ color:#0b77ca; text-decoration:underline;}
/*.text_content ul li{ list-style:inside;}*/


* { 
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;         /* Opera/IE 8+ */
}

#top-control {width: 57px; height:37px; position: fixed; right:0; bottom:-100px;  right: 20px; z-index:9999999; }
#gotop{width:70px; height:55px; display:block;  position: absolute; top:0px; z-index:9999999; background: url(../img/topbt.png) no-repeat rgba(52, 209, 152, 0.77); }
#gotop:hover{filter:alpha(opacity=80); opacity:0.8; transition:.3s;}
/*load*/


.load_box{ width:100%;  height:100%; position: absolute; background:#FFF; z-index:99999;}
.load01{ width:65px; margin:25% auto 0 auto;}
.load02{ float:left; margin-right:8px; width:20px;
	-webkit-animation: loading01 1s infinite ease;
	-moz-animation: loading01 1s infinite ease;
	-o-animation: loading01 1s infinite ease;
  animation: loading01 1s infinite ease;
}

.doc_inbox li{ list-style:none;}
@-webkit-keyframes loading01 {
	0% {
		 transform:scale(0.8);
	}
	50% {
		 transform:scale(1.5);
	}
	
	100%{
		 transform:scale(1);
	}
}
@-moz-keyframes loading01{
	0% {
		 transform:scale(0.8);
	}
	50% {
		 transform:scale(1.5);
	}
	
	100%{
		 transform:scale(1);
	}
}
@-o-keyframes loading01 {
	0% {
		 transform:scale(0.8);
	}
	50% {
		 transform:scale(1.5);
	}
	
	100%{
		 transform:scale(1);
	}
}
@keyframes loading01 {
	0% {
		 transform:scale(0.8);
	}
	50% {
		 transform:scale(1.5);
	}
	
	100%{
		 transform:scale(1);
	}
}

.load03{ float:left; width:20px;
	-webkit-animation: loading03 1s infinite ease;
	-moz-animation: loading03 1s infinite ease;
	-o-animation: loading03 1s infinite ease;
	animation: loading03 1s infinite ease;

}

@-webkit-keyframes loading03 {
	0% {
		  transform:scale(1.5);
	}
	50% {
		transform:scale(0.8);
	}
	
	100%{
		 transform:scale(1.5);
	}
}
@-moz-keyframes loading03{
	0% {
		  transform:scale(1.5);
	}
	50% {
		transform:scale(0.8);
	}
	
	100%{
		 transform:scale(1.5);
	}
}
@-o-keyframes loading03 {
	0% {
		  transform:scale(1.5);
	}
	50% {
		transform:scale(0.8);
	}
	
	100%{
		 transform:scale(1.5);
	}
}
@keyframes loading03{
	0% {
		  transform:scale(1.5);
	}
	50% {
		transform:scale(0.8);
	}
	
	100%{
		 transform:scale(1.5);
	}
}

.right_ser_num{ float:right; margin-top: 107px;}
.people_box{ float:left; margin-top:18px;}
.people_box a{ display:block;}
.people_box a img{ display:inline-block;}

.people_box2{ width:100%; margin:10px 0;  }
.people_box2 a{ display:block;  text-align:center;}
.people_box2 a img{ display:inline-block;}

.idx_banner .cycle-slide{ width:100%; overflow:hidden;}
.idx_banner ._bg{ width:100%; position:relative;}
.bx-wrapper img{ width:100%; }
.idx_banner ._c1 img{ width:100%;}
.idx_banner ._c1{ position:absolute; top:0px; left:100px; padding-top:33px; z-index:501; width:465px; }
.idx_banner ._c2{ position:absolute; top:0%; left:270px; padding-top:300px;  z-index:501; text-shadow:0 0 5px rgba(0,0,0,1); color:#fff; line-height:25px; font-size:26px;}
.idx_banner ._c3{ position:absolute; top:0%; left:502px; padding-top:290px; z-index:401;}
.ad_box{ width:100%; position:relative; overflow:hidden; }
.ad_box2{ width:100%; position:relative; }
.ad_box3 {width:100%; position:relative;}
.ad_box2 a{ display:block;}
.ad_bg_in {width:100%; height:269px; }
.ad_bg_in img{ width:100%;  }
.logo_in{ position:absolute; left:0; z-index:1; top:24%; display:block; width:100%;  }
.t_show{ float:left; font-size:26px; margin-left:0px; margin-top:68px; color:#FFF; font-family:Microsoft JhengHei; }
.logo_ingbox{ width:1450px; margin: 0 auto;}
.logo_in img{ width:30%; float:left;
	-webkit-animation: logoinshow 1s 1 ease;
	-moz-animation: logoinshow 1s 1 ease;
	-o-animation: logoinshow 1s 1 ease;
	animation: logoinshow 1s 1 ease;
}

@-webkit-keyframes logoinshow {
	0% {
		 filter:alpha(opacity=0); opacity:0; margin-left:500px;
	}	
	100%{
		filter:alpha(opacity=100); opacity:1; margin-left:0;
	}
}
@-moz-keyframes logoinshow{
	0% {
		 filter:alpha(opacity=0); opacity:0; margin-left:500px;
	}	
	100%{
		filter:alpha(opacity=100); opacity:1; margin-left:0;
	}
}
@-o-keyframes logoinshow {
	0% {
		 filter:alpha(opacity=0); opacity:0; margin-left:500px;
	}	
	100%{
		filter:alpha(opacity=100); opacity:1; margin-left:0;
	}
}
@keyframes logoinshow{
0% {
		 filter:alpha(opacity=0); opacity:0; margin-left:500px;
	}	
	100%{
		filter:alpha(opacity=100); opacity:1; margin-left:0;
	}
}

.top_box{position:absolute; left:0; top:0px; z-index:9; width:100%;/* min-height:639px;*/}
.logo_box{ float:left; margin-top:33px; margin-left:39px;}
.ser_box{ position:absolute; right:0; top:0; z-index:9;}


.ad1_box{width:100%;}
.ad1_box a{ display:block;}
.ad1_box a img{ width:100%;}
.menubox{ width:100%; background:url(../img/01.png) repeat-x center bottom; position:relative; z-index:1;}
.menubox>ul{ display:block; width:1450px; margin:0 auto;}
.menubox>ul>li{ float:left; padding: 8px 0px 25px 0px; position:relative;}
.menubox>ul>li>a{ font-size:19px; color:#FFF;    display:block;      text-shadow: 3px 2px 7px #000; padding:8px 15px;}
.menubox>ul>li>a:hover { background:#c67700; border-radius: 30px; box-shadow:1px 1px 3px 2px rgba(20%,20%,40%,0.5) inset;}
.menubox>ul>li ul { position:absolute; top:81%; left:0; z-index:1;}
.menubox>ul>li ul li{/* background:url(../img/menu_bg.jpg) right ;*/ padding:10px; display:none; background:#a56502;}
.menubox>ul>li ul li{ border-bottom:#ce7d00 solid 1px;}
.menubox>ul>li ul li:hover{ background:#834f00;}
.menubox>ul>li ul li.end{ background:none; border:0; padding:0;}
.menubox>ul>li ul li a{ color:#FFF; display:block; width:100%; height:100%; /*text-shadow: 1px 1px 2px #000;*/ }
.menubox>ul>li:hover ul li{ display:block;}
.google_ser{ width:290px; float:right; margin-top: 107px; position:relative; z-index:9999999; }
.ind_01_bt{ width:1428px; margin:44px auto 24px auto;}
.ind_01_bt ul{display: flex; flex-wrap: wrap;}
.ind_01_bt ul li{ float:left; margin-right:40px; margin-bottom:20px; }
.ind_01_bt ul li a{ display:block; width:449px; position:relative;}
.bt01_img_pbox{ position:absolute; width:100%; left:0; top:0; z-index:1;    padding: 16px 0px 0 46px;}
.bt01_img{ float:left; margin-right:20px;}
.bt01_img_pbox p{ float:left; margin:14px 0 0 0; font-size:35px;}
.bt01_bg{ width:100%;}
.bt01_bg img{ width:100%;}
.ind_01_bt ul li.bt01_noma{ margin-right:0;}
.bt02_box{ width:1428px; margin:0px auto 44px auto; position:relative;}
.bt02_bg{ width:100%;}
.bt02_bg img{ width:100%;}
.bt02_box ul{ display:block; width:100%; position:absolute; left:0; top:0; z-index:1;     padding: 3% 2% 0px 2%;}
.bt02_box ul {text-align:center;}
.bt02_box ul li{ transition:.5s; display:inline-block; margin:0 1%; }
.Line_box,.Band_box{ position:absolute; left:0; top:0; z-index:99999; background:rgba(0, 0, 0, 0.65); width:100%; height:100%; display:none;}
.Line_box,.Line_link_box{ position:absolute; left:0; top:0; z-index:99999; background:rgba(0, 0, 0, 0.65); width:100%; height:100%; display:none;}
.Line_box.active,.Band_box.active,.Line_link_box.active{ display:block;}
.line_pc_box{ width:235px; max-width:314px; margin:15% auto; }
.line_pc_box_close{ float:right;     padding: 10px 0 0 11px; cursor:pointer; transition:1s; }
.line_pc_box_close:hover{ transition:.5s; transform:scale(1.2);}
.line_pc_box_close img{ width:33px!important; }
.line_pc_box_img{ max-width:100%;}
.bt02_box ul li:hover{ transform:scale(1.1);transition:.2s;}
/*.bt02_box ul li img{ float:left; margin-right:10px; width:100%;}*/
.bt02_box ul li a{ display:block; color:#FFF; width:100%; }
.bt02_box ul li span{ float:left; display:block;  text-shadow: 3px 2px 4px #7b4a00; font-size:18px;  letter-spacing: 1px;}
.no_fly{ width:100%; clear:both;}
.bt02_box ul li span.bt02_patop{ padding-top:17px;}
.bt02_box ul li.bt02_noma{ margin-right:0;}

.bt03_box{ width:1428px; margin:44px auto 44px auto;}
.bt03_box ul li{ float:left;  width:456px; margin-right:30px; transition:.5s; border:#d5d5d5 solid 2px; border-radius:8px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,f4f4f4+26,e4e4e4+56,dddddd+85,dadada+100 */
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #f4f4f4 26%, #e4e4e4 56%, #dddddd 85%, #dadada 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fefefe 0%,#f4f4f4 26%,#e4e4e4 56%,#dddddd 85%,#dadada 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fefefe 0%,#f4f4f4 26%,#e4e4e4 56%,#dddddd 85%,#dadada 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */

 }
.bt03_box ul li:hover{  transform:scale(1.05);transition:.5s;}
.bt03_box ul li a{ display:block;  width:100%; }
.bt03_box ul li.bt03_noma{ margin-right:0;}
.bt03_fly h2{ width:100%; font-size:28px; padding:26px 20px 0px 20px; color:#666666; margin-bottom:3px;}
.bt03_fly span{ display:block; width:100%; padding:0px 20px 0px 20px; color:#9e9e9e;}
.bt03_img{ width:100%; margin-top:19px;}
.bt03_img img{ width:100%; margin:0 auto;}

 
.bt04_box{ width:1428px; margin:0px auto 44px auto; position:relative;}
.bt04_box ul li{ float:left;  margin-right:12px; transition:.5s;}
.bt04_box ul li:hover{  transform:scale(1.05);transition:.5s;}
.bt04_box ul li.bt04_noma{ margin-right:0;}
.bt04_box ul li a{ display:block; position:relative; width:228px;}
.bt04_bg{ width:100%;}
.bt04_bg img{ width:100%;}
.bt04_img{ position:absolute; left:0; top:0; width:100%;}
.bt04_img img{ margin:36px auto 16px auto;}
.bt04_img h3{ font-size:30px; color:#FFF; width:100%; text-align:center;     text-shadow: 2px 2px 6px #737373; }

.vidbook{width:1428px; margin:0px auto 431px auto; position:relative;  padding:10px 0px;}
.video_show,.book_show{ width: 23.5%; float:left; margin-right:2%;}
.book_show:last-child{ margin-right:0;}
.video_bt{ width:100%; background:#E58F0B; padding:20px; margin-top:-4px;}
.video_bt p{ float:left; color:#FFF; font-size:36px;}
.video_bt a{  display:block; color:#FFF; font-size:28px; line-height:48px;}
.video_bt a i{ float:right; line-height:48px;}
.iframe_wrap{width: 100%; height: 0; padding-bottom: 77%; position: relative;}
.iframe_wrap iframe {position: absolute; top: 0;left: 0; width: 100%; height: 100%;}

.img_box{ width:100%; height:0; padding-bottom:76%;}

.book_imgshow{ width:100%;position:relative; }
.book_imgshow span{ display:block; width:100%; padding:10px; background:rgba(19, 17, 14, 0.51); position:absolute; left:0; bottom:0; z-index:1; color:#FFF;}
.book_imgshow img{ width:100%;}
.img_bpx{ width:100%; padding:63%; height:0;}
.book_bt{ width:100%; background:#E58F0B; padding:20px;}
.book_bt p{ float:left; color:#FFF; font-size:36px;}
.book_bt a{display:block;  color:#FFF; font-size:28px; line-height:48px;}
.book_bt a i{ float:right; line-height:48px;}
.in_content{ min-height:800px; width:1420px;  margin:0 auto;}
.blue{ color:#0b77ca;}
.in_h2{ font-size:26px; margin:20px 0 10px 0; font-family:Microsoft JhengHei; }
.in_h2_2{ font-size:26px; margin:20px 0 10px 0; font-family:Microsoft JhengHei; width:80%; float:left;}
.crumb { margin-top:55px; width:100%; padding-bottom:10px; border-bottom:#e1e1e1 solid 1px;}
.crumb li{  float:left; margin-right:5px; font-size:14px; color:#999; }
.crumb li.one{background:none; padding:0; }
.crumb li a{ color:#999;  font-size:14px;}
.crumb li a span{  top:1px; padding-left:5px;}
.crumb li.nowOn{ color:#0b77ca;}
.ab_img{ width:100%;}
.ab_img p{ margin-top:2px;}
.doc_box{ width:100%;}
.doc_inbox{ width:100%; display:block; border-top:#85c7fb solid 1px; padding-top:15px; display: flex; flex-wrap: wrap;}
.doc_inbox li img{ width:100%; }
.ab_img img{border:#EEE solid 1px;}
.doc_inbox li { float:left; margin:1.2%; width:10%; list-style:none;}
.news_box{ width:100%;  width:100%; margin-top:20px; padding-bottom:10px; border-bottom:#54a3e1 solid 2px; font-size:14px;}
.news_box div{ float:left; }
.news_b01{ width:9%; text-align:center; margin-right:1%; font-size:14px;}
.news_b02{ width:19%;  margin-right:1%; font-size:14px;}
.news_b03{ width:49%;  margin-right:1%; text-decoration:underline; color:#0b77ca;}
.news_b04{ width:20%; text-align:center; font-size:14px;}
.news_list{ display:block; width:100%;}
.news_list li{ width:100%;   background:#FFF; padding:17px 0;     box-shadow: 1px 1px 6px -2px rgba(95, 95, 95, 0.5); margin-bottom:10px; position:relative;}
.new_iim{ position:absolute; right:0; bottom:0;}
.news_list li a{ display:block; width:100%; font-size:18px;}
.news_list li a:hover .news_b03{ color: #F60;}
.news_list li a div{ float:left;}
.news_box div.news_b04{ width:20%; margin-right:0;}
.red{ color:#900;}
.download_box{ width:100%;margin-top:50px; margin-bottom:200px;}
.down_h2{ width:100%; padding-bottom:10px; border-bottom:#0b77ca solid 1px;}
.down_h2 img{ float:left;}
.down_h2 p{ float:left; margin-top:15px; margin-left:20px; font-size:22px;}
.download_box ul li{ border-bottom:#d8e3ec solid 1px; padding:10px 10px;}
.download_box ul li a{ color:#0b77ca; display:block; font-size:18px;}
.download_box ul li a p{ float:left;  text-decoration:underline;}
.download_box ul li a img{ float:left; margin-left:5px; margin-top:8px;}
.download_box ul li a:hover{ color: #F60;}
.download_box ul li a:hover img,.ca_02 a:hover img{
	-webkit-animation: downloadhover .5s infinite ease;
	-moz-animation: downloadhover .5s infinite ease;
	-o-animation: downloadhover .5s infinite ease;
	animation: downloadhover .5s infinite ease;
	
 }
 
 @-webkit-keyframes downloadhover {
	0%{
		 margin-top:8px;
	}
	50%{
		 margin-top:0px;
	}
	100% {
		 margin-top:8px;
	}
	
	
}
@-moz-keyframes downloadhover {
	0%{
		 margin-top:8px;
	}
	50%{
		 margin-top:0px;
	}
	100% {
		 margin-top:8px;
	}
}
@-o-keyframes downloadhover{
	0%{
		 margin-top:8px;
	}
	50%{
		 margin-top:0px;
	}
	100% {
		 margin-top:8px;
	}
}
@keyframes downloadhover {
	0%{
		 margin-top:8px;
	}
	50%{
		 margin-top:0px;
	}
	100% {
		 margin-top:8px;
	}
}
.tab_cabox_title{ width:100%; display:block; padding:5px 10px;  font-size:14px; background:#f3f3f3;}
.tab_cabox_title li{ float:left; margin-right:1%; color:#666; }
.tab01{ width:19%;}
.tab02{ width:39%}
.tab03{ width:19%; text-align:center;}
.tab04{ width:19%; text-align:center;}
.tab_cabox_list{ width:100%; display:block;   }
.tab_cabox_list li{ width:100%; border-bottom:#c8d3e2 dashed 1px; padding:15px 0; }
.tab_cabox_list li div{float:left; margin-right:1%; margin-top:10px; font-size:18px; line-height:28px;  }
.tab_cabox_list li div.tab01{ width:19%; font-size:14px; color:#666;}
.tab_cabox_list li div.tab02 span{ font-size:18px; color:#666; line-height:25px;}
.tab_cabox_list li div.tab04 a{ display:block; padding:4px 10px; background:rgba(102, 102, 102, 0.61) url(../img/45.png) 95% 90% no-repeat; color:#FFF; width:70px; font-size:18px; display:inline-block;}
.tab_cabox_list li div.tab04 a:hover{ background:#0b77ca url(../img/45.png) 95% 90% no-repeat;}

.ca_list_show{ width:100%; margin-bottom:100px; }
.ca_list_show>li{ width:100%; border-bottom:#EEE solid 1px; padding:20px 15px;}
.ca_list_show>li:nth-child(even){ /*background:#fbfbfb;*/ background:rgba(214, 214, 214, 0.12);}
.ca_list_show>li>div{ float:left;}
.ca_02 ol li{ list-style:decimal; margin-left:20px;}
.ca_02 ul li{ list-style: disc; margin-left:20px;}
.ca_01{ width:20%; margin-right:2%; color:#666; font-size:18px;}
.ca_02{ width:78%;  font-family:Microsoft JhengHei; line-height:28px; font-size:18px;}
.ca_02 a{ text-decoration:underline;}
.ca_h3{font-size:22px; margin-bottom:20px; font-family:Microsoft JhengHei; }
.ca_02 a p{ float:left;  text-decoration:underline;}
.ca_02 a img{ float:left; margin-left:5px; margin-top:8px;}
.back_bt{ text-decoration:underline; float:right; margin-top:20px; color:#0b77ca;}
.back_bt p{ float:right;}
.iicon{ float:right;}
.back_bt img{ float:right; margin-right:1px; margin-top:6px;}
.number_box{ width:100%; text-align:center; margin:50px 0;}
.number_box li{ display:inline-block; margin:0 5px;}
.number_box li a{ display:block; width:30px; height:30px; border:#ececec solid 1px; border-radius: 50px; font-size:14px; line-height:27px; color:#0b77ca;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.number_box li a:hover{ color: #F60;}
.number_box li a.w_number_blue,.number_box li a.this{
	background:#5491d8; color:#FFF;
}
/**/

.number_box.green_number li a{ display:block; width:30px; height:30px; border:#ececec solid 1px; border-radius: 50px; font-size:14px; line-height:27px; color:#408b0b;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.number_box.green_number li a:hover{ color: #408b0b;}
.number_box.green_number li a.w_number_blue{
	background: #408b0b; color:#FFF;
}

.faq_box_bt{ width:100%; display:block; text-align:center; margin-bottom:50px;}
.faq_box_bt li{ display:inline-block; }
.faq_box_bt li a{font-size:14px; color:#0b77ca; padding:5px 20px;  border:#0b77ca solid 1px; border-radius: 2px; display:block;}
.faq_box_bt li a.this{ background:#0b77ca; color:#FFF;}
.faq_box_bt li a.active{background:#0b77ca; color:#FFF;}
.faq_box_bt li a:hover{background:#0b77ca; color:#FFF;}

.faq_lisstbox{ width:100%; }
.faq_lisstbox li{ border-bottom:#CCC dashed 1px; padding-bottom:20px; margin-bottom:20px;}
.faq_title { width:100%;}
.faq_q{ float:left; margin-right:5px; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bolder;}
.faq_title h3{ font-size:22px; font-family:Microsoft JhengHei;}
.day_day{ width:100%; color:#999; font-size:14px; margin:10px 0; padding-left:34px;}
.faq_p{ width:100%; padding-left:34px; line-height:32px; color:#6f6f6f; font-size:18px;  font-family:Microsoft JhengHei;}
.faq_p img{ max-width:100%;}
.faq_p a{ color:#0b77ca; text-decoration:underline;}
.sing_box{ width:100%; height:100%; background:rgba(0, 0, 0, 0.67); position:absolute; left:0; top:-100%; 
 filter:alpha(opacity=0); opacity:0; overflow:hidden;

	
}
.sing_box.active{
	position:absolute; left:0; top:0px; z-index:99999999;
	-webkit-animation: singopen .5s 1 ease;
	-moz-animation: singopen .5s 1 ease;
	-o-animation: singopen .5s 1 ease;
	animation: singopen .5s 1 ease;	
	filter:alpha(opacity=100); opacity:1;
	

}

@-webkit-keyframes singopen {
	0%{
		 filter:alpha(opacity=0); opacity:0;
		
	}
	
	100% {
		filter:alpha(opacity=100); opacity:1;
		
	}
	
	
}
@-moz-keyframes singopen {
	0%{
		 filter:alpha(opacity=0); opacity:0;
		
	}
	
	100% {
		filter:alpha(opacity=100); opacity:1;
		
	}
	
}
@-o-keyframes singopen{
	0%{
		 filter:alpha(opacity=0); opacity:0;
		
	}
	
	100% {
		filter:alpha(opacity=100); opacity:1;
		
	}
	
}
@keyframes singopen {
	0%{
		 filter:alpha(opacity=0); opacity:0;
		
	}
	
	100% {
		filter:alpha(opacity=100); opacity:1;
		
	}
	
}


.sing{ 
width:565px; height:365px; background:#FFF; margin:18% auto; padding:20px;
text-align:center;
}
.sing.active{ 
width:565px; height:365px; background:#FFF; margin:18% auto; padding:20px;
text-align:center; position:relative;
	-webkit-animation: singshow .3s 1 ease-in;
	-moz-animation: singshow .3s 1 ease-in;
	-o-animation: singshow .3s 1 ease-in;
	animation: singshow .3s 1 ease-in;


}
.v_box_video.active{
	-webkit-animation: singshow .3s 1 ease-in;
	-moz-animation: singshow .3s 1 ease-in;
	-o-animation: singshow .3s 1 ease-in;
	animation: singshow .3s 1 ease-in;
	
	
	}
 @-webkit-keyframes singshow {
	0%{
		 filter:alpha(opacity=0); opacity:0;
		  transform:scale(0);
	}
	25%{
		filter:alpha(opacity=100); opacity:1;
		 transform:scale(1.2);
	}
     50% {
		filter:alpha(opacity=100); opacity:1;
		 transform:scale(1.1);
	}
	
	100% {
		filter:alpha(opacity=100); opacity:1;
		 transform:scale(1);
	}
	
	
}
@-moz-keyframes singshow {
0%{
		 filter:alpha(opacity=0); opacity:0;
		  transform:scale(0);
	}
	25%{
		filter:alpha(opacity=100); opacity:1;
		 transform:scale(1.5);
	}
     50% {
		filter:alpha(opacity=100); opacity:1;
		 transform:scale(1.1);
	}
	
	100% {
		filter:alpha(opacity=100); opacity:1;
		 transform:scale(1);
	}
	
	
}
@-o-keyframes singshow{
0%{
		 filter:alpha(opacity=0); opacity:0;
		  transform:scale(0);
	}
	25%{
		filter:alpha(opacity=100); opacity:1;
		 transform:scale(1.5);
	}
     50% {
		filter:alpha(opacity=100); opacity:1;
		 transform:scale(1.1);
	}
	
	100% {
		filter:alpha(opacity=100); opacity:1;
		 transform:scale(1);
	}
	
}
@keyframes singshow {
0%{
		 filter:alpha(opacity=0); opacity:0;
		  transform:scale(0);
	}
	25%{
		filter:alpha(opacity=100); opacity:1;
		 transform:scale(1.5);
	}
     50% {
		filter:alpha(opacity=100); opacity:1;
		 transform:scale(1.1);
	}
	
	100% {
		filter:alpha(opacity=100); opacity:1;
		 transform:scale(1);
	}
	
}
.close_long{ position:absolute; right:20px; top:20px; z-index:1;}
.sing h3{ font-size:21px; text-align:center; display:inline-block; margin-bottom:20px;}
.long_box,.long_box2{ width:450px; max-width:90%; margin:0 auto 20px auto;}
.long_box p,.long_box2 p{ float:left; width:54px; max-width:20%; margin-right:5%; color:#666; text-align:right; margin-top:5px;}
.corde_box{ display:block; float:left;}

.long_box input{ float:left; width:355px; max-width:75%; padding:10px 8px; border:#CCC solid 1px;}
.long_box2 input{ float:left; width:208px;  padding:10px 8px; border:#CCC solid 1px; margin-right:10px;}
.long_box2 img{ float:left;}
.sing button{ width:450px; max-width:90%; padding:10px 0; text-align:center; color:#FFF; background:#db8b0e; font-size:21px; margin:0 auto; border:0; cursor:pointer; transition:1s; font-family:Microsoft JhengHei;}
.sing button:hover{border-radius: 20px; transition:.5s;}
.sing ul{ display:block; width:450px; max-width:90%; margin:10px auto 0 auto;}
.sing ul li { float:left; margin-right:5px;}
.sing ul li a{ color:#949494; font-size:14px;}
.sing ul li a:hover{ color: #F60;}

.video_in_box li{ float:left; width:18%; margin-right:2%; margin-bottom:23px; transition:.5s; }
.video_in_box{ width:1450px; margin:0 auto; flex-wrap: wrap; display: flex;}
.video_bafa{ width:100%;/* height:333px; */position:relative; background:#e8e8e8;  transition:.5s;}
.video_bafly{ background:#FFF; width:100%; height:100%;/* position:absolute; left:0; top:0;*/ border:#EEE solid 1px;}
.video_img{ width:100%; height:0; padding-bottom:76%;  display:block; position:relative;}
.video_in_box li:hover .video_bafa{box-shadow:12px 9px 16px -2px rgba(95, 95, 95, 0.2);  transition:.5s;}
.video_img_play{ position:absolute; left:0; top:0; width:100%; height:0; padding-bottom:76%;   filter:alpha(opacity=0); opacity:0; background:url(../img/47.png) no-repeat; background-size:100% 100%;  transition:.5s;}

.video_img img{ width:100%;}
.v_dat { margin:10px 10px 5px 10px; font-size:14px;}
.v_h3{margin:0px 0px 5px 0px; width:100%; padding:0 10px; }
.v_dat3{ margin:10px 0px 5px 0px; font-size:14px;}
.v_h33{margin:0px 0px 5px 0px; width:100%;}
.v_text{ color:#999; font-size:14px; font-family:Microsoft JhengHei; margin:0px 0 10px 0; padding:0 10px; line-height:23px; width:100%;  word-break: break-all;}
.v_text3{ color:#333; font-family:Microsoft JhengHei; margin:0px 0px 10px 0px; line-height:30px; width:100%; }

.video_in_box li:hover .video_bafly{ top:-5px; left:-5px; transition:.3s;}
.video_in_box li:hover .video_img_play{filter:alpha(opacity=100); opacity:1;  transition:.5s;}
.video_showshow_in{ position: absolute; left:0; top:-100%; background:rgba(0, 0, 0, 0.61); width:100%; height:100%; z-index:9999;  filter:alpha(opacity=0); opacity:0;}

.video_showshow_in.active{ position: absolute; left:0; top:0; background:rgba(0, 0, 0, 0.61); width:100%; height:100%; z-index:9999; filter:alpha(opacity=100); opacity:1;}

.v_box_video{ width:700px; max-width:80%;  margin:15% auto; background:#FFF; padding:20px;}
.v_video_yu{ position:relative;}
.v_close{ display:block; position:absolute; right:-47px; top:0; padding:10px 15px;  background:#bababa; width:47px; filter:alpha(opacity=90); opacity:0.9;}
.v_close:hover{filter:alpha(opacity=100); opacity:1;}

.youtube_video{ width: 100%; margin-top:20px; margin-bottom:100px;
height: 0;
padding-bottom:49%;
position: relative;
}
.youtube_video iframe{ position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;}

.contact_a{ display:block; width:100%;}
.contact_a li{ float:left; width:49%; margin-right:2%; position:relative; margin-bottom:35px;}
.contact_b{ background:#f9f9f9; text-align:center; height:307px; padding-top:95px;}
.con_p{  width:80%; font-size:18px; text-align:center; margin:16px auto;}
.con_p span{ display:inline-block; margin-right:5px;}
.con_u{ width:100%;  position:absolute; left:0; top:-64px; text-align:center;}
.con_u2{ width:128px; height:128px;  color:#FFF; font-size:22px; background:#207eb3; font-family:Microsoft JhengHei; border-radius: 128px; line-height:125px; display:inline-block;}
.hr{ display:block; width:100%;  border-bottom:#e2e2e2 solid 1px;}

.contact_mee{/* background:#f9f9f9;*/ padding:20px 0px; /*margin-top:35px;*/}
.contact_mee102{ width:839px; margin:30px auto;}
.contact_mee102 ul li{ width:100%; margin-bottom:30px; position:relative;}
.join_text{ position:absolute; top:10px; right:10px; color:#999; font-size:14px;}
.contact_mee102 ul li p{ float:left; margin-right:20px; margin-top:7px; color:#666; width:68px;}
.contact_mee102 ul li input{ width:710px; height:42px; border:#CCC solid 1px; padding:0 10px;}
.contact_mee102 ul li textarea{ width:687px; height:364px; border:#CCC solid 1px; padding:10px;}
.join_box .contact_mee102 ul li p{ width:132px;}
.join_box .contact_mee102 ul li input{ width:687px;}
.contact_mee102 ul li.sex_box input{ width:auto; height:auto;}
.contact_mee102 ul li.sex_box input span{ float:left; margin-left:10px; display:block;}
.contact_mee102 ul li.pale{ padding-left:154px;}
.contact_a li.del_ma{ margin-right:0;}
.contact_mee102 ul li input.core_c{ width:554px; height:42px; border:#CCC solid 1px; float:left;}
.join_box  .contact_mee102 ul li input.core_c{ width:490px; height:42px; border:#CCC solid 1px; float:left;}
.contact_mee102 ul li img{  float:left; margin-left:22px;}
.contact_mee102 ul li button{width:100%; padding:10px 0; text-align:center; color:#FFF; background:#db8b0e; font-size:21px; margin:0 auto; border:0; cursor:pointer; transition:1s; font-family:Microsoft JhengHei;}
.join_box .contact_mee102 ul li button{width:100%; padding-top:0px; text-align:center; color:#FFF; background: url(../img/50.png) center no-repeat ; font-size:21px; margin:0 auto; border:0; cursor:pointer; transition:1s; font-family:Microsoft JhengHei; height:90px;}
.join_box .contact_mee102 ul li button:hover{ background: url(../img/51.png) center no-repeat ;}
.contact_mee102 ul li button:hover{border-radius: 20px; transition:.5s;}
.crumb li.nowOn.green{ color:#408b0b;}
.green{ color:#408b0b;}
.photo_boxin{ width:100%; display: flex;  flex-wrap: wrap;}
.photo_boxin li{ width:18.4%;  float:left; margin-right:2%; margin-bottom:2%; position:relative; background:url(../img/48.png) no-repeat; background-size:100% 100%;}
.photo_boxin li:nth-child(5n){ margin-right:0;}
.photo_bgin{width:256px; height:247px;}
.photo_bgin img{ width:100%;}
.img_photo{ width:83%; height:0; margin:15px auto 0 auto; position:relative; padding-bottom:63%;  }
.photo_in_day{ width:100%; position:absolute; bottom:0; left:0; background:rgba(0, 0, 0, 0.5); color:#FFF; font-size:14px; padding:5px;}



.img_photo_fly h3{width:90%; height:52px; overflow:hidden; margin:8px auto; background:url(../img/38.png) no-repeat 0px 3px; padding-left:25px;}
.photo_day{ margin-bottom:20px; font-size:14px; float:left;}
.demo-gallery { display: flex; flex-wrap: wrap;}
.demo-gallery a{ float:left; width:14%; margin-right:2%; margin-bottom:40px; display:block;}
.demo-gallery a:nth-child(6n+1){ clear:both;}

.cata_show{ width:100%; /*border:#CCC solid 1px;*/}
.cata_show img{ width:100%;}
.join_box{ width:800px; margin:0 auto;}
.table_btime{ width:100%; margin-bottom:20px;}
.tit_h3 { width:100%; background:#005699; color:#FFF; padding:10px 15px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.tit_h3 img{ float:left; margin-right:10px;}
.tit_h3 p{ float:left;}
.tit_h3 a{ display:block; float:right; color:#FFF; font-size:14px; padding:5px 10px; background:#35a1e5;}
.tit_h3 a.oppen{ display:none;}
.tit_h3 a.oppen.active{ display: block;}
.tit_h3 a.cclose.active{ display:none;}
.t_text.active{ display:none;}
.t_text{ width:100%;  background:#f1fbff; padding:20px 20px; line-height:30px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.t_text span{ color:#c09214;}
.news_nex_pre{ width:100%; margin-top:100px; margin-bottom:200px;}
.news_nex_pre li{ width:100%; margin-bottom:10px; }
.news_nex_pre li a{  width:100% display:block; color:#0b77ca; font-size:18px; }
.news_nex_pre li a p{ float:left; margin-right:10px;}
.news_nex_pre li a div{ float:left; text-decoration:underline;}
.news_nex_pre li a:hover{ color:#F60;}

.webmap_box{   display: flex; flex-wrap: wrap; width:100%; margin-top:20px; margin-bottom:100px;}
.webmap_box>li{ float:left; width:23%;  padding-bottom:15px; margin-right:2%; margin-bottom:25px;  }
.webmap_box li h3{ padding:10px 20px; background:#cdcdcd; color:#FFF; width:100%; font-size:18px; margin-bottom:15px;}
.webmap_box li a{ display:block; width:100%; padding:5px 20px;}

.down_memberbox{ width:100%; display:block;}
.down_memberbox li{     width: 100%;
    background: #FFF;
    padding: 17px 0;
    box-shadow: 1px 1px 6px -2px rgba(95, 95, 95, 0.5);
    margin-bottom: 10px;
    position: relative;}
.down_memberbox li div{ float:left;}
.down_memberbox li div.news_b03{ color:#333; text-decoration:none;} 
.down_memberboxbt{ display:block; text-decoration:underline; width:100%;}
.more{ margin-top:11px;}
.footer_box{ text-align:center; width:100%; margin-bottom:10px; color:#FFF;}

.h3_ti{ font-size:22px; margin-bottom:3px;}
.h3_p1{font-size:18px; margin-bottom:20px; padding-left:22px;}
/*被包在裡面內容空一字*/
.h3_p2{font-size:18px; padding-left:76px;}
.h3_p3{ padding-left:98px; margin-bottom:20px;}
/*2位數*/
.h3_p4{ padding-left:117px; margin-bottom:20px;}
/*3位數*/
.h3_p5{ padding-left:136px; margin-bottom:20px;}
/*4位數*/
.h3_p6{ padding-left:155px; margin-bottom:20px;}


/*扣自己本身的寬度*/
.h3_p3_2{ margin-left:-76px;}
/*2位數*/
.h3_p3_3{ margin-left:-95px;}
/*3位數*/
.h3_p3_4{ margin-left:-114px;}
/*4位數*/
.h3_p3_5{ margin-left:-133px;}

.s_tb_2{  width:100%;   }
.s_tb_2 thead th{height:44px; line-height:30px; text-align:center; padding:10px; /*background:#eaeaea;*/ background:#e2e2cf; border:1px solid #bcbc91;}
.s_tb_2 thead tr{border-top-left-radius: 55px;}
.s_tb_2 tbody td{ padding:5px 10px; border:1px solid #bbb; text-align:center; vertical-align:middle; }
.s_tb_2 tfoot td{ padding:5px 10px;}
.rwd_table .label{ display:none; width:25%; float:left; padding-left:3%;}

.link_list{ width:100%; display: flex; flex-wrap: wrap;}
.link_list li{ float:left; width:18%; margin-right:2%; margin-bottom:50px; border:#EEE solid 1px;  transition:1s; border-radius: 10px;  box-shadow:-1px 1px 7px -3px rgba(95, 95, 95, 10.5);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+98,eaeaea+99 */
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(247,247,247,1) 98%, rgba(234,234,234,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 98%,rgba(234,234,234,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 98%,rgba(234,234,234,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-8 */

}
.link_list li a{ display:block; width:100%; height:100%;}
.link_list li a h3{ width:100%; font-size:18px; text-align:center; padding:10px; font-weight:normal; line-height:33px; 
}
.link_box{ border-radius: 10px; width:100%; height:0; padding-bottom:60%; border-bottom:#EEE solid 1px; }
.link_list li:hover{box-shadow:4px 4px 12px -2px rgba(95, 95, 95, 0.5); transition:.5s;}

.text_content ol li{ list-style:decimal; margin-left:20px;}
.text_content img{ max-width:100%;}
.text_content ul li{ list-style:disc; margin-left:20px; word-wrap: break-word; word-break: normal;  }
.text_content ul li a{ word-wrap: break-word; word-break: normal;}
.w_box{ width:100%; padding:10px 20px; background:#FFF; border:#EEE solid 1px; box-shadow:3px 1px 4px -2px rgba(95, 95, 95, 0.5);}
.w_box ul li{ list-style:none;}
.w_box h3{    border-bottom: #0b77ca solid 1px; padding-bottom:10px; margin-bottom:3px;}

.table_membox li{ margin-left:0!important; }
.table_membox{  width:100%; margin-top:20px; padding-bottom:10px;font-size:14px;  border-bottom:#CCC solid 1px;}
.table_membox li{ display:inline-block; list-style:none !important; width:12%; font-size:17px; padding:0 2%; text-align:center; vertical-align:middle; line-height:33px;  }
.table_membox li a{ display:block; text-decoration:underline; color:#06F;}
.table_membox li:nth-child(1){ width:7%;}
.table_membox li:nth-child(3){  width:28%; text-align:left;}
.table_membox li span{ display:none;}

.orang_samall{ width: 90%; margin:0 auto; display:none;  }
.orang_samall li{width:100%; float:left; margin-bottom: 4%; }