@charset "utf-8";

body{
	margin: 0px;
	background-image: url(/images/bg.jpg);
	background-repeat: repeat;
	font-family: "Arial";
	overflow-x: hidden;
}

a.sr-only {
    background: #2B358C;
    color: #FFF;
    float: left;
    text-decoration:none;
}

.sr-only {
    position: absolute;
    width: 0.063rem;
    height: 0.063rem;
    padding: 0;
    margin: -0.063rem;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    /*position: static;*/
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
	color:#fff;
	z-index: 99;
}

input:focus {
    background-color: #f9e240;
}

input,textarea {
   font-size:1em;
}

textarea:focus {
    background-color: #f9e240;
}

.checkbox:focus {
    background-color: #f9e240;
}

select:focus {
    background-color: #f9e240;
}

a:focus {
	outline: 2px solid #034acd;		  
}

.top{
	background-image: url(/images/menubg.png);
    background-repeat: no-repeat;
    background-position: center 0%;
    height: 187px;
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 0px;
    left: 0px;
}

.top_s{
	background-image: url(/images/menubg_in.png);
    background-repeat: no-repeat;
    background-position: center 0%;
	position: relative;
    height: 152px;
    z-index: 3;
    width: 100%;
    top: 0px;
    left: 0px;
}

.logo{
  position: absolute;
  top: 2%;
  left: 43%;
  width: 252px;
  margin: 0px;
}

.logo_s{
  position: absolute;
  top: 4%;
  left: 45.5%;
  width: 172px;
  margin: 0px;
}

.top_in{
  width: 91%;
  margin: 0 auto 0 auto;
}

.top_in_s{
  width: 85%;
  margin: 0 auto 0 auto;
}

.top_ileft{
  float: left;
  margin-top: 35px;
}

.top_iright{
  float: right;
  margin-top: 35px;
}

.mbox {
    float: left;
    padding: 13px 24px 13px 17px;
    background-image: url(/images/mline.png);
    background-repeat: no-repeat;
    background-position: right 0%;
    height: 23px;
}

/*.mbac{
	background-image: url(/images/muabg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}*/

.top_ileft .mbox:last-child,.top_iright .mbox:last-child{
   background-image: none;
}

.tts{
   position: absolute;
   top: 2px;
   right: 10px;
   color: #fff;
   text-align: right;
}

.ttlink{
  float: left;
  padding: 0 10px 0 10px;
  font-size: 0.8em;
  color: #fff;
  background-image: url(/images/line.png);
  background-repeat: no-repeat;
  background-position: right 6px;
  position: relative;
  line-height: 22px;
}

.ttlink a{
  text-decoration: none;
  color: #fff;
}

#lan{
	position: absolute;
	visibility: hidden;
	width: 70px;
	background-color: rgba(0,0,0,0.80);
	border: 1px solid rgba(255,255,255,0.7);
	bottom: -108px;
	padding: 10px 10px 10px 10px;
	z-index: 999;
}

.lanli{
margin: 0 0 8px 0;
text-align: left;
}

.lanli a{
color: #fff;
text-decoration: none;
}

.lanli a:hover {
    color: #fff20c;
}



.banner{
    margin: 0 0 0px 0;
    position: relative;
    height: 850px;
    overflow: hidden;
	margin-top: 90px;
}

.bancover{
	background-image: url(/images/bancover.png);
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
	background-position: center 0%;
	height: 270px;
	width: 100%;
	z-index: 2;
}

.bnews {
    position: absolute;
    border-radius: 10px;
    background-color: rgba(0,0,0,0.75);
    border: 1px solid rgba(255,255,255,0.6);
    padding: 25px 45px 45px 45px;
    width: 550px;
    right: 40px;
    bottom: 135px;
	z-index: 2;
	display:none;
}

.bn_h1{
  font-size: 1.2em;
  color: #fff;
  margin: 0 0 15px 0;
}

.bn_h2{
  font-size: 1em;
  color: #fff;
}

.sldot{
  margin: 10px 0 0 0;
  text-align: center;
}

.sldot span{
  margin: 0 5px 0 5px;

}

.conal {
	background-image: url(/images/bgpc.png);
	background-repeat: no-repeat;
	background-position: right 50%;
}


.content{
margin: 0 auto 80px auto;
width: 76%;
position: relative;
}

.content_in {
    margin: 0 auto 80px auto;
    width: 83%;
    position: relative;
    z-index: 3;
}

.con_left{
float: left;
width: 57%;
margin: 0 7% 0 0;
}

.con_right{
float: right;
width: 30%;

}

.newsall{
margin: 0 0 60px 0;
}

/*首頁頁籤CSS*/
ul, li {
		margin: 0;
		padding: 0;
		list-style: none;
}

.abgne_tab {
		clear: left;
		margin: 10px 0;
}

ul.tabs {
	width: 100%;
	height: 51px;
	margin-bottom: 20px;
	padding-bottom: 8px;
	border-bottom: 4px solid #E73100;
}

ul.tabs li {
	float: left;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
	background: #e1e1e1;
	margin: 0 5px 0 0;
	font-size: 1.3em;
	font-weight: bold;
	
}

ul.tabs li h2 {
	font-size: 1em;
	font-weight: bold;
	margin:0px;
	
}
	
ul.tabs li a {
		display: block;
		color: #7c7c7c;
		border-radius: 10px;
		text-decoration: none;
		padding: 12px 25px 12px 25px;
        width: 100px;
		text-align: center;
}
	
ul.tabs li a:hover {
		background: #e73100;
		color: #fff;
}
	
ul.tabs li.active  {
		background: #d22d00;
		color: #fff;	
}

ul.tabs li.active a  {
		color: #fff;	
}
	
ul.tabs li.active a:hover {
		background: #d22d00;
}
	
div.tab_container {
		clear: left;
		width: 100%;
}
	
div.tab_container .tab_content {
	
}
	
div.tab_container .tab_content h2 {
		margin: 0 0 20px;
}

.newli{
	border-bottom: 1px dotted #2A2A2A;
	padding: 15px 15px 15px 15px; 
}

.nl_left{
	font-size: 1.2em;
	float: left;
	width: 73%;
	margin: 0 2% 0 0;
}

.nl_left a{
	color: #000;
	text-decoration: none;
}

.nl_left a:hover{
	color: #686868;
}

.nl_right{
	font-size: 1em;
	float: left;
	width: 25%;
	text-align: right;
}

.more{
   margin: 20px 0 0 0;
   text-align: right;
}

.more span{
	font-family: "Arial"; 
	padding: 0 0 0 10px;
}

.more a{
	border-radius: 50px;
	width: 80px;
	background-color: #4d4d4d;	
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 5px 22px 5px 22px;
}

.more a:hover{
	background-color: #585858;	
}

.video{
  margin: 0 0 10px 0;
}

.vbox{
  height: 464px;
  border-radius: 20px;
  overflow: hidden;
}

.vbox iframe{
  height: 464px;
}

.vshadow{
 margin: 0 0 0 0;
 text-align: center;
}

.farea{
 margin: 0 0 60px 0;
}

.fbox{
 float: left;
 width: 23%;
 margin: 0 2% 0 0;
}

.fbox > a {
    display: block;
}

.farea .fbox:nth-child(4){
 margin: 0 0px 0 0;
}

.fpc{
   margin: 0 0 10px 0;
    border-radius: 50%;
    width: 189px;
    height: 189px;
    overflow: hidden;
    box-shadow: rgba(206, 206, 206, 0.4) 6px 7px;
	position: relative;
}

.fpc img{
  width: 100%;
  position: absolute;
  bottom: 0px;
}

.ftext{
  color: #cd001d;
  font-size: 1.3em;
  text-align: center;
  font-weight: bold;
}

.calender{
margin: 0 0 50px 0;
}

.cfqarea{
margin: 0 0 50px 0;
}

.cfqtitle{
	padding: 15px 15px 15px 30px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background-color: rgba(9, 93, 0, 0.9);
	position: relative;
	background-image: url(/images/en-us/tit02.png);
	background-repeat: no-repeat;
	height: 15px;
    background-position: 87px 13px;
}

.cfqtp{
  position: absolute;
  left: -13px;
  top: -53px;
  
}

.cfq_in{
	background-color: rgba(140,229,130,0.50);
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding: 30px 30px 30px 30px; 
}

.fqlist{
	font-size: 1.1em;
    padding: 0 0 15px 18px;
    border-bottom: 1px dotted #808080;
    background-image: url(/images/dot3.png);
    background-repeat: no-repeat;
    background-position: left 8px;
    margin-bottom: 15px;
}

.fqlist a{
	color: #000;
	text-decoration: none;
}

.fqlist a:hover{
	color: #575757;
}

.fbcon{
	border-radius: 10px;
	border: 4px solid #1F4FAA;
	height: 550px;
	overflow: hidden;
}

#datepicker{
  position: relative;
}

.dattle{
  position: absolute;
  top: 19px;
  right: 54px;
  font-size: 1.4em;
  z-index: 1;
  color: #fff;
  font-weight: normal;
  margin: 0px;
}

.dattext{
	font-size: 0.95em;
	text-align: right;
	color: #414141;
	margin: 7px 0 0 0;
	width: 96%;	
}

.footer{
	background-color: #EC7513;
	border-bottom: 6px solid #DB4901;
	padding: 20px 0 20px 0;
}

.footer_in{
  width: 76%;
  margin: 0 auto 0 auto;
}

.ft_logo{
	display: inline-block;
	background-image: url(/images/ftlogo.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 257px;
	height: 117px;
	margin-right: 15px;
}

.ft_text{
    display: inline-block;
    font-size: 0.9em;
    color: #000;
    line-height: 1.5em;
    width: 52%;
}

.ft_text a{
    color: #000;
	text-decoration: none;
}

.ft_text a:hover{
    color: #97ff93;
}


.AAlogo{
    display: inline-block;
    text-align: right;
    width: 28%;
}

.inta{
  margin: -40px 0 0 0;
  position: relative;
  z-index: 2;
}

.sitemap{
   font-size: 0.9em;
   margin: -5px 0 0 0;
   color: #676664;
   float: left;
}

.sitemap a{
   color: #676664;
   text-decoration: none;
}

.sitemap a:hover{
   color: #949494;
   text-decoration: none;
}

.sitemap span{
	font-family: "Arial"; 
	    margin: 0 4px 0 4px;
}

.tool{
    float: right;
	
}

.font{
   float: left;
   margin: 4px 11px 0 0;
}

.font span{
	padding: 0 9px 0 5px;
	background-image: url(/images/line2.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.font span:last-child{
	background-image: none;
}

.share{
  float: left;
  margin: 0 15px 0 0;
}

.share span{
	padding: 0 1px 0 1px;
}

.search{
	float: left;
	border-radius: 5px;
	border: 1px solid #A4917D;
	height: 30px;
	    width: 160px;
}

.seak {
	border: none;
	background-color: transparent;
	margin: 3px 3px 3px 7px;
	float: left;
	height: 22px;
	width: 72%;
	font-family: "Arial";
	font-size: 0.9em;
}

.seabtn{
    width: 30px;
	float: right;

}

.seabtn a {
    display: block;
    background-color: #a4917d;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-image: url(/images/search.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 32px;
    padding: 5px 0 4px 0;
	text-decoration: none;
}

.seabtn a:hover {
    background-color: #89643d;
}

.sbmanu{
  margin: 50px 0 0 0;
  text-align: center;
}

.sbmanu h2{
  text-align: center;
  font-size: 1.6em;
  color: #000;
  display: inline-block;
      margin: 0 1px 0 1px;
}

.sbmanu h2 a{
	display: block;
	padding: 8px 24px 8px 24px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.sbmanu h2 a:hover{
	color: #fff;
	border-radius: 10px;
	background-color: #1778E5;
	height: 34px;
}

.sbmanu h2.act{
	border-radius: 10px;
	background-color: #1778E5;
	height: 50px;
	-webkit-box-shadow: 2px 2px 2px 0px #BFBFBF;
	box-shadow: 2px 2px 2px 0px #BFBFBF;
}

a.aw {
    background-image: url(/images/sbmaw.png) !important;
    background-repeat: no-repeat;
    background-position: center 46px;
    color: #fff !important;
    height: 62px ;
}

a.aw:hover {
    background-image: url(/images/sbmaw.png) !important;
    background-repeat: no-repeat;
    background-position: center 46px;
    color: #fff !important;
    height: 62px!important;
    background-color: transparent !important;
}


.ssmu {
    padding: 18px 0 18px 0;
    margin: 18px 0 80px 0;
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    text-align: center;
}

.ssmu span{
	text-align: center;
    font-size: 1.35em;
    color: #595858;
    display: inline-block;
    margin: 0 4px 0 4px;
}

.ssmu span a{
	display: block;
	padding: 8px 20px 8px 20px;
	color: #595858;
	border-radius: 10px;
	text-decoration: none;
	border: 2px solid #999999;
}


.ssmu span a.smac,.ssmu span a:hover{
  color: #f16000;
  border: 2px solid #f16000;

}

.comain{
  width: 87%;
  margin: 40px auto 100px auto;
}

.comain_search{
  width: 87%;
  margin: 40px auto 0px auto;
}

.com_left{
float: left;
width: 30%;
margin: 0 5% 0 0;
}

.com_right{
float: right;
width: 64%;
}

.mapcarea{

}

.mabpc{
width: 100%;
margin: 0 0 15px 0;
}

.mabpc img{
width: 100%;
}

.mspc{
margin: 0 0 15px 0;
position: relative;
height: 100px;
}
.mspc_box_cycle
{
    float: left;
    width: 22.7%;
    margin: 0 3% 0 0;
}
.mspc_box{
/*float: left;
width: 22.7%;
margin: 0 3% 0 0;*/
height: 100px;
overflow: hidden;
}

.mspc .mspc_box:last-child{
margin-right: 0px;
}

.mspc_box img{
width: 100%;
}

.picaw_left{
position: absolute;
left: -45px;
top: 25%;
}

.picaw_right{
position: absolute;
right: -45px;
top: 25%;
}

.mintitle{
color: #b91801;
font-size: 1.6em;
font-weight: bold;
margin: 0px 0 15px 0;
}

.tmbtn {
    position: absolute;
    right: 0px;
    /*top: -6px;*/
	margin: -10px 0 0 5px;
}

.tmbtn_box{
	margin:0 4px 0 4px;
	float:left;
}

.mints{
  font-size: 1.1em;
  line-height: 1.8em;
  margin: 0 0 45px 0;
}

.mints p{
  text-align: justify;
}

.mints a{
text-decoration: underline;
}

.mintsglossary {
    position: absolute;
    visibility: hidden;
    width: auto;
    background-color: rgba(0,0,0,0.80);
    border: 1px solid rgba(255,255,255,0.7);
    padding: 10px 10px 10px 10px;
    margin-top: 25px;
    color: #fff;
}

.mt2{
  font-weight: bold;
  font-size: 1.2em;
  margin: 20px 0 -10px 0;
}

.list_box{
	width: 46%;
	margin: 0 5% 45px 0;
	float: left;
	-webkit-box-shadow: 0px 0px 2px #C8C8C8;
	box-shadow: 0px 0px 2px #C8C8C8;
	border-radius: 10px;
	padding: 5px 5px 35px 5px;
	background-color: #fff;
	height: 260px;
}

.comain .list_box:nth-child(even){
    margin: 0 0% 0 0;
}


.listitle{
   border-radius: 10px;
   background-color: #ff9d49;
   text-align: center;
   font-size: 1.4em;
   letter-spacing: 2px;
   font-weight: bold;
   color: #6a0000;
   padding: 15px 0 15px 0;
   margin: 0 0 20px 0;
}

.listtext{
  font-size: 1em;
  line-height: 1.8em;
  width: 85%;
  margin: 0 0 10px 0;
  margin: 0 auto 0 auto;
  text-align: justify;
}
.list_box .more, .calbox .more {
    margin: 20px 12px 0 0;
}
.bnbar{
  margin: 100px 0 0 0;
  height: 40px;
}

.bnbar .back{
  float: left;  
}

.pnbtn{
  float: right;
  width: 45%;
  text-align: right;
}

.bnbar .next{
	display: inline-block;
	
}

.bnbar .pre{
   margin: 0 10px 0 0;
   display: inline-block;
}

.bnbar .back a{
    border-radius: 50px;
    min-width: 80px;
    background-color: #6a6a6a;
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding: 8px 22px 8px 13px;
    display: inline-block;
}

.bnbar .next a{
    display: block;
    border-radius: 50px;
    min-width: 80px; 
    background-color: #6a6a6a;
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding: 8px 9px 8px 26px;
	font-family: "Arial";
}

.bnbar .pre a{
    display: block;
    border-radius: 50px;
    min-width: 80px;
    background-color: #6a6a6a;
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding: 8px 23px 8px 3px;
	font-family: "Arial";
}

.bnbar .back a:hover,.bnbar .next a:hover,.bnbar .pre a:hover {
    background-color: #585858;
}

.back span,.next span,.pre span {
    font-family: "MS UI Gothic";
    padding: 0 10px 0 10px;
}

.event{
  /*width: 90%;*/
  margin: 0 auto 0 auto;
}

.evn_title{
	padding: 12px 12px 12px 12px;
	border-radius: 10px;
	background-color: #915e2a;
	color: #fff;
	font-size: 1.2em;
}

.evnt1{
  width: 10%;
  margin: 0 2% 0 0;
  text-align: center;
  float: left;
}

.evnt2{
  width: 15%;
  margin: 0 2% 0 0;
  float: left;
}


.evnt3{
  width: 68%;
  float: left;
}

.evncall{
  margin: 10px 0 20px 0;
}

.evncbar{
   padding: 18px 12px 18px 12px;
   font-size: 1.2em;
   line-height: 1.5em;
}

.evncall .evncbar:nth-child(even){
	background-color: rgba(236,236,236,1.00);
	border-radius: 10px;
}

.evnpca{
margin: 10px 0 0 0;
}

.evnpca img{
  width: 120px;
}

.evnpca span{
  margin: 0 0 0 8px;
  font-size: 0.85em;
  color: #3e3e3e;
}


.list_pall{
  width: 90%;
  margin: 0 auto 0 auto;
}

.list_pcbox{
	width: 45%;
	margin: 0 5% 50px 0;
	border-radius: 5px;
	float: left;
	padding: 3px;
	border: 1px solid rgba(189,189,189,1.00);
}

.list_pall .list_pcbox:nth-child(even){
   margin: 0 0px 30px 0;
}

.listpc{
	width: 100%;
	height: 410px;
	overflow: hidden;
	border-radius: 5px;
	position: relative;
}

.listpc img{
width: 100%;
}

.listtitle{
	text-align: center;
	background-color: rgba(0,0,0,0.80);
	padding: 15px 0 15px 0;
	position: absolute;
	bottom: 0px;
	width: 100%;
	font-size: 1.4em;
	color: #fff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.listtitle a{
	text-decoration:none;
	color: #fff;
}


.calboxall{
	width: 100%;
	margin: 0 auto 0 auto;
}


.calbox{
	background-color: rgba(232,232,232,0.8);
	width: 44.5%;
    margin: 0 3% 45px 0;
	padding: 2% 2% 2% 2%;
	border-radius: 10px;
	float: left;
}

.calboxall .calbox:nth-child(even){
    margin: 0 0% 45px 0;
}
.calbox > a
{
    display: block;
    width: 38%;
    float: left;
}
.calpc{
	/*width: 38%;*/
	overflow: hidden;
	/*float: left;*/
	margin: 0 20px 0 0;
	height: 135px;
	border-radius: 10px;
}

.calpc img,.calpc2 img,.calpc3 img{
  width: 100%;
  border-radius: 10px;
}
.calpc2 {
    /*width: 27%;*/
    overflow: hidden;
    /*float: left;*/
    margin: 0 20px 0 0;
    height: 200px;
    border-radius: 10px;
}


.calpc3{
  overflow: hidden;
  height: 420px;
  border-radius: 10px;
}

.caltext{
  float: left;
  width: 58%;
}

.caltext2 {
    float: left;
    width: 68%;
	height: 200px;
    position: relative;
}

.caltext3 {
	margin: 20px 0 0 0;
	height: 145px;
    
}

.cath1{
color: #A81F00;
font-size: 1.3em;
font-weight: bold;
margin: 0 0 10px 0;
}

.cath1 a{
color: #f16000;
text-decoration:none;
}

.cath2{
font-size: 1.2em;
font-weight: bold;
margin: 0 0 8px 0;
}

.cath2 a{
color: #0B6E6E;
text-decoration:none;
}

.cath3{
font-size: 1.05em;
line-height: 1.45em;
text-align: left;
margin: 0 0 3px 0;
}


#DOMWindow {
    width: 50% !important;
}

.pop_con {
    width: 90%;
    margin: 30px auto 30px auto;
}

.pupbpc{
  margin: 0 0 15px 0;
}

.pupbpc img{
  width: 100%;
}

.pupintet{
  font-size: 1em;
  line-height: 1.5em;
}

.pupintet span{
  font-weight: bold;
  display: block;
  margin: 0 0 10px 0;
   font-size: 1.1em;
}

.lis_inpcbox{
	width: 22.5%;
    margin: 0 2% 30px 0;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    padding: 5px;
    float: left;
    border: 1px #e0e0e0 solid;
}

.calboxall .lis_inpcbox:nth-child(4n){
  margin: 0 0px 30px 0;
}

.pho{
  margin: 0 0 10px 0;
  height: 235px;
  overflow: hidden;
  border-radius: 10px;
}

.pho img{
  width: 100%;
   border-radius: 10px;
}

.phtex{
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  margin: 0 0 10px 0;
  height: 80px;
}

.phtex a{
  color:#000;
  text-decoration: none;
}

.phtex a:hover{
  color:#e50974;
  text-decoration: none;
}

.phtex2 {
    font-size: 1.18em;
    font-weight: bold;
    margin: 0 0 20px 0;
    height: 45px;
    padding: 0 10px 0 10px;
}

.qamain {
    width: 87%;
    margin: 45px auto 100px auto;
}

.qaall {
    width: 90%;
    margin: 0 auto 0 auto;
}

.oline {
    padding: 18px 0 0 0;
    margin: 18px 0 0 0;
    border-top: 1px solid #c5c5c5;
}

.qabarall{
    margin: 0 0 15px 0;
}

.qabar_q{
	background-color: rgba(236,236,236,1.00);
    border-radius: 10px;
    background-image: url(/images/Q.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    padding: 15px 0 15px 55px;
    color: #006ab5;
    font-size: 1.2em;
	font-weight: bold;
    margin: 0 0 15px 0;
}

.qabar_q a{
    color: #006ab5;
	text-decoration: none;
}

.qabar_a{
	font-size: 1.1em;
	background-image: url(/images/A.png);
	background-repeat: no-repeat;
	background-position: 15px top;
	padding: 3px 10px 3px 55px;
	line-height: 1.6em;
	margin: 0 0 30px 0;
}

.qabar_a a{
    color: #000;
	text-decoration: none;
}

.qabar_q2{
	background-color: rgba(236,236,236,1.00);
    border-radius: 10px;
    background-image: url(/images/Q.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    padding: 15px 0 15px 55px;
    color: #006ab5;
    font-size: 1.2em;
	font-weight: bold;
    margin: 0 0 15px 0;
}

.qabar_q2 a{
    color: #006ab5;
	text-decoration: none;
}

.qabar_a2{
	font-size: 1.1em;
	background-image: url(/images/A2.png);
	background-repeat: no-repeat;
	background-position: 15px top;
	padding: 3px 10px 3px 55px;
	line-height: 1.6em;
	margin: 0 0 30px 0;
}

.qabar_a2 a{
    color: #000;
	text-decoration: none;
}


.travall{
margin: 15px auto 15px auto;
width: 90%;

}

.travbox{
	float: left;
	text-align: center;
	color: #004b72;
	font-size: 1.1em;
	margin: 5px 4px 10px 4px;
	min-height: 33px;
	
}

.travbox a{
    background-color: #A8DEED;
	padding: 5px 12px 5px 12px;
	border-radius: 10px;
	display: block;
	text-decoration: none;
	color: #004b72;	
	margin: -5px 0 0 0;
}

.travbox a:hover{
    border-radius: 10px;
    background-color: #19a5cd;
	color: #fff;	
}

.trvarow{
	background-image: url(/images/trvarow.png);
	background-repeat: no-repeat;
	width: 17px;
	min-height: 33px;
	float: left;
	margin: 5px 4px 10px 4px;
}

.nw1 {
    width: 70%;
    margin: 0 2% 0 0;
    float: left;
	padding-left: 3%;
}

.nw1 a{
    color: #000;
	text-decoration: none;
}

.nw1 a:hover{
    color: #00709f;
}

.nw2 {
    width: 25%;
    float: left;
}

.com_wa {
width: 90%;
margin: 0 auto 0 auto;   
}


.lifbar{
    font-size: 1.2em;
    line-height: 1.5em;
}

.life .lifbar:nth-child(even) {
    background-color: rgba(236,236,236,1.00);
    border-radius: 10px;
}

.lifb_left{
	float: left;
	width: 38%;
	padding: 15px 2% 15px 10%;
	
}

.lifb_right{
	float: left;
	width: 47%;
	padding: 15px 0 15px 0;
	color: #005591;
	border-left: 1px solid #D41818;
}

.lifb01{
float: left;
width:44%;
padding: 0 2% 0 0;
text-align: right;
}

.lifb02{
float: left;
width:32%; 
padding: 0 2% 0 0;
text-align: right;
}

.lifb03{
float: left;
width:15%;
text-align: right;
}

.lifb_rlist{
	background-image: url(/images/dash.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 5px 3.5%;
}

.movtop{
	padding: 0 0 30px 0;
	border-bottom: 1px dashed #D1D1D1;
}

.movwat{
width: 70%;
margin: 30px auto 0 auto;

}

.movsee{
margin:0 0 15px 0;
}

.movsee img{
width: 100%;
}

.movtext{
	font-size: 1.3em;
	color: #1F1F1F;
	margin: 0 0 15px 0;
}

.movbotom{
  margin: 50px 0 30px 0;

}

.movsbox{
	float: left;
    width: 16.8%;
    margin: 0 1% 35px 1%;
    border: 1px solid #c1c1c1;
    border-radius: 10px;
    padding: 0.5%;
}

.movsbox_pc{
    margin: 0 0 7px 0;
    border-radius: 10px;
    height: 175px;
    overflow: hidden;
}

.movsbox_pc img{
  width: 100%;
    border-radius: 10px;
}

.movsbox_tx{
	font-size: 1em;
    color: #707070;
    text-align: center;
    margin-bottom: 7px;
}

.movsbox_tx a{
	color: #707070;
	text-decoration: none;
}

.movsbox_tx a:hover{
	color: #000;
}

.bnbar2 {
    margin: 0px 0 0 0;
    /* height: 0px; */
}

.pnbtn2 {
    float: right;
    width: 45%;
    text-align: right;
}

.bnbar2 .back2 {
    display: inline-block;
    margin: 0 2px 0 25px;
}

.bnbar2 .back2 a {
	display: block;
	border-radius: 50px;
	min-width: 95px;
	background-color: #585858;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 8px 17px 8px 8px;
}

.bnbar2 .pre2 {
    margin: 0 2px 0 0;
    display: inline-block;
}

.bnbar2 .pre2 a {
    display: block;
    border-radius: 50px;
    width: 80px;
    background-color: #585858;
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding: 8px 17px 8px 5px;
}

.bnbar2 .next2 {
    display: inline-block;
}

.bnbar2 .next2 a {
    display: block;
    border-radius: 50px;
    width: 80px;
    background-color: #585858;
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding: 8px 5px 8px 17px;
}

.back2 span, .next2 span, .pre2 span {
    font-family: "Arial";
    padding: 0 10px 0 10px;
}

.bnbar2 .back2 a:hover,.bnbar2 .pre2 a:hover,.bnbar2 .next2 a:hover {
    background-color: #838383;
}

.pg404{
padding-top: 30px;
text-align: center;
}

.linall{
    margin: 0 auto 25px auto;
    font-size: 0.9em;
    height: 20px;
    width: 95%;
}

.lin_left{
   float: left;
   width: 71px;
   border-radius: 50px; 
   background-color: #585858;
   text-align: center;

}

.lin_left a,.lin_right a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px 5px 15px;
	width: 75%;
}

.lin_left a:hover,.lin_right a:hover {
    background-color: #838383;
	 border-radius: 50px; 
}

.lin_left span,.lin_right span {
    font-family: "MS UI Gothic";
    padding: 0 0 0 10px;
}

.lin_right{
   float: right;
   width: 100px;
   border-radius: 50px; 
   background-color: #4d4d4d;
   text-align: center;

}

.searchall{
width: 60%;
margin: 0 auto 185px auto;
}

.searchabox{
	border-radius: 10px;
	border: 1px solid #AFAFAF;
	padding: 30px 20px 20px 20px;
	background-color: rgba(255,255,255,0.5);
	
}

.searchbar{
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dashed #D5D5D5;
}

.sb_left{
float: left;
width: 13%;
margin: 3px 2% 0 0;
color:#008F8D;
font-size: 1.4em;
text-align: right;
}

.sb_right{
float: left;
width: 83%;
}

.select01{
	width: 45%;
	height: 40px;
	padding: 5px;
	border-color: #ACACAC;
	font-size: 1em;
}

.select02{
	width: 20%;
	height: 40px;
	padding: 5px;
	border-color: #ACACAC;
	font-size: 1em;
}

.select03{
	width: 17%;
	height: 40px;
	padding: 5px;
	border-color: #ACACAC;
	font-size: 1em;
}

.textfield{
	width: 45%;
	height: 30px;
	padding: 5px;
	border: 1px solid #ACACAC;
	    font-size: 1em;
}

.gosearch{
margin: 20px 0 0 0;
text-align: center;
}

.caltext2 .linall{
    margin: 0 0 0px 0;
	width: 100%;
	position: absolute;
    bottom: 0px;
}

.bpctext{
margin: 25px 0 0 0;
}

.bpctext ul{
    margin-left: 30px;
}

.bpctext ul li{
	font-size: 1.05em;
	line-height: 1.45em;
	margin: 0 0 5px 0;
	list-style-position: outside;
	list-style-type: circle;
}

.stitle{
   font-size: 1.4em;
   color: #007485;
   margin: 0 0 10px 0;
}

.stitle a{
   color: #00b1c8;
   text-decoration:none;
 
}

.stitle2 {
    font-size: 1.4em;
    color: #00b1c8;
    margin: 0 auto 20px auto;
    width: 90%;
}

.evnsearch {
    margin: 0 auto 40px auto;
   
}

.selinwt{
margin: 0 25px 0 5px;
}

.seanewleft{
width: 100%;
float: left;
margin: 0 2% 0 0;
}

.evnsearch .searchabox .searchbar .sb_left{
    width: auto;
}

.evnsearch .searchabox .searchbar .sb_right {
    float: left;
    width: 90%;
}

.evnsearch .searchabox .searchbar .sb_right .select01,.evnsearch .searchabox .searchbar .sb_right .textfield {
    width: 40%;
}

.mapg_left{
float: left;
width: 63%;
margin: 0 6% 0 0;
    padding: 0 0 0 5%;
}

.mapg_left img{
width: 100%;
}

.mapg_right{
float: left;
width: 20%;
}

.mapbtn{
	margin: 0 0 10px 0;
	border-radius: 10px;
	min-width: 300px;
	background-color: rgba(16,116,137,1.00);
}

.mapbtn a{
	display: block;
	padding: 4px 15px 5px 15px;
}

.mapbtn a:hover{
	display: block;
	background-color: rgba(112,185,200,1.00);
	border-radius: 10px;
}

.mapcir{
	border-radius: 50%;
    background-color: rgba(40,164,192,1.00);
    margin: 2px 10px 0 0;
    display: block;
    width: 35px;
    height: 30px;
    text-align: center;
    float: left;
    color: #fff;
    font-weight: bold;
    padding: 5px 0 0 0;
}

.maptext{
    font-size: 1.3em;
    color: #ffffff;
    text-decoration: none;
    margin-top: 5px;
    float: left;
    width: 200px;
}

.vrguidebg{
background-color: #e8d9d0;
}

.vrguide{
	width: 632px;
	height: 720px;
	margin: 0 auto 0 auto;
	background-image: url(/images/ko/mapbg.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-size: 100%;
}

.maptag01{
  position: absolute;
  width: 35px;
  height: 35px;
  left: 23%;
  bottom: 22%;
}


.maptag02{
  position: absolute;
  width: 35px;
  height: 35px;
  left: 51.5%;
  bottom: 15%;
}
.maptag03{
  position: absolute;
  width: 35px;
  height: 35px;
  right: 15%;
  bottom: 22%;
}
.maptag04{
  position: absolute;
  width: 35px;
  height: 35px;
  left: 51.5%;
  bottom: 30%;
}

.maptag05{
  position: absolute;
  width: 35px;
  height: 35px;
  left: 36%;
  top: 47%;
}

.maptag06{
  position: absolute;
  width: 35px;
  height: 35px;
  left: 51.5%;
  top: 48%;
}

.maptag07{
  position: absolute;
  width: 35px;
  height: 35px;
  right: 26%;
  top: 47%;
}

.maptag08{
  position: absolute;
  width: 35px;
  height: 35px;
  right: 38%;
  top: 35%;
}

.maptag09{
  position: absolute;
  width: 35px;
  height: 35px;
  left: 45%;
  top: 23%;
}

.maptag10{
  position: absolute;
  width: 35px;
  height: 35px;
  right: 36%;
  top: 17%;
}

.maptag01 img,.maptag02 img,.maptag03 img,.maptag04 img,.maptag05 img,.maptag06 img,.maptag07 img,.maptag08 img,.maptag09 img.maptag10 img{
    width: 100%;
}

.maptag01 a,.maptag02 a,.maptag03 a,.maptag04 a,.maptag05 a,.maptag06 a,.maptag07 a,.maptag08 a,.maptag09 a,.maptag10 a{
  display: block;
  -webkit-animation: as 1s infinite alternate;
  animation: as 1s infinite alternate;
}


@-webkit-keyframes as {
    0%{ transform: scale(0.8);}
	100%{ transform: scale(1);}
}

@keyframes as {
    0%{ transform: scale(0.8);}
	100%{ transform: scale(1);}
}

.maptag01 a:hover,.maptag02 a:hover,.maptag03 a:hover,.maptag04 a:hover,.maptag05 a:hover,.maptag06 a:hover,.maptag07 a:hover,
.maptag08 a:hover,.maptag09 a:hover,.maptag10 a:hover{
	transform: scale(1);
	animation-play-state: paused;
	background-image: url(/images/maptag_h.png);
	background-repeat: no-repeat;
}

.maptag01 a:hover img,.maptag02 a:hover img,.maptag03 a:hover img,.maptag04 a:hover img,.maptag05 a:hover img,.maptag06 a:hover img,
.maptag07 a:hover img,.maptag08 a:hover img,.maptag09 a:hover img,.maptag10 a:hover img{
	visibility: hidden;
}

.liblock{
margin: 0 0 35px 0;
}

.liblock ul{
padding: 0px;
}

.liblock ul li{
width: 18%;
margin: 0 1% 12px 1%;
float: left;
font-size: 1.2em;
}

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

.liblock ul li a:hover{
color: #1a62ac;
}

.listdot{
margin: 0 5px 0 0;
}


.ablink{
	padding: 20px 0 35px 0;
	border-top: 1px dotted rgba(219,219,219,1.00);
}

.lititle{
	color: rgba(17,103,166,1.00);
	font-size: 1.4em;
	margin: 0 0 15px 0;
}

.linkall{

}

.linkbar{
	margin: 0 0 10px 0;
	color: #000;
	font-size: 1.1em;
	padding: 0 0 0 15px;
	background-image: url(/images/dot4.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.linkbar a{
	color: #000;
	text-decoration: none;
}

.linkbar a:hover{
	color: #067D96;
	text-decoration: none;
}

.rwd_footer,.RWD_menu,.RWD_submanu,.RWD_ssmu{
display: none;
}

nav {
    display: none;
    width: 100%; 
    position: absolute;
    z-index: 49;
    top: 0;
    padding-top: 90px;
    background-color: #ff7501;
}
.nav ul{
    margin: 0;
    padding: 0;
}
.nav li{
    position: relative;
    float: left;
    color: #FFF;
    list-style: none;
    background-color: #ff7501;
}
.nav li a {
    display: block;        
    padding: 15px 30px;
    color: #FFF;
    text-decoration: none;
}
 
.nav li:hover {
	background-image: url(/images/rwd_arrow.png);
	background-position: 96% center;
	background-repeat: no-repeat;
}

.sitmapall {
    margin: 0 auto 40px auto;
    width: 90%;
}

.sitmbox{
	border-radius: 10px;
	margin: 0 0 30px 0;
	border: 1px solid #DCDCDC;
}

.stbtitle{
	padding: 10px 0 10px 20px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	/*border-bottom: 3px solid #b91801;*/
	margin: 0 0 15px 0;
	font-size: 1.4em;
	color: #b91801;
	background-color: #DCDCDC;
	font-weight: bold;
}

.stbtitle a{
    text-decoration: none;
	color: #b91801;
}

.sitmliall{
margin: 0 0 15px 0;
padding: 0 2% 0 2%;
}

.sitmli{
float: left;
margin: 0 2% 0 2%;
min-height: 110px;
}

.sitmli_h1{
font-size: 1.2em;
margin: 0 0 8px 0;
    color: #008F8D;
}


.sitmli_h1 a{
    text-decoration: none;
	color: #008F8D;
}

.sitmli_h2{
font-size: 1.05em;
margin: 0 0 8px 0;
padding: 0 0 0 20px;
}

.sitmli_h2 a{
    text-decoration: none;
	color: #000;
}

a#content {
   position: absolute;
   left: 5px;
}


.zoominner span{
	color:#fff;
	
}

.movtop .ablink {
    padding: 30px 15px 35px 15px;
    border-top: none;
    background-color: #efefef;
    margin-top: 40px;
}

.cEventDay,.cEventDay .ui-state-active {
	background-image: url(/images/tag.png) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	color: #000 !important;
}

.calpc_B {
    /*width: 38%;*/
    overflow: hidden;
    /*float: left;*/
    margin: 0 20px 0 0;
    height: 275px;
    border-radius: 10px;
}

.calpc_B img {
    max-width: 100%;
    border-radius: 10px;
    height: 100%;
    text-align: center;
	object-fit: cover;
}


.pho_B {
    margin: 0 0 10px 0;
    height: 420px;
    overflow: hidden;
    border-radius: 10px;
}


.pho_B img {
    width: 100%;
    border-radius: 10px;
}

.pho_C {
    text-align: center;
    height: 230px;
    overflow: hidden;
    margin-bottom: 10px;
}

/*影片介紹CSS*/

.movinfpc{
float: left;
width: 25%;
margin: 0 3% 25px 0 ;
}

.movinfpc img{
width: 100%;
}

.movinfpc_w{
font-size: 1em;
margin: 8px 0 0 0;
text-align: right;
color: #5B5B5B;
}

.movinftext{
font-size: 1.1em;
line-height: 1.8em;
}



@media screen and (max-width: 1440px){

.content {
    width: 85%;
}

.con_left {
    width: 62%;
    margin: 0 4% 0 0;
}

.vbox img{
   width: 100%;
}

.vbox {
    height: 428px;
}

.fpc img{
   width: 100%;
}

.fbox {
    width: 24%;
    margin: 0 1% 0 0;
}

.fpc {
    width: 170px;
    height: 170px;
 
}

.footer_in {
    width: 90%;
}

.ft_logo {
    width: 225px;

}

.ft_text {
    width: 55%;
}

.AAlogo {
    width: 25%;
}

.top {
    background-size: 115%;
}

.logo {
    width: 205px;
}

.logo img{
   width: 100%;
}

.tts {
    top: -1px;
}

.ssmu span{
    font-size: 1.25em;
    margin: 0 2px 0 2px;
}

.mbox {
    width: auto;
    padding: 13px 15px 13px 10px;
	zoom: 95%;
}

.mbox img{
   width: 90%;
   -moz-transform: scale(0.75);
}

.top_in {
    width: 95%;
}

.top_ileft {
    margin-top: 25px;
}

.top_iright {
    margin-top: 25px;
}

.banner {
    height: 675px;
    margin-top: 73px;
}

.bancover {
    background-size: 100%;
	height: 230px;
}

.bnews {
    width: 490px;
}

.bn_h1 {
    font-size: 1.1em;
}

.bn_h2 {
    font-size: 0.95em;
}

.banner > img{
  width: 100%;
}

.dattle {
    right: 43px;
    font-size: 1.3em;
}

.vbox iframe {
    height: 427px;
}

.top_in_s {
    width: 91%;
    margin: 0 auto 0 auto;
}

.top_in_s .top_ileft,.top_in_s .top_iright {
    margin-top: 35px;
}

.logo_s {
    left: 44%;

}

.content_in {
    width: 89%;

}

.comain {
    width: 90%;
}

.listpc {
    height: 348px;
 
}

.qamain{
    width: 90%;
}

.lis_inpcbox {
    width: 22.3%;
}

.pho {
    height: 195px;
}

.phtex {
    font-size: 1em;
}

.movwat {
    width: 80%;
}

.movsbox_pc {
    height: 145px;
}

.mapg_left {
    width: 68%;
    margin: 0 6% 0 0;
    padding: 0 0 0 2%;
}

.sitmapall {
    width: 100%;
}

.sitmli {
    margin: 0 1% 0 1%;
}

.calpc3 {
    height: 355px;
}

.caltext3 {
    height: 170px;
}

.movsbox_tx {
    height: 37px;
}

.pho_B {
    height: 360px;

}

.calpc_B {
    height: 210px; 
}


}


@media screen and (max-width: 1366px){

.tts {
    top: -1px;
}

.vbox {
    height: 406px;
}

.ft_text {
    width: 56%;
}

.AAlogo {
    width: 23%;
}

.fbcon {
    height: 480px;
 
}

.mbox {
    /*width: 77px;*/
    padding: 13px 14px 13px 9px;
}

.dattle {
    font-size: 1.2em;
}

.vbox iframe {
    height: 405px;
}

.listitle {
    font-size: 1.4em;
}

.event {
    width: 100%;
}

.evnt2 {
    width: 18%;
}

.evnt3 {
    width: 67%;
}

.listpc {
    height: 330px;
}

.mapg_left {
    width: 66%;
    padding: 0 0 0 2%;
}

.mapg_right {
    width: 22%;
}
.top_ileft {
    margin-top: 20px;
	width:47%;
}

.top_iright {
    margin-top: 20px;
	width:39%;
}

.ssmu span a {
    padding: 8px 15px 8px 15px;
}

.fpc {
    width: 163px;
    height: 163px;
}

.calpc3 {
    height: 335px;
}

.pho_B {
    height: 340px;
}


}



@media screen and (max-width: 1280px){

.banner {
    height: 615px;
	margin-top: 66px;
}

.bancover {
    height: 200px;
}

.content {
    width: 90%;
}

.con_left {
    width: 63%;
    margin: 0 3% 0 0;
}

.vbox {
    height: 406px;
}

.top_ileft {
    margin-top: 20px;
	width:47%;
}

.top_iright {
    margin-top: 20px;
	width:39%;
}

.mbox {
    /*width: 75px;*/
        padding: 13px 10px 13px 10px;
	zoom: 91%;
}

.tts {
    top: -2px;
}

.tts a {
    font-size: 0.7em;
}

.ft_text {
    width: 61%;
}

.AAlogo {
    width: 17%;
}

.banner {
    height: 630px;
}

.content_in {
    width: 95%;
}

.calpc {
    margin: 0 15px 0 0;
	height: 135px;

}

.com_wa {
    width: 92%;
}

.calpc_B {
    width: 100%;
    max-height: 250px;
}


}


@media screen and (min-width: 768px) and (max-width: 1024px){

.top {
    background-size: 150%;
}

.top_in {
    width: 99%;
}

.logo {
    width: 150px;
}

.ttlink {
    padding: 0 5px 0 6px;
    font-size: 0.75em;
    background-position: right 5px;
    line-height: 21px;
}

.mbox {
    width: 62px;
    padding: 8px 10px 13px 4px;
    background-size: 5%;
}

.banner {
    height: 523px;
    margin-top: 50px;
}


.bnews {
    width: 460px;
    bottom: 130px;
    padding: 20px 30px 20px 30px;
}

.top_ileft,.top_iright {
    margin-top: 30px;
}

.content {
    width: 95%;
}

.dattle {
    font-size: 1em;
    top: 21px;
    right: 37px;
}

.vshadow img {
    width: 100%;
}

.fpc {
    width: 140px;
    height: 140px;
}

.fbcon {
    height: 390px;
}

.list_box {
    height: 295px;
}

.calpc {
    margin: 0 10px 0 0;
}

.top_s {
    background-size: 160%;
}

.logo_s {
    left: 43%;
    width: 138px;
}

.logo_s img{
    width: 100%;
}

.mapbtn {
    min-width: 225px;

}

.lis_inpcbox {
    width: 22.3%;
    margin: 0 1.5% 30px 0;
}

.calpc2 {
    margin: 0 10px 0 0;

}

.calpc3 {
    height: 265px;
}

.caltext3 {
    height: 200px;
}

.movwat {
    width: 90%;
}

.movsee video{
    width:100% !important;
}

.movsbox {
    margin: 0 0.9% 25px 0.9%;
}

.movsbox_pc {
    height: 115px;
}

.movsbox_tx {
    height: 37px;
}

.pho {
    height: 150px;
}

.ssmu span {
    margin: 0 2px 8px 2px;
	    font-size: 1.1em;
}
	
.ssmu {
    margin: 18px 0 45px 0;
}

.cath1 {
    font-size: 1.2em;
}	

.cath3 {
    font-size: 1em;
    line-height: 1.4em;
}

.listitle {
    font-size: 1.3em;
}
	
}


@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){

.banner {
    height: 370px;
    margin-top: 50px;
}

.bancover {
    height: 120px;
}

.bnews {
    width: 360px;
    bottom: 60px;
    padding: 10px 15px 10px 15px;
}

.top_ileft, .top_iright {
    margin-top: 24px;
}

.mbox {
    width: 50px;
    padding: 0px 8px 13px 3px;
    background-size: 5%;
}

.top_in_s .top_ileft, .top_in_s .top_iright {
    margin-top: 26px;
}

.logo {
    width: 119px;
    top: 11%;
    left: 42%;
}

.ttlink {
    font-size: 0.65em;
    line-height: 21px;
}
	
.con_left {
    width: 58%;
    margin: 0 2% 0 0;
}

.con_right {
    float: right;
    width: 36%;
}

.fpc {
    width: 95px;
    height: 95px;
}

.vbox {
    height: 370px;
}

.fbcon {
    height: 300px;
}

.logo_s {
    left: 44%;
    width: 99px;
    top: 12%;
}

.top_s {
    background-size: 160%;
    height: 130px;
}

.top_in_s {
    width: 99%;
}

.sitemap {
    margin: -5px 0 20px 0;
	    float: none;
}

.list_box {
    height: 365px;
    margin: 0 4% 45px 0;
}

.sbmanu span {
    font-size: 1.45em;
}

.sbmanu span a {
    padding: 8px 15px 8px 15px;
}

.comain {
    width: 95%;
}

.mapg_left {
    width: 100%;
    padding: 0 0 30px 0%;
	    float: none;
}

.mapg_right {
    width: 100%;
    float: none;
}

.lis_inpcbox {
    width: 22%;
}

.pho {
    height: 120px;
}

.listpc {
    height: 269px;
}

.movsbox_pc {
    height: 90px;
}

.pnbtn2 {
     width: 100%;
    text-align: right;
    float: none;
}

.pnbtn {
    width: 55%;
}

.calpc3 {
    height: 210px;
}

.caltext3 {
    height: 220px;
}

}




@media (max-width: 767px) {

.tts,.top_in,.bancover,.footer,.top_in_s,.sitemap,.sbmanu,.ssmu,#ctl00_WUC_Breadcrumb_oHL_Friendly_Print {
    display: none;
}

.rwd_footer{
   display: inherit;
    background-color: #EC7513;
    border-bottom: 6px solid #DB4901;
    padding: 20px 0 20px 0;
}

.RWD_menu {
    display: inherit;
    position: absolute;
    top: 3%;
    right: 3%;
}

.nav {
    display: none;
    position: absolute;
    z-index: 49;
    top: 0;
    padding-top: 90px;
    background-color: rgba(255, 117, 0.8);
 
    }

.nav ul{
    width:100%;
	margin-left:auto;
	margin-right:auto;
}

.nav li{
	width: 100%;
    font-size: 1.3em;
    line-height: 1.5px;
    color: #ffffff;
    background-color: rgba(255, 117, 0.8);
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFF;
}

.nav li a{
    padding-top: 26px;
	padding-bottom: 26px;
	display: block;
	color: #fff;
	text-decoration: none;
	padding-left: 0px;
    padding-right: 0px;
}

.nav ul li .langu {
    width: 33%;
    float: left;
    border-right: 1px solid #fff;
}

.nav ul li .langu:last-child {
    border-right: none;
}


.top {
   background-size: 250%;
   background-image: url(/images/menubg_RWD.png);
   z-index: 50;
   height: 97px;
}

.top_s {
   background-size: 250%;
   background-image: url(/images/menubg_RWD.png);
   z-index: 50;
   height: 105px;
}

.logo {
    width: 100px;
    top: 3%;
    left: 38%;
}

.logo_s {
    width: 100px;
    top: 3%;
    left: 38%;
}

.logo_s img {
    width: 100%;
}


.banner {
    height: 331px;
    margin-top: 47px;
}

.banner > img {
    width: 100%;
    margin-top: 46px;
}

.bnews {
    width: 94%;
    height: 98px;
    padding: 3% 3% 9% 3%;
    right: 0px;
    bottom: 0px;
    border-radius: 0px;
    border: none;
}

.conal {
    margin: 0px 0 0 0;
}

.con_left {
    width: 100%;
    margin: 40px 0% 0 0;
    float: none;
}

.vshadow img {
    width: 100%;
}


.con_right {
    float: none;
    width: 100%;
}

ul.tabs li {
    font-size: 1.1em;
}

ul.tabs li a {
    padding: 12px 16px 12px 17px;
}

.fbox {
    width: 49%;
    margin: 0 1% 20px 0;
}

.fpc {
    width: 174px;
    height: 174px;
}

.farea .fbox:nth-child(2n) {
    margin: 0 0px 20px 0;
}

.ft_logo {
    width: 155px;
	    height: 83px;
}

.ft_text {
    width: 100%;
	margin-bottom: 10px;
}

.conal {
    background-image: none;
}

.inta {
    margin: -30px auto 0 auto;
    width: 90%;
}

#print{
display: none;
}

.font {
    width: 100%;
	margin: 4px 11px 15px 0;
}

.share {
    margin: 0 15px 15px 0;
}

.search {
    height: 35px;
    width: 55%;
}

.seabtn {
    width: 38px;
    float: right;
}

.seabtn a {
    padding: 8px 3px 6px 3px;
}

.RWD_submanu,.RWD_ssmu{
   display: inherit;
    margin: 0px auto 33px auto;
    padding: 27px 0 0 0;
    border-top: 1px solid #c1c1c1;
    width: 90%;
}

.RWD_subsel {
    border: none;
    padding: 8px 5px 8px 5px;
    font-size: 1.6em;
    color: #fff;
    font-weight: bold;
    font-family: "Arial";
    width: 100%;
    border-radius: 10px;
    background-color: #0082c0;
}

.RWD_subsel option{
   font-size: 0.8em;
   padding: 8px 0 8px 0;
}

.RWD_smsel{
	padding: 8px 5px 8px 5px;
    font-size: 1.25em;
    color: #e47900;
    font-family: "Arial";
    width: 60%;
    border-radius: 10px;
    background-color: #ffffff;
    border: 2px solid #ea851c;
}

.list_box {
    width: 96%;
    margin: 0 0% 45px 0;
    float: none;
    height: auto;
    padding: 2% 2% 7% 2%;
}

.comain .list_box:nth-child(even) {
    margin: 0 0% 45px 0;
}

.com_left {
    float: none;
    width: 100%;
    margin: 0 0% 35px 0;
}

.com_right {
    float: none;
    width: 100%;
}

.picaw_left img,.picaw_right img {
    width: 24px;
}

.picaw_left {
    left: 0px;
    top: 34%;
}

.picaw_right {
    right: 0px;
    top: 34%;
}

.bnbar {
    margin: 70px 0 0 0;
    height: 40px;
}

.bnbar .back a {
    width: 80px;
    padding: 8px 16px 8px 6px;
}

.pnbtn {
    width: 66%;
    margin-top: -8px;
}

.bnbar .pre {
    margin: 0 2px 0 0;
}

.bnbar .pre a {
    width: 76px;
    padding: 8px 28px 8px 1px;
}

.bnbar .next a {
    width: 76px;
    padding: 8px 9px 8px 20px;
}

.evnt1 {
    width: 14%;
    margin: 0 2% 0 0;
}

.evnt2 {
    width: 24%;
}

.evnt3 {
    width: 58%;
}

.mapg_left {
    width: 100%;
    padding: 0 0 30px 0%;
	float: none;
}

.mapg_right {
    width: 100%;
	float: none;
}

.list_pcbox {
    width: 98%;
    margin: 0 0% 50px 0;
    padding: 1%;
}

.list_pall {
    width: 100%;
}

.listpc {
    height: 259px;
}

.calbox {
    width: 96%;
    margin: 0 0% 25px 0;
    padding: 2% 2% 2% 2%;
    float: none; 
}
.calbox a {
    display: block;
    width: 48%;
    float: left;
}
.calboxall .calbox:nth-child(even) {
    margin: 0 0% 25px 0;
}

.calpc {
    width: 90%;
    float: left;
    margin: 0 auto;
    height: 100%;
    max-height: 135px;
}

.caltext {
    float: none;
    width: 95%;
    margin: 0 auto 10px auto;
}

.lis_inpcbox {
    width: 96%;
    float: none;
    margin: 0 0% 30px 0;
    padding: 2% 2% 2% 2%;
}

.pho {
    height: 250px;
}

.liblock ul li {
    width: 48%;
    margin: 0 1% 12px 1%;
}

.oline {
    margin: 18px auto 0 auto;
    width: 90%;
}

.qaall {
    width: 100%;
}

.vrguide {
    width: 100%;
    height: 410px;
}

.evnsearch {
    width: 100%;
}

.evnsearch .searchabox .searchbar .sb_left {
    width: auto;
    float: none;
    text-align: left;
    margin: 0 0 10px 0;
}

.evnsearch .searchabox .searchbar .sb_right {
    float: none;
    width: 100%;
}

.select03 {
    width: 32%;
    height: 40px;
    margin: 0 0 10px 0;
}

.selinwt {
    margin: 0 5px 0 5px;
}

.seanewleft {
    width: 100%;
    float: none;
    margin: 0 2% 20px 0;
}

.evnsearch .searchabox .searchbar .sb_right .select01, .evnsearch .searchabox .searchbar .sb_right .textfield {
    width: 96%;
    padding: 2% 2% 2% 2%;
}

.nw1 {
    width: 62%;
    margin: 0 4% 0 0;
    padding-left: 1%;
}

.com_wa {
    width: 100%;
    margin: 0 auto 0 auto;
}

.lifb_left {
    float: left;
    width: 45%;
    padding: 15px 2% 15px 0%;

}

.lifb01 {
    float: none;
    width: 100%;
    padding: 0 0% 0 0;
}

.lifb02 {
    float: none;
    width: 100%;
    padding: 0 0% 0 0;
}

.lifb03 {
    float: none;
    width: 100%;
}

.lifb_rlist {
    padding: 0 0 8px 11%;
	background-position: left 14px;
}

.lifbar {
    display: flex;
}

.pnbtn2 {
    float: none;
    width: 90%;
    text-align: left;
    margin: 0 auto 0 auto;
}

.bnbar2 .back2 {
    display: inline-block;
    margin: 0 2px 0 17px;
}

.movwat {
    width: 100%;
}

.movsbox {  
    width: 46%;
}

.movsbox_pc {
    height: 122px;
}

.searchall {
    width: 100%;
}

.sb_left {
    float: none;
    width: 100%;
    margin: 3px 2% 10px 0;
    text-align: left;
}

.sb_right {
    float: none;
    width: 100%;
}

.select01 {
    width: 63%;
}

.select02 {
    width: 35%;
}

.textfield {
    width: 96%;
    padding: 2% 2% 2% 2%;
}

.calpc2 {
    width: 100%;
    overflow: hidden;
    float: none;
    margin: 0 20px 15px 0;
    height: 416px;
}

.caltext2 {
    float: none;
    width: 100%;
    height: 200px;
}

.caltext2 .linall {
    bottom: 15px;
}

.sitmli {
    margin: 0 1% 25px 1%;
    float: none;
	    min-height: auto;
}

.calpc3 {
    height: 235px;
}

.caltext3 {
    height: auto;
    padding-bottom: 10px;
    width: 95%;
    margin: 20px auto 0 auto;
}

.evn_title {
    font-size: 1.1em;
}

.evncbar {
    font-size: 1.1em;
    line-height: 1.55em;
}

.movsee video{
    width:100% !important;
}

.movsbox_tx {
    height: 40px;
}

.pho_B {
    height: 420px;
}
.movinfpc {
    float: none;
    width: 100%;
}

}


@media (max-width: 767px) and (orientation:landscape) {
	
.top_s {
    background-size: 148%;
}

.logo_s {
    width: 118px;
    top: 3%;
    left: 42%;
}

.tool {
    float: none;
}
	
.vrguide {
    width: 100%;
    height: 715px;
}	
	
.pho_B {
    height: 700px;
}	
	
}


@media (max-width: 640px) {
	
	.bnbar{
		margin: 70px 0 0 0;
	}

	.bnbar .back{
		float: inherit; 
		margin-bottom: 15px;
	}

	.pnbtn{
		float: inherit;
		width: 100%;
		text-align: center;
		margin-top: 0;
	}

	.bnbar .next{
		display: inline-block;
		width: 48%;
	}

	.bnbar .pre{
		margin: 0 4% 0 0;
		width: 48%;
		display: inline-block;
	}

	.bnbar .back a {
		width: 100%;
		padding: 8px 0;
	}

	.bnbar .next a{
		width: 100%;
		text-align: center;
		color: #fff;
		padding: 8px 0;
	}

	.bnbar .pre a{
		width: 100%;
		text-align: center;
		color: #fff;
		padding: 8px 0;
	}
}


@media (max-width: 375px) {
	
.banner {
    height: 309px;
    margin-top: 43px;
}	
	
ul.tabs li a {
    padding: 12px 11px 12px 12px;
}

.share {
    margin: 0 8px 15px 0;
}

.share span {
    padding: 0 0px 0 0px;
}

.search {
    height: 35px;
    width: 53%;
}

.seak {
    width: 60%;

}

.seabtn {
    width: 32px;
    float: right;
}

.seabtn a {
    padding: 8px 0px 6px 0px;
}

.fpc {
    width: 158px;
    height: 158px;
}

.vrguide {
    width: 100%;
    height: 370px;
}

.pnbtn {
	font-size: 0.95em;
}

.back span, .next span, .pre span {
    padding: 0 8px 0 6px;
}

	
}

@media (max-width: 360px) {

.banner {
    height: 299px;
    margin-top: 41px;
}

ul.tabs li a {
    padding: 10px 9px 10px 10px;
}

ul.tabs {
    margin-bottom: 5px;
}

.fpc {
    width: 150px;
    height: 150px;
}
	
	
}


@media (max-width: 360px) and (orientation:landscape) {
		
.vrguide {
    width: 100%;
    height: 633px;
}
	
	
	
}

@media (max-width: 320px) {

ul.tabs li a {
    padding: 10px 5px 10px 2px;
}

.bnbar .back a {
    font-size: 0.85em;
}

.pnbtn {
    font-size: 0.85em;
	margin-top: -5px;
}	
	
}