@charset "utf-8";
/* CSS Document */
#incon2{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	bottom:0;
	padding:.8vw 10px .5vw 0;
	animation:st .9s ease;
	}
#incon2 .con2{
	position:relative;
	width:94%;
	margin:0 auto;
	/**/
	font-size:var(--fs1);
	line-height:var(--fh1);
	font-weight:400;
	color:#473b2e;
	}
.s2{
    position: relative;
    width: 100%;
    height:25px;/*25*/
    background-attachment: scroll;
    background-position:50% 50%;
    background-repeat: repeat-x;
    background-position: 50% 50%;
    background-image: url(../images/s2.png);
    background-size:auto 1px;/*1*/
    margin: 0 auto 5px;
    opacity: .6;
    }
.s3{
    position: relative;
    width: 100%;
    height:20px;/*25*/
    background-attachment: scroll;
    background-position:50% 50%;
    background-repeat: repeat-x;
    background-position: 50% 50%;
    background-image: url(../images/s3.png);
    background-size:auto 1px;
    margin: 0 auto 5px;
    opacity: 1;
    }

.tc {
  	position: relative;
  	display: block;
  	text-align: center;
	}
.t_f1{
    position:relative;
    padding:.3rem 0 .8rem;
    }
.t_f1 .tbx{
    display:inline-block;
    padding:0;
    }
.t_f1 .f2{display:inline-block;}
.tbx{
	position:relative;
	padding:.3rem 0 .8rem;
	display:block;
	}
.t_f2{
    position:relative;
    width:50%;
    display:inline-block;
    margin: 0 -2px;
    }
.t3bx{position:relative;padding:.3rem 0 .8rem;display:inline-block;}
.t3bx li{
	position:relative;
    /*width:calc(100% / 4);*/
	padding:.3rem 1rem .3rem .5rem;
	display:inline-block;
	}
.live{
	position:absolute;
	width:65px;
	display:block;
	left:6.2%;
	bottom:85.5%;
	z-index:1;
	transition: all .5s;
	}
.live::before{
	position:relative;
	width:100%;
	padding-bottom:31.25%;/*25*/
	content:'';
	display:block;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	background-image: url(../images/live.png);
	}
.f1h {
  	position:relative;
  	display:inline-block;
	font-family:Arial,'Noto Serif TC','微軟正黑體',sans-serif;
  	font-size:var(--fs0);
  	line-height:var(--fh0);
  	font-weight:700;
  	color:#302214;
    padding:.3rem 2rem .8rem;
    margin-bottom: .5rem;
  	transition: all .5s;
	}
.f1h::before{
    position:absolute;
    width:290px;/*290*/
    padding-bottom:32px;/*32*/
	content:'';
    display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-size:100% auto;
	background-image:url(../images/f1h_bg.png);
    background-size:100% auto;
    left:-25px;
    top:17px;
    opacity:.38;
    }
.f1h::after{
    position:absolute;
    width:100%;
    height:100%;
	content:'';
    display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:0% 50%,100% 50%;
	background-size:100% auto;
	background-image:url(../images/f1h2_bg_l.png),url(../images/f1h2_bg_r.png);
    background-size:19px auto;
    left:0;
    top:-5px;
    }

.f1h span{
    position:relative;
    display:inline-block;
    z-index:1;
    }
.f1h_s{
    font-family:Arial,'Noto Sans TC','微軟正黑體',sans-serif;
    font-size:var(--fs0a);
    line-height:var(--fh0);
    font-weight:500;
    color:#614929;
    }
.f2 {
  	position:relative;
  	display:block;
  	font-size:var(--fs2);
  	line-height:var(--fh2);
  	font-weight:500;
  	color:#2b241c;
  	transition: all .5s;
	}
.f2_s {
    position:relative;
    font-weight:400;
    color:#f94c6d;
    }
.f2.k1{
    font-size:var(--fs2a);
    display:inline-block;
    padding:0 5px; 
    margin:.3rem 0 .6rem;
    color:#95703d;
    }
.f2.k1::before{
    position:absolute;
    width:100%;
    height:91%;
	content:'';
	display:block;
    left:50%;
    top:-1%;
    transform: translateX(-50%);
    border-top: 1px #95703d solid;
    border-bottom: 1px #95703d solid;
    }
.f2.k1a{
    font-size:var(--fs2b);
    display:inline-block;
    padding:0 8px; 
    margin:1rem .6rem 1.6rem 0;
    color:#95703d;
    }
.f2.k1a::before{
    position:absolute;
    width:100%;
    height:100%;
	content:'';
	display:block;
    left:50%;
    top:-5.3%;
    transform: translateX(-50%);
    border: 1px #95703d solid;
    }	
.f2.k2{
    display:inline-block;
    padding:0 5px; 
    margin:.6rem 0 .6rem;
    color:#473b2e;
    }
.f2.k2::before{
    position:absolute;
    width:100%;
    height:91%;
	content:'';
	display:block;
    left:50%;
    top:-1.5%;
    transform: translateX(-50%);
    border: 1px #473b2e solid;
    }
.red{
     color:#C51E1E;
     font-weight: 400;
    }
.red2{
     color:#ff456c;
     font-weight: 400;
    }
.black{
    color:#2b241c;
    font-weight:700;
    }
.blue{color:#29a5b3;}
.blue2{color:#2b82e4;}
.yellow{color:#fe7200;}
.green{color:#6b8416;}
.purple{color:#543b7a;}
.ylo{color:#95703d;font-weight:500;}
.thy{
    position: relative;
    font-size:var(--fs0t);
    display: inline-block;
    bottom:.8rem;
    padding:0 5px 0 1px; 
    }


.ic_1{
  	position:relative;
  	display:inline-block;
    padding-left:5px;
    margin-left:15px;
    }
.ic_1::before{
    position:absolute;
	width:13px;
	padding-bottom:13px;
	content:'';
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	background-image:url(../images/ic_1.png);
    right: 100%;
    top:45%;
    transform: translateY(-50%);
	}
.nb{position: relative;padding-left:21px;}
.nb li{
    position: relative;
    list-style-type:decimal;
    }
.ph1,.ph2{
	position:relative;
	display:inline-block;
	
	}
.ph1{margin:2rem auto 2rem;border: 1px solid #ad9778;}
.ph2{left:.5%;margin:1rem auto 3rem;}
.ph2::before{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	content:"";
	top: 0;
	left: 0;
	background-attachment:scroll;
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat-x,repeat-y,repeat-x,repeat-y;
	background-position:0% 0%,100% 0%,100% 100%,0% 100%,50% 0%,100% 50%,50% 100%,0% 50%;
	background-image:url(../images/phb1.png),url(../images/phb2.png),url(../images/phb3.png),url(../images/phb4.png),url(../images/phb2a.png),url(../images/phb1a.png),url(../images/phb2a.png),url(../images/phb1a.png);
	z-index: 1;
	}
.ph1 img,.ph2 img{
	position:relative;
	display:block;
	max-width:100%;
	}
.ph1 img{
    margin:2px;
    border: 2px solid #ad9778;
    }


.ph2 p{
	position:absolute;
	width: 100%;
	height: 100%;
	display:block;
	pointer-events: none;
	top: 0;
	left: 0;
	z-index: 1;
	}
.ph2 p::before,.ph2 p::after{
	position:absolute;
	display: block;
	content:"";
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	}
.ph2 p::before{
	width:145px;
	padding-bottom:286px;
	top:-16px;
	left:-30px;
	background-image: url(../images/flt.png);
	}
.ph2 p::after{
	width:356px;
	padding-bottom:304px;
	right: -30px;
	bottom: -45px;
	background-image: url(../images/frd.png);
	}

.f2.k2::before {
  position: absolute;
  width: 100%;
  height: 91%;
  content: '';
  display: block;
  left: 50%;
  top: -1.5%;
  transform: translateX(-50%);
  border: 1px #473b2e solid;
}
.f2.k2.gt_ic_1,.f2.k2.gt_ic_2,.f2.k2.gt_ic_3,.f2.k2.gt_ic_4,.f2.k2.gt_ic_5,.f2.k2.gt_ic_6,.f2.k2.gt_ic_7,.f2.k2.gt_ic_8,.f2.k2.gt_ic_9,.f2.k2.gt_ic_10,.f2.k2.gt_ic_11,.f2.k2.gt_ic_12,.f2.k2.gt_ic_13,.f2.k2.gt_ic_14,.f2.k2.gt_ic_15,.f2.k2.gt_ic_16,.f2.k2.gt_ic_17{margin-left:43px;}
.gt_ic_1:after,.gt_ic_2:after,.gt_ic_3:after,.gt_ic_4:after,.gt_ic_5:after,.gt_ic_6:after,.gt_ic_7:after,.gt_ic_8:after,.gt_ic_9:after,.gt_ic_10:after,.gt_ic_11:after,
.gt_ic_12:after,.gt_ic_13:after,.gt_ic_14:after,.gt_ic_15:after,.gt_ic_16:after,.gt_ic_17:after{
    position: absolute;
    width:36px;
    padding-bottom:36px;
    content: '';
    display: block;
    margin: 0 .65rem 0 0;
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
    right:100%;
    top:45%;
    transform: translateY(-50%); 
    }
.gt_ic_1:after{background-image: url(../images/gt_1.png);}
.gt_ic_2:after{background-image: url(../images/gt_2.png);}
.gt_ic_3:after{background-image: url(../images/gt_3.png);}
.gt_ic_4:after{background-image: url(../images/gt_4.png);}
.gt_ic_5:after{background-image: url(../images/gt_5.png);}
.gt_ic_6:after{background-image: url(../images/gt_6.png);}
.gt_ic_7:after{background-image: url(../images/gt_7.png);}
.gt_ic_8:after{background-image: url(../images/gt_8.png);}
.gt_ic_9:after{background-image: url(../images/gt_9.png);}
.gt_ic_10:after{background-image: url(../images/gt_10.png);}
.gt_ic_11:after{background-image: url(../images/gt_11.png);}
.gt_ic_12:after{background-image: url(../images/gt_12.png);}
.gt_ic_13:after{background-image: url(../images/gt_13.png);}
.gt_ic_14:after{background-image: url(../images/gt_14.png);}
.gt_ic_15:after{background-image: url(../images/gt_15.png);}
.gt_ic_16:after{background-image: url(../images/gt_16.png);}
.gt_ic_17:after{background-image: url(../images/gt_17.png);}


.tbx1 table, .tbx2 table {
	position: relative;
	width:100%;
	border-spacing:1px;
	margin: 1rem auto 1rem;
    }
.tbx1 table td,.tbx2 table td{
	word-break:break-all;
	padding:.5rem .5rem;
	text-align:center;
	}
.tbx1 table td span{ display: inline-block;}
.tbx1 table tr:nth-child(odd) td,.tbx2 table tr:nth-child(odd) td{
	background-color:rgba(233, 218, 196, 0.55);
	}
.tbx1 table tr:nth-child(even) td,.tbx2 table tr:nth-child(even) td{
	background-color:rgba(246, 232, 210, 0.35);/*rgba(255, 242, 222, 0.5);*/
	}
.tbx1 table tr:first-child td{
	padding:.8rem .3rem;
	background-color:rgba(144,34,33,1);
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:50% 50%;
    background-image: url(../images/tb_bg.png);
	text-align:center;
	font-weight:400;
	color:#f2c684;
	}
.tbx1 table tr:first-child td span{font-weight:300;}
.tbx1 table td.tb1{text-align:left;}
/**/
/**/
.shp{
	position:relative;
	width:800px;
	margin:1.5rem auto 1.8rem;
	}
.ph2a{
	position: relative;
	width:100%;
	padding-bottom: 7.875%;
	margin:.85rem auto 0;
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-image: url(../images/sh_01a.png);
	background-position:50% 100%;
	background-size:100% auto;
	}
.ph2a div{
	position: absolute;
	width: 100%;
	height:73%;
	text-align: center;
	bottom:9%;
	left: 0;
	font-size:2.5rem;
	line-height:73%;
	color: #dc0053;
	font-weight:700;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	/**/
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	}
.ph2a div > span{
	position:relative;
	margin-top:.6%;
	}
.ph2a img{ width:100%;display:block;}
.ph2bx{
	position: relative;
	width: 100%;
	min-height:150px;
	margin:0 auto;
	background-attachment: scroll;
	background-repeat:no-repeat,repeat-y;
	background-image: url(../images/sh_02a.jpg),url(../images/sh_03a.jpg);
	background-position:50% 0%,50% 100%;
	background-size:100% auto,100% auto;
	padding:0 0 0;/*.5rem 0 0*/
	}
.shp::after {
  position: relative;
  width: 100%;
  padding-bottom: 4.375%;
  content: '';
  display: block;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-image: url(../images/sh_04a.png);
  background-position: 50% 0%;
  background-size: 100% auto;
	}
.ph2bx .spt{
	position:relative;
	width:100%;
	ackground-attachment: scroll;
	background-repeat:repeat-y;
	background-image:url(../images/sh_tima.jpg);
	background-position:50% 50%;
	background-size:100% auto;
	padding:.4rem 0 .3rem;
	margin-bottom:1.5rem;/*.8*/
	}
.ph2bx .spt > div{
	position:relative;
	width:96%;
	margin:0 auto;
	font-size:1.5rem;
	color: #faf5ee;
	text-align:center;
	}
.ph2bx ul{position:relative; width:95%; margin:0 auto;}
.ph2bx ul li{
	position:relative;
	width: 100%;
	padding:.6rem 0;
	border-bottom:1px dotted #614d39;
	overflow:hidden;
	clear:both;
	
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	}
.ph2bx ul li:last-child{border-bottom:0px dotted #614d39;}
.ph2bx ul li div:nth-child(1){ text-align:center;}
.ph2bx ul li div img{ width:auto; display:block; margin:0 auto;}
.ph2bx ul li div{
	float:left;
	position: relative;
	width: 50%;
	margin: 2px 0;
	display:block;
	font-size: 1.25rem;
	color: #faf5ee;
	font-weight:300;
	}
.ph2bx .b3x{
	position: relative;
	width:93%;
	margin:0 auto;
	text-align:center;
	padding:.8rem 0 0;
	} 
.ph2bx .b3x div{
	position: relative;
	width: 25%;/*33%*/
	display:inline-block;
	text-align:center;
	margin:.2rem -2px;
	}
.ph2bx .b3x div img{
	display: block;
	margin: 0 auto;
	border: 4px double #557899;
	border-radius:5px;
	}	
.ph2bx ul li.f2{
	display: block;
	color:#ffd780;/*#f2ece4*/
	border-bottom:0 solid #614d39;
	padding:1rem 0 .6rem;
	overflow:inherit;
	}
.ph2bx ul li.f2 .f2_s{color:#f0c87f;}
.ph2bx ul li.f2 span{
	position:relative;
	}
.ph2bx ul li.f2::before{
	position:absolute;
	width:370px;
	height:100%;
	/*padding-bottom:47px;*/
	display: block;
	content:"";
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-position:0% 50%;
	background-image:url(../images/shtit.png);
	background-size:100% auto;
	top:52.5%;
	left:-3%;
	transform: translateY(-50%);
	-webkit-filter: drop-shadow(3px 0 5px rgba(39, 12, 12, .35));
  	filter: drop-shadow(3px 0 5px rgba(39, 12, 12, .35));
	}
	
	
/**/
.tw1{
	position:relative;
	width:45.5vw;
	display: block;
	}
.ftitbx{
	position:relative;
	width:280px;/*280px*/
	display:block;
	transition: all .5s;
	margin-bottom:.6rem;
	}
.ftitbx::before{
	position:relative;
	width:100%;/*280*/
	padding-bottom:29.2857142857%;/*82*/
	display: block;
	content:"";
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	}
.ftit_1::before{background-image:url(../images/ftit_1.png);}
.ftit_2::before{background-image:url(../images/ftit_2.png);}
.ftit_3::before{background-image:url(../images/ftit_3.png);}
.ftit_4::before{background-image:url(../images/ftit_4.png);}
.ftit_5::before{background-image:url(../images/ftit_5.png);}
.ftit_6::before{background-image:url(../images/ftit_6.png);}
.ftit_7::before{background-image:url(../images/ftit_7.png);}
.ftit_8::before{background-image:url(../images/ftit_8.png);}
/**/
.tw1 .k2 {
  position: relative;
  padding: 8px 16px 2px;
  border-top: 1px dotted #c1af96;
  border-bottom: 1px dotted #c1af96;
  border-left: 6px solid #d7cab9;
  border-right: 6px solid #d7cab9;
  background-attachment: scroll;
  background-repeat:no-repeat;
  background-position: 100% 100%;
  background-image: url(../images/gk1.png);
  margin: 0 0 10px;
}
.tw1 .k2::before,.k2bc::before{
	position: absolute;
	width:calc(100% - 10px);
	height: 100%;
	content:'';
	display:block;
	top:0;
	left:3px;
	}
.tw1 .k2::before{
	border-left:2px solid #d7cab9;
	border-right:2px solid #d7cab9;	
	}/**/
.k2bc::before{
	border-left:2px solid #b6a690;
	border-right:2px solid #b6a690;
	}
.k2bc{
	position: relative;
	padding:8px 16px 2px;
	background-color:rgba(193,175,150,.1);
	border-top:1px dotted #b6a690;
	border-bottom:1px dotted #b6a690;
	border-left: 6px solid #b6a690;
	border-right: 6px solid #b6a690;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:100% 100%;
	background-image:url(../images/gk2.png);
	margin: 0 0 8px;
	}
.th20_bt{
	position:relative;
	width:514px;
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	background-image:url(../images/20th_bt.png);
	margin:1rem auto;
	transition: all .5s;
	}
.th20_bt::before{
	position:relative;
	width:100%;
	padding-bottom:21.789832%;/*112*/
	content:'';
	display:block;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:100% auto;
	background-image:url(../images/20th_bt_on.png);
	opacity:0;
	transition: all .5s;
	}
.th20_bt:hover::before{opacity:1;}
.btmk2 {
  position: relative;
  width:100%;
  margin: .5rem auto 1.5rem;
  background-attachment: scroll;
  background-repeat: repeat-x;
  background-position: 50% 100%;
  background-image: url(../images/s3.png);
  overflow:hidden;
  text-align: center;
	}

.btmk2 a {
  position: relative;
  width: calc(80%/2);
  height: 65px;
  display: inline-block;
  border-radius: 10px 10px 0 0;
  border-top: 1px solid #c3b094;
  border-right: 1px solid #c3b094;
  border-left: 1px solid #c3b094;
  font-size: 1.8rem;/*1.65*/
  line-height: 2rem;/*1.8*/
  font-weight: 500;
  color: #ae9775;
  margin:0 0;
  top:13px;
  transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /*overflow:hidden;*/
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 98% 100%;
  background-image: url(../images/kg1.png);
	}
.btmk2 a:hover {
  top: 7px;
  border-top: 1px solid #9a7c51;
  border-right: 1px solid #9a7c51;
  border-left: 1px solid #9a7c51;
  color: #9a7c51;
	}
.btmk2 a > div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: all .5s;
	}
.btmk2 a::after {
  position: absolute;
  width: calc(100% + 2px);
  height: 100%;
  top: -1px;
  left: -1px;
  content: '';
  display: block;
  background-attachment: scroll;
  background-repeat: no-repeat,no-repeat;
  background-position: 0% 0%,100% 0%;
  background-image: url(../images/k1a.png), url(../images/k1b.png);
	}
.btmk2 a:hover::after{background-image: url(../images/k1a_on.png), url(../images/k1b_on.png);}
.btmk2 a.on {
  top:7px;
  border-top: 2px solid #a87f5e;
  border-right: 2px solid #a87f5e;
  border-left: 2px solid #a87f5e;
  color:#efbc77;
  background-color:#8e2120;
  /*background: linear-gradient(to bottom, #877155, #766045);*/
  background:linear-gradient(to bottom, #a21918, #671918);/*#76121b #2b0305*/
	}
.btmk2 a.on::after {
  width: calc(100% + 4px);
  top: -2px;
  left: -2px;
  background-image: url(../images/k2a.png), url(../images/k2b.png);
}
.btmk2 a.on::before {
  position: absolute;
  width: calc(100% - 8px);
  height: calc(100% - 4px);
  content: '';
  display: block;
  border-radius: 8px 8px 0 0;
  border-top: 1px dashed #bea27f;
  border-right: 1px dashed #bea27f;
  border-left: 1px dashed #bea27f;
  border-top: 1px solid #856042;
  border-right: 1px solid #856042;
  border-left: 1px solid #856042;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  opacity: .9;
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 98% 100%;
  background-image: url(../images/kg2.png);
}
.btmk2 a > div .tj1 {
  position: relative;
  font-size: 1.5rem;
  font-weight: 400;
  margin: 0 0 0 .2rem;
}


@media only screen and (max-width:1600px){
/**/
.ph2bx .b3x div img{width:95%;}

}
@media only screen and (max-width:1400px){
/**/
.f1h::before{
    width:260px;/*290*/
    padding-bottom:29px;/*32*/
	left:-22px;
	top:16px;
    }
.f1h::after{
    background-size:17px auto;
    top:-4px;
    }
.live{width:55px; }

/*.f2.k1{font-size:1.6rem;} */
.f2.k2.gt_ic_1,.f2.k2.gt_ic_2,.f2.k2.gt_ic_3,.f2.k2.gt_ic_4,.f2.k2.gt_ic_5,.f2.k2.gt_ic_6,.f2.k2.gt_ic_7,.f2.k2.gt_ic_8,.f2.k2.gt_ic_9,.f2.k2.gt_ic_10,.f2.k2.gt_ic_11,.f2.k2.gt_ic_12,.f2.k2.gt_ic_13,.f2.k2.gt_ic_14,.f2.k2.gt_ic_15,.f2.k2.gt_ic_16,.f2.k2.gt_ic_17{margin-left:40px;}
.gt_ic_1:after,.gt_ic_2:after,.gt_ic_3:after,.gt_ic_4:after,.gt_ic_5:after,.gt_ic_6:after,.gt_ic_7:after,.gt_ic_8:after,.gt_ic_9:after,.gt_ic_10:after,.gt_ic_11:after,
.gt_ic_12:after,.gt_ic_13:after,.gt_ic_14:after,.gt_ic_15:after,.gt_ic_16:after,.gt_ic_17:after{
    width:33px;
    padding-bottom:33px;
    margin: 0 .5rem 0 0;
    }
/**/
.ph2a div{
	font-size:2rem;
	font-weight:700;
	}
.ph2bx .spt > div{font-size:1.35rem;line-height: 1.6rem;}
.ph2bx ul li div img{ width:80%;/*96*/}
/**/
.ftitbx{width:230px;}	

.ph2bx ul li.f2::before{
	width:320px;
	height:100%;
	top:54%;
	}
/**/
.th20_bt{width:36.7vw;}

}
@media only screen and (max-width:1200px){	
/**/
.t_f2{
    width:100%;
    display:block;
    margin: 0 0;
    }
/**/
.shp{width:100%;/*650px*/}

  	
}
@media only screen and (max-width:1000px){
/**/ 
.ph2{max-width: 90%;} 
.th20_bt{width:60%;}
/**/
}
@media only screen and (max-width:900px){
/**/ 

.ph2 p::before{
	width:16.11111111111111vw;/*145*/
	padding-bottom:31.77777777777778vw;/*286*/
	top:-1.777777777777778vw;/*-16*/
	left:-3.446666666666667vw;/*-33*/
	}
.ph2 p::after{
	width:39.55555555555556vw;/*356*/
	padding-bottom:33.77777777777778vw;/*304*/
	right: -3.333333333333333vw;/*-30*/
	bottom: -5vw;/*45*/
	}
/**/
.ph2a{
	padding-bottom:13.11%;/*80 10.32*/
	background-image: url(../images/sh_01b.png);
	}
.ph2bx{background-image: url(../images/sh_02.jpg),url(../images/sh_03.jpg);}
.shp::after {
    padding-bottom: 5.7%;
    background-image: url(../images/sh_04.png);
  }	  
    
}
@media only screen and (max-width:800px){
/**/
.ph2bx .b3x div{width: 33%;/*33%*/}	
}
@media only screen and (max-width:780px){
/**/
 #incon2 {
    position: relative;
    height:auto;
    padding:4vw 0 3vw;
  	}
.t_f1{padding:.3rem 0 .5rem;}
.f1h {
    padding:.3rem 1.8rem .6rem;
	}
.f1h::before{
    width:290px;/*290*/
    padding-bottom:32px;/*32*/
    left:-25px;
    top:17px;
    }
.f1h::after{
    background-size:19px auto;
    top:-5px;
    }
.live{width:65px; left:6.8%;}

.ph2{max-width: 95%;margin:1rem auto 2rem;} 
.ph2::before {
  background-size:3.3vw auto,3.3vw auto,3.3vw auto,3.3vw auto,1.7948vw auto,0.3846vw auto,1.7948vw auto,0.3846vw auto;
	}
	
.f2.k2.gt_ic_1,.f2.k2.gt_ic_2,.f2.k2.gt_ic_3,.f2.k2.gt_ic_4,.f2.k2.gt_ic_5,.f2.k2.gt_ic_6,.f2.k2.gt_ic_7,.f2.k2.gt_ic_8,.f2.k2.gt_ic_9,.f2.k2.gt_ic_10,.f2.k2.gt_ic_11,.f2.k2.gt_ic_12,.f2.k2.gt_ic_13,.f2.k2.gt_ic_14,.f2.k2.gt_ic_15,.f2.k2.gt_ic_16,.f2.k2.gt_ic_17{margin-left:43px;}
.gt_ic_1:after,.gt_ic_2:after,.gt_ic_3:after,.gt_ic_4:after,.gt_ic_5:after,.gt_ic_6:after,.gt_ic_7:after,.gt_ic_8:after,.gt_ic_9:after,.gt_ic_10:after,.gt_ic_11:after,
.gt_ic_12:after,.gt_ic_13:after,.gt_ic_14:after,.gt_ic_15:after,.gt_ic_16:after,.gt_ic_17:after{
    width:36px;
    padding-bottom:36px;
    margin: 0 .65rem 0 0;
    } 
/**/
.ph2a div{font-size:2.2rem;}
.ph2bx .spt > div {
  font-size: 1.25rem;
  line-height: 1.65rem;
	}	
/**/
.tw1{width:100%;}
.ftitbx{width:280px;}	

.ph2bx ul li.f2::before{
	width:370px;
	top:51%;
	}
.th20_bt{width:100%;}
/**/
.btmk2 a {
  width: calc(95%/4);
  font-size: 3vw;
  line-height: 3.8vw;
  background-position: 100% 100%;
  background-image: url(../images/kg1.png);
  background-size: auto 90%;
	}
.btmk2.gk2 a {
  width: calc(90%/2);
	}
btmk2 a.on::before {
  background-position: 165% 100%;
  background-image: url(../images/kg2.png);
  background-size: auto 90%;
	}
.btmk2 a > div span {
  display: block;
	}
.btmk2 a > div .tj1 {
  	font-size: 2.8vw;
	}
	
	

	
}
@media only screen and (max-width:650px){ 
/**/
/**/
.shp{width:100%;}
.ph2bx ul li{display:block;}
.ph2bx ul li div{
	float: none;
	width: 95%;
	margin:.5rem auto;
	padding:.15rem 0;
	font-size: 1.1rem;
	line-height:1.65rem;
	}
.ph2bx ul li div img{width:auto;}
}
@media only screen and (max-width:580px){
/**/
		
}
@media only screen and (max-width:560px){
/**/
.ph2bx .b3x div{width: 46.5%;/*33%*/}
.ph2bx .b3x div.ov1{ display:none;}
.shp{width:98%;}
.ph2a div{font-size:1.8rem;}
/**/
.ftitbx{width:250px;}	
}
@media only screen and (max-width:470px){
/**/
.f1h{
	padding:.3rem 1.8rem .6rem;
	margin:.5rem 0 1rem;
	} 
.f1h::before{
    width:260px;/*290*/
    padding-bottom:29px;/*32*/
	left:-22px;
	top:11px;
    }
.f1h::after{
    background-size:17px auto;
    top:-4px;
    }
.live{width:55px; left:6.5%;}
/*.f2 {
    font-size: 1.4rem;
    line-height:2.8rem;
  	}
.f2.k1{font-size:1.6rem;}*/
.f2.k2.gt_ic_1,.f2.k2.gt_ic_2,.f2.k2.gt_ic_3,.f2.k2.gt_ic_4,.f2.k2.gt_ic_5,.f2.k2.gt_ic_6,.f2.k2.gt_ic_7,.f2.k2.gt_ic_8,.f2.k2.gt_ic_9,.f2.k2.gt_ic_10,.f2.k2.gt_ic_11,.f2.k2.gt_ic_12,.f2.k2.gt_ic_13,.f2.k2.gt_ic_14,.f2.k2.gt_ic_15,.f2.k2.gt_ic_16,.f2.k2.gt_ic_17{margin-left:40px;}
.gt_ic_1:after,.gt_ic_2:after,.gt_ic_3:after,.gt_ic_4:after,.gt_ic_5:after,.gt_ic_6:after,.gt_ic_7:after,.gt_ic_8:after,.gt_ic_9:after,.gt_ic_10:after,.gt_ic_11:after,
.gt_ic_12:after,.gt_ic_13:after,.gt_ic_14:after,.gt_ic_15:after,.gt_ic_16:after,.gt_ic_17:after{
    width:33px;
    padding-bottom:33px;
    margin: 0 .5rem 0 0;
    top:45%;
    transform: translateY(-50%); 
    } 
.tw1 .k2 {
  padding: 8px 16px 2px;
  border-top: 1px dotted #c1af96;
  border-bottom: 1px dotted #c1af96;
  border-left: 4px solid #d7cab9;
  border-right: 4px solid #d7cab9;
  padding: 9px 20px 3px;
}
.k2bc {
  padding: 8px 16px 2px;
  border-top: 1px dotted #b6a690;
  border-bottom: 1px dotted #b6a690;
  border-left: 4px solid #b6a690;
  border-right: 4px solid #b6a690;
  padding: 9px 20px 3px;
}
.ph2bx ul li.f2::before{
	width:300px;
	top:54%;
	}	
/**/
.btmk2 a {
  font-size: 4vw;
  line-height: 5.3vw;
}
.btmk2 a > div .tj1 {
  font-size: 3.3vw;
}
	   
}
@media only screen and (max-width:380px){
/**/
.ph2a div{
	font-size:1.5rem;
	bottom: 6%;
	}
.ph2bx .spt > div {
  font-size: 1.2rem;
  line-height: 1.5rem;
	}	
/**/
}
@media only screen and (max-width:360px){
/**/
.f1h{
	padding:1vw 6vw 2vw;/*.3rem 1.8rem .6rem*/
	margin:.5rem 0 1rem;
	} 
.f1h::before{
    width:72.2vw;/*260*/
    padding-bottom:8.05vw;/*29*/
	left:-6.1vw;/*22*/
	top:3.05vw;/*11*/
    }
.f1h::after{
    background-size:4.72vw auto;/*17*/
    top:-1.1vw;/*-4*/
    } 
	
.ph2bx ul li.f2{
	font-size:1.25rem;
	} 
.ph2bx ul li.f2::before{
	width:105%;
	top:54%;
	} 
    
}
@media only screen and (max-width:340px){
/**/
.ftitbx{width:95%;}
}