/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */

html, body{width:1080px;}
body{width:1080px; background:#fff;}

#Wrap {width:1080px; height:1920px; position: relative; margin:0; padding:0; overflow:hidden; background: url(/main/fhd_y/images/bg.jpg) no-repeat;}

#header{width: 1080px; height: 150px; position: relative;}
#header .date {font-size:25px; color: #a5e4fd; line-height: 40px; font-weight: 800; letter-spacing: -2px; width: 250px; float: left; padding-left: 36px; padding-top: 30px;}
#header .date span {color: #000; font-size: 35px; font-weight: 600;}
#header .time {width:250px; height: 135px; position: relative; margin-top: 32px; float: left; margin-left: 116px;}
#header .time .time_v1 {position: absolute; width: 58px; height: 89px; left: 0px; text-align: center; font-size: 60px; color: #fff; font-weight: 700; line-height: 89px; text-align: center;}
#header .time .time_v2 {position: absolute; width: 58px; height: 89px; left: 68px; text-align: center; font-size: 60px; color: #fff; font-weight: 700; line-height: 89px; text-align: center;}
#header .time .time_v3 {position: absolute; width: 58px; height: 89px; left: 149px; text-align: center; font-size: 60px; color: #fff; font-weight: 700; line-height: 89px; text-align: center;}
#header .time .time_v4 {position: absolute; width: 58px; height: 89px; left: 218px; text-align: center; font-size: 60px; color: #fff; font-weight: 700; line-height: 89px; text-align: center;}
#header .time .time_v5 {position: absolute; width: 47px; height: 30px; left: 288px; text-align: center; font-size: 30px; color: #000; font-weight: 700; top: 50px;}
#header .logo {width: 250px; float: left; margin: 60px 0 0 150px;;}

#container_area{width: 872px; height: 1102px; position: relative; margin: 179px 0px 0px 105px;  display: table;}
#container_area .contents{display:table-cell; position: relative; text-align: center; vertical-align: middle;}

#photo_slide_area{width: 1080px; height: 300px; margin-top:189px; position: relative;}
#photo_slide_area .control button {position:absolute;top: 120px;z-index: 11; width: 38px; height: 68px;font-size:0; background: #33609b;}
#photo_slide_area .control button:before,
#photo_slide_area .control button:after{display:none;}
#photo_slide_area .control .btn_prev {left:50%; margin-left:-520px; background-image:url(/main/fhd_y/images/arr_prev.png);background-position:center;}
#photo_slide_area .control .btn_next {right:50%; margin-right:-520px;background-image:url(/main/fhd_y/images/arr_next.png);background-position:center;}
#photo_slide_area .grap{ width: 940px;margin-left: 68px;margin-top: 45px;position: absolute;}
#photo_slide_area .grap ul{ position:relative; height:330px;}
#photo_slide_area .grap ul:after {display:block; clear:both; visibility:hidden; content:'';}
/*#photo_slide_area .grap ul{position:relative; height:330px;}*/
/*#photo_slide_area .grap ul:after {display:block; clear:both; visibility:hidden; content:'';}*/
/*#photo_slide_area .grap ul li {float: left; position:relative; width:168px; height: 213px; margin:0 6px; background: #fff; border: 5px solid #000;}*/
.cover {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 170px;
    height: 203px;
    background: url(/main/fhd_y/images/video_cover.png) no-repeat 0 0;
}