@charset "utf-8";
/* CSS Document */

.grading {
    position: absolute;
    width: 41px;
    height: 42px;
    right: 0;
    background-image: url(../images/15.png);
    bottom: 0;
}
#indexbg{
	position:relative;
	width:100%;
	min-width:1200px;
	/*height:2500px;*/
	background-attachment: scroll;
	background-image:url(../images/images/stg1top_01.jpg),url(../images/images/bg_10.jpg);
	background-repeat:no-repeat,repeat;
	background-position:50% 0%;
	/*overflow:hidden;*/
	background-color: #000;
	}
#indexbg2{
	position:relative;
	min-width: 1200px;
	/*height:2500px;*/
	background-attachment: scroll;
	background-image:url(../images/images/stg2top_01.jpg),url(../images/images/bg_10.jpg);
	background-repeat:no-repeat,repeat;
	background-position:50% 0%;
	overflow:hidden;
	background-color: #000;
	} 
.lobox{position: absolute; width: 300px;height: 250px;}

.xbtn{display: block; line-height:3rem;cursor: pointer;color: #fff; margin: 0 auto; border-radius:15px;width: 50%;height: 50px;background-color: #6AA927;padding: 10px;text-align: center;font-size:2rem;}
.xbtn:hover{color: #FFED00;background-color: #1F4C02;}
.btbox{width: 100%;margin:0 auto;height: auto;position: relative;}
.hot{width: 12%;position: absolute;margin:-7% 0 0 13%;z-index: 99;animation-iteration-count: infinite;}
.hot img{width: 100%;}

.btbox img{width: 100%; display:block;}
/*.btnb img{width: 100%;}
.btnc img{width: 100%;}
.btnd img{width: 100%;}*/
.headbox,.bottombox{position:relative;width:100%;height: 410px;}
.headbox{ overflow:hidden;/* padding-bottom:48.5%; */}
.conbox{width: 100%;}
.cont{}
.conm{background-image: url(../images/md_11.jpg);min-height: 300px;margin-top: -5px;background-size:100% auto;}
.comf{}
.benu{background-position:0px bottom;background-size:100% auto;}
.bottombox{/*height:400px;*/padding-bottom:48%;}
.line {
    width: 90%;
    margin-top: 20px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    height: 10px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #6a5c54;
}
.foottx{
font-size:1.3rem;
	word-wrap:break-word;
	font-family: Arial,"微軟正黑體",Helvetica,sans-serif;	
	text-align: center;
	color: #603627;	
}
.fbbox{z-index: 9; width: 110px;height: 50px;background: url(../images/ffbbg.png)no-repeat 100% 0;top:10px;right: 10px;position: absolute;}
.ffbt{width: 50px;height: 50px;float: left;}
.ffbt2{width: 110px;height: 50px;background-image: url(../images/fbin.png);position: absolute;right: 10px;margin-top: 70px;}
.note{
	width:90%;/*800*/
	margin: 10px auto;
	font-size: 15px;
	line-height: 23px;
	color:#534532;font-weight: 600;
	
	}
	.notexbx{font-weight: 800;font-family: "微軟正黑體";font-size: 1.3em;color: #423B2E;text-align: center;}
.fn1 {
	font-family: Arial, "微軟正黑體", Helvetica, sans-serif;
	font-size:1.8em;
	line-height:50px;
	color:#49382f;/*795397*/
	text-align:center;
	font-weight: 700;
	padding-top:13px;
	letter-spacing: 5px;
	width: 95%;
	}
.content{
	position:relative;
	width:1200px;
	margin:0 auto;

	}
.inptbox{width: 50%;margin: 0 auto;padding: 1rem 0;}
.infoot{width: 1200px;height: 77px;margin: 0 auto 1rem auto;background-image: url(../images/images/mfoot_08.png);}
.inptxt{
	width: 30%;
    font-size:2rem;
	word-wrap:break-word;
	font-family: Arial,"微軟正黑體",Helvetica,sans-serif;	
	float: left;
	text-align: center;
	color: #cfb384;
}
#particles-js{position: absolute;width: 100%;height: 920px;}
.inptxt2{
	width: 40%;
    font-size:2rem;
	word-wrap:break-word;
	font-family: Arial,"微軟正黑體",Helvetica,sans-serif;	
	float: left;
	text-align: center;
	color: #cfb384;
	border-radius: 4px;
	background-color: #171612;
	margin: 0 auto;
	padding: 1rem 0;
	float: none;

}
#rbtbox{display: none;
	position: absolute;
	height: 40px;
	width: 40px;
	z-index: 99;
	background-image: url(../images/top.png);
	background-size:100% auto ;
	top: 100px;	}
.btn{float: left;margin: 0 1rem;}
.btn img{width: 100%;}
/* ............... */
.opt{font-weight: 600;font-family: Arial,"微軟正黑體",Helvetica,sans-serif;width: 70%;text-align: center;font-size:1.5rem;border-radius: 4px;}

/* ............... */

.radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -20px
}
.form-control {
    display: block;
    width: 70%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
/* ............. */
.fntl{padding: 5px; font-size:1.8rem;border-bottom:2px solid #3E332A;border-left:10px solid #3E332A;font-weight: 600;font-family: Arial,"微軟正黑體",Helvetica,sans-serif;width: 170px;margin:10px 0 10px 100px;text-align: center;color: #3E332A;}
.fntll{padding: 5px; font-size:2rem;border-bottom:2px solid #3E332A;border-left:15px solid #3E332A;font-weight: 600;font-family: Arial,"微軟正黑體",Helvetica,sans-serif;width: 400px;margin:10px 0 10px 100px;text-align: center;}
.fntlll{padding: 5px; font-size:2rem;border-bottom:2px solid #3E332A;border-left:15px solid #3E332A;font-weight: 600;font-family: Arial,"微軟正黑體",Helvetica,sans-serif;width: 300px;margin:10px 0 10px 100px;text-align: center;}

.contentm{}
.inbtbox{width: 90%;margin: 0 auto;}
.inbt{text-shadow: 2px 1px 3px rgba(0,0,0,7);margin: 0 1rem; float: left; text-align: center; font-size:3rem;font-weight: 600;font-family: Arial,"微軟正黑體",Helvetica,sans-serif;background: url(../images/btbg.png)0 no-repeat;width: 31%;display: block;background-size:100% auto;}
.inbt img{width: 100%;}
.inbt p{position: absolute;text-align: center;margin: 0 auto;width: 100%;line-height: 8rem;}
.hr{margin: 0 auto;text-align: center;}
.hr img{width: 95%;}
.tl{margin: 0 auto;width: 100%;display: block;}
.tl img{width: 100%;display: block;}
.tl1{background:url(../images/tl1_05.jpg)no-repeat;background-size:100% auto ;}
.tl2{background:url(../images/tl2_05.jpg)no-repeat;background-size:100% auto ;}
.tl3{background:url(../images/tl3_05.jpg)no-repeat;background-size:100% auto ;}
.fonttl{border-bottom:  0.2rem solid #3E332A;margin: 20px auto 10px auto; font-weight: 600;font-family: Arial,"微軟正黑體",Helvetica,sans-serif;width: 50%;text-align: center;font-size:3rem;/* border-radius: 2rem; */color: #3E332A;}
.fonttl2{margin: 10px auto; font-weight: 600;font-family: Arial,"微軟正黑體",Helvetica,sans-serif;width: 80%;text-align: center;font-size:3rem;/* border-radius: 2rem; */color: #3E332A;border:3px #3E332A double;}
.jpgbox{width: 40%;margin: 0 auto;}
.jpgbox img{width: 100%;}
.lokbt{width: 118px;height: 35px;background:url(../images/sand3.png);display: block;}
.po1{}
.po2{display: none;}
.po3{display: none;}
.po4{display: none;}
.po5{display: none;}
.jpgbox20{width: 30%;margin: 0 auto;}
.jpgbox20 img{width: 100%;}
.jpgbox40{width: 40%;margin: 0 auto;}
.jpgbox40 img{width: 100%;}
.jpgbox60{width: 60%;margin: 0 auto;}
.jpgbox60 img{width: 100%;}
.sandbt{cursor: pointer;float: left; width: 139px;height: 35px;background:url(../images/sand1.png)no-repeat;float: left;}
.sandbt:hover{width: 139px;height: 35px;background:url(../images/sand1.png)0 bottom;}
.sandbt2{margin: 1rem auto; cursor: pointer;width: 139px;height: 35px;background:url(../images/sand2.png)no-repeat;}
.sandbt2:hover{width: 139px;height: 35px;background:url(../images/sand2.png)0 bottom;}
.sandbt3{cursor: pointer;float: left; width: 139px;height: 35px;background:url(../images/sand1.png)no-repeat;float: left;}
.sandbt3:hover{width: 139px;height: 35px;background:url(../images/sand1.png)0 bottom;}

.mbtbox{margin: 0 auto;text-align: center;}
.mbox1{width: 60%;margin: 0 auto; padding: 2rem;border-radius: 4px;}
.mbta{display: none; width: 48%; background:url(../img/stg2/s2bt1.png)no-repeat;background-size:100% auto ;margin: 0 auto;}
.mbta img{width: 100%;}
.mbtb{ width: 48%; background:url(../img/stg2/s2bt2.gif)no-repeat;background-size:100% auto ;margin: 0 auto;}
.mbtb img{width: 100%;}
.mbtc{display: none;width: 48%; background:url(../img/stg2/s2bt3.png)no-repeat;background-size:100% auto ;margin: 0 auto;}
.mbtc img{width: 100%;}
.mbtd{display: none;width: 48%; background:url(../img/stg2/s2bt4.gif)no-repeat;background-size:100% auto ;margin: 0 auto;}
.mbtd img{width: 100%;}
.mbte{display: none;width: 48%; background:url(../img/stg2/s2bt5.png)no-repeat;background-size:100% auto ;margin: 0 auto;}
.mbte img{width: 100%;}
.gidbox{}
.gidbox2{margin: 2rem ;display: none;}
.gidbox3{margin: 2rem ;display: none;}
.ttbox{width: 100%;}
.tbaa{margin: 0 1rem; float: left; padding-top: 1rem; border-radius: 5px;font-weight: 600;width: 45%;height: 50px;background-color: #5B5442;color: #fff;font-family: Arial,"微軟正黑體",Helvetica,sans-serif;font-size:1.5rem;text-align: center;}

.tba{margin: 0 1px; float: left; padding-top: 1rem; border-radius: 5px;font-weight: 600;width: 33%;height: 50px;background-color: #5B5442;color: #fff;font-family: Arial,"微軟正黑體",Helvetica,sans-serif;font-size:1.5rem;text-align: center;}
.tbbb{margin: 0 1px; float: left; padding-top: 1rem; border-radius: 5px;font-weight: 600;width: 33%;height: 50px;background-color: #5B5442;color: #fff;font-family: Arial,"微軟正黑體",Helvetica,sans-serif;font-size:1.5rem;text-align: center;}
.tbcc{margin: 0 1px; float: left; padding-top: 1rem; border-radius: 5px;font-weight: 600;width: 33%;height: 50px;background-color: #5B5442;color: #fff;font-family: Arial,"微軟正黑體",Helvetica,sans-serif;font-size:1.5rem;text-align: center;}


.tbb{margin: 0 auto;  padding-top: 1rem; border-radius: 5px;font-weight: 600;width: 33%;height: 50px;background-color: #2F2C23;color: #fff;font-family: Arial,"微軟正黑體",Helvetica,sans-serif;font-size:1.5rem;text-align: center;}
.tbc{display: none; margin: 1rem auto;  padding-top: 1rem; border-radius: 5px;font-weight: 600;width: 80%;height: 50px;background-color: #2F2C23;color: #fff;font-family: Arial,"微軟正黑體",Helvetica,sans-serif;font-size:1.5rem;text-align: center;}
.tbd{display: none; margin: 1rem auto;  padding-top: 1rem; border-radius: 5px;font-weight: 600;width: 80%;height: 50px;background-color: #2F2C23;color: #fff;font-family: Arial,"微軟正黑體",Helvetica,sans-serif;font-size:1.5rem;text-align: center;}

.font2box{margin: 2rem 0 2rem 0; font-family: Arial,"微軟正黑體",Helvetica,sans-serif;width: 100%;font-size:1.5rem;}
.foninbd{margin-left: 10%; float: left; font-weight: 600;font-family: Arial,"微軟正黑體",Helvetica,sans-serif;font-size:1.5rem;color: #3C3322;}
.foninbdce{margin-left: 30%; float: left; font-weight: 600;font-family: Arial,"微軟正黑體",Helvetica,sans-serif;font-size:1.5rem;color: #3C3322;}
.fontl{margin: 1rem 0; text-align: center;width: 100%;border-radius: 10px;  font-weight: 600;font-family: Arial,"微軟正黑體",Helvetica,sans-serif;font-size:2.5rem;color: #FFE7B9;background-color: #393229;padding: 1rem;}

.txbox{height: 25px;float: left; font-family: Arial,"微軟正黑體",Helvetica,sans-serif;margin:-0.5rem 1rem 0 1rem;width: 20rem;}
input[type="text"]{padding:10px 15px; border:2px #D0D0D0 solid;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;height: 40px; 
font-family: Arial,"微軟正黑體",Helvetica,sans-serif;
font-size:1.5rem;

}
.fons{font-family: Arial,"微軟正黑體",Helvetica,sans-serif;width: 80%;font-size:1.2rem;margin: 0 auto;color: #3E332A;}

.fon1{font-family: Arial,"微軟正黑體",Helvetica,sans-serif;width: 80%;font-size:1.3rem;margin: 2px auto;color: #3E332A;}
.fonr{font-family: Arial,"微軟正黑體",Helvetica,sans-serif;width: 100%;font-size:1.3rem;margin: 10px auto;color: #C70000;}
.fonrc{text-align: center; font-family: Arial,"微軟正黑體",Helvetica,sans-serif;width: 100%;font-size:1.3rem;margin: 10px auto;color: #C70000;}

.fonbd{font-weight: 600;font-family: Arial,"微軟正黑體",Helvetica,sans-serif;width: 80%;font-size:1.5rem;margin: 0 auto;}
.abt{position: relative;margin: 0 auto;text-align: center;}
.tdbox{font-size:1.4rem;margin: 10px auto;width: 100%;font-family: Arial,"微軟正黑體",Helvetica,sans-serif;}
.tdboxbg{font-size:1.2rem;margin: 10px auto;width: 80%;font-family: Arial,"微軟正黑體",Helvetica,sans-serif;}

.tdbox50{float: left; font-size:1.2rem;margin: 10px 1.5rem;width: 45%;font-family: Arial,"微軟正黑體",Helvetica,sans-serif;}
.gflink{display: block; width: 256px;height: 56px;background:url(../images/images/gflink.png)no-repeat;margin: 2rem auto;}
.gflink:hover{background-position: 0 bottom;}

.tdboxlr{width: 80%;margin: 0 auto;}
td{border-radius: 0.3rem;padding: 1rem}
.slider {
        width: 60%;
        margin: 5% auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }