/* Version:1.0  Author: Amy
  Create Date:2017-09-05 
  Update Date:2017-11-11 Amy
  Desc : Home Phone Plans CSS */ 
  
/* BannerAll Begin */
.bannerAll{background: url("../images/vip/koru_TVBanner01.jpg") no-repeat; background-size: 101%;}
.bannerAlla{background: url("../images/vip/tvBanner.jpg") no-repeat; background-size: 100%;}
/* BannerAll End */
.bannerAlla{max-width: 1920px; height: 22.3vw; text-align: center; padding-top: 6%; padding-right:15%;  color: #213f9a; letter-spacing: -.1vw;}
.bannerTitlea{width: 45%!important;}
.bannerTitleb{width: 50%; margin-bottom: 1.5%; margin-top:4%; line-height: 1.1;letter-spacing: -.1vw;margin-left: 63%;}
.bannerText2{ text-align:right; padding-right:4.6%}
/*Plans Begin*/
.tv_banner{ width: 45%;}
.tv_banner left{ float: left}
.tv_banner right{ float: right}
.tv_tit{text-align: center; margin-top: 3%; margin-bottom: 2%; letter-spacing: -.1vw;line-height: 1.3}
.tvbg_box{width: 90%; margin: 0 auto; }
.tvbg_boxa{float: left;  width: 100%; }
.tvbg_box img,.tvbg_boxa img{width: 100%;}
.tvbg_box_tit{text-align: center; margin-bottom: 10%; line-height: 1.4; }
.tvbg_box_titx{text-align: center; margin-bottom: 5%;letter-spacing: -1px;line-height: 1.4;}
.tvbg_box_tita{border-bottom: 1px #000 solid; margin-top: 4%; padding-bottom: 1%;letter-spacing: -.1vw;}
.tvbg_box_tity{border-bottom: 1px #000 solid; margin-top: 2%; padding-bottom: 1%;letter-spacing: -.1vw;}
.tvbg_box_titb{border-bottom: 3px #000 solid; padding: 3% 0% 4% 0%;}
.tvbg_box_titb span,.tvbg_box_tita span{vertical-align: middle; line-height: 1;}
.tvbg_box_titz{border-bottom: 3px #000 solid; padding: 1.5% 0% 2% 0%;}
.left{float: left;}
.right{float: right;}
.titleMgnBtm,.bbPlan,.bbPlanOther,.bbTryout,.bbApp,.otherFuncBox{text-align: center;}
.tryoutCon > .left,.tryoutCon > .right{width: 50%;}
.textBox p,.planBtn p{margin-bottom: 0;}
.bbPlan,.bbPlanOther{margin: 0 auto;padding: 0 6%;}
.bbPlanOther{margin-top: 4%;}
.bbPlan{ background-color:#000; padding-bottom:5%}
.planTitleBig{ color: #fff; margin-bottom: 2.5%; padding-top: 3.5%}
.planBox .planCon,.planBox .planSpace{float: left;}

.planSpace{ width: 3.5%;position: relative;}
.plan2{ margin-left:3.5%}
.planCompare{
	overflow: hidden;
	position: absolute;
	z-index: 100;
	margin-left: -17%;
	margin-top: 18%;
	width: 146%;
	bottom: 1px;
	left: -3px;
}
.planCompare img{display: inline-block; width: 100%;}
.planFormCon{padding-bottom: 1.8%;}
.planCon{width: 48%; background: #fcfcfc; margin-bottom:5%}
.titleBox{border-bottom:1px solid #222; padding: 0 21%;}
.titleBox p{padding:8% 0% 2% 0%; margin-bottom:-9.5%; background-color:#fcfcfc}
.titleBox2 p{background: #fcfcfc;padding-left: 0;}
.planText{margin-top: 8%;}
.textBox{margin-top: 2%; padding-bottom: 7%; padding-right: 1%;}
.textBox p{color: #ff7f00;}
.textBox p img{display: inline-block; width: 12.2%; padding-bottom: 4%;}
.planList{background: #f2f2f2;}
.listCon{padding: 10% 10% 8% 11%; text-align: left;}
.listCon p{margin-bottom: 3%; padding-left: 7%; background: url(../images/icons/hookIconOrange.png) no-repeat; background-size: 4%; background-position-y: .2vw; line-height:24px; }
.planBtn{float: left; width: 44%; background: #327fe8; margin-left: 28%; margin-top: -5%; padding-bottom: .2%; border-radius: 10px; cursor: pointer;}
.planBtn2{width: 34%; background: #327fe8; margin: 2% auto;  border-radius: 10px; cursor: pointer;}
.planBtn2 p{line-height: 1.5em; text-align:center}
.planBtn p{line-height: 1.8em;}

.planBtn3{width: 42%; background: #327fe8;  border-radius: 10px; cursor: pointer; float:left; margin-left:6%; padding-top:1%}
.planBtn3 p{line-height: 1.5em; text-align:center}


.planBtn a{color: #fff;}
.planBtn2 a{color: #fff;}
.planBtn3 a{color: #fff;}

.planOtherBox{margin-bottom: 5%;}
.planRefund{margin-bottom: 4.5%;}
.planYear{}
.planYearUp{background: #f8f8f8; padding-top: 8%; padding-bottom: 5.5%; padding-left: 22%;}
.planYearUp .yearText{float: left;}
.planYearUp .yearTextCenter{margin-left: 3%; margin-right: 2%;}
.planYearUp .yearTextRight{width: 36%; padding-right: 4%; text-align: left;}
.planYearUp .priceBox3 {margin-top: -10%;}
.planYearDown .planBtn{width: 22%; margin-left: 39%; margin-top: -2.5%;}
.planYearDown .listCon{padding: 5% 2% 3.5% 5.1%;}
.planYearDown .listCon p{float: left; width: 46%; margin-bottom: 2%; margin-right: 5%; padding-left: 2.9%; background-size: 3.7%;}
.planYearDown .listCon p.conRight{margin-right: 0;}
.planIcons{margin-bottom: 6%;}
.iconsBox .iconCon{float: left; padding: 8.8% .5%  0 .5%; width: 14%; margin-bottom:5%}

.iconsBox .iconCon p{margin-bottom: 0;}
.listCon2{padding: 10% 10% 8% 25%; text-align: left;}
.listCon2 p{margin-bottom: 3%; padding-left: 7%; background: url(../images/icons/hookIconOrange.png) no-repeat; background-size: 4%; background-position-y: .2vw; line-height:24px}
.listCon3{padding: 10% 10% 8% 18%; text-align: left;}
.listCon3 p{margin-bottom: 3%; padding-left: 7%; background: url(../images/icons/hookIconOrange.png) no-repeat; background-size: 4%; background-position-y: .2vw; line-height:24px}


.iconsBox .iconCon1{ background:url(../images/italkm/italkmPlanIcon01.png)  no-repeat top; background-size: 60%;}
.iconsBox .iconCon2{ background:url(../images/italkm/italkmPlanIcon02.png)  no-repeat top; background-size: 60%;}
.iconsBox .iconCon3{ background:url(../images/italkm/italkmPlanIcon03.png)  no-repeat top; background-size: 60%;}
.iconsBox .iconCon4{ background:url(../images/italkm/italkmPlanIcon04.png)  no-repeat top; background-size: 60%;}
.iconsBox .iconCon5{ background:url(../images/italkm/italkmPlanIcon05.png)  no-repeat top; background-size: 60%;}
.iconsBox .iconCon6{ background:url(../images/italkm/italkmPlanIcon06.png)  no-repeat top; background-size: 60%;}
.iconsBox .iconCon7{ background:url(../images/italkm/italkmPlanIcon07.png)  no-repeat top; background-size: 60%;}
.iconsBox .iconCon8{ background:url(../images/italkm/italkmPlanIcon08.png)  no-repeat top; background-size: 60%;}
/*Plans End*/


.bbTryout{background: #f2f2f2; margin-bottom:5%}
.tryoutCon{padding: 3.5% 0 4% 0;}
.tryoutCon > .left{padding-right: 4.2%;padding-left:5.2%; padding-bottom: 29.5%; border-right: 1px #c1c1c1 solid;background:url(../images/phone/bbPlanPic01.png) no-repeat scroll bottom;background-size: 77%;}
.tryoutCon > .right{padding-right: 4.4%; padding-left: 4.5%; padding-bottom: 35%; background:url(../images/phone/bbPlanPic02.png) no-repeat scroll bottom; background-size: 79%;}
.tryoutTxt{text-align: left;}
.numberSearch{margin-top: 4%;}
.searchImg,.searchBar,.searchBarLine,.searchButton{float: left; padding-top: 1.8%; padding-bottom: 1.8%; border: 1px solid #b1b1b1; line-height: 1.5; text-align: center;}
.searchImg{
	margin-left: 0%;
    width: 8%;
	font-weight: bold;
	border-right: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
	background: #fff url(../images/icons/phoneIconSmall.png) no-repeat scroll center center;
	background-size: 48%;
    background-position-x: 60%;
}
.searchBar,.searchBarLine{
    padding-left: 1%;    
    margin-bottom: 0.5%;
    width: 21%;
	color: #aaa;
	border-radius:0;
	border-left: none;
	border-right: none;    
}
.searchBarLine{
    width: 3%;
	padding-left: 0%;
	color: #b1b1b1;
	background: #fff;
}
.searchButton {   
    width: 21%;	
    font-weight: bold;
	color: #ff7f00;
    cursor: pointer;
	background: #fff;
	border-left-color: #ccc;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: inset 0 0 0 0 #ff7f00;
    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    transition: all ease .8s;
}
.searchButton:hover{color: white; box-shadow: inset 200px 0 0 0 #ff7f00;}
.searchImg,.searchBar,.searchBarLine,.searchButton{line-height: 1.5}
.bbApp{ padding: 3.5% 7.5%; padding-bottom: 2.5%; background:url(../images/phone/bbPlanBg02.jpg) no-repeat scroll top; color: #f2f2f2; }
.appAPK{float: left;  margin-left: 78.5%; cursor: pointer; margin-top: .6%;margin-bottom: 1.8%;}
.appAPK img{width: 70%;}
.appNote{text-align: center;}
.appQRcode{margin-top: 2.5%;}
.QRcode p{float: left; width: 20%;margin-left: 20%;}
.QRcode p:first-child{margin-top: 0;}
.QRcode p img{width: 100%; display: block;}
.QRcode p img:first-child{margin-bottom: 8%;}
.bbFunction{ margin-bottom:10%;}
.function{width: 50%; padding: 0 5.2%; padding-top: 16%; margin-bottom: 5%;}
.function1{background:url(../images/phone/bbPlanBigIcon01.png)  no-repeat top; background-size: 26.2%;}
.function2{background:url(../images/phone/bbPlanBigIcon02.png)  no-repeat top; background-size: 26.2%;}
.function3{background:url(../images/phone/bbPlanBigIcon03.png)  no-repeat top; background-size: 26.2%;}
.function4{background:url(../images/phone/bbPlanBigIcon04.png)  no-repeat top; background-size: 26.2%;}
.otherFunction {margin-bottom: 7%;}
.otherFunction .otherTitle{margin-bottom: 3%;}
.otherFuncBox{padding: 0 3.5%;margin-bottom: -1%;}
.otherFuncBox .Func{float: left; padding: 8% .5%  0 .5%; width: 16.6%;}
.otherFuncBox .Func1{ background:url(../images/phone/bbPlanIcon09.png)  no-repeat top; background-size: 42%;}
.otherFuncBox .Func2{ background:url(../images/phone/bbPlanIcon10.png)  no-repeat top; background-size: 42%;}
.otherFuncBox .Func3{ background:url(../images/phone/bbPlanIcon11.png)  no-repeat top; background-size: 42%;}
.otherFuncBox .Func4{ background:url(../images/phone/bbPlanIcon12.png)  no-repeat top; background-size: 42%;}
.otherFuncBox .Func5{ background:url(../images/phone/bbPlanIcon13.png)  no-repeat top; background-size: 42%;}
.otherFuncBox .Func6{ background:url(../images/phone/bbPlanIcon14.png)  no-repeat top; background-size: 42%;}
.Func .btnImgN img{width: 6.8%; margin-left: 4%; margin-bottom: 1%;}
.otherIconBox{margin-top: -3%;}
.otherIconBox .foldText{text-align: left; padding-left: 6%; padding-right: 4%;}
.otherIconBox p{margin-top: 2%;}

.simcard_box{ width:90%; margin:auto; padding:3% 0;  overflow:hidden;}
.simcard_box p{ text-align:center;}
.simcard_box_l{ width:45% ; padding-left:5%; float:left}
.simcard_box_r{ width:45% ; padding-right:5%; float:right}
.simcard_box_l img{ width:20%; margin:0 auto; margin-bottom:5%}
.simcard_box_r img{ width:20%; margin:0 auto; margin-bottom:5%}


.tit_data{ width:400px; height:30px; background-color:#327fe8;
 color:#FFF; margin:30px 0 ; text-align:center; line-height:30px;
 font-size:18px; font-weight:bold; border-radius:5px 5px 0 0; 
 }
.rental_step{width:940px; height:900px; border:3px solid #F4F4F4;overflow:hidden;margin-bottom:20px; margin:0 auto;}

.rental_step img{float:left; margin:30px 30px 30px 30px;}
.step{ float:left; width:750px; height:auto; margin-top:24px; margin-left:10px; margin-bottom:10px; border-bottom:1px dotted #CCCCCC}
.step_box{width:50px; height:30px; line-height:30px; background-color:#ff7f00;  text-align:center; 
          color:#FFF; border-radius:3px;display:inline-block; float:left; margin-right:10px;
}
.step_tit{ line-height:30px; color:#000}
.step_con{ color:#000; line-height:1.3em;}
.dot{font-size:8px; display:block; float:left; margin-right:5px;height:20px; line-height:20px;}

/*slogh*/
.tvslogh{width: 60%; height: 11vw; margin: 0 auto; margin-top: 5%; border-top: .15vw #0b318f solid; border-bottom: .15vw #0b318f solid;}
.sloghTit{width: 68%; height: 4.8vw;margin: 0 auto;border-radius: 50px;margin-top: -4.5%;background-color: #0b318f;text-align: center;letter-spacing: -3px;}
.sloghTit p{color: white;letter-spacing: -.15vw; padding-top: 2.5%; margin-top: 0%;}
.sloghtita{float: left; padding-top: 2%; margin-left: 3%;letter-spacing: -.1vw;line-height: 1.4}
.tvcon{float: left; width: 7.5vw; padding-top: 2%;}
.tvcona{float: left; width: 2.3vw; padding-top: 5%; margin-left: 1%;}
.sloghtitb{float: left; padding-top: 2%; margin-left: 1%;letter-spacing: -.1vw;line-height: 1.4}
/*slogh*/

/*bundelsplan*/
.tvPlan{width: 100%; margin: 0 auto;}
.tvPlanb{float: left; width: 100%; border: 0.15vw solid #d1d3d4; border-radius: 2vw; padding: 1.5% 3%; line-height: 1.4; margin-top: 1%;letter-spacing: -0.05vw;}
.planTit{height: 5vw; background-color: #2e3092; border-radius: 30px; color: #fff329; text-align: center;padding-top: 2%; letter-spacing: -.05vw;}
.eimg{float: left; margin-top: 1%;}
.tvPlan img{width: 25%!important;}
.etit{float: left; width: 100%; margin-top: 1%;}
.etita,.etitb,.etitc{width: 100%; border-radius: 1.2vw; text-align: center}
.etita{letter-spacing: -0.2vw; background-color: #e1f4fd;padding-top: 1.2%; padding-bottom: 1.5%; color: #213f9a;}
.etitb{letter-spacing: -0.08vw; background-color: #fde9f1; margin-top: 1%;padding-top: 1.2%; padding-bottom: 1.5%; color: #91268f;}
.etitc{letter-spacing: -0.1vw; background-color: #e3f2e7; margin-top: 1%;padding-top: 1.8%; padding-bottom: 2%;color: #00854a;}
.dtit{width: 100%; float: left; color: #ed1b23; padding: 1% 1%;letter-spacing: -0.06vw;line-height: 1.4;}
.tvPlana{float: left; width: 100%; border: 0.2vw solid #00accd; border-radius: 2vw;}
.tvPleft{float: left; width: 30%; background: -webkit-linear-gradient(left, #233f93, #00addc); border-bottom-left-radius: 1.8vw; border-top-left-radius: 1.8vw;padding: 6.5%; text-align: center;letter-spacing: -0.05vw;line-height: 1.4;}
.tvPright{float: left; width: 70%; padding: 2.4%; text-align: center;letter-spacing: -0.05vw;line-height: 1.4;}
/*bundelsplan*/

.title10x{font-size: 1.1vw;}
.title11x{font-size: 0.95vw;}
.title12x{font-size: 2.1vw;}

.title1t{font-size: 2.9vw;}
.title2t{font-size: 2.3vw;}
.title3t{font-size: 1.4vw;}

.title1z{font-size: 2.5vw;}
.title2z{font-size: 1.4vw;}

.title1y{font-size: 3.4vw;}
.title2y{font-size: 3vw;}
.title3y{font-size: 1.22vw;}
.title4y{font-size: 2.4vw;}
.title5y{font-size: 1.95vw;}
.title6y{font-size: 1.02vw;}

@media (max-width:1600px) {
	/* fontSize start */
	
	
}
/*Price Position Begin*/
@media  (min-width:1801px) and (max-width:1880px){
    .planYearUp{padding-left: 21.3%;}
    .planYearUp .yearTextRight{width: 34%; padding-right: 4%;}
}
@media  (min-width:1701px) and (max-width:1800px){
    .planYearUp{padding-left: 20.5%;}
    .planYearUp .yearTextRight{width: 34%; padding-right: 4%;}
}
@media  (min-width:1601px) and (max-width:1700px){
    .planYearUp{padding-left: 19.5%;}
    .planYearUp .yearTextRight{width: 32%; padding-right: 4%;}
}
@media  (min-width:1501px) and (max-width:1600px){
    .planYearUp{padding-left: 21.5%;}
    .planYearUp .yearTextRight{width: 34%; padding-right: 4%;}
}
@media  (min-width:1401px) and (max-width:1500px){
    .planYearUp{padding-left: 20.6%;}
    .planYearUp .yearTextRight{width: 34%; padding-right: 4%;}
}  
@media  (min-width:1301px) and (max-width:1400px){
    .planYearUp{padding-left: 22%;}
    .planYearUp .yearTextRight{width: 34%; padding-right: 4%;}
}
@media  (min-width:1001px) and (max-width:1300px){
	
    .planYearUp{padding-left: 23%;}
    .planYearUp .yearTextRight{width: 34%; padding-right: 4%;}
}
/*Price Position End*/

@media  (min-width:768px) and (max-width:1000px){
    /* BannerAll Begin 
    .bannerAll{background: url("../images/vip/ipadTVBanner.jpg") no-repeat; background-size: 100%;}
	 BannerAll End */
	.bannerText2{ text-align:center;}
    /*Plans Begin*/	
	.bbPlan,.bbPlanOther{padding: 0 5%;} 
	.bbPlanOther{margin-top: 6%;}
    .titleBox{padding: 0 15%;}
	.titleBox p{padding:8% 0% 2% 0%; margin-bottom:-9.5%; background-size: 18%; background-position-x: 9.5%;background-position-y: 50%;}
	.titleBox2 p{background: #fcfcfc;padding-left: 0;}
	.planText{margin-top: 9%;}
	.priceBox{margin-top: 7.5%;}
	.priceBox1{margin-left: 28%;}
	.priceBox2{margin-left: 20.4%;}
	.textBox p img{width: 17%;}
	.listCon{ padding: 9% 8% 6% 9%;}
	.listCon p{padding-left: 8%; background-size: 5%;background-position-y: .34vw;}
	.planBtn{width: 56%;  margin-left: 22%;  margin-top: -6%; padding-top: .1%;}
	.planBtn p{margin-bottom: 1.2%;line-height: 1.5;}	
    .planOtherBox{margin-bottom: 5.5%;}
    .planYearUp{padding-left: 15%;}
	.planYearUp .yearTextCenter{margin-left: 4%; margin-right: 2.5%;}
	.planYearUp .yearTextRight{padding-right: 4%; width: 29%;}
	.planYearUp .priceBox3 {margin-top: -10%;}
	.planYearDown .planBtn{width: 24%; margin-left: 38%;}
	.planYearDown .listCon{padding: 5% 1% 3.5% 4.1%;}
	.planYearDown .listCon p{width: 46.2%; padding-left: 3.5%; background-size: 4.75%; background-position-y: .2vw;}
	.planIcons{margin-bottom: 7.1%;}
	.tryoutCon{padding: 6% 0 7% 0;}
	/*Plans End*/
	
    .bbApp{padding: 6% 5%; padding-bottom: 3.8%; text-align: left;margin-bottom: 7%;}
	.bbTryout{padding-bottom: 3.8%;}
	.appAPK img{width: 60%;}
    .appNote{text-align: center;}
    .function{padding: 0 5%;padding-top: 16%; margin-bottom: 5%;}
	.otherFunction {margin-bottom: 6%;}
	.otherFuncBox{margin-bottom: 6%}
	.Func .btnImgN img{width: 8%;}
}

@media (max-width:767px){
    /* BannerAll Begin */
    .bannerAll{background: url("../images/vip/mkoru_TVBanner01.jpg") no-repeat; background-size: 100%;margin-top:-1.8%}
	.bannerAlla{height: 37.25vw;}
	.bannerTitlea{width: 100%!important;}
	/* BannerAll End */
	.bannerText2{ text-align:center;}
    /*Plans Begin*/
	.bbTryout,.bbApp,.otherFuncBox{text-align: left;}
	.bbPlan,.bbPlanOther{padding: 0;}
	.bbPlanOther{margin-top:7%;}
	.bbPlan{background: url(../images/phone/mBBPlanBg01.jpg) no-repeat;background-size: 100%;}
	.planTitleBig{line-height: 2.2;}
	.planCon .titleBox{padding: 0 15%;}
	.planBox .planCon{background: none;}
	.planBox .planUpper{background: #fcfcfc;}
	.titleBox p{padding:8% 0% 2% 0%; margin-bottom:-9.5%; background-size: 18.5%; background-position-x: 9.5%;background-position-y: 50%;}
	.titleBox2 p{background: #fcfcfc;padding-left: 0;}
	.planText{margin-top: 11%;}
	.textBox p.textSpecial{margin: 8% 0;}
	.textBox p img{width: 17%;}
	.planList .listCon{ padding: 10% 6% 5% 10%;}
	.planList .listCon p{padding-left: 8%; background-size: 4.6%;background-position-y: 1vw;}
	.planBtn{width: 56%;  margin-left: 22%;  margin-top: -6%; padding-top: 1.1%; padding-bottom: 1.1%;}
	.planBtn p{margin-bottom: 1.2%;line-height: 1.5;}	
	.planOtherBox{margin-bottom: 6%;}	
	.mSwiper-wrapper{}
    .mSwiper-slide {padding: 0 10%;}
    .mSwiper-button-disabled {display:none;}	
	.planOtherBox{padding: 0 6%;}
	.mPlanCompare{margin-bottom: 6%;}
	.planIcons{margin-bottom: 8%;}
	.iconsBox .iconCon{ width: 25%;padding: 0 2%;padding-top: 18%;margin-bottom: 6% ;}
	/*Plans End*/
	
   	.tryoutCon{padding-top: 13%; padding-bottom: 12.5%;}
    .tryoutCon > .left,.tryoutCon > .right,.bbFunction .function,.QRcode p,.appAPK{float: none; width: 100%;}	
	.tryoutCon > .left{border-right:none; border-right: 1px #c1c1c1 solid; padding-bottom: 50%; margin-bottom: 11.5%;}
	.tryoutCon > .right{padding-bottom: 52%;}
	.bbApp{margin-bottom: 17%; padding: 14% 5%; padding-bottom: 12%;background: #000 url(../images/phone/mBBPlanBg02.png) no-repeat scroll bottom;}
	.appAPK{margin-left: 48.5%;margin-bottom: 5%;}
	.appAPK img{width: 3.2%;}
	.QRcode{margin: 2% 0;}
	.QRcode p{margin-left: 0; padding: 3% 20%;}
	.QRcode span{display: none;}
	.apkNote{margin-right: 0; text-align: center;}	
    .function{padding-top: 36%; margin-bottom: 15%;background-size: 30%;}
	.otherFunction{margin-top: -1%; margin-bottom: 12%;}
	.otherFunction .otherTitle{margin-bottom: 5%;}
	.otherFuncBox{margin-bottom: -4%;}	
	.otherFuncBox .Func{width: 25%; padding: 0 2%;padding-top: 18%; margin-bottom: 6%;background-size: 60%;}
	.planIcons,.otherFuncBox{padding: 0 .6%;}	
	.bbTryout{ margin-bottom:17%}
	.simcard_box_l{ padding-left:0; float:left}
	.simcard_box_r{padding-right:0; float:right}
	.simcard_box_l img{ width:35%; margin:0 auto; margin-bottom:5%}
	.simcard_box_r img{ width:35%; margin:0 auto; margin-bottom:5%}

	.planBtn3 p{ margin-bottom:1%;}
	
	.tvbg_box{width: 91.5%;}
	.tvbg_box_titx{margin-bottom: 10%;}
	
	/*slogh*/
	.tvslogh{width: 89.5%; height: 18.5vw; margin: 0 auto; margin-top: 10%; border-top: .15vw #0b318f solid; border-bottom: .15vw #0b318f solid;}
	.sloghTit{width: 68%; height: 7.8vw;margin: 0 auto;border-radius: 50px;margin-top: -4.5%;background-color: #0b318f;text-align: center;letter-spacing: -.15vw;}
	.sloghTit p{color: white;letter-spacing: -.15vw; padding-top: 3%;}
	.sloghtita{float: left; margin-left: 3%;letter-spacing: -.15vw;}
	.tvcon{float: left; width: 11vw;display: none;}
	.tvcona{float: left; width: 2.5vw; margin: 1%;}
	.sloghtitb{float: left; margin-left: 1%;letter-spacing: -.15vw;}
	/*slogh*/
	
	/*bundelsplan*/
	.tv_banner{width: 100%;}
	.tvPlan{width: 100%; margin: 0 auto;}
	.tvPlanb{float: left; width: 100%;border: 0.15vw solid #d1d3d4; border-radius: 2vw; padding: 2%; margin-top: 1%;letter-spacing: -0.05vw;}
	.planTit{height: 8vw; background-color: #2e3092; border-radius: 10px; color: #fff329; text-align: center;padding-top: 2%; letter-spacing: -.15vw;}
	.eimg{float: left; margin-top: 1%;}
	.tvPlan img{width: 25%;}
	.etit{float: left; width: 100%; margin-top: 1%; text-align: center;}
	.etita,.etitb,.etitc{width: 100%; border-radius: 1.2vw;}
	.etita{letter-spacing: -0.08vw; background-color: #e1f4fd;padding-top: 2%;padding-bottom: 2%;color: #213f9a;}
	.etitb{letter-spacing: -0.13vw; background-color: #fde9f1; margin-top: 1%; padding-top: 2%;padding-bottom: 2%;color: #91268f;}
	.etitc{letter-spacing: -0.2vw; background-color: #e3f2e7; margin-top: 1%; padding-top: 2.5%;padding-bottom: 2.5%;color: #00854a;}
	.dtit{width: 100%; float: left; color: #ed1b23; letter-spacing: -0.05vw; line-height: 1.4}
	.tvPlana{float: left; width: 100%; border: 0.2vw solid #00accd; border-radius: 2.7vw;}
	.tvPleft{float: left; width: 30%; background: -webkit-linear-gradient(left, #233f93, #00addc); border-bottom-left-radius: 2.5vw; border-top-left-radius: 2.5vw;padding: 7%; text-align: center;letter-spacing: -0.05vw;line-height: 1.2;}
	.tvPright{float: left; width: 70%; padding: 2.7%; text-align: center;letter-spacing: -0.05vw;line-height: 1.4;}
	/*bundelsplan*/
	
	.title10x{font-size: 3.6vw;}
	.title11x{font-size: 2.9vw;}
	.title12x{font-size: 5.1vw;}
	
	.title1t{font-size: 6.5vw;}
	.title2t{font-size: 3.6vw;}
	.title3t{font-size: 2.5vw;}
	
	.title1z{font-size: 4.5vw;}
	.title2z{font-size: 3vw;}
	
	.title1y{font-size: 5vw;}
	.title2y{font-size: 4.3vw;}
	.title3y{font-size: 2.9vw;}
	.title4y{font-size: 3.6vw;}
	.title5y{font-size: 3.4vw;}
	.title6y{font-size: 2.9vw;}
}

@media (max-width:511px){	
	
}
