#ivs_c{
  padding-top: 170px;
}
.content{
  width: 100%;
  margin-top:110px;
}
.page_top{
  height: 338px;
}
.ss_ban{
  background: url(../images/ss_ban.jpg) no-repeat;
}
.cover{
  overflow: hidden;
}
.ss_bg{
  background: url(../images/ss_bg.jpg)left bottom no-repeat;
}
.ss_con{
  float: left;
  width: 100%;
}
.f{
  margin-left: 10px;
}
.m{
  margin:50px;
}
.m_r{
  margin-right:15px;
}
.m_r40{
  margin-right:40px;
}
.m_l{
  margin-left:15px;
}

.mem{
  margin-top: 70px;
}
.mem-block {
    display: inline-block;
}
.ch-3{
	width: 33%;
}
.mem-tit {
  width: 133px;
  height: 133px;
  border: 1px #36adf9 solid;
}
.mem-tit > p{
  padding: 30px 16px;
	text-align: center;
}
.mem-tit01 {
  width: 133px;
  height: 133px;
  line-height: 133px;
  text-align: center;
  background: #36adf9;
}
.mem-tit02 {
  width: 133px;
  height: 133px;
  text-align: left;
  background: #36adf9;
}
.mem-tit02 > p{
      text-align: center;
    padding: 37px 10px;
}
.mem-ul-line {
  border-left: 1px #36adf9 solid;
  margin-left: 30px;
  padding: 20px 0px 25px 56px;
  background: url(../images/ma_icon_pen.png) no-repeat 5% 13%;
}
.mem-ul-line2{
  background: none;
  padding-left: 35px;
}
.mem-ul-line li {
  padding-bottom: 8px;
  font-size: 16px;
  color: #4d4e4e;
}
.pf{
  color: #fff;
  font-size: 18px;
}
.p_b1,.mem-ul-line2 > li{
  color: #36adf9;
}
.p20{
  font-size: 20px;
}
#flexiselDemo3{
  margin-bottom: 30px;
}
.ann_rep_box{

  border: 1px solid #55bafa;
  margin: 0 15px;
}
.ann_rep_box:hover{
  background: #fdfae1;
}
.ann_rep_box > p{
  font-family: "Akzidenz-Grotesk BQ Light Small";
  src: url(assets/fonts/AkzidenzGrotesk-LightSC.otf);
  font-size: 40px;
  color: #36adf9;
  margin-top: 60px;
  margin-bottom:25px;
}
.ann_rep_box > img{
  margin:20px 0;
}
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right{
  background-color: #36adf9;
  background-image: url(../images/inv_left.png);
  background-repeat: no-repeat;
  width: 50px;
  height: 30px;
  padding-top: 20px;
  background-position: 10px 10px;
}
.nbs-flexisel-nav-right{
  background-image: url(../images/ss_right.png);
}
@font-face {
  font-family: "Akzidenz-Grotesk BQ Light Small";
  src:url(../../fonts/AkzidenzGrotesk-LightSC.otf);
}
.sm_list{
  margin-top: 10px;
}
.sm_list li{
  list-style-image: url(../images/cg_right_img.png);
  line-height: 16px;
  margin-right: 26px;
	font-size: 14px;
  margin-left: 12px;color:#666666;
}
.sm_list li a{

}

.box1{
	    margin: 1% 0;
	padding: 20px;

  width: 31%;
  float: left;
  background:60px 45px no-repeat,#36adf9;

}
.box3{
  width: 50%;
  float: left;
  background: #36adf9;
  padding: 50px 25px;
  color:#FFFFFF;
  font-size:20px;
}
.box2{
  width: 68%;
  float: left;
  padding-left: 25px;
}
.box2 a{
color:#36adf9;
padding:0 14px 0 0;

}
.box2 b{
	padding:0 20px;
	color:#36adf9;
	font-weight: normal;
}
.accordion b a{
color:#36adf9;
}

.year{
  color: #fff;
  font-size: 48px;
  font-family: "Akzidenz-Grotesk BQ Light Small";
}
.ss_li{
  width:88%;
  float:left;
  color: #fff;
}
.ss_li li{
  border-bottom: 1px solid #fff;
  background: url(../images/ss_img2.png) 5px 43px no-repeat;
  padding-left: 35px;
  line-height: 30px;
  padding-top: 30px;
}
.ss_li li a{
  color: #fff;
}
.ss_li2 li{

  float: left;
  background: url(../images/cg_dot.png) 0 15px no-repeat;
  padding:5px 0 5px 10px;
}
.ss_li2 li a{
  color: #666666;
}

.ss_li2 li.much{
  width: 100%;
  float: left;
}
div[data-mode*='subject'] {
    border: 1px solid #36adf9;
    float: left;
    cursor: pointer;
    background: url(../images/cg_right_img3.png)10px 15px no-repeat;
    background-size: 18%;
    color: #36adf9;
    font-size: 30px;
    margin:0 2px 5px 2px;
    padding: 8px 0 8px 43px;
    font-family: "Akzidenz-Grotesk BQ Light Small";
}
div[data-mode*='subject']:hover {
    background-color: #dbe9f1;
}
div[data-mode*='content'] {
    display: none;
}
div[data-mode*='show'] {
    background-color:#dbe9f1;
    margin: 1px 0 6px 2px;
    padding: 20px 0;
    float: left;
    width: 98%;
    display: none;
}

.fd_box1{
  display: inline-block;
  color: #36adf9;
  font-size: 24px;
  border: 1px solid #b9b9b9;
  padding: 30px 40px;
  width: 30%;
  float: right;
}
.fd_box1:hover{
  color: #36adf9;
  border: 1px solid #36adf9;
}
.fd_box1>p{
  margin-bottom: 0;
}
.fd_box2{
    border: 1px solid #b9b9b9;
    padding: 30px 40px;
    margin-right: 30px;
    background: #fff;
    width: 40%;
    float: right;
}
.fd_box2 h5{
  margin-bottom: 20px;
}
.fd_box2 a{
  color: #666;
}


/*ss_stock*/
.stock_box{
  width: 100%;
  float: left;
}
.left25{

 }
.s_img1,.s_img2,.s_img3,.s_img4{
  height: 362px;
}
.s_img1{
  background: url(../images/ss_sto_img1.jpg) no-repeat;
}
.s_img2{
  background: url(../images/ss_sto_img2.jpg) no-repeat;
  margin-top: 70px;
}
.s_img3{
  background: url(../images/ss_sto_img3.jpg) no-repeat;
}
.s_img4{
  background: url(../images/ss_sto_img4.jpg) no-repeat;
  margin-top: 70px;
}
.ss_text{
  font-size: 20px;
  color: #fff;
  line-height: 60px;
  text-align: center;
  background:rgba(54,173,249,.85);
  margin-right: 12px;
  margin-top: 302px;
  transition: 1s;
  -webkit-transition: 1s;
  -o-fill-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
}
.left25:hover .ss_text{
  line-height: 362px;
  margin-top: 0;
  transition: 1s;
  -webkit-transition: 1s;
  -o-fill-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
}
.btn_dec{
  width:210px;
  border: 1px solid #36adf9;
  background: url(../images/cg_right_img3.png) 20px center no-repeat;
  float: right;
  margin-right: 12px;
  margin-top: 30px;
}
.btn_txt{
  line-height: 40px;
  font-size: 18px;
  text-align: center;
  padding-left: 25px;
  margin: 0;
}

/*ss_qa*/
.qa_box{
  width: 100%;
}
.panel-group .panel{
  border-radius: 0;
}
.panel-default>.panel-heading{
  background: url(../images/ss_qa_q2.png) 25px 35px no-repeat,url(../images/cg_right_img3.png) 97% center no-repeat;
  border-bottom: 1px solid #55bafa;
}
.panel-title{
  padding-left: 60px;
  line-height: 50px;
  font-size: 20px;
  color: #2290d6;
}
.panel-title a:hover{
  color: #2290d6;
}
.panel-default{
  border: 0;
}
.qa_con{
  background: url(../images/ss_qa_a.png) 25px 30px no-repeat,#f1f1f1;
  padding-left: 60px;
  border: 0;
  margin-top: 10px;
  line-height:30px;
}
.panel-body{
  padding: 30px 15px;
}
.panel-heading{
  padding-top: 30px;
}
.qa_con table{
  border: 1px solid #55bafa;
}
.qa_con table tr td{
  line-height: 40px;
  padding: 10px 20px;
}
.qa_con table{
  width: 96%;
}
.tab_txt1{
  background-color: #55bafa;
  color: #fff;
  text-align: center;
  font-size: 18px;
}
td.tab_f{
  border: 1px solid #55bafa;
  padding: 0 20px;
}
.panel-group .panel-heading+.panel-collapse>.panel-body{
  border: none;
}

/*ss_mops*/
.mops_box{
  background: url(../images/ss_mops_bg.jpg) no-repeat 20% bottom;
}
.mops_body{
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.mops_txt{
  width: 25%;
  background-color: rgba(54,173,249,.9);
  padding: 90px 24px 33px 24px;
  text-align: center;
  margin: 0 6px;
}
.mops_txt h5{
  color: #fff;
  line-height: 60px;
}
.mops_txt p{
  color: #fff;
  font-size: 14px;
}

/*ss_board*/
.boa_con{
  padding: 80px 5%;
  padding-bottom: 10px;
}
.boa_con.con2{
  padding-top: 0;
}
.boa_txt{
  display: flex;
  padding: 30px 35px 20px 35px;
}
.boa_con .boa_txt + .boa_txt{
  border-top: 1px solid #cecece;
}
.year2{
  color: #36adf9;
  font-size: 36px;
  font-family: "Akzidenz-Grotesk BQ Light Small";
  border-right: 1px solid #dadada;
  padding: 0 30px 0 20px;
}
.boa_txt .year2.f{
  margin-left: 0px;
  padding-right: 20px;
}
.boa_con ul >li{
  float: left;
  width: 360px;
  background: url(../images/cg_dot.png) left center no-repeat;
  line-height: 30px;
  padding-left: 15px;
  margin: 5px 62px 5px -22px;

}
.boa_con ul >li a{
color:#666666;
}

.boa_bg{
  background: url(../images/ss_boa_bg.jpg) no-repeat;
  text-align: center;
  padding: 200px 0;
}
.boa_btn{
  border: 1px solid #36adf9;
  border-radius: 5px;
  font-size: 20px;
  color: #36adf9;
  background: rgba(255,255,255,0.9);
  padding: 18px 65px;
  margin: 0 20px;
}
.boa_btn:hover{
  color: #36adf9;
  background: rgba(255,255,255,1);
}

/*ss_note*/
.note_box{
  height: 1000px;
}
.abu_txt{
	width:100%;
	float:left;
	margin:0;
	}

.abu_txt_r{
width: 52%;
    float: right;
    background: #4cb2f2;
    margin: 1% 0 0 0;
    padding: 6% 2.5% 7% 2.5%;

	}
.abu_txt_r .tit{
	color:#fff;
	font-size:24px;
  border-bottom: 1px solid #fff;
  padding-bottom: 45px;
  margin-bottom: 35px;
	}
.abu_txt_r span{
	float:left;
	width:62%;
  margin-left: 30px;
	}
.abu_txt_r p{
	text-align: left;
	color: #fff;
	line-height: 30px;
	margin: 10px;
	}
.abu_txt_l{
	width:50%;
	float:left;
	left: 0;
	position:absolute;
	}
.learn-more2{
  background:none;
  color: #fff;
  border-color: #fff;
}

/*ss_FIN*/
.fin_bg{
  background: url(../images/ss_fin_bg.jpg) right bottom no-repeat;
}
.txt{
  display: flex;
  margin: 0 2%;
}
.b-box{
  width: 258px;
  height: 70px;
  background: #36adf9;
  }
.b-box::before{
  content: "";
  position: absolute;
  width: 140px;
  height: 1px;
  background: #36adf9;
  margin-left: 258px;
  margin-top: 20px;
}
.p1{
  margin: 30px 0 30px 15px;
}
.year3{
  background: #36adf9;
  width: 100px;
  line-height: 100px;
  text-align: center;
  font-size: 30px;
  color: #fff;
  margin-right: 10px;
  font-family: "Akzidenz-Grotesk BQ Light Small";
  src: url(assets/fonts/AkzidenzGrotesk-LightSC.otf);
  float: left;
}
.fin_tab{
  float: left;
  width: 90%;
}
.float_r{
  float: right;
}
.fin_tab table{
  width: 100%;
  line-height: 44px;
  text-align: right;
}
.fin_tab td{
padding:5px 2px;
}
.blue-line{
  border-bottom: 2px solid #55bafa;
  font-size: 20px;
}
.txt_blue{
	color: #36adf9;
	font-weight: bold;
}
.fin_tab tbody tr{
  border-bottom: 1px solid #cfcfcf;
}
.fin_tab h5.p_b1{
  margin-top: 20px;
  margin-bottom: 30px;
}
.nearly{
  padding-top: 70px;
}
.con_fin{
  margin-top: 40px;
}
.con_fin > li{
  float: left;
  margin: 0 2px;
  padding: 100px 20px 30px 20px;
  background-color: #ececec;
  border-bottom: 2px solid #55bafa;
  font-size: 18px;
}
.con_fin > li:hover{
  border: 1px solid #55bafa;
  border-bottom: 2px solid #55bafa;
}
.con_fin li > img{
  margin: 25px 0;
}
.pre_img{
  width: 1000px;
  height: 582px;
}

.rep{
width: 100%;float: left;
	top:40px;margin: 4% 0;
}
.rep ul{
	margin: 0 auto;
	text-align: center;
	width: 800px;

}
.rep li{
	width: 45%;
	float: left;
	display: inline;
	background-color: #b7dff9;
  padding: 15px;
  margin: 15px 15px;
  min-height: 785px;
}
.rep li date{
	font-size: 36px;

}
.rep li span{
	width: 50%;
	float: left;
	text-align: left;

    margin: 10px 0;

}
.rep h4{
		text-align:center;


}
.note_box2{
  /* height: 1250px; */
	margin: 0% 0;
}
.bnt2 {
    border: 1px solid #36adf9;
    padding: 10px 30px;
    margin: 20px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #36adf9;
    color: #36adf9;
}
.abu_txt_w{
	text-align: center;
	font-size: 22px;
	padding: 15px 0 2% 0;
	width: 70%;
	background-image: url(../images/abu_txt_w.gif);
	background-position: center top;
	background-repeat: no-repeat;
	}
.abu_txt_w a{
	color: #4cb2f2;

	}
@media screen and (min-width: 1200px) and (max-width: 1366px) {

}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .s_img1, .s_img2, .s_img3, .s_img4{
    background-size: 95%;
    height: 296px;
  }

  .note_box {
    height: 755px!important;
    height: 715px!important;
  }

  .abu_txt {
    padding: 20px 0px;
    margin: 0;
    position: relative;
  }

  .abu_txt_l {
    width: 50%;
    position: relative;
    display: inline-block;
  }

  .abu_txt_r {
    width: 53%;
    position: absolute;
    top: -25px;
    display: inline-block;
  }

  .abu_txt_r span {
    width: 100%;
  }


}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .btn_dec{
    margin-right: 0px;
  }
  .boa_con{
    padding-left: 0;
    padding-right: 0;
  }
  .boa_con ul >li{
    width: 350px;
    margin-right: 36px;
  }
  .ss_text{
    margin-top: 236px;
    background: url(../images/ss_right.png) no-repeat 95% center,rgba(54,173,249,.85);
    background-size: 12%;
  }
  .left25:hover .ss_text{
    line-height: 296px;
  }
  .name-if_blo.ff{
    /*transform: translateY(-24px);*/
	transform: translateY(0px);
  }
  .box1,.box2{
    width: 100%;
  }
  .box2{
    margin-top: 30px;
    padding-left:0;
  }
  div[data-mode*='subject'] {
      text-align: center;
      padding-left: 0;

      margin: 0px 4px 5px 4px;
  }
  .m_r40{
    margin-right: 2px;
  }
  .b-box::before{
    margin-left: 210px;
  }
  .box1{
    background:url(../images/ss_img1.png) 80px 70px no-repeat,#36adf9;
  }
  .fin_tab{
    width: 100%;
  }
  .note_box{
    height: 900px;
  }
  .abu_txt_r span{
  	width:80%;
  }

  .note_box{
    height: 880px;
  }


}
@media screen and (min-width: 320px) and (max-width: 768px) {
.panel-default>.panel-heading {
    height: 116px;
  }

  .ss_ban{
    background: url(../images/ss_ban.jpg) -320px 0 no-repeat;
  }
  .mops_box{
    background-size: 100%;
  }
  .mops_body{
    display: block;
  }
  .mops_txt{
    width: 100%;
    margin: 0;
  }
  .mops_txt.des{
    margin-top: 30px;
  }
  .box1,.box2,.ch-3,.left25{
    width: 100%;
  }
  .ss_li{
    width: 100%;
  }
  .year{
    margin-bottom: 70px;
  }
  .ss_li > li{
    margin-left:-35px;
  }
  .fd_box1{
    width: 100%;
    float: none;
    margin: 30px 0;
  }
  .fd_box2{
    width: 100%;
    float: none;
  }
  .sm_list li{
    margin-left: 24px;
  }
  .name-if_blo{
    padding: 30px 6%;
  }
  .s_img1,.s_img2,.s_img3,.s_img4{
    margin-top: 40px;
    background-size: 100%;
  }
  .ss_text{
    margin-right: 0;
  }
  .btn_dec{
    margin-right: 0px;
  }
  .boa_con{
    padding: 80px 0;
    padding-bottom: 10px;
  }
  .boa_txt{
    padding-right: 0;
    padding-left: 25px;
  }
  .year2{
    padding: 0 30px 0 0;
  }
  .boa_txt ul{
    width: 100%;
  }
  .boa_con ul >li{
    width: 100%;
    background: url(../images/cg_dot.png) left 13px no-repeat;
    line-height: 30px;
    margin-right: 0;
  }
  .boa_bg{
    padding: 100px 0;
  }
  .boa_btn{
    display: inline-block;
    margin: 10px 0;
  }
  .panel-title{
    padding-left: 70px;
    margin-right: 33px;
	line-height:24px;
  }
  .qa_con table tr td{
    padding: 10px 5px;
  }
  .box1{
    background:url(../images/ss_img1.png) 80px 80px no-repeat,#36adf9;
  }
  .box2{
    margin-top: 30px;
    padding-left:0;
  }
  .s_img1, .s_img2, .s_img3, .s_img4{
    height: 500px;
  }
  .ss_text{
    margin-top: 440px;
  }
  .left25:hover .ss_text{
    line-height: 500px;
  }
  div[data-mode*='subject'] {
      /*width: 100%!important;*/
      padding-left: 0;
      background:none;
      font-size: 20px;
      text-align: center;
      margin: 0px 2px 5px 2px;
  }
  .ss_li2 li{
    width: 100%;
  }
  .m_r40{
    margin-right:10px;
  }
  .fin_tab{
    width: 100%;
  }
  .b-box::before{
    margin-left: 50px;
    width: 100px;
  }
  .fin_bg{
    background: url(../images/ss_fin_bg.jpg) left bottom no-repeat;
  }
  .con_fin > li{
    width: 100%;
    margin: 0 0 30px -20px;
  }
  .abu_txt_r{
    width: 100%;
  }
  .note_box{
    height: 930px;
  }

  .abu_txt_r span{
    width: 95%;
    margin-left:10px;
    text-align: center;
  }
  .abu_txt_r p{
    margin: 0 0px;
  }
  .hidden-xs{
    display: none;
  }
  .fin_tab td{
  padding:5px 10px;
  }
  .fin_tab table{
    width: 250%;
  }
  .blue-line{
    font-size: 18px;
  }
  .qa_con table{
    width: 200%;
  }
  .pre_img{
    width: 100%;
    height: auto;
  }
  /**法說簡報**/
  .abu_txt_l {
    width: 94%;
    position: relative;
    top: -28px;
  }

  .abu_txt_r {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: -50px;
  }
.box2 b{
padding:0;
}
.box2 a{
padding:0 20px;

}
}
@media screen and (min-width: 667px) and (max-width: 768px) {
  .fin_tab table{
    width: 180%;
  }
  .qa_con table{
    width: 150%;
  }
  .note_box {
    height: 1080px;
  }
}
@media screen and (max-width: 500px) {
  .section-heading.ban h2{
    font-size: 36px;
  }
  .fin_tab table{
    width:350%;
  }
}
@media screen and (max-width: 499px) {
  .section-heading.ban::after{
    margin-top: 30px;
  }
  div[data-mode*='subject'] {
      margin: 0px 1px 3px 1px;
  }
}
@media screen and (max-width: 400px) {
  .ss_ban{
    background: url(../images/ss_ban.jpg) -360px 0 no-repeat;
  }
  .s_img1, .s_img2, .s_img3, .s_img4{
    height: 380px;
  }
  .ss_text{
    margin-top: 320px;
  }
  .left25:hover .ss_text{
    line-height: 380px;
  }

}
@media screen and (max-width:380px) {
  .note_box{
    height: 880px;
  }
  .fin_tab table{
    width:442%;
  }
  .qa_con table{
    width: 340%;
  }
	.abu_txt_l{
		display: none;
	}
	.section-padding {
    padding: 40px 0;
}
	.rep ul {

    width: 100%;
}
	.rep li {
    width: 273px;
    float: left;
    display: inline;
    background-color: #b7dff9;
    padding: 10px;
    margin: 6px 15px;
}
}

/**「iphone5」**/
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){
  .abu_txt_r .tit {
    padding-bottom: 25px;
  }
  .note_box {
    height: 838px;
  }
}

.clear{
  clear: both;
}