@charset "utf-8";

#container{position:relative;width:100%}

.main_visual{position:relative;width:100%;height:600px;}
.main_visual .con1{z-index:3;position:absolute;width:100%;height:100%;background:url(/english/images/main/main_bg1.jpg) no-repeat center 0;background-color:#007ce4}
.main_visual .con2{z-index:2;display:none;position:absolute;width:100%;height:100%;background:url(/english/images/main/main_bg2.jpg) no-repeat center 0;background-color:#c6c4c0}
.main_visual .con3{z-index:1;display:none;position:absolute;width:100%;height:100%;background:url(/english/images/main/main_bg3.jpg) no-repeat center 0;background-color:#cbd8e3}
.main_visual .txt_con{position:relative;width:980px;margin:136px auto 0 auto;}
.main_visual .txt_con h2{position:relative; color: white;font-size:30px; font-weight: 800;}
.main_visual .txt_con p{position:relative; color: white;font-size: 20px;}

.main_visual .center_menu{z-index:10;position:absolute;width:100%;height:103px;background:url(/english/images/main/center_bg.png) repeat-x;bottom:0}
.main_visual .center_menu ul{position:relative;width:980px;height:100%;margin:0 auto;overflow:hidden}
.main_visual .center_menu li{position:relative;float:left; text-align: center; border-left:1px solid #ddd;}
.main_visual .center_menu li.d {border-right:1px solid #ddd; width: 243px;}
.main_visual .center_menu li > a {display: block; width: 244px; height: 104px; padding-top: 30px; font-size: 20px; color: white; position: relative; z-index: 2;}
.main_visual .center_menu li > div {position: absolute; top:0; left:0; background-color: rgba(0,0,0,0.3); width: 244px; height: 104px; z-index: 1;}
.main_visual .center_menu li > a:hover {text-decoration: none; color: white;}
.main_visual .center_menu li.a:hover > div {background-color: rgb(10,157,170);}
.main_visual .center_menu li.b:hover > div {background-color: rgb(30,136,185);}
.main_visual .center_menu li.c:hover > div {background-color: rgb(75,105,192);}
.main_visual .center_menu li.d:hover > div {background-color: rgb(25,128,208);}

.content{position:relative;width:980px;height:91px;margin:23px auto 0 auto;overflow:hidden}

.content .notice{position:relative;font-size:12px;color:#666666;border-left:solid 1px #e9e9e9;padding:6px 18px;float:left;width:208px}
.content .notice .more{position:absolute;right:16px;top:8px}
.content .notice li{line-height:13px;margin-top:5px;text-indent:6px;background:url(/english/images/global/comma.png) no-repeat 0 6px;white-space:nowrap}
.content .notice li:first-child{margin-top:13px}
*:first-child+html .content .notice li:first-child{margin-top:10px}

.content .news{position:relative;font-size:12px;color:#666666;border-left:solid 1px #e9e9e9;padding:6px 18px;float:left;width:208px}
.content .news .more{position:absolute;right:16px;top:8px}
.content .news li{line-height:13px;margin-top:5px;text-indent:6px;background:url(/english/images/global/comma.png) no-repeat 0 6px;white-space:nowrap}
.content .news li:first-child{margin-top:13px}
*:first-child+html .content .news li:first-child{margin-top:10px}

.content .banner1{position:relative;font-size:12px;color:#666666;letter-spacing:-1px;border-left:solid 1px #e9e9e9;float:left}
.content .banner2{position:relative;font-size:12px;color:#666666;letter-spacing:-1px;border-left:solid 1px #e9e9e9;border-right:solid 1px #e9e9e9;float:left;width:243px;height:90px;overflow:hidden}

.mainList{overflow:hidden;}
.mainList li{float:left;}

.mainList.mainFooter {margin-top: 20px;}
.mainList.mainFooter li {width: 110px; height: 70px; color: #666; text-align: center;}
.mainList.mainFooter li.last {border-left: 1px solid #fb7320; color: #fb7320;font-size: 18px;width: 190px;text-align: left;padding-left: 10px;}

.youtubeBox{position:absolute;top:110px;left:50%;margin-left:-490px;display:none;z-index:300;}
.youtubeBox iframe{width:720px;height:480px;display:block;}
.youtubeBox .close{width:30px;height:30px;position:absolute;top:-20px;right:-20px;background:#fff url(/english/images/main/square_delete.png) no-repeat;overflow:hidden;line-height:999px;border:none;cursor:pointer;background-size:30px 30px;}
.youtubeBox .todayBox{text-align:right;background:#fff;padding:0 5px;}
.youtubeBox .todayBox .checkbox{vertical-align:middle;}
.youtubeBox .todayBox label{line-height:1.2;}