@charset "utf-8";
/* CSS Document */
/* Roboto Font */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');


/*******************
   Reset
*******************/
/*
*
{
    box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    }
    */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea
{margin:0; padding:0; font-family: 'Roboto', sans-serif;}
h1, h2, h3, h4, h5, h6{font-size:100%;line-height:100%;}
img, fieldset, textarea, button, input{border:none;}
img {vertical-align:middle}
table{border-collapse:collapse; }
ul, ol, li{list-style:none;}
address, em{font-style:normal;}
li img, object{vertical-align:top;}
input, select, textarea, form img{vertical-align:middle;}
caption{font-size:0; display:none;}
article, aside, hgroup, header,  footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary {display: block;}
button{cursor:pointer;}
/* font */
body{color:#353535; /*font-size:0.75em;*/ font-size:14px;}
input, select, textarea{color:#777; font-size:100%;  }
a,a:link a:active, a:focus, a:visited {color:#555; text-decoration:none; cursor:pointer; margin:0; padding:0;}
a:hover{color:#555; text-decoration:none;}
legend, hr, .skip, .script_skip{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
cursor{cursor:pointer;}

/* form */
input[type=text]{height:35px; line-height:35px; padding-left:4px; border:1px solid #d1d1d0; }
input[type=password]{height:35px; line-height:35px; padding-left:4px; border:1px solid #d1d1d0;}
input[type=checkbox] {vertical-align:middle; padding:0; margin:0; border:hidden; height:13px;}

/*input[type='image'] {}*/
select{/*padding:5px;*/ line-height:33px;  border:1px solid #c3c3c3; font-size:14px; color:#727272;}

input[readonly]{background:#fff;  border:1px solid #d1d1d0; height:35px; line-height:35px; padding-left:2px; font-weight:bold;}
input[type="search"] {-webkit-appearance: textfield; box-sizing:content-box; font-size:16px;} /*web chorome,safari remove border*/
input[type="checkbox"]{width:16px; height:16px;}
input[type="radio"]{width:18px; height:18px; vertical-align:middle;}
input[placeholder], [placeholder], *[placeholder]{color:#8b8b8b; line-height:32px; font-size:18px; }

::-webkit-input-placeholder { } /* WebKit browsers */
:-moz-placeholder { } /* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color:#8b8b8b;  opacity:1;} /* Mozilla Firefox 19+ */
:-ms-input-placeholder {}/* Internet Explorer 10+ */ 

input:-moz-placeholder, :-moz-placeholder, 
input:-moz-placeholder, textarea:-moz-placeholder
{ }

input::-webkit-input-placeholder, ::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{}
textarea{overflow:hidden; padding:10px; border:1px solid #d1d1d0; width:100%;}
/*******************
   Main Layout
*******************/
html,body{height:100%; }
/*header*/
#header {position: relative; z-index: 1; width:100%; height:131px; border-bottom:1px solid #c3c3c3; background:url("../../images/english/headTopBg.gif") left top repeat-x #ffffff; }
#header .head{position: relative; width:1000px; height:131px; margin:0 auto; }
/*container*/
* html #container {height: 100%;}
#container{ width:100%; min-height:100%; margin:auto; }
#container .contents{ position:relative; width:100%; height:100%; margin:0 auto;}
#container .contents:after{display:block; clear:both; content:"";}
/*footer*/
#footer{ position:relative; width:100%; height:150px; margin:0 auto;  color:#b0aeb3; border-top:1px solid #cecece; padding:40px 0; }
#footer .foot{width:1280px; margin:0 auto; display:flex; gap:20px; align-items:center;}
#footer.main{border-top:none;}
/*******************
   header
*******************/
#header .head .toplogo{ padding-top:23px; margin-left:13px; width:196px; height:29px;}
#header .head .toplogo a{ display:block; width:196px; height:38px; background:url("../../images/english/toplogo.jpg") left top no-repeat;}
#header .head  .topAera{ position:absolute; top:21px; right:5px; font-size:11px; text-transform: uppercase;}
#header .head  .topAera li{ float:left; margin-left:18px;}

#header .head .nav{ position:absolute; bottom:0; left:0; height:52px; letter-spacing: 1px;  text-transform: uppercase;}
#header .head .nav li{float:left; position: relative; width:248px; height:52px; text-align:center; line-height:52px; border-left:1px solid #c3c3c3; }
#header .head .nav li.last{border-right:1px solid #c3c3c3; width:250px;}
#header .head .nav li a{ display:block; width:250px; height:52px; color:#000; font-size:14px; font-weight:bold;}
#header .head .nav li a:hover{background:#f5f5f5; }
#header .head .nav li .submenu{overflow: hidden;  background: #fff;  z-index: 10; position: absolute; top:52px; display:none;  border-top:1px solid #d3d3d3;}
#header .head .nav li .submenu li{height:45px; line-height: 45px; border-bottom:1px solid #d3d3d3;}
#header .head .nav li .submenu li a{font-weight:100 !important;}
#header .head .nav li:hover .submenu{display:block;}

#header .head .nav .on{background:#f5f5f5;}


/*¸®´º¾óÃß°¡*/
.header{background:#fff; border-bottom:1px solid #dedede; z-index: 1; width:100%; display:flex; justify-content: space-between; align-items: center; height:100px;  left:0; top:0;}
.header .logo{margin:0 80px 0 60px;}
.header .menu_list{display: flex; flex:1; gap:60px;}
.header .menu_list a{color:#000; text-decoration: none; font-size:18px; font-weight: bold; text-transform: uppercase;}
.header .menu_list a.on{color:#007EF4}
.header  .search_wrap{display:flex; align-items:center; justify-content:space-between; width:220px; height:48px; padding:0 16px 0 20px; border-radius:24px; background:#F3F6F9;}
.header  .search_wrap input{border:none;width:110px;  height:46px; background: transparent; flex:1;}
.header  .search_wrap input::placeholder{color:#92A1BB; font-size:16px;}
.header  .search_wrap .btn_search{flex-shrink:0; width:36px; height:36px; background:url("../svg/ico_search.svg") no-repeat center;}
.header .global_menu{display: flex; height:100px; margin-left:40px; align-items: center; padding:0 20px; border-left:1px solid #E1E1E1}
.header .global_menu .item{ padding:30px 0 0; width:100px; text-align: center;}
.header .global_menu .item .txt{font-size:12px; color:#2E2E2E;}
.header .global_menu .item.item01{background:url("../../svg/ico_home.svg")no-repeat top center; background-size:24px;}
.header .global_menu .item.item02{background:url("../../svg/ico_topmenu01.svg")no-repeat top center;}
.header .global_menu .item.item03{background:url("../../svg/ico_contactus.svg")no-repeat top center; background-size:24px;}
.header .btn_menuall{width:100px; height:100px; background:#007EF4 url("../../svg/ico_menu_wh.svg")no-repeat center;}

.submenu_wrap {position:absolute; left:0; top:100px; background:rgba(0, 0, 0, 0.6); width:100%; height:2000px; padding:0; z-index: 10; }
#submenu{background:#fff;  flex-wrap: wrap; z-index: 2; position:absolute; left:0; top:0; width:100%; display: flex;      align-items:flex-start;}
#submenu .menu_tit{width:320px; font-size:28px; font-weight:bold; background:#EEEEEE url("../../svg/submenu_bg.svg")no-repeat right bottom; background-size:280px; min-height:200px; padding:40px; text-align: right;}
#submenu .menu_list{padding:40px; flex:1; background:#fff; display: flex; gap:24px; flex-wrap:wrap;}
#submenu .menu_list .menu_group{width:340px; border:1px solid #dedede; border-radius: 8px; background:#f5f5f5; overflow:hidden;}
#submenu .menu_list .menu_group .depth01{font-size:18px; text-transform: capitalize; font-weight:700; padding:16px 16px; background:#fff url("../../svg/ico_arr_right_gray.svg") no-repeat right 20px center;}
#submenu .menu_list .menu_group .depth02_group{ display: flex; flex-direction: column;}
#submenu .menu_list .menu_group .depth02_group a:first-child{margin-top:20px;}
#submenu .menu_list .menu_group .depth02_group a:last-child{margin-bottom:20px;}
#submenu .menu_list .menu_group .depth02_group a{text-decoration: none; color:#858585; padding:8px 20px; font-size:16px; font-weight:500;}
#submenu:after{display: block; position:absolute;  content:''; width:100%; background:#fff; z-index:-1;}





/*******************
  Main container Layout
*******************/
.main_visual_wrap{position:relative; width:100%;  height:616px; background:url("../../images/english/main_visualBg.jpg") top center repeat-x; border:1px solid #000;}
.main_visual_wrap:after{display:block; clear:both; content:"":}
.main_visual_wrap .main_visualTxt{ font-size:36px; color:#fff;  text-align:center; padding-top:220px;}
.main_visual_wrap .visualBannerW{ position:absolute; width:1000px; bottom:0; left:50%; margin-left:-500px; }
.main_visual_wrap .visualBannerW li{ float:left; width:333px; height:166px;}
.main_visual_wrap .visualBannerW h3{ display:block; width:333px; height:43px; padding-top:123px;}
.main_visual_wrap .visualBannerW .first{ width:333px; height:166px; background:url("../../images/english/visualBannerW01.jpg") left top no-repeat;}
.main_visual_wrap .visualBannerW .two{ width:333px; height:166px; background:url("../../images/english/visualBannerW02.jpg") left top no-repeat;}
.main_visual_wrap .visualBannerW .last{ width:333px; height:166px; background:url("../../images/english/visualBannerW03.jpg") left top no-repeat;}

.main_visual_wrap .visualBannerW .txtS01{color:#fff; font-size:12px; text-align:center; font-weight:bold;}

/*¸ÞÀιè³Ê ¸®´º¾óÃß°¡*/
.maiban_wrap{position: relative; width:100%;}
.maiban_wrap .ban_controller{ position: absolute; display: flex; align-items: center; gap:24px; bottom:70px; left:50%; margin-left:-640px; }
.maiban_wrap .ban_controller .progress_bar{background:rgba(255, 255, 255, 0.2); width:200px;  height:5px; }
.maiban_wrap .ban_controller .progress_bar .inner_bar{background:#fff; width:25%;  height:5px; }
.maiban_wrap .ban_controller .progress_bar .conut{display: flex; }
.maiban_wrap .ban_controller .conut{display:flex; gap:4px; }
.maiban_wrap .ban_controller .conut .txt{color:rgba(255, 255, 255, 0.4);}
.maiban_wrap .ban_controller .conut .txt.on{color:rgba(255, 255, 255, 1); font-weight: bold;}
.maiban_wrap .ban_controller .btn_controller{width:32px; height:32px; background:url("../../svg/ico_stop.svg")no-repeat center;}
.maiban_wrap .ban_controller .btn_play{width:32px; height:32px; background:url("../../svg/ico_play.svg")no-repeat center;}
.maiban_wrap .mainban_list{}
.maiban_wrap .mainban_list .item{position:relative; width:100%; height:600px;}
.maiban_wrap .mainban_list .item img{width:100%; height:700px;}
.maiban_wrap .mainban_list .item .txt_wrap{width:1280px; position:absolute; left:50%; top:125px; transform: translateX(-50%);}
.maiban_wrap .mainban_list .item .txt_wrap .txt01{color:#fff; font-size:28px; }
.maiban_wrap .mainban_list .item .txt_wrap .txt02{color:#fff; font-size:52px; line-height:1.2em; font-weight:800; margin-top:20px;}
.maiban_wrap .mainban_list .item .txt_wrap .txt03{ font-size:16px; margin-top:20px; line-height: 1.6em; color:#B5D1DE;}





.Contactus_Warp{ width:1280px;  display:flex;  border:1px solid #e2e2e2; margin:40px auto; align-items:center; border-radius:20px; overflow:hidden;}
	/* .Contactus_Warp .ContactusL{ float:left; width:333px; height:100%; background:url("../../images/english/icon01.png") center 77px no-repeat; } */
.Contactus_Warp .ContactusL{  width:450px; height:100%; display:flex; }
.Contactus_Warp .ContactusL a{flex:1; height:100%; }
.Contactus_Warp .ContactusL .txtS01{ font-size:12px; color:#707070; font-weight:bold; text-align:center;  padding-top:80px;}
.Contactus_Warp .ContactusL li{flex:1;}
.Contactus_Warp .ContactusL .first{  background:url("../../svg/ico_contactus02.svg") center top 20px no-repeat; background-size:32px; }
.Contactus_Warp .ContactusL .two{  background:url("../../svg/ico_download.svg") center top 20px no-repeat; background-size:32px;}

.Contactus_Warp .VideoR{ display:flex; flex:1; gap:20px; align-items:center; padding:20px; height:100%;  border-left:1px solid #e2e2e2; background:#f1f1f1;} 
.VideoWrap{ width:283px; height:182px; background:url("../../images/english/videoBg.jpg")  center center no-repeat; }
.VideoWrap .playBtn{ margin:20% auto; width:56px; height:56px; opacity:0.8;}

.Contactus_Warp .VideoList{font-size:13px; color:#000;}
.Contactus_Warp .VideoList li{line-height:21px;}
/* footer */
.footlogo{ height:38px; }
.footlogo a{ display:block;  width:399px; height:38px; background:url("../../images/english/footlogo.jpg") left top no-repeat;}
.footTxt{ font-size:12px; color:#a2a2a2;}
.footTxt li{ line-height:15px;}
/*******************
  Sub Layout
*******************/
/*container*/
* html #container01 {height: 100%;}
#container01{ width:100%; min-height:100%; }
#container01 .contents{ position:relative; width:1280px; height:100%; margin:0 auto; }
#container01 .contents:after{display:block; clear:both; content:"";}

.sub_visual_wrap{position:relative;  height:360px; background: url(../../img/subtop_img01.png) top center repeat-x;}
.sub_visual_wrap:after{display:block; clear:both; content:"":}
.sub_visual_wrap .sub_visualTxt{ font-size:30px; color:#fff;  text-align:center; padding-top:150px;}

.sub_visual_wrap#visual02{background: url(../../img/subtop_img02.png) top center repeat-x;}
.sub_visual_wrap#visual03{background: url(../../img/subtop_img03.png) top center repeat-x;}
.sub_visual_wrap#visual04{background: url(../../img/subtop_img04.png) top center repeat-x;}
.sub_visual_wrap#visual05{background: url(../../img/subtop_img05.png) top center repeat-x;}
.sub_visual_wrap#visual06{background: url(../../img/subtop_img06.png) top center repeat-x;}
/*******************
  Sub container01 
*******************/
/*contLR_inner*/
.contLR_inner{ padding:72px 0 90px 0px; }
.contLR_inner .subTitle{ width:1280px; height:76px; margin-bottom:50px;}
.contLR_inner .subTitle .tits{ text-align:center; font-size:35px; font-weight:bold; color:#000; margin-bottom:25px;  text-transform: uppercase;}
.contLR_inner .area{ text-align:center; font-size:12px; font-weight: 300;  text-transform: uppercase;}
.contLR_inner .area li{display:inline-block;}
.contLR_inner .area li.home{ width:13px; height:14px; background:url("../../svg/ico_home_bk.svg") left 2px no-repeat; padding-right:20px;}
.contLR_inner .area li.arrow{background:url("../../images/english/areaicon02.png") right center no-repeat; padding-right:30px;}
.contLR_inner .area li.last{padding-left:30px;}
/*mapWrap*/
.mapWrap{ width:100%; height:618px; background:url("../../images/english/map.jpg") center top no-repeat; margin-bottom:67px;}
/*tableWrap*/
.contLR_inner .tableWrap{ position:relative; width:1000px;}
.contLR_inner .tableWrap .tit{font-size:14px; color:#000; font-weight:400; margin-bottom:19px;}
/*table*/
.list_st1_Eng{width:918px; margin:0 auto; color:#666; background:#fff; font-size:13px; border:1px solid #e4e4e4; padding:10px; height:160px; }
.list_st1_Eng tbody th{font-size:13px; color:#000;  background:#f6f6f6; text-align:left;  padding-left:40px;}
.list_st1_Eng tbody td{line-height:22px; font-size:13px; color:#606060;  padding-left:45px; }
.list_st1_Eng tbody td a:hover{text-decoration:underline;}
/*Character_Wrap*/
.Character_Wrap{ width:918px; margin:0 auto;}
.Character_Wrap .tit{text-align:center; color:#000; font-size:18px; margin-bottom:25px;}
.Character_Wrap .CharacterPhotoM{ height:219px; background:#f6f6f6; border:1px solid #e4e4e4;}
.Character_Wrap .CharacterPhotoM .photoW{ float:left; width:114px; height:153px; background:url("../../images/english/photo.jpg") left top no-repeat; margin-top:32px; margin-left:43px; margin-right:34px;}
.Character_Wrap .CharacterPhotoM .photoT{float:left; width:70%; margin-top:70px;}
.Character_Wrap .CharacterPhotoM .photoT .tits{text-align:left; font-size:16px; color:#000; margin-bottom:20px;}
.Character_Wrap .CharacterPhotoM .photoT .txt{ line-height:20px; font-size:14px; color:#000;}

.full_veiw{ width:908px; height:311px; margin:0 auto; margin-top:30px;}

.con_wrap{width:1000px; margin:auto; font-size:16px; clear:both;}
.con_wrap .con_tit{text-align:center; margin-top:60px; COLOR:#000;}
.con_wrap .con_stit{text-align:left; margin-top:60px; COLOR:#000;}
.con_wrap .con_txt{font-weight: 300; margin-top:30px; line-height:28px;}
.con_wrap .con_txt#mt10{margin-top: 10px;}
.con_wrap .con_stxt{font-weight: 300; margin-top:10px; line-height:28px;}
.con_wrap .con_img{margin-top:30px; display:block;  text-align: center;}
.con_wrap .con01_img_20180112{position:relative; height:255px;  background: url("../../images/english/con01_img.jpg") no-repeat top center; margin-top:30px;}
.con_wrap .con01_img{position:relative; height:255px; width:100%; background: url("../../img/subtop_img03.png") no-repeat right; background-size: cover; margin-top:30px;}
.con_wrap .con01_img span.tit{position:absolute; left:100px; top:90px; font-size:30px; color:#fff;}
.con_wrap .con01_img span.txt{position:absolute; left:100px; top:130px; font-size:16px; color:#fff;}

.sub_tabmenu{height:60px; width:1280px; display:flex; position:absolute; top:-60px;}
.sub_tabmenu ul{text-align: center; width:100% !important; display:flex; margin:auto; background:#007EF4;}
.sub_tabmenu ul li{ position: relative; flex:1; color:#fff;  height:60px; box-sizing: border-box;  transition: all 0.3s ease;}
.sub_tabmenu ul li a{color:#fff; display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.sub_tabmenu ul li.on{  background: #150F97;    margin-top: -20px;    height: 80px;}
.sub_tabmenu ul li.on span{
        display:none;
	position: absolute;
	background: url(../../images/english/icon_down.jpg) no-repeat;
	width: 14px;
	height: 8px;
	left: 102px;
	margin-left: -7px;
	bottom: -8px;
}


.year_list_wrap{width:100%; margin:15px 0; overflow: hidden; }
.year_list_wrap .year_tit{float:left; width:15%; font-size:30px; font-weight: bold;  margin-top:10px;}
.year_list_wrap .year_wrap{width:75%; float:left;}

.his_txt{display:block; overflow: hidden; padding:5px 0; } 
.his_txt .year{font-weight: 400; width:100px; display: inline-block; float:left;   color:#000; margin-right :20px; text-align:right;}
.his_txt .year_info{display: inline-block; width:500px;  width:70%; float:left; word-break: break-all;}

.list01{margin-top:30px; font-size:14px; clear:both; overflow: hidden; }
.list01 li{width:480px;  float:left;  height:40px; line-height:40px; border:1px solid #c3c3c3; margin-right:15px; margin-bottom:10px; padding-left:15px; box-sizing: border-box;}

.rel_link{color:#0058B5;}
.rel_link:hover{text-decoration: underline;}

/*******************
  Common Css
*******************/
.blind{font-size:0;   line-height:0; /*width:0; height:0; overflow:hidden; left:-9999px; top:-9999px; visibility:hidden;*/}
.marginT20{margin-top:20px;}
.marginB20{margin-bottom:20px;}
.marginB30{margin-bottom:30px;}
.marginB40{margin-bottom:40px;}
.marginB55{margin-bottom:55px;}
.marginB65{margin-bottom:65px;}
.marginB90{margin-bottom:90px;}
.txtL{text-align:left !important;}
.pdD10{padding-left:10px;}
.pdD20{padding-left:20px;}
.pdD30{padding-left:30px;}
.pdT20{padding-top:20px;}
.pdB10{padding-bottom:10px;}
.pdDTotal30{padding:30px;}
.GrayTxt{ color:#b7b7b7;}
.GrayTxt02{ color:#989898;}
.GrayTxt03{ color:#808080;}
.BlockTxt{ color:#000;}
.BlueTxt{color:#0077db;}
.lineH30{line-height:30px;}
.fontW400{font-weight:300;}
.tranfUpp{text-transform:uppercase;}


@media (max-width:1279px){
.Contactus_Warp{width:calc(100% - 40px);}
.sub_tabmenu{width:100%;}
#container01 .contents{width:100%;}
.contLR_inner .subTitle{width:100%;}
.con_wrap{width:100%; padding:0 20px; box-sizing:border-box;}
.year_list_wrap{display:flex; flex-direction:column;}
.year_list_wrap .year_wrap{width:100%;}
.year_list_wrap .year_tit{padding-left:20px; width:100%; margin-bottom:10px;}
.contLR_inner .subTitle .tits{font-size:28px;}
#footer .foot{width:100%;}
.con_img img{width:100%;}
.footlogo a{width:100%; display:flex; align-items:center; background-position:center;}
.sub_visual_wrap .sub_visualTxt{font-size:24px; padding:90px 20px 0;}
.sub_visual_wrap{height:260px;}
.header .logo{    margin: 0 40px 0 40px;}

.header .search_wrap{background:none; width:40px; height:40px; justify-content:flex-start; margin-right:16px;}
.header .search_wrap input{display:none;}
.header .search_wrap{padding:0;}

.header .menu_list a{font-size:17px;}
.header .global_menu .item{width:80px;}


}
@media (max-width:1200px){
.header .global_menu{display:none;}
.maiban_wrap .mainban_list .item .txt_wrap{width:100%; padding-left:40px;}
.maiban_wrap .ban_controller{left:40px; margin-left:0;}
.con_wrap .con01_img span.tit, .con_wrap .con01_img span.txt{left:40px;}
.con_wrap .con01_img{height:200px;}


}
@media (max-width:920px){
.header .btn_menuall, .header .search_wrap .btn_search{width:24px; height:24px; background-size:100%; margin:0 10px; padding:0;}
.header .global_menu{display:none;}
.header .btn_menuall{background:transparent url(../../svg/ico_menu.svg) no-repeat center;}
.header .menu_list{display:none;}
.Contactus_Warp .ContactusL{width:100%; margin:20px auto;}
.Contactus_Warp .VideoR{width:100%; padding:20px; box-sizing:border-box;}
}
@media (max-width:768px){

.header .menu_list{display:none;}
.header .logo{margin:0 0 0 20px; flex:1;}
.header .btn_menuall, .header .search_wrap .btn_search{width:20px; height:20px;}
.header .search_wrap{margin-right:0;}
html, body{min-width:100%;}
.header .search_wrap{margin-right:0;}
.header{height:60px;}
.header .logo img{width:150px;}
.maiban_wrap .ban_controller .conut{white-space:nowrap;}
.maiban_wrap .mainban_list .item .txt_wrap{width:100%; text-align:center; top:80px; }
.maiban_wrap .mainban_list .item{width:100%; height:360px; }
.maiban_wrap .mainban_list .item .txt_wrap{padding-left:0;}
.maiban_wrap .mainban_list .item .txt_wrap .txt01{font-size:16px;}
.maiban_wrap .mainban_list .item .txt_wrap .txt02{font-size:30px; margin-top:10px;}
.maiban_wrap .mainban_list .item .txt_wrap .txt03{font-size:12px; margin-top:10px;}
.maiban_wrap .ban_controller{  margin-left:0; bottom:40px; left:50%; transform:translateX(-50%); }


.Contactus_Warp{flex-direction:column; height:auto;}
#footer .foot{flex-direction:column;}
.footlogo{width:100%;}
.footTxt{text-align:center; margin-top:0; margin-left:0;}
.Contactus_Warp .VideoR{display:flex; flex-direction:column; }
.Contactus_Warp .VideoList{width:100%;}
.VideoWrap{width:100%; background-size:cover;}
.footlogo a{background-size:260px;}
#footer .foot{gap:10px;}

}