*{
	margin: 0px;
	padding: 0px;
	/*border: 0px;*/
	font-family: Arial,"新細明體",SimHei;
}
body{
	overflow:scroll;
	overflow-x:hidden;
}
ul li{
	list-style: none;
}
a{
	text-decoration: none;
}
.clear{
	clear:both;
}
.frame{
	max-width: 1000px;
	height: auto;
	margin: 0 auto;

}
.header{
	width: 100%;
	background: #fff
}
.headernav{
	width: 1000px;
	margin: 0 auto;
	height: 50px;
}
.header_left{
	float: left;
}
.header_left img{
	padding-left: 30px
}
.header_right{
	float: right;
}
.header_right .nav{
	float: left;
}
.header_right_phone{
	float: right;
	display: none;
}
.phonenav{
	margin: 10px 20px 0 0
}
.header_right .lang{
	float: right;
}
.nav #myslidemenu ul li{
	float: left;
}
.nav #myslidemenu ul li a{
	min-width: 107px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 14px;
}
.nav #myslidemenu ul li:hover a{
	background-color: #16469c;
	color: #fff;
}
.nav #myslidemenu ul li ul{
	position: absolute;
	display: none;
	z-index: 30;
}
.nav #myslidemenu ul li ul li{
	float: none;
}
.nav #myslidemenu ul li ul li a{
	border-right: none;
	border-top:1px solid #fff;
	background:#16469c;
	width: 161px; 
	text-align: left; 
	height: auto;
	line-height: 27px;
	padding-left: 13px;
	color: #fff;
	font-size: 14px;
	padding: 0 10px;
}
.nav #myslidemenu ul li ul li a:hover,.nav #myslidemenu>ul>li>ul>li.current-menu-item a,.nav #myslidemenu>ul>li>ul>li>ul>li.page_item a,.nav #myslidemenu>ul>li>ul>li.current-menu-parent>a{
	color: #16469c;
	background: #fff;
}
.nav #myslidemenu ul li:hover ul{
	display: block;
}
.nav #myslidemenu ul li:hover ul li{
	position: relative;
}
.nav #myslidemenu ul li:hover ul li ul { 
	display:none
} 
.nav #myslidemenu ul li:hover ul li:hover ul{ 
	display:block; 
	min-width:161px; 
	position:absolute; 
	top:0px; 
	left:181px;
	z-index: 30;
	background-color:#b4b4b4
}
.lang select{
	width: 100px;
	height: 50px;
	background-image:-webkit-linear-gradient(to right, #ff7916, #fed866); 
	background-image:linear-gradient(to right,#ff7916,#fed866);
	color: #fff;
	font-size: 14px;
	border: 0px;
	outline: none;
}
.lang select option{
	width: 100px;
	height: 40px;
	padding:20px 0; 
	background-color: #cbcbcb
}
.contents{
	width: 100%;
	background-color: #fff;
	display: inline-block;
}
.banner{
	width: 100%;
	/*max-height: 360px;*/
	position: relative;
}
.bannerreg{
	width: 25%;
	left: 9px;
	bottom: -14px;
	position: absolute;
}
.bannersearch{
	right: 40px;
	bottom: 7px;
	height: 32px;
	position: absolute;
	background-color: #fff;
	border-radius: 8px;
	width: 250px;
}
.bannersearch .bsearch{
	float: left;
	margin: 0px 4px 0 0;
}
.bsearch input{
	height: 32px;
	outline: none;
	color: #cbcbcb;
	font-size: 14px;
	border: 0px;
}
.content_center{
	width: 886px;
	margin: 30px auto 0 auto;
}
.index_left{
	width: 600px;
	float: left;
	margin-right: 18px
}
.index_right{
	width: 250px;
	float: left;
	margin-left: 10px
}
.new_right_activity,.right_activity,.right_video,.right_facebook,.right_wechat{
	/*margin-top: 38px;*/
	margin-top: 13px;
	width: 250px
}
.indexicon{
	/*height: 105px;*/
	padding : 10px 0 9px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.indexicon a{text-align: center;width: auto;}/*width: 33%;*/
.indexicon img{
	/*float: left;*/
	/*margin: 0 auto*/
	max-width: 90px;
	width: 100%
}
.indexiconimg{
	/*margin-left: 36px*/
}
.index_title{
	height: 32px;
	background-image:url('../images/index_titlee3f6.jpg?date=111');
	line-height: 32px;
	padding-left: 10px;
	color: #fff;
	font-weight: bolder;
}
.index_title2{
	height: 32px;
	background-image:url('../images/index_title2e3f6.jpg?date=111');
	line-height: 32px;
	padding-left: 10px;
	color: #fff;
	font-weight: bolder;
}
.index_frame{
	height: 230px;
}
.index_frame.autoheight{
	height: auto;
}
.index_frame .date_box{
	border-bottom: 1px dashed #b3b3b3;
	padding: 15px 0px;
}
.index_frame .date_box:last-child{
	border-bottom: none;
}
.index_frame .date_box p:first-child{color: #fbb259;font-size: 16px;margin-bottom: 8px;}
.index_frame .date_box p:last-child{color: #4c4c4c;font-size: 16px;}
.frame_news{
	width: 566px
}
.frame_schedule{
	width: 600px
}
.frame_schedule td{
	border-bottom: 1px dashed #a0a0a0;
}
.frame_schedule_date{
	width:41%;
	color: #fbb460;
}
.frame_schedule_time{
	color: #888888
}
.index_picad{
	margin: 30px 0;
	display: block;
	height: auto;
}
.index_picad img{
	width:23%;
	margin: 0 0.7%;
}
.content_center_top{
	width: 100%;
	height: 223px;
}
.center_con{
	width: 24%;
	margin: 0 0.38%;
	height: 100%;
	float: left;

}
.content_center_bottom{
	width: 100%;
	height: 370px;
	padding-top: 10px
}
.content_left{
	width: 387px;
	margin-right: 56px;
	float: left;
	margin-bottom: 10px
}
.content_center_pgae{
	width: 100%;
}
.bodyhrfoot{
	width: 100%;
	border-bottom: 10px solid #283791;
}


.page_place{
	margin-top: 10px;
}
.page_title{
	height: 32px;
	margin: 24px auto;
	background-image:url('../images/page_title.jpg');
	line-height: 32px;
}
.page_title_left{
	float: left;
	color: #fff;
	font-size: 15px;
	padding-left: 10px;
}
.page_title_right{
	float: right;
}
.page_title_right img{
	margin-top: 5.5px;
	margin-right: 15px;
}
.content_left_title{
	color: #fff;
	font-size: 15px;
	padding-left: 10px;
	background-image:url('../images/date_title.jpg');
	height: 33px;
	line-height: 31px;
	padding-left: 9px;
	font-size: 16px;
}
.content_date{
	padding: 23px 0;
	border-bottom: 1px dotted black;
}
.date_title{
	margin-bottom: 11px;
	font-size: 16px;
	color: #fa9f3b
}
.date_content{
	font-size: 16px;
	color: #808080
}
.con_left_ad{
    width: 49%;
    float: right;
    height: 360px;
}
footer{
	width: 100%;
}
.footertitle{
	margin-left: 10px
}
.footer{
	max-width: 1000px;
	margin: 0 auto;
	padding:10px 0px;
	background: #fff;
}
.footerplace{
	min-width:360px;
	max-width: 1000px;
	/*margin-left: 14px*/
}
.footerp{
	width: 100%;
	display: inline-block;
}
.footerp .pccenter{
	text-align: center;
}
.footerp .pcleft{
	text-align: left;
	margin-left: 2%
}
.footerp2 img{
	float: left;
	margin-top: 0px;
}

.footerp3 img,.footerp4 img{
	float: left;
	margin-top: 10px;
}
.footerp6co img{
	margin: 10px 15px;
}
@media screen and (min-width: 620px) and (max-width: 900px) {
	.content_center{
		width: 600px;
	}
	.index_right{
		width: 600px;
		margin-left: 0px;
	}
	.new_right_activity{
		margin: 0;
		width: 100%;
	}
	.right_activity,.right_video,.right_facebook,.right_wechat{
		margin: 0 25px;
		float: left;
	}
	.right_video{
		padding-top: 12px;
	}
	.right_top{
		height: 160px;
	}
	.right_bottom{
		height: 330px
	}
	.headernav{
		width: 100%;
	}
	.header_right{
		display: none;
	}
	.header_right_phone{
		display: block;
	}
	.phonenav{
		position: relative;
	}
	.phonenav #myslidemenu>ul { 
		display:none;
		position: absolute;
	} 
	.phonenav:hover>#myslidemenu>ul { 
		display:block;
		top: 0px;
		padding-top: 40px;
		right: -21px;
		z-index: 999
	}
	.phonenav>#myslidemenu>ul>li{
		background-color: #fff;
		height: 50px
	}
	.phonenav:hover>#myslidemenu>ul>li{
		background-color: #fff;
		height: 50px
	} 	
	
	.phonenav #myslidemenu>ul>li>ul { 
		display:none;
		position: absolute;
	} 
	.phonenav:hover>#myslidemenu>ul>li:hover>ul { 
		display:block;
		top: -1px;
		right: 127px;
	}
	.phonenav:hover>#myslidemenu>ul>li:hover>ul li{
		border-right: none;
		border-top:1px solid #fff;
		background:#16469c;
		min-width: 100px;
		text-align: left; 
		height: auto;
		line-height: 27px;
		padding-left: 13px;
		font-size: 14px;
		padding: 0 10px;
		position: relative;
	}

	.phonenav #myslidemenu>ul>li:hover>ul>li>ul { 
		display:none;
		position: absolute;
	}
	.phonenav:hover>#myslidemenu>ul>li:hover>ul>li:hover>ul { 
		display:block;
		top: -1px;
		right: 120px;
	}
	.phonenav:hover>#myslidemenu>ul>li:hover>ul li a{
		color: #fff;
	}
	.phonenav .fontlang{
		float: left;
	}	
	.content_center_bottom{
		display: inline-block;
		height: auto
	}
	.content_left{
		height: auto;
		margin:0 auto 20px auto;
		float: none;
	}
	.content_right{
		display: inline-block;
	}
	.con_left_ad{
		width: 100%;
		float: none;
		display: inline-block;
		height: auto;
	}
}
@media screen and (max-width: 620px) {
	
	.frame{
		padding-top: 50px;
	}
	.content_center{
		width: 98%;
		padding: 0 1%;
		margin-top: 50px;
	}
	.index_left,.index_right{
		width: 100%;
		margin: 0px
	}
	.indexicon{
		height: auto;
		display: inline-flex;
		flex-wrap: wrap;
		justify-content:space-between;
		width: 100%;
	}
	.indexiconimg{
		margin-left: 0px
	}
	.new_right_activity{
		margin: 18px auto;
	}
	.right_activity,.right_video,.right_facebook,.right_wechat{
		margin: 18px auto;
	}
	.index_picad{
		width: 91%;
		margin: 10px auto 30px auto;
	}
	.index_picad img{
		width: 47.5%
	}
	.frame_news{
		width: 96%
	}
	.frame_schedule{
		width: 100%;
	}
	.frame_schedule_date{
		width: 50%
	}
	.frame_schedule td{
		font-size: 14px;
	}
	.index_newsplace{
		width: 98%;
		margin: 0 auto;
	}
	
	.header_right{
		display: none;
	}
	.header_right_phone{
		display: block;
	}	
	.phonenav{
		position: relative;
	}
	.phonenav .fontlang{
		float: left;
	}
	 
		
	.phonenav #myslidemenu>ul>li{
		position: relative;
	}
	
	

	
	
	.footerplace{
		margin:0px;
	}
	.footerp2 img{
		margin-top: 0px;
	}
	.footerp .pccenter{
		text-align: left;
	}
	.footertitle{
		margin-left: 0px
	}
	.imghundred{
		width: 100%
	}
	.imgforty{
		width: 42%;
		height: auto;
	}
	.imgfifty{
		width: 50%
	}
	.imgsixty{
		width: 60%
	}
	.imgseventy{
		width: 70%
	}
	.imgeighty{
		width: 80%
	}
	.imgninety{
		width: 90%
	}
	.content_center_bottom{
		display: inline-block;
		height: auto
	}
	.content_left{
		height: auto;
		margin:0 auto 20px auto;
		float: none;
	}
	.content_right{
		display: inline-block;
	}
	.con_left_ad{
		width: 100%;
		float: none;
		display: inline-block;
		height: auto;
	}	
	.bsearchinput{
		width: 155px;
	}
	.right_top{width: 98%;margin: 0 auto}
}


@media screen and (max-width: 900px) {
	.right_activity.sim_ex{margin: 18px auto;width: 100%}
}
@media screen and (max-width: 387px){
	.content_left{
		width: 100%
	}
}
@media screen and (max-width: 540px) {
	.bannersearch{
		right: 0px;
		left: 50%;
		margin-left: -125px;
		bottom: -40px;
		border: 1px solid grey;
	}
	.bannerreg{
		width: 50%;
		left: 0px;
		bottom: 0px;
		position: relative;
		margin: 0 auto;
		padding-left: 8%;
	}
}
@media screen and (max-width: 440px) {
	.bannerreg{
		width: 65%
	}
}
@media screen and (max-width: 340px) {
	.bannerreg{
		width: 80%
	}
}
.page_navi{text-align: center;font-size: 14px;color: #2c314e;margin-top: 20px}
.page_navi a{color: #2c314e}
.page_navi a:hover{color: #6bb9e7}
.page_navi .pages-list{display: inline-block;}
.pages-list,.pages-list a,.preclass,.nextclass,.extend1,.extend2{margin: 0 3px}
.pages-list .on{color: #003a9e}

.disnone{
	display: none;
}
.disblock{
	display: block;
}
.fontlang{
	position: relative;
}
.langfont{
	width: 20px;
	padding:4px 0;
	margin:0 20px;
	text-align: center;
	color: #15479e;
}
.langselect{
	position: absolute;
	right: 10px;
	background-color: #fff;
	width: 40px;
	padding: 2px;
	text-align: center;
}
.langselect .language-chooser li {
	padding: 5px 10px;
	border-top: 1px solid #000;
}
.langselect .language-chooser li a{
	color:inherit;
}

@media screen and (max-width: 340px) {
	.footer img{
		max-width: 284px
	}
}

.phone_right_activity{
	margin: 18px auto;
	display: none;
	width: 250px
}
.phone_video_newsplace{
		width: 98%;
		margin: 50px auto 0 auto;
		display: none;
}
@media screen and (max-width: 620px){
	.indexicon{padding-top: 0px}
	.content_center{margin-top: 20px}
}
@media screen and (max-width: 540px) {
	.phone_right_activity{display: block;}
	.right_activity{display: none;}
	.new_right_activity{display: none;}
	.phone_video_newsplace{display: block;}
	.web_video_newsplace{display: none;}
	.web_directory{display: none;}
}

#countdown{display: flex;justify-content: space-between;margin: 15px 0 0 0}
#countdown .dash{width: 42px;height: 62px;text-align: center;}
/*#countdown .dash.blue{width: 54px;}*/
#countdown .dash_box{margin-bottom:6px;overflow:hidden;width: 42px;height: 40px;line-height: 40px;display: flex;background-color: #000;color: #fff;border-radius: 5px;}
#countdown .dash.blue .dash_box{background-color: #00a1e9;}/*width: 54px;*/
#countdown .dash_box>.digit{width: 50%}
#countdown .digit .top,#countdown .digit .bottom{font-size: 26px}
.dash_title{font-size: 12px}
#countdown .dash.blue .dash_title{color: #00a1e9}
#countdown .dash_box .digit:first-child{text-align: right;}
#countdown .dash_box .digit:last-child{text-align: left;}

.footer_zbdw{float: left;}
.footer_gfxbdw{float: left;}
@media screen and (max-width: 1016px) {
	.footer_zbdw{float: none;width: 100%}
	.footer_gfxbdw{float: none;width: 100%}
	.footer_zbdw .flogo_box{display: flex;justify-content: space-around;}
	.footer_gfxbdw .flogo_box{display: flex;justify-content: space-around;}
	.footer_xbdw .flogo_box{display: flex;justify-content: space-around;flex-wrap: wrap;}
	.footer_xbdw .flogo_box a{width: 20%}
	.footer_xbdw .flogo_box a img{float: none;margin: 10px auto 0 auto;display: block;text-align: center;}
}
@media screen and (max-width: 775px) {
	.footer_gfxbdw .flogo_box{flex-wrap: wrap;justify-content: space-between;}
	.footer_gfxbdw .flogo_box a img{float: none;margin: 10px auto 0 auto;display: block;text-align: center;}
	.footer_gfxbdw .flogo_box a{width: 25%}
	.footer_xbdw .flogo_box{justify-content: space-between;}
	.footer_xbdw .flogo_box a{width: 30%}
}
@media screen and (max-width: 555px) {
	.footer_gfxbdw .flogo_box a{width: 50%}
}
@media screen and (max-width: 500px) {
	.footer_xbdw .flogo_box a{width: 50%}
	
}
@media screen and (max-width: 580px) {
	.indexicon a{width: 33%}
}
.right_activity.sim_ex{margin: 18px auto;}
.sim_ex_box{width: 250px;margin: 0 auto}

/*20191011 Logue*/
/*@media screen and (max-width: 620px){
	.phonenav #myslidemenu>ul { 
		position: absolute;
		top: 0px;
		margin-top: 40px;
		right: -21px;
		z-index: 9
	}
	.phonenav>#myslidemenu>ul>li.current-menu-ancestor,.phonenav>#myslidemenu>ul>li:hover{
		background-color: #16469c;
	}
	.phonenav #myslidemenu>ul>li{
		position: relative;
		width: 150px;
		text-align: center;
	}
	.phonenav>#myslidemenu>ul>li>ul.disblock { 
		display:block;
		top: -1px;
		right: 150px;
		z-index: 9
	}
	.phonenav>#myslidemenu>ul>li>ul.disblock li{
		border-right: none;
		border-top:1px solid #fff;
		background:#16469c;
		min-width: 95px;
		text-align: left; 
		height: auto;
		line-height: 27px;
		padding-left: 13px;
		font-size: 14px;
		padding: 0 10px;
		position: relative;
	}
	.phonenav #myslidemenu>ul>li>ul.disblock>li>ul { 
		display:none;
		position: absolute;
		z-index: 9
	}
	.phonenav>#myslidemenu>ul>li>ul.disblock>li:hover>ul { 
		display:block;
		top: -1px;
		right: 110px;
	}
}
@media screen and (max-width: 340px){
	.phonenav>#myslidemenu>ul>li>ul.disblock li{
		min-width:75px;
		font-size: 12px;
		padding: 0 7px;
	}
	.phonenav>#myslidemenu>ul>li>ul.disblock>li:hover>ul{
		right:89px;
	}
	.phonenav>#myslidemenu>ul>li>ul.disblock>li:hover>ul>li{
		min-width: 70px
	}

}*/
/*20191011 end-Logue*/

/*20191012 Logue*/
@media screen and (max-width: 620px){
	.header{
		position: fixed;
		z-index: 1000000;
		background-color: unset;
		height: 9vh;
	}
	.headernav{
		width: 100%;
		background-color: #fff
	}
	.phonenav #myslidemenu>ul { 
		position: fixed;
		top: 0px;
		margin-top: 0px;
		padding-top: 50px;
		right: 0px;
		z-index: -1;
		width: 100vw;
		overflow-y: auto;
		height: 100vh;
	}
	.phonenav>#myslidemenu>ul>li.current-menu-ancestor,.phonenav>#myslidemenu>ul>li:hover{
		background-color: #16469c;
	}
	.phonenav #myslidemenu>ul>li{
		position: relative;
		width: 100%;
		text-align: center;
	}
	.phonenav>#myslidemenu>ul>li{
		background-color: #fff;
		height: auto;
	}
	.phonenav #myslidemenu>ul>li>ul { 
		display:none;
		position: unset;
		z-index: 9
	} 
	.phonenav>#myslidemenu>ul>li>ul.disblock { 
		display:block;
		top: -1px;
		right: 150px;
		z-index: 9
	}
	.phonenav>#myslidemenu>ul>li>ul.disblock li{
		border-right: none;
		border-top:1px solid #fff;
		background:#16469c;
		min-width: 95px;
		text-align: left; 
		height: auto;
		line-height: 27px;
		padding-left: 13px;
		font-size: 14px;
		padding: 0 10px;
		position: relative;
	}
	.phonenav>#myslidemenu>ul>li>ul.disblock>li:last-child{
		border-bottom:1px solid #fff;
	}
	.phonenav #myslidemenu>ul>li>ul.disblock>li>ul { 
		display:none;
		position: unset;
		z-index: 9
	}
	.phonenav>#myslidemenu>ul>li>ul.disblock>li:hover>ul { 
		display:block;
		top: 0px;
		right:0px;
	}
	.phonenav>#myslidemenu>ul>li>ul.disblock li a{
		color: #fff;
		width: 100%;
		display: inline-block;
		text-align: center;
	}	
}
@media screen and (max-width: 340px){
	.phonenav>#myslidemenu>ul>li>ul.disblock li{
		min-width:75px;
		font-size: 12px;
		padding: 0 7px;
	}
	.phonenav>#myslidemenu>ul>li>ul.disblock>li:hover>ul{
		right:89px;
	}
	.phonenav>#myslidemenu>ul>li>ul.disblock>li:hover>ul>li{
		min-width: 70px
	}

}
/*20191012 end-Logue*/