@charset "utf-8";
/* entrance */
body.clr-telecom.catv_toppage section#main {
    background: url(../img/bg_telecom-toppage_default.png)no-repeat center center;
}
body.clr-telecom.catv_toppage section#main.hover_booth1{
	background:url(../img/bg_telecom-toppage_hover1.png)no-repeat center center;
}
body.clr-telecom.catv_toppage section#main.hover_booth2{
	background:url(../img/bg_telecom-toppage_hover2.png)no-repeat center center;
}
body.clr-telecom.catv_toppage section#main.hover_booth3{
	background:url(../img/bg_telecom-toppage_hover3.png)no-repeat center center;
}

body.clr-telecom.catv_toppage .booth1{
  bottom: calc(50% + 100px);
  left: calc(50% + 250px);
  right: initial;
}
body.clr-telecom.catv_toppage .booth1 .triangle {
    left: 40px;
}
body.clr-telecom.catv_toppage .booth2{
  top: calc(50% - 25px);
  left: calc(50% + 145px);
  bottom: initial;
}
body.clr-telecom.catv_toppage .booth2 .triangle {
    left: 25px;
}
body.clr-telecom.catv_toppage .booth3{
  bottom: calc(50% + 28px);
  right: calc(50% + 250px);
  top: initial;
  left: initial;
}
body.clr-telecom.catv_toppage .booth3 .triangle {
    left: 255px;
}
/* entrance - moble */
@media screen and (max-width:480px) {
  body.clr-telecom.catv_toppage section#main{
    flex-wrap: wrap;
  }
  body.clr-telecom.catv_toppage .booth1,
  body.clr-telecom.catv_toppage .booth2,
  body.clr-telecom.catv_toppage .booth3,
  body.clr-telecom.catv_toppage .booth4{
    position: relative!important;
    top: 0!important;
    left: 0!important;
    bottom: 0!important;
    right: 0!important;
    width: 90%!important;
    margin: 10px auto!important;
  }
  body.clr-telecom.catv_toppage .booth2{
    position: relative!important;
    top: 0!important;
    left: 0!important;
    bottom: 0!important;
    right: 0!important;
    width: 90%!important;
    margin: 10px auto 0!important;
  }
  body.clr-telecom.catv_toppage .booth3{
    position: relative!important;
    top: 0!important;
    left: 0!important;
    bottom: 0!important;
    right: 0!important;
    width: 90%!important;
    margin: 0 auto 10px!important;
  }
  body.clr-telecom section#main h2{
    width: 90%;
    margin: 0 auto;
    padding: 0;
    line-height:1.2;
  }
  body.clr-telecom.catv_toppage .booth_title {
    background-color: rgba(13, 163, 155,0.85)!important;
    background-image: url(../img/icon_arrow_double.png)!important;
    background-repeat: no-repeat!important;
    background-position: right 5px center!important;
	 padding-right:20px;
  }
  body.clr-telecom.cat_index .booth_title .upper h3 {
    border-right: none!important;
  }
  body.clr-telecom.cat_index .booth_title .upper {
    border-bottom: none!important;
  }
}

/* white_layer */
body.clr-telecom .white_layer{
  background-color: rgba(0,0,0,0.8);
  color: #fff;
  width: 100%;
  height: 100%;
  line-height: 2.2;
}
body.clr-telecom .white_layer .wid1160{
  width: 1160px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
body.clr-telecom .white_layer .wid960{
  width: 960px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
body.clr-telecom .title_part{
  font-size: 18px;
  font-weight: bold;
}
body.clr-telecom .title_part h1{
  margin-bottom: 40px;
  line-height: 1.5;
}
body.clr-telecom .title_part .flex div{
  width: 50%;
}
body.clr-telecom .title_part .ta_c img{
  margin: 0 2em;
}

/*body.clr-telecom .detail_learnmore .ta_c img{  
  margin: 4em auto 2em;
}*/
@media screen and (max-width:480px) {
  body.clr-telecom .white_layer{
    position: absolute;
    width: 100%;
    height:auto;
    padding: 50px 15px;
	margin:0;
  }
  body.clr-telecom .white_layer .wid1160,
  body.clr-telecom .white_layer .wid960
  {
    position: static;
    width: calc(100% - 30px);
    margin: 0 auto;
    transform: none;
  }
  body.clr-telecom .title_part h1{
    margin-top: 0px;
    line-height: 1.3;
  }
  body.clr-telecom .title_part .flex{
    flex-wrap: wrap!important;
  }
  body.clr-telecom .title_part .flex div{
    width: 100%;
  }
  body.clr-telecom .title_part .ta_c img{
    margin: 2em auto;
  }
  body.clr-telecom .detail_learnmore .ta_c img{  
    margin: 2em auto;
  }
}


/* floor common*/
#bg_video{
	background: url('../img/background_img_telecom.jpg') no-repeat;
}
body.clr-telecom .booth_title p.title_name{
  border-bottom: none;
}
body.clr-telecom .btn_learnmore,body.clr-telecom .btn_contactus{
  display: inline-block;
  width: 156px;
  margin-bottom: 25px;
  margin-left: 18px;
  padding: 10px 15px 10px 25px;
  background: url(../img/icon_arrow_double-telecom.png)no-repeat left 10px center;
  background-color: #000;
	border:#2fcfc7 2px solid;
	color:#2fcfc7;
  font-weight: bold;
}
.cat_index .booth1:after{
	bottom:-50px;
	left:-180px;
}
.cat_index .booth2:after{
	bottom: -160px;
    left: -300px;
}
.cat_index .booth3:after{
    bottom: -150px;
    left: 110px;
}

/* clr-telecom*/
body.clr-telecom.catv_toppage .booth_title {
  background: rgba(13, 163, 155,0.85);
  color: #000;
  border: none;
}
body.clr-telecom.catv_toppage .booth .triangle {
  border-top: 13px solid rgba(13, 163, 155,0.85);
}
.white_layer button.toclose:before, .white_layer button.toclose:after {
    background: #fff;
}
body.clr-telecom button.text_btn,
body.clr-telecom button.youtubetoplay,
body.clr-telecom button.youtubetoplay2,
body.clr-telecom .item .item_submenu li
{
  color: #2fcfc7;
}
body.clr-telecom .booth_title{
	color:#2fcfc7;
	border:#2fcfc7 1px solid;
}
body.clr-telecom .booth_title .upper{
	border-bottom:#2fcfc7 1px solid;
}
body.clr-telecom.cat_index .booth_title .upper{
	border-bottom:#000 1px solid;
}
body.clr-telecom .booth_title .upper h3{
	border-right:#2fcfc7 1px solid;
}
body.clr-telecom.cat_index .booth_title .upper h3{
	border-right:#000 1px solid;
}
/*body.catv_toppage.clr-telecom .booth_title .upper{
	border-bottom:#000 1px solid!important;
}*/
/*body.catv_toppage.cat_index .booth_title .upper h3,
body.catv_toppage.cat_index .booth_title .upper{
	border:none!important;
}*/
body.catv_toppage.clr-telecom .booth_title .upper h3{
	
}
body.clr-telecom .btn_boothtitle_below:hover{
	background:#2fcfc7 url(../img/icon_arrow_black.png) no-repeat left 10px center;
}
body.clr-telecom .item .circle{
  background: rgba(13, 163, 155,0.85);
}
body.clr-telecom button.youtubetoplay img,body.clr-telecom  button.youtubetoplay2 img {
    border: #2fcfc7 1px solid;
}
body.clr-telecom .item .circle p{
		width:140px;
	margin:0 auto;
	margin-top:5px;
	/*text-shadow:0px 0px 4px rgba(13, 163, 155,1.0),0px 0px 4px rgba(13, 163, 155,1.0),0px 0px 4px rgba(13, 163, 155,1.0),0px 0px 4px rgba(13, 163, 155,1.0),0px 0px 4px rgba(13, 163, 155,1.0),0px 0px 4px rgba(13, 163, 155,1.0),0px 0px 4px rgba(13, 163, 155,1.0),0px 0px 4px rgba(13, 163, 155,1.0),0px 0px 4px rgba(13, 163, 155,1.0),0px 0px 4px rgba(13, 163, 155,1.0),0px 0px 4px rgba(13, 163, 155,1.0),0px 0px 4px rgba(13, 163, 155,1.0),0px 0px 4px rgba(13, 163, 155,1.0),0px 0px 4px rgba(13, 163, 155,1.0),0px 0px 4px rgba(13, 163, 155,1.0),0px 0px 4px rgba(13, 163, 155,1.0),0px 0px 4px rgba(13, 163, 155,1.0),0px 0px 4px rgba(13, 163, 155,1.0),0px 0px 4px rgba(13, 163, 155,1.0),0px 0px 4px rgba(13, 163, 155,1.0),0px 0px 4px rgba(13, 163, 155,1.0);*/
}
body.clr-telecom.catv_booth1 .item.item_4 .circle p,
body.clr-telecom.catv_booth3 .item.item_2 .circle p{
	width:180px;
}

/* booth1 telecom */
body.clr-telecom.catv_booth1 section#main{
	background:url(../img/bg_telecom-floor1.png) no-repeat center center;
	background-size:cover;
}
body.clr-telecom.catv_booth1.boothpage .item.item_1{
  bottom: calc(50% + 42px);
  right: calc(50% - 114px);
}
body.clr-telecom.catv_booth1.boothpage .item.item_1 img{
	margin: 10px auto 15px;
}
body.clr-telecom.catv_booth1.boothpage .item.item_2{
  top: calc(50% - 2px);
  right: calc(50% + 140px);
}
body.clr-telecom.catv_booth1.boothpage .item.item_2 img{
	margin: 20px auto 0px;
}
body.clr-telecom.catv_booth1.boothpage .item.item_3{
  bottom: calc(50% - 5px);
  left: calc(50% + 230px);
}
body.clr-telecom.catv_booth1.boothpage .item.item_3 img{
	margin: 25px auto 0px;
}
body.clr-telecom.catv_booth1.boothpage .item.item_4{
  top: calc(50% - 6px);
  left: calc(50% - 7px);
}
body.clr-telecom.catv_booth1.boothpage .item.item_4 img{
	margin: -10px auto 3px
}
@media screen and (max-width:480px) {
	body.clr-telecom.catv_booth1 section#main{
		height:auto;
		background-position:center center;
		background-size:900% auto;
	}
	body.clr-telecom .booth_title .upper h3{
	border-right:#2fcfc7 1px solid;
	}
	body.clr-telecom .booth_title .upper{
	border-bottom:#2fcfc7 1px solid;
	}
	body.clr-telecom .btn_learnmore{
		margin-bottom:10px;
	}
	body.clr-telecom.catv_toppage .booth_title{
	background: rgba(13, 163, 155,1.0);
	}
}


/* booth2 telecom */
body.clr-telecom.catv_booth2 #main_cont{
	background:url(../img/bg_telecom-floor2.png) no-repeat center center;
	background-size:cover;
}
body.clr-telecom.catv_booth2 section#main{
	background-image: none;
	height:100vh;
}
body.clr-telecom.catv_booth2.boothpage .item.item_1{
  bottom: calc(50% + 38px);
  left: calc(50% - 114px);
}
body.clr-telecom.catv_booth2.boothpage .item.item_1 img{
	margin: 25px auto 12px;
}
body.clr-telecom.catv_booth2.boothpage .item.item_2{
  bottom: calc(50% - 2px);
  left: calc(50% + 229px);
}
body.clr-telecom.catv_booth2.boothpage .item.item_2 img{
	margin: 5px auto 5px;
}
body.clr-telecom.catv_booth2.boothpage .item.item_3{
  top: calc(50% - 12px);
  left: calc(50% - 12px);
}
body.clr-telecom.catv_booth2.boothpage .item.item_3 img{
	margin: 5px auto 5px;
}
body.clr-telecom.catv_booth2.boothpage .item.item_4{
  top: calc(50% - 12px);
  right: calc(50% + 143px);
}
body.clr-telecom.catv_booth2.boothpage .item.item_4 img{
	margin: 5px auto 5px;
}
@media screen and (max-width:480px) {
	body.clr-telecom.catv_booth2 section#main{
		height:auto;
	}
	body.clr-telecom.catv_booth2 #main_cont{
		height:auto;
		background-position:top 180px center;
		background-size:700% auto;
	}
}


/* booth3 telecom */
body.clr-telecom.catv_booth3 section#main{
	background:url(../img/bg_telecom-floor3.png) no-repeat center center;
	background-size:cover;
}
body.clr-telecom.catv_booth3.boothpage .item.item_1{
  bottom: calc(50% - 7px);
  left: calc(50% + 146px);
}
body.clr-telecom.catv_booth3.boothpage .item.item_1 img{
	margin: 55px auto 25px;
}
body.clr-telecom.catv_booth3.boothpage .item.item_2{
	top:calc(50% - 30px);
	right:calc(50% + 60px);
}
body.clr-telecom.catv_booth3.boothpage .item.item_2 img{
	margin: 10px auto 5px;
}
@media screen and (max-width:480px) {
	body.clr-telecom.catv_booth3 section#main{
		height:auto;
		background-position:left -850px top 230px;
		background-size:420% auto;
	}
}