 
body {
  background-color: #000;
  color: #fff;
  overflow: hidden;
}

 
#best_brand_header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  /* background: url("../images/e2cbac9abf0a45bab759ea8c06de994d.gif") no-repeat center center;
	background-size: cover; */
}

#best_brand_header #best_brand_header_inner {
  position: absolute;
}

#best_brand_header #best_brand_header_inner .header_text {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -220px 0 0 -305px;
  width: 480px;
  height: 280px;
  padding: 60px 65px;
  position: absolute;
  -webkit-perspective: 1200;
  -moz-perspective: 1200;
  -ms-perspective: 1200;
  -o-perspective: 1200;
  perspective: 1200;
  z-index: 999;
  background-color: rgba(0,0,0,0)
}


#best_brand_header #best_brand_header_inner .header_text .blur {
background-color: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

/*
#best_brand_header .blur1 {
background-color: rgba(0,0,0,0.2);
    width: 1920px;
    height: 1080px;
}
*/

/*
.technology_wrap .technology_inner .posi {
  width: 680px;
  height: 554px;
  padding: 0 65px;
  position: absolute;
  margin: 0 auto;
  left: 50%;
  -webkit-perspective: 1200;
  -moz-perspective: 1200;
  -ms-perspective: 1200;
  -o-perspective: 1200;
  perspective: 1200;
  z-index: 999;
  margin-left: -405px;
  
}
*/

#best_brand_header #best_brand_header_inner .header_text h1, #best_brand_header #best_brand_header_inner .header_text h2, #best_brand_header #best_brand_header_inner .header_text p {
  text-align: center;
  position: relative;
  z-index: 10000;
}

#best_brand_header #best_brand_header_inner .header_text h1 {
  font-size: 65px;
  margin: 0 0 45px 0;
  top: 50px;
  left: 0;
  text-align: center;
  -ms-filter: "alpha(opacity=0)";
  /* IE8 */
  opacity: 0;
  display:block\9;
}

#best_brand_header #best_brand_header_inner .header_text h1 span {
  display: block;
  float: left;
  /*left:-75px;*/
  position: relative;
}

#best_brand_header #best_brand_header_inner .header_text h1 span:first-child {
  /*left:150px;*/
  margin-right: 35px;
}

#best_brand_header #best_brand_header_inner .header_text h2 {
  text-align: left;
  margin-left: 30px;
}

#best_brand_header #best_brand_header_inner .header_text h2 span {
  -ms-filter: "alpha(opacity=0)";
  /* IE8 */
  opacity: 0;
  display: inline-block\9;
  margin-left: 13px;
}

#best_brand_header #best_brand_header_inner .header_text p {
  display: block;
  margin-top: 30px;    color: #fff;
    font-size: 19px;
    line-height: 40px;
   -ms-filter: "alpha(opacity=0)";
  /* IE8 */
  opacity: 0;
  display: inline-block\9;
}

#best_brand_header #best_brand_header_inner .scroll_icon {
  position: absolute;
  margin-left: -60px;
  left: 50%;
  bottom: 50px;
  -ms-filter: "alpha(opacity=0)";
  /* IE8 */
  opacity: 0;
  display: inline-block\9;
  display: none;
}

#best_brand_header #best_brand_header_inner .target {
  position: relative;
}

#best_brand_header .video_bg {
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  opacity: 0;
  transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  z-index: -1;
 
}

#best_brand_header .video_bg.active {
  opacity: 1;
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  z-index: 10000;
}

#best_brand_header .video_bg .vjs-default-skin .vjs-control-bar {
  position: fixed;
  left: 0;
  bottom: 0;
  display: block !important;
  opacity: 1 !important;
}

#best_brand_header .video_bg .vjs-controls-disabled {
  display: block !important;
}

#best_brand_header .video_bg .vjs-poster {
  background: url("../images/kv_bg.jpg") no-repeat center center !important;
  background-size: cover !important;
}

#best_brand_header .video_bg .vjs-default-skin .vjs-big-play-button {
  display: none;
}

#best_brand_header .video_bg .vjs-control {
  height: 13px;
}

#best_brand_header .video_bg .vjs-control-bar {
  width: 800px;
  margin: 0 auto;
  background-color: transparent;
  display: block !important;
  opacity: 1 !important;
}

#best_brand_header .video_bg .vjs-progress-control {
  width: 630px;
  height: 3px;
  position: absolute;
  top: 5px;
  left: 30px;
  display: block !important;
  opacity: 1 !important;
}

#best_brand_header .video_bg .vjs-progress-control .vjs-play-progress {
  background: #fff;
}

#best_brand_header .video_bg .vjs-play-control.vjs-control.vjs-playing,
#best_brand_header .video_bg .vjs-play-control.vjs-control.vjs-paused {
  width: 10px;
  height: 13px;
  display: block !important;
  opacity: 1 !important;
}

#best_brand_header .video_bg .vjs-play-control.vjs-control:before {
  display: none;
}

#best_brand_header .video_bg .vjs-play-control.vjs-control.vjs-playing {
  background: url("../images/movie_paused_btn.png") no-repeat left top;
}

#best_brand_header .video_bg .vjs-play-control.vjs-control.vjs-paused {
  background: url("../images/movie_play_btn.png") no-repeat left top;
}

#best_brand_header .video_bg .vjs-default-skin .vjs-slider-handle:before {
  display: none;
}

#best_brand_header .video_bg .vjs-current-time.vjs-time-controls.vjs-control,
#best_brand_header .video_bg .vjs-time-divider,
#best_brand_header .video_bg .vjs-duration.vjs-time-controls.vjs-control {
  position: relative;
  left: 660px;
  top: -8px;
  display: block !important;
  opacity: 1 !important;
}

#best_brand_header .video_bg .vjs-mute-control.vjs-control {
  width: 16px;
  height: 11px;
  background: url("../images/movie_mute_on.png") no-repeat left top;
  position: relative;
  top: 1px;
  left: -22px;
  display: block !important;
  opacity: 1;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

#best_brand_header .video_bg .vjs-mute-control.vjs-control:hover {
  opacity: 0.4;
  filter: alpha(opacity=60);
}

#best_brand_header .video_bg .vjs-mute-control.vjs-control.vjs-vol-0 {
  background: url("../images/movie_mute_off.png") no-repeat left top;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

#best_brand_header .video_bg .vjs-mute-control.vjs-control.vjs-vol-0:hover {
  opacity: 0.4;
  filter: alpha(opacity=60);
}

#best_brand_header .video_bg .vjs-mute-control.vjs-control:before {
  display: none;
}

#best_brand_header .video_bg .vjs-volume-control.vjs-control {
  transform: rotate(-90deg);
  position: relative;
  top: -40px;
  left: -40px;
  display: none;
}

#best_brand_header .video_bg .vjs-volume-control.vjs-control .vjs-volume-level {
  background: #fff;
  position: relative;
}

#best_brand_header .video_bg .vjs-volume-control.vjs-control .vjs-volume-level:after {
  width: 3px;
  height: 14px;
  position: absolute;
  top: -5px;
  right: -4px;
  background: #e75826;
  border-left: 1px solid #894128;
  content: "";
  display: none;
}

#best_brand_header .video_bg .vjs-fullscreen-control.vjs-control {
  width: 16px;
  height: 11px;
  background: url("../images/movie_fullscreen.png") no-repeat left top;
  position: relative;
  top: 1px;
  left: -24px;
  display: none !important;
  opacity: 1;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

#best_brand_header .video_bg .vjs-fullscreen-control.vjs-control:hover {
  opacity: 0.4;
  filter: alpha(opacity=60);
}

#best_brand_header .video_bg .vjs-fullscreen-control.vjs-control:before {
  display: none;
}

#best_brand_header .video_bg #snslink {
  cursor: pointer;
  float: right;
  position: relative;
  display: block;
  top: 1px;
  left: 60px;
}

#best_brand_header .video_bg #snslink .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 23px;
  height: 11px;
  background: url("../images/movie_link.png") no-repeat left top;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

#best_brand_header .video_bg #snslink .icon:hover {
  opacity: 0.4;
  filter: alpha(opacity=60);
}

#best_brand_header .video_bg #snslink ul {
  position: absolute;
  display: none;
  top: -80px;
  left: 0;
}

#best_brand_header .video_bg #snslink ul li a {
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

#best_brand_header .video_bg #snslink ul li a:hover {
  opacity: 0.4;
  filter: alpha(opacity=60);
}

#best_brand_header .video_bg #snslink ul .link01 {
  margin-bottom: 13px;
}

#best_brand_header .video_bg #snslink ul .link01 a {
  width: 23px;
  height: 14px;
  background: url("../images/movie_sns_icon01.png") no-repeat left top;
}

#best_brand_header .video_bg #snslink ul .link02 {
  margin-bottom: 15px;
}

#best_brand_header .video_bg #snslink ul .link02 a {
  width: 23px;
  height: 14px;
  background: url("../images/movie_sns_icon02.png") no-repeat left top;
}

#best_brand_header .video_bg #snslink ul .link03 {
  margin-bottom: 19px;
}

#best_brand_header .video_bg #snslink ul .link03 a {
  width: 23px;
  height: 16px;
  background: url("../images/movie_sns_icon03.png") no-repeat left top;
}

#best_brand_header #play_movie_btn_wrap {
  text-align: center;
}

#best_brand_header #play_movie_btn {
  width: 195px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  display: inline-block;
  border: 3px solid #eaeaea;
  line-height: 1;
  cursor: pointer;
  left: 0;
}

#best_brand_header #play_movie_btn a span {
  width: 195px;
  height: 38px;
  display: block;
}

#best_brand_header .bg {
  background: url("../images/img_main.jpg") no-repeat center center;
  background-size: cover;
}

#best_brand_header #cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  z-index: 9999;
}

#cboxOverlay {
  background: rgba(255, 255, 255, 0.8) !important;
}

#cboxClose {
  width: 36px;
  height: 36px;
  background: url("../images/modal_close_btn.png") no-repeat center center !important;
  top: -50px;
  right: -50px;
}

#cboxClose:hover {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

#movie_modal {
  overflow: hidden !important;
  position: relative;
  height: 480px;
}

#movie_modal .poster_image {
  position: absolute;
  cursor: pointer;
}

#movie_modal .play_btn {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 20px;
  border-color: transparent transparent transparent #ffffff;
  cursor: pointer;
}

#movie_modal .vjs-big-play-button {
  background: url("../images/play_btn.png") no-repeat center center transparent !important;
  top: 204px;
  left: 357px;
  box-shadow: none !important;
  border: none !important;
}

#movie_modal .vjs-big-play-button:before {
  display: none !important;
  text-shadow: none !important;
}

#movie_modal .vjs-default-skin .vjs-play-progress {
  background-color: #e75826 !important;
}

/*
 [youtube]
-------------------------------------------------- */
#youtube {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  z-index: -1;
}

#youtube.active {
  opacity: 1;
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  z-index: 10000;
}

#youtube_menu_wrap {
  z-index: 10001;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 85px;
  text-align: center;
  opacity: 0;
  transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);
  z-index: -1;
}

#youtube_menu_wrap.active {
  opacity: 1;
  z-index: 10001;
}

#youtube_menu_wrap > * {
  display: inline-block;
  vertical-align: top;
}

#youtube_menu_wrap button {
  overflow: hidden;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  position: relative;
}

#youtube_menu_wrap .play_pause_wrap {
  position: relative;
}

#youtube_menu_wrap .play_pause_wrap button {
  position: absolute;
  width: 10px;
  height: 13px;
  display: none;
}

#youtube_menu_wrap .play_pause_wrap button.show {
  display: block;
}

#youtube_menu_wrap .play_pause_wrap #play {
  background: url("../images/movie_play_btn.png") no-repeat left top;
}

#youtube_menu_wrap .play_pause_wrap #pause {
  background: url("../images/movie_paused_btn.png") no-repeat left top;
}

#youtube_menu_wrap #currenttime_bar {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B372777f,endColorstr=#B372777f);
  background: rgba(114, 119, 127, 0.7);
  width: 630px;
  height: 3px;
  position: relative;
  margin: 4px 25px 0 23px;
}

#youtube_menu_wrap #currenttime_bar span {
  background-color: #fff;
  position: absolute;
  display: block;
  height: 3px;
}

#youtube_menu_wrap #currenttime {
  margin-right: 28px;
  font-size: 9px;
  line-height: 13px;
}

#youtube_menu_wrap #mute {
  width: 16px;
  height: 11px;
  background: url("../images/movie_mute_off.png") no-repeat left top;
}

#youtube_menu_wrap #mute.on {
  background: url("../images/movie_mute_on.png") no-repeat left top;
}

#youtube_menu_wrap #sns_link {
  cursor: pointer;
  position: relative;
  margin-left: 15px;
}

#youtube_menu_wrap #sns_link .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 23px;
  height: 11px;
  background: url("../images/movie_link.png") no-repeat left top;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

#youtube_menu_wrap #sns_link .icon:hover {
  opacity: 0.4;
  filter: alpha(opacity=60);
}

#youtube_menu_wrap #sns_link ul {
  position: absolute;
  display: none;
  top: -80px;
  left: 0;
}

#youtube_menu_wrap #sns_link ul li a {
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

#youtube_menu_wrap #sns_link ul li a:hover {
  opacity: 0.4;
  filter: alpha(opacity=60);
}

#youtube_menu_wrap #sns_link ul .link01 {
  margin-bottom: 13px;
}

#youtube_menu_wrap #sns_link ul .link01 a {
  width: 23px;
  height: 14px;
  background: url("../images/movie_sns_icon01.png") no-repeat left top;
}

#youtube_menu_wrap #sns_link ul .link02 {
  margin-bottom: 15px;
}

#youtube_menu_wrap #sns_link ul .link02 a {
  width: 23px;
  height: 14px;
  background: url("../images/movie_sns_icon02.png") no-repeat left top;
}

#youtube_menu_wrap #sns_link ul .link03 {
  margin-bottom: 19px;
}

#youtube_menu_wrap #sns_link ul .link03 a {
  width: 23px;
  height: 16px;
  background: url("../images/movie_sns_icon03.png") no-repeat left top;
}

/*-------------------------------------------------- */
#page_navi {
  width: 40px;
  position: fixed;
  top: 0;
  right: 0px;
  z-index: 100;
  background-color: #1a1c1f;
}

#page_navi #page_navi_inner {
  position: relative;
}

#page_navi #page_navi_inner #menu_trigger {
  width: 40px;
  height: 40px;
  background: url("../images/side_menu_icon.png") no-repeat left top;
  margin-bottom: 28px;
  cursor: pointer;
}

#page_navi #page_navi_inner #pager {
  width: 18px;
  margin: 0 auto;
}

#page_navi #page_navi_inner #pager li {
  width: 18px;
  height: 18px;
  background: url("../images/side_pager_icon.png") no-repeat center center;
  margin-bottom: 2px;
  cursor: pointer;
}

#page_navi #page_navi_inner #pager li.active {
  background: url("../images/side_pager_icon_active.png") no-repeat center center; 
}
#page_menu_wrap #page_menu_mask #page_menu_inner ul li span.active,#page_menu_wrap #page_menu_mask #page_menu_inner ul li:hover{color:#e75825}
#page_menu_wrap {
  position: fixed;
  top: 0;
  left: 0;
  background: url("../images/page_navi_mask.png") repeat left top;
  z-index: 1000;
  display: none;
}

#page_menu_wrap #page_menu_mask {
  position: relative;
}

#page_menu_wrap #page_menu_mask .close_btn, #page_menu_wrap #page_menu_mask #move_close_btn {
  width: 32px;
  height: 33px;
  background: url("../images/page_navi_close_btn.png") no-repeat left top;
  cursor: pointer;
}

#page_menu_wrap #page_menu_mask #move_close_btn {
  position: absolute;
}

#page_menu_wrap #page_menu_mask #page_menu_inner {
  width: 350px;
  background: url("../images/page_navi_cover.png") repeat left top;
  position: absolute;
  top: 0;
  right: -350px;
  z-index: 1;
}

#page_menu_wrap #page_menu_mask #page_menu_inner .close_btn {
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  position: relative;
  top: 28px;
  left: 290px;
}

#page_menu_wrap #page_menu_mask #page_menu_inner .close_btn:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

#page_menu_wrap #page_menu_mask #page_menu_inner #top_page {
  padding: 0px 75px 0 45px;
  margin-bottom: 30px;
}

#page_menu_wrap #page_menu_mask #page_menu_inner #top_page span {
  position: relative;
  /*border-radius: 3px;*/
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
    width: 132px;
    padding-left: 80px;
    border: 2px solid #fff;
    font-size: 17px;
    color: #fff;
    display: block;
    margin: 38px auto 0;
    height: 37px;
    line-height: 37px;

}

#page_menu_wrap #page_menu_mask #page_menu_inner #top_page span:hover {
  opacity: 0.4;
  filter: alpha(opacity=60); border-color: #e75825
}

#page_menu_wrap #page_menu_mask #page_menu_inner #top_page span a {
  height: 37px; font-size: 17px; color: #fff;line-height: 37px;
  overflow: hidden;
  text-decoration: none;
    background-size: auto 20px;
  position: relative;
  left: 0;
  display: block;
}
#page_menu_wrap #page_menu_mask #page_menu_inner #top_page span:hover a {
  color: #e75825
}
#page_menu_wrap #page_menu_mask #page_menu_inner #top_page span:after {
width: 10px;
  height: 37px;
  content: "";
  display: block;
  background: url("../images/jtt.png") no-repeat center;
  position: absolute;
  top: 0;
  right: 62px;
}
#page_menu_wrap #page_menu_mask #page_menu_inner #top_page span:hover:after {
    background-image: url("../images/jtt1.png");

}
#page_menu_wrap #page_menu_mask #page_menu_inner #top_page span:hover {
  opacity: 0.6;
}

#page_menu_wrap #page_menu_mask #page_menu_inner ul {
  padding: 125px 74px 0 65px;
}

#page_menu_wrap #page_menu_mask #page_menu_inner ul li {
  margin-bottom: 19px; font-size: 16px;
  /*.li_inner.active{
						span{
							left: -20px;
						}
					}*/
}

#page_menu_wrap #page_menu_mask #page_menu_inner ul li .li_inner {
  display: block;
  position: relative;
  cursor: pointer;
}

#page_menu_wrap #page_menu_mask #page_menu_inner ul li .li_inner span {
  height: 24px;
  font-size: 17px;
  overflow: hidden;
  background: url("../images/page_navi.png") no-repeat left top;
  position: relative;
  left: 0;   
  display: block;
}

#page_menu_wrap #page_menu_mask #page_menu_inner ul li .li_inner:after {
  width: 10px;
  height: 26px;
  content: "";
  display: block;
  background: url("../images/jtt.png") no-repeat center;
  position: absolute;
  top: 0;
  right: 10px;
}

#page_menu_wrap #page_menu_mask #page_menu_inner ul li .li_inner:hover:after, #page_menu_wrap #page_menu_mask #page_menu_inner ul li .li_inner.active:after {
  /*background: url("../images/page_navi_arrow_active.png");*/
   background-image: url("../images/jtt1.png");

}

#page_menu_wrap #page_menu_mask #page_menu_inner ul #page_menu_movie .li_inner span {
  background: url("../images/page_navi_top.png") no-repeat left top;
  background-size: auto 20px;
}

#page_menu_wrap #page_menu_mask #page_menu_inner ul #page_menu_movie .li_inner span:hover, #page_menu_wrap #page_menu_mask #page_menu_inner ul #page_menu_movie .li_inner.active span {
  background-position: 0 -10px;
}

#page_menu_wrap #page_menu_mask #page_menu_inner ul #page_menu01 span {
  background-position: 0 0;
}

#page_menu_wrap #page_menu_mask #page_menu_inner ul #page_menu01 span:hover, #page_menu_wrap #page_menu_mask #page_menu_inner ul #page_menu01 .active span {
  background-position: 0 -11px;
}

#page_menu_wrap #page_menu_mask #page_menu_inner ul #page_menu02 span {
  background-position: 0 -40px;
}

#page_menu_wrap #page_menu_mask #page_menu_inner ul #page_menu02 span:hover, #page_menu_wrap #page_menu_mask #page_menu_inner ul #page_menu02 .active span {
  background-position: 0 -51px;
}

#page_menu_wrap #page_menu_mask #page_menu_inner ul #page_menu03 span {
  background-position: 0 -80px;
}

#page_menu_wrap #page_menu_mask #page_menu_inner ul #page_menu03 span:hover, #page_menu_wrap #page_menu_mask #page_menu_inner ul #page_menu03 .active span {
  background-position: 0 -91px;
}

#page_menu_wrap #page_menu_mask #page_menu_inner ul #page_menu04 span {
  background-position: 0 -120px;
}

#page_menu_wrap #page_menu_mask #page_menu_inner ul #page_menu04 span:hover, #page_menu_wrap #page_menu_mask #page_menu_inner ul #page_menu04 .active span {
  background-position: 0 -131px;
}

#page_menu_wrap #page_menu_mask #page_menu_inner ul #page_menu05 span {
  background-position: 0 -160px;
}

#page_menu_wrap #page_menu_mask #page_menu_inner ul #page_menu05 span:hover, #page_menu_wrap #page_menu_mask #page_menu_inner ul #page_menu05 .active span {
  background-position: 0 -171px;
}

#page_menu_wrap #page_menu_mask #page_menu_inner ul #page_menu06 span {
  background-position: 0 -200px;
}

#page_menu_wrap #page_menu_mask #page_menu_inner ul #page_menu06 span:hover, #page_menu_wrap #page_menu_mask #page_menu_inner ul #page_menu06 .active span {
  background-position: 0 -211px;
}

/* -----------------------------------------------
 [common]
-------------------------------------------------- */
.technology_wrap {
  position: fixed;
  top: 0;
  left: 0;
}

.technology_wrap .mini_section {
  position: fixed;
  top: 0;
  left: 0;
}

.technology_wrap .technology_inner {
  position: relative;
  top: 0;
}

.technology_wrap .technology_inner .posi {
  width: 680px;
  height: 554px;
  padding: 0 65px;
  position: absolute;
  margin: 0 auto;
  left: 50%;
  -webkit-perspective: 1200;
  -moz-perspective: 1200;
  -ms-perspective: 1200;
  -o-perspective: 1200;
  perspective: 1200;
  z-index: 999;
  margin-left: -405px;
  
}

.technology_wrap .technology_inner .posi h1, .technology_wrap .technology_inner .posi .text, .technology_wrap .technology_inner .posi .btn {
  z-index: 500;
  -ms-filter: "alpha(opacity=0)";
  /* IE8 */
  opacity: 0;
  display: inline-block\9;
  position: relative;
}

.technology_wrap .technology_inner .posi .num {
  position: relative;
  top: -30px;
  left: 50%;
  z-index: 500;
  width: 120px;
  height: 127px;
  margin-left: -60px;
  background-color: #e75825;
  -ms-filter: "alpha(opacity=0)";
  /* IE8 */
  opacity: 0;
  display: inline-block\9;
}

.technology_wrap .technology_inner .posi .num p {
  line-height: 1;
  padding-top: 40px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.technology_wrap .technology_inner .posi .num .reason {
  padding: 0 0 36px;
  margin-bottom: 0;
  left: 0;
  right: 0;
  top: 78px;
}

.technology_wrap .technology_inner .posi h1 {
  position: absolute;    font-size: 48px;
  width: 500px;
  left: 50%; font-weight: 100;
  top: 100px;
  margin: 10px 0 24px -250px;
  text-align: center;
}

.technology_wrap .technology_inner .posi .text {
   line-height: 29px;padding: 180px 0 30px;    font-size: 17px;
     line-height: 27px;
    color: #fff;
  text-align: justify;
 }

.technology_wrap .technology_inner .posi .btn {
  width: 195px;
  left: 50%;
  top: 0;
  margin: 25px 0 0 -99px;
  /*border: 3px solid #eaeaea;*/
  line-height: 1;
}
/*.technology_wrap .technology_inner .posi .btn:hover{
  border-color: #e75825
}*/
.technology_wrap .technology_inner .posi .btn a {
  /*padding: 11px 0 11px;
  display: block;
  color: #fff;
  background: url("../images/arrow_btn.png") no-repeat 95% 12px;
  font-size: 15px;
  border: none;
  text-decoration: none;
  text-align: center;*/
   background: url("../images/jtt.png") no-repeat scroll 140px center;
  border: 2px solid #fff;
  color: #fff;
  display: block;
  width: 189px;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  margin: 60px auto 0;
  border-radius: 0;
  
 }
/*.technology_wrap .technology_inner .posi .btn a:hover{  color: #e75825; background: url("../images/page_navi_arrow_active.png") no-repeat 95% 12px;*/
}
.technology_wrap .technology_inner .posi .btn a img {
  vertical-align: middle;
}

.technology_wrap .technology_inner .posi .btn.wide {
  width: 229px;
  left: 50%;
  margin-left: -114px;
}

.technology_wrap .technology_inner .posi .blur {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 300;
  width: 100%;
  height: 100%;
  -ms-filter: "alpha(opacity=0)";
  /* IE8 */
  opacity: 0;
  display: inline-block\9;
}

.technology_wrap .technology_inner .posi .blur span {
  /*margin-left: 20px;*/
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.technology_wrap .technology_inner .posi .target {
  -ms-filter: "alpha(opacity=0)";
  /* IE8 */
  opacity: 0;
  display: inline-block\9;
}

/*
.technology_wrap.keep{
	.posi{
		padding-top: 152px;
	}
}
*/
.bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-size: cover !important;
}

.blur span {
  background-size: cover !important;
}

/* -----------------------------------------------
 [section ]
-------------------------------------------------- */
#section02 .bg {
  background: url("../images/img_section01.jpg") no-repeat center center;
}

#section02 .blur span {
  background: url("../images/blur_section01.jpg") no-repeat center center;
}

#section03 .bg {
  background: url("../images/img_section02.jpg") no-repeat center center;
}

#section03 .blur span {
  background: url("../images/blur_section02.jpg") no-repeat center center;
}

#section04 .bg {
  background: url("../images/img_section03.jpg") no-repeat center center;
}

#section04 .blur span {
  background: url("../images/blur_section03.jpg") no-repeat center center;
}

#section05 .bg {
  background: url("../images/img_section04.jpg") no-repeat center center;
}

#section05 .blur span {
  background: url("../images/blur_section04.jpg") no-repeat center center;
}

#section06 .bg {
  background: url("../images/img_section05.jpg") no-repeat center center;
}

#section06 .blur span {
  background: url("../images/blur_section05_dark.jpg") no-repeat center center;
}

/* -----------------------------------------------
 [footer ]
-------------------------------------------------- */
#footer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: #fff;
}

#other_contents_wrap {
  display: block;
}


.technology_inner .bg,.best_brand_header .bg{-webkit-transition: all .3s;
  /*background-size: 100%;*/
-o-transition: all .3s;
transition: all .3s;}


.zjfilter{
/*    -webkit-filter: blur(5px);filter: blur(5px); 
    opacity: .6;*/
    /*box-shadow: 0 0 5px #858585;*/

}


.technology_inner:hover .bg,#best_brand_header:hover .bg{ background-size: 120%; }
/*.technology_inner img{width: 100%;-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}

.technology_inner:hover img{-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}*/



.posi:hover { /* transform: rotateY(10deg); box-shadow: 0 0 10px #000 */}

 













