/*normal setting*/
body,h2,h3{ font-family: 'Noto Sans TC', sans-serif !important; color: #000}
a{ text-decoration: none}
a:active,a:focus{ text-decoration: none}
section{ width: 100%; display: block; position: relative}
.clear{ clear: both}
@media (max-width: 992px) {
	.clear_md{clear: both}
}
@media (max-width: 767px) {
	.clear_sm{clear: both}
}

.bold{ font-weight: bold;}
.center{ text-align: center}
.container{ width: 1350px; position: relative;}

/*font size setting*/
.dp1{ font-size: 52px; line-height: 70px;}
h1,.h1{ font-size: 42px; line-height: 57.2px;}
h2,.h2{ font-size: 28px; line-height: 42px;}
h3,.h3{ font-size: 20px; line-height: 32px;}
h4,.h4{ font-size: 18px; line-height: 30.4px;}
h5,.h5{ font-size: 14px; line-height: 20px;}
p,.p{ font-size: 16px; line-height: 25.6px;}
.p2{ font-size: 12px; line-height: 17px;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5{ margin-top: 0;}
img{max-width: 100% !important;}

input, select, textarea {
	/* -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; */
	-webkit-border-radius: 0;
	border: none;
}
input[type=submit] {
	width: auto;
	border: 0px !important;
}
input:focus, select:focus, textarea:focus {
	outline: 0
}
.disabled, input:disabled, select:disabled, textarea:disabled {
	opacity: .6;
	cursor: default!important
}
em{
    font-style: italic !important;
}


/*color setting*/
:root {
    --blue: #0070A3;
    --blue-darker: #0B497B;
    --blue-lighter: #1EBDCE;
    --blue-subtle: #64DEF0;
    --error: #F69991;
    --hightlight: #FFCD4E;
    --success: #B0BC42;
    --black: #262626;
    --deep: #435363;
    --pastel: #778692;
    --faded: #C9CDD1;
    --gray700: #262626;
    --gray400: #818384;
    --gray10: #F0F0F0;
    --white: #fff;
}

/*button style*/
.btn-s1{ background-color:var(--hightlight); color: var(--black); padding: 15px 40px;display: inline-block; border-radius: 50px; font-size: 18px;}
    .btn-s1:hover{background-color:var(--blue-lighter); color: var(--white); transition: all 0.5s}
.btn-s2{ background-color:var(--blue-subtle); color: var(--black); padding: 15px 40px;display: inline-block; border-radius: 50px;}
    .btn-s2:hover{background-color:var(--hightlight);  transition: all 0.5s}
.btn-s3{ background-color:var(--blue); color: var(--white); padding: 15px 40px;display: inline-block; border-radius: 50px;}
    .btn-s3:hover{background-color:var(--blue-darker); color: var(--white);  transition: all 0.5s}
.btn-s4-b{color: var(--blue); padding: 5px 30px;display: inline-block; border-radius: 50px; border:1px solid var(--blue)}
.btn-s4-b:after{ content: ''; width: 11px; height: 16px; background: url(../images/ic-arrowleft.svg) no-repeat; background-size: contain; display: inline-block; position: relative;top: 2px}
.btn-s5-b{color: var(--white); padding: 5px 20px 5px 30px;display: inline-block; border-radius: 50px; border:1px solid var(--white)}
.btn-s5-b:after{ content: ''; width: 11px; height: 16px; background: url(../images/ic-arrowleft-w.svg) no-repeat; background-size: contain; display: inline-block; position: relative;top: 2px; margin-left: 5px;}
.btn-s5-b:hover{ color: var(--white);}
.btn-fb{ background-color:var(--blue); color: var(--white); padding: 15px 40px;display: inline-block; border-radius: 50px;}
    .btn-fb:hover{background-color:var(--blue-lighter);transition: all 0.5s}
.btn-line{ background-color:#66c310; color: var(--white); padding: 15px 40px;display: inline-block; border-radius: 50px;}
    .btn-line:hover{background-color:#3a7900;transition: all 0.5s}

.btn-s3-small{ background-color:var(--blue); color: var(--white); padding: 5px 20px;display: inline-block; border-radius: 50px; font-size: 14px;}
    .btn-s3-small:hover{background-color:var(--blue-darker); color: var(--white);  transition: all 0.5s}
.btn-s4-small{ background-color:var(--blue-subtle); color: var(--white); padding: 8px 20px;display: inline-block; border-radius: 50px; font-size: 14px;}
    .btn-s4-small:hover{background-color:var(--blue-darker); color: var(--white);  transition: all 0.5s}
.btn-s5-small{color: var(--blue); padding: 5px 20px;display: inline-block; border-radius: 50px; border:1px solid var(--blue); font-size: 14px}
    .btn-s5-small:hover{background-color: var(--blue);color: var(--white)}

/*icon setting*/
i{ display: inline-block}
i.ic-cart{width: 20px; height: 20px; background: url(../images/ic-cart.svg); background-size: contain; margin-top: 5px; }
i.ic-user{width: 20px; height: 20px; background: url(../images/ic-user.svg); background-size: contain;  margin-top: 5px;}
i.ic-line{width: 20px; height: 20px; background: url(../images/ic-line.svg); background-size: contain; position: relative; top: 2px}
i.ic-cama01{width: 15px; height: 12px; background: url(../images/ic-cama01.svg); background-size: contain; }
i.ic-cama02{width: 15px; height: 12px; background: url(../images/ic-cama02.svg); background-size: contain;}
i.ic-arrow{width: 15px; height: 8px; background: url(../images/ic-arrow.svg); background-size: contain;}
i.ic-pgarrow{width: 10px; height: 18px; background: url(../images/ic-pg-arrow.svg); background-size: contain;}
i.ic-goodeat{width: 15px; height: 15px; background: url(../images/ic-good-eat.svg) no-repeat; background-size: contain;}
i.ic-badeat{width: 15px; height: 15px; background: url(../images/ic-bad-eat.svg) no-repeat; background-size: contain;}
i.ic-magnifier{width: 35px; height: 35px; background: url(../images/ic-magnifier.svg) no-repeat; background-size: contain;}
i.ic-711{width: 33px; height: 32px; background: url(../images/ic-711.jpg) no-repeat; background-size: contain;}
i.ic-fami{width: 33px; height: 32px; background: url(../images/ic-fami.jpg) no-repeat; background-size: contain;}
i.ic-ar-top{width: 20px; height: 13px; background: url(../images/ic-ar-top.svg) no-repeat; background-size: contain;}
i.ic-ar-top{width: 20px; height: 13px; background: url(../images/ic-ar-top.svg) no-repeat; background-size: contain;}
i.ic-srch{width: 25px; height: 22px; background: url(../images/ic-zoom-in.svg) no-repeat; background-size: contain;}
i.ic-star{width:18px; height: 18px; background: url(../images/ic-star.svg) no-repeat; background-size: contain;}
i.ic-minus{width:20px; height: 20px; background: url(../images/ic-minus.svg) no-repeat; background-size: contain;}
i.ic-plus{width:20px; height: 20px; background: url(../images/ic-plus.svg) no-repeat; background-size: contain;}
i.ic-close{width:20px; height: 20px; background: url(../images/ic-close.svg) no-repeat; background-size: contain;}
i.ic-fb{width:25px; height: 25px; background: url(../images/ic-fb.png) no-repeat; background-size: contain; }
i.ic-line2{width:30px; height: 30px; background: url(../images/ic-line.png) no-repeat; background-size: contain;}
i.ic-arrow-left{width:12px; height: 30px; background: url(../images/ic-arrow-left.svg) no-repeat; background-size: contain;}
i.ic-arrow-right{width:12px; height: 30px; background: url(../images/ic-arrow-rig.svg) no-repeat; background-size: contain;}

/*other stting*/
.slick-dotted.slick-slider{ margin-bottom: 0;}


body{ font-size: 16px; line-height: 25.6px;}
.head{ width: 100%; min-height: 76px; opacity: 1; transition: all 0.2s; display: block;z-index: 9999; position: fixed; top: 0;}
@media only screen and (max-width: 1000px){
    .head{min-height: 60px;}
}
.head.white{background: #fff}
.head .container{ width: 1350px; padding:0 50px;}
.head.fadein{ position: fixed;top: 0;z-index: 9999}

nav{ position: absolute; left: 10px; top: 10px;}
nav > div.mbline{ display: none;}
nav > div{ display: inline-block; position: relative;}
nav > div a.active:after{content: ''; width: 10px; height: 10px; border-radius: 99em; display: inline-block; position: absolute; bottom: 5px; left: 45%; background: var(--blue)}
nav > div > a{display: inline-block; font-size: 14px;font-weight: 700; border: 0; text-align: center; padding: 0 10px; color: #fff ; transition: all 0.5s;position: relative; padding: 20px 20px; text-decoration: none; line-height: 25px;}
nav a.active{color: #01d5c6; text-decoration: none;}
nav a:hover{ transition: all 0.5s; text-decoration: none; color: #0b497b}


.meganav{ width: 100%; height: 300px; padding-top: 25px; background: var(--blue); position: fixed; top: 76px; left: 0; display: none;}
.meganav .sec{ display: inline-block;}
.meganav .ti{ font-size: 16px; font-weight: bold; margin-bottom: 10px; color: var(--white); padding-left: 15px;}
.meganav .itemwrap {border-left: 1px solid var(--blue-darker); padding-left: 15px;}
.meganav ul{ width: 105px; display: inline-block; vertical-align: top}
.meganav ul.big{ width: 140px;}
.meganav ul li{ width: 100%; display: inline-block; font-size: 16px; margin-bottom: 5px; }
.meganav ul li a{color: var(--white); font-size: 16px;}
.meganav ul li.h5{ font-size: 14px;}
.meganav .back{display: none;}

a:focus{ outline: 0}
a:hover{ text-decoration: none;}
.toplink{position: absolute; right: 10px; top: 10px;}
.toplink a{ color: #fff; display: inline-block; vertical-align: top; margin-top: 10px; margin-right: 20px;}
.logo{ width: 90px; position: absolute; left: 47%; top: 10px;}
.logo img{width: 85%;}
.addline{ border: 1px solid #fff; border-radius: 25px; padding: 2px 20px;}
.top-title h1{ color: var(--blue-darker); font-weight: bold; text-align: center; padding: 20px 0 20px 0; margin: 0}
.nobread{margin-top:76px;}
.roundbg{ background: var(--gray10); border-radius: 40px; }
ul.dot{padding-left: 20px;}
ul.dot li{ list-style: disc; }

/*麵包屑*/
.breadcrumb{width: 100%; background: var(--blue); margin-top:76px; border-radius: 0; margin-bottom: 0;}
.breadcrumb a{color: var(--white);display: inline-block; font-size: 14px;}
.breadcrumb a:after{ content: ''; width: 22px; height: 22px; background: url(../images/ic-bread-arrow.svg); background-size:  contain;display:  inline-block; position: relative; top: 7px;}
.breadcrumb .breadcrumb_semi:after{background: url(../images/ic-bread-semi.svg) !important;}
.breadcrumb a:nth-last-child(2).breadcrumb_semi:after{background: url(../images/ic-bread-arrow.svg) !important;}
.breadcrumb a:last-child:after{display: none;}

/*頁碼*/
.pagination{ width: 100%; margin: 15px 0; text-align: center}
.pagination a{ border-radius: 99em; border: 1px solid var(--black); font-size: 20px;display: inline-block; padding: 12px 0px; color: var(--black); margin: 0 2px; width: 52px; text-align: center;}
.pagination a.active{ background: #fff; border: 0}

/*透明樣式*/
.head.blue-trans nav > div a{ color: var(--blue)}
.head.blue-trans nav > div .meganav a{ color: var(--white)}
.head.blue-trans .toplink a{ color: var(--blue)}
.head.blue-trans .addline{ border: 1px solid var(--blue)}
.head.blue-trans i.ic-cart{width: 20px; height: 20px; background: url(../images/ic-cart-b.svg); background-size: contain; }
.head.blue-trans i.ic-user{width: 20px; height: 20px; background: url(../images/ic-user-b.svg); background-size: contain; }
.head.blue-trans i.ic-line{width: 20px; height: 20px; background: url(../images/ic-line-b.svg); background-size: contain; }
/*白底樣式*/
.head.white nav > div > a{ color: var(--blue)}
.head.white nav > div:first-child a{ padding-left: 0;}
.head.white nav > div.active > a{ color: var(--blue-lighter)}
.head.white nav > div.active:after{ background: var(--blue-lighter)}
.head.white .toplink a{ color: var(--blue)}
.head.white .toplink .addline{ border: 1px solid var(--blue); background:var(--blue);color: var(--white); margin-right: 0; }
.head.white i.ic-cart{width: 20px; height: 20px; background: url(../images/ic-cart-b.svg); background-size: contain; }
.head.white i.ic-user{width: 20px; height: 20px; background: url(../images/ic-user-b.svg); background-size: contain; }
.head.white i.ic-line{width: 20px; height: 20px; background: url(../images/ic-line.svg); background-size: contain; }

/*表單*/
.formsty .row{padding: 5px 0; margin-bottom: 10px;}
.formsty label{width: 80px; display: inline-block; font-size: 14px;}
.formsty select{ width:calc(100% - 90px); padding: 5px 10px; border: 1px solid #ced2d6; border-radius: 10px; font-size: 14px;}
.formsty select.half{ width:calc(48% - 40px);}
.formsty input[type='text'],.formsty input[type='password'],.formsty input[type='email'],.formsty  input[type='tel']{ width: calc(100% - 90px); padding: 5px 10px; border: 1px solid #ced2d6; border-radius: 10px; font-size: 14px;}
.formsty input.wide{ width: 100%;}
.formsty textarea{ width: 100%; border: 1px solid #ced2d6; border-radius: 10px; padding: 10px;}
.formsty .comedate:after{ content: ''; width: 15px; height: 15px; background: url(../images/ic-calendar.svg);display: inline-block; position: absolute; right: 30px; top: 10px}


/*****************Pages************************/
.home-slider-wrap{}
.home-slider-wrap:before{ width: 100%; height: 150px; content: ''; background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)); display: inline-block; position: absolute; top: 0; z-index: 3}
.home-slider{ width: 100%;}
.home-slider .bnbg{ width: 100%; top: 0; left: 0}
.home-slider .bnbg img{width: 100%;}
.home-slider .slide,.home-slider .container{ height: auto; position: relative}
.home-slider .text{position: absolute; top: 180px;left: 30px; color: #68605B; width: 360px;}
.home-slider a{/* position: absolute;*/ bottom: 110px; right:9%;}
.home-slider .slick-dots{ bottom: 50px}
.home-slider .slick-dots li.slick-active button:before{ color: var(--blue-lighter)}
.home-slider .slick-dots li button:before{ color: var(--white); opacity: 1}
.home-slider-wrap .mask{ width: 100%; height: 40px; background: url(../images/banner-cover.png) no-repeat center;position: absolute; bottom: 0}

.home-01{ background: url(../images/home-01.png) center top var(--blue-darker) no-repeat; padding-top: 245px; padding-bottom: 70px; }
.home-01 .f01{ position: absolute; right: 60px; top: -120px;}
.home-01 .f02{ position: absolute; left: 0; top: 110px;}
.home-01 .dp1{color: var(--white); margin-bottom: 20px;}
.home-01 .h3{color: var(--white)}
.home-01 .select {text-align: center; margin-top: 300px; margin-bottom: 80px;}
.home-01 .select .item{ width: 325px; border-radius: 40px; border: 1px solid #0075a9;text-align: center; display: inline-block; background-color:var(--blue-darker); margin: 0 10px; }
.home-01 .select .item .h3{ font-weight: bold;color: var(--white); margin-bottom: 10px; margin-top: 10px;}
.home-01 .select .item .h5{color: var(--faded);margin-bottom: 20px;}
.home-01 .select .item img{ width: 100%; border-top-left-radius: 40px;border-top-right-radius: 40px;}
.home-01 .select .cfa{ margin-top: 60px; }
.home-02{ color: var(--white); padding-top: 70px; background-color:var(--blue-darker) }
.home-02 .eatfish-wrap{  width: 100%;}
.home-02 .eatfish-wrap .eatfish{}
.home-02 .h1{ margin-bottom: 45px;}
.home-02 .eatfish{ text-align: center}
.home-02 .eatfish .item{ width: 570px; height: 360px;  color: var(--white); border-radius: 40px ; position: relative; overflow: hidden; display: inline-block; margin: 0 20px; text-align: left}
.home-02 .eatfish .item:after{ content: ''; width: 100%; height: 340px; position: absolute;bottom: 0; left: 0;z-index: 0;
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 0.5%,rgba(255,255,255,0.1) 76%,rgba(255,255,255,0.2) 100%);}
.home-02 .eatfish .item span{ display: block}
.home-02 .eatfish .item .h4{ position: absolute; bottom: 60px; left: 50px;z-index: 2}
.home-02 .eatfish .item .h2{ position: absolute; bottom: 20px; left: 50px;z-index: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%;}
.home-02 .eatfish .item .imgs{ width: 100%; position: absolute; left: 0;}
.home-02 .eatfish .item .imgs img{ width: 100%;}
.home-02 .eatfish .go{position: absolute; right: 35px; bottom: 40px; color: var(--white); font-size: 22px;z-index: 3}
.home-02 .eatfish a{z-index: 3; position: relative}
.home-02 .eatfish a:hover{color: var(--white)}

.home-02 .buyplace{ width: 1000px; padding-bottom: 90px; margin-top: 115px;}
.home-02 .buyplace ul{ margin-top: 40px; text-align: center}
.home-02 .buyplace li{display: inline-block; margin:0 25px;}
.home-02 .linethrought{}
.home-02 .linethrought div{ background-color:var(--blue-darker);z-index: 1; position: relative;padding: 12px 25px; display: inline-block;}
.home-02 .linethrought:after{ width: 100%;height: 1px; background: #026da0; content: ""; display: inline-block; position: relative;top: -38px}
.home-03{ width: 100%; min-height: 655px; background: url(../images/home-03.jpg) center; background-size: cover; display: flex; 
  align-items: center; justify-content: center;}
.home-03 .dp1{ color: var(--white); }
.home-04 { background:url(../images/home-04.png) center top no-repeat  var(--blue-darker); text-align: center; padding-top: 180px; padding-bottom: 110px;}
.home-04 .item{ width: 330px; text-align: center; display: inline-block; padding: 0 10px;vertical-align: top}
.home-04 .item:nth-child(2){ border-right:1px solid #016c9f;  border-left:1px solid #016c9f; }
.home-04 .item .h3{ font-weight: bold;color: var(--white); margin-bottom: 15px; margin-top: 0px;}
.home-04 .item .h5{color: var(--faded);margin-bottom: 30px;}
.home-04 .item img{ max-width: 170px; }
.home-05{ background:url(../images/home-05.png) center top no-repeat var(--blue-darker); text-align: center; padding-top: 140px; padding-bottom: 110px;}
.home-05 .h1,.home-05 .h4{ color: var(--white)}
.home-05 .feedback{ margin-top: 60px; margin-bottom: 55px;}
.home-05 .item{ width: 325px;min-height: 270px; text-align: left; display: inline-block; padding: 30px 20px; margin: 0 10px; vertical-align: top; background: var(--white); border-radius: 40px;}
.home-05 .item .h3{ color: var(--deep); margin-bottom: 15px; margin-top: 0px;}
.home-05 .item .h5{color: var(--faded);color: var(--deep);margin-bottom: 30px;}
.home-05 .f01{ position:absolute; top: -50px; left: 0px;}
.home-05 .f02{ position:absolute; bottom: -80px; right: 0px;}

.home-06{ background:url(../images/home-06.png) center top no-repeat var(--blue-darker); text-align: center; padding-top: 30px; padding-bottom: 110px;}
.home-06 .h1{ margin-bottom: 60px;}
.home-06 .h1,.home-06 .h2,.home-06 .h3{ color: var(--white)}
.home-06 .h2{ line-height: 32px; min-height: 130px; display: flex; align-items: center; justify-content: center;}
.home-06 .h3{ margin-top: 5px;}
.home-06 .item{width: 325px; min-height: 310px; border-radius: 40px; border: 1px solid #0075a9;text-align: center; display: inline-block; background-color:var(--blue-darker); margin: 0 10px; vertical-align: top}
.home-06 .item span{ color: var(--white)}
.home-06 i.ic-cama01{margin-top: 20px;}
.home-06 i.ic-cama02{margin-bottom: 20px;}
.home-cfa{ min-height: 440px; background: url(../images/home-btm-cfa.png) top center no-repeat; margin-top: 100px;}
.home-cfa .h1{ margin-bottom: 38px; margin-top: 10px;}
.home-cfa .leftxt{position: absolute; left: 0;top: 100px; text-align: left}


footer{background-color:var(--blue-darker); padding-bottom: 40px; }
footer.light{background-color:var(--blue);  }
footer.white{background-color:var(--white);  }
footer.gray{background-color:#f0f0f0;  }
footer.grayinner{background-color:var(--white);  }
footer .container{background-color:var(--white); border-radius: 40px; padding: 35px 50px;box-sizing: border-box}
footer.grayinner .container{background-color:var(--gray10);  }
footer .info{ color: var(--blue); width:58%; display: inline-block; vertical-align: top; font-size: 14px; }
footer .info span{ color: var(--blue); border-right: 1px solid var(--blue); padding-right: 10px; margin-right: 10px; }
footer .info span:nth-child(2){ border: 0}
footer .info span:nth-child(5){ border: 0}
footer .info img{ margin-bottom: 15px;}
footer .cpr{ width: 100%; font-size: 14px;color: var(--blue); margin-top: 15px; display: inline-block}
footer .link{ width: 10%; min-height: 160px; display: inline-block; vertical-align: top; font-size: 16px; padding: 0 20px; border-left: 1px solid #d6dade}
footer .ti{ font-size: 16px; font-weight: bold; color: var(--blue-darker); margin-bottom: 15px; margin-top: 10px;}


/*About*/
.about-banner{ width: 100%; min-height: 720px; background: url(../images/about-top.jpg) center top; background-size: cover}
.about-banner .mask{ width: 100%; height: 40px; background: url(../images/banner-cover-light.png) repeat-x center;position: absolute; bottom: 0}
.about-wrap{ width: 100%; min-height: 1200px;background: url(../images/about-bg01.png) var(--blue) no-repeat; background-position:center 400px; }
.about-01{ padding-top: 100px; color: var(--white)}
.about-01 .cfa{ margin-top: 20px;}
.about-01 .txt{ padding-right: 120px;padding-left: 120px;}
.about-01 .s1 {margin-bottom: 100px;}
.about-01 .s1 .dp1{margin-top: 30px; margin-bottom: 30px;}
.about-01 .s2 { min-height: 600px; text-align: center ;padding-top: 180px; padding-bottom: 180px;}
.about-01 .s2 span{ color: var(--white); display: block; margin-top: 45px;}
.about-01 .s2 .ic-cama01{ width: 25px; height: 20px; margin-bottom: 40px;}
.about-01 .s2 .ic-cama02{ width: 25px; height: 20px; margin-top: 25px;}
.about-01 .s3{ margin-bottom: 100px; margin-top: 40px;}
.about-01 .s3 .dp1{margin-top: 80px; margin-bottom: 30px;}
.about-01 .s4{ margin-bottom: 100px;}
.about-01 .s4 .dp1{margin-top: 80px; margin-bottom: 30px;}
.about-01 .s5{ margin-bottom: 100px;}
.about-01 .s5 .dp1{margin-top: 180px; margin-bottom: 30px;}
.about-01 .s6{ margin-bottom: 100px;}
.about-01 .s6 .dp1{margin-top: 100px; margin-bottom: 30px;}
.about-01 .s7{ margin-bottom: 100px;}
.about-01 .s7 .dp1{margin-top: 50px; margin-bottom: 30px;}
.about-02{width: 100%; background: url(../images/about-07.png) var(--blue) no-repeat; background-position:center 200px; padding-bottom: 80px; }
.about-02 .yt{}
.about-02 .yt iframe{ border-radius: 40px;}
.about-02 .report{ margin-top: 50px; padding: 0 80px;}
.about-02 .report .h1{ text-align: center; color: var(--white); margin-bottom: 50px;}
.about-02 .report .item{ width: 325px; border-radius: 40px;text-align: left; display: inline-grid; background-color:var(--white); margin: 0 10px; }
.about-02 .report .item img{ width: 100%; border-top-left-radius: 40px;border-top-right-radius: 40px;}
.about-02 .report .item .p2{color: var(--deep); padding: 20px 20px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.about-02 .report .slick-prev{ width: 60px; height: 58px; background:url(../images/slick-left.svg) no-repeat; display: inline-block; text-indent: -99999px; left: -80px;}
.about-02 .report .slick-next{ width: 60px; height: 58px; background:url(../images/slick-right.svg) no-repeat; display: inline-block; text-indent: -99999px; right: -80px;}


/*News分類總攬*/
.newscatg{ }
.newscatg-banner{ width: 100%; min-height: 720px; background: url(../images/news-catg-01.jpg) center top; background-size: cover}
.newscatg-banner .txtwrap{ text-align: center; padding-top: 120px; color: var(--blue)}
.newscatg-banner .txtwrap .h1{ font-weight: bold;}
.newscatg-banner .mask{ width: 100%; height: 40px; background: url(../images/banner-cover-white.png) repeat-x center;position: absolute; bottom: 0}
.newscatg-01{width: 100%; background: url(../images/news-catg-bg01.png) no-repeat #f0f0f0; background-position:center 50px;padding-bottom: 100px; padding-top: 50px; }
.newscatg-01 .txt{ margin-top: 100px;color: var(--deep); padding-left: 80px;}
.newscatg-01 .h1{ margin-bottom: 30px;}
.newscatg-02{width: 100%; background: url(../images/news-catg-bg02.png) no-repeat #f0f0f0; background-position:center 50px;padding-bottom: 100px; padding-top: 50px; }
.newscatg-02 .h1{ margin-bottom: 30px;}
.newscatg-02 .txt{ margin-top: 50px;color: var(--deep)}
.newscatg-02 .item{ width: 200px; min-height: 380px; vertical-align: top; text-align: center;color: var(--deep); border-radius: 20px; border: 1px solid var(--faded); margin-bottom: 20px; display: inline-block; margin-right: 10px; padding: 30px 20px}
.newscatg-02 .item .h3{ font-weight: bold; margin-bottom: 0;}
.newscatg-02 .item i{ margin-bottom: 0px;}
.newscatg-02 .item .img img{width: 150px}
.newscatg-03{width: 100%; background: url(../images/news-catg-bg03.png) no-repeat #f0f0f0; background-position:center 50px;padding-bottom: 100px; padding-top: 50px; }
.newscatg-03 .h1{ margin-bottom: 30px;}
.newscatg-03 .txt{ margin-top: 50px;color: var(--deep); padding:20px 0 0 100px; }
.newscatg-04{width: 100%; background: url(../images/news-catg-bg04.png) no-repeat #f0f0f0 center; ;padding-bottom: 100px; padding-top: 50px; }
.newscatg-04 .h1{ margin-bottom: 30px;}
.newscatg-04 .txt{ min-height: 390px; color: var(--deep); padding:70px 0 0 100px; background: #fff; border-radius: 40px; display: inline-block}
.newscatg-05{width: 100%; background: url(../images/news-catg-bg05.png) no-repeat #f0f0f0; background-position:center 50px;padding-bottom: 100px; padding-top: 50px;color: var(--deep); }
.newscatg-05 .h1{ margin-bottom: 30px;}
.newscatg-05 .txt01{margin-top: 50px;color: var(--deep); padding:20px 0 0 20px;}
.newscatg-05 .txt02{margin-top: 50px;color: var(--deep); padding:100px 0 0 100px;}
.newscatg-05 .sec02{ margin-top: 100px;}
.newscatg-05 .bigcfa{ box-sizing: content-box; margin-top: 100px; }
.newscatg-05 .bigcfa .item{ width: 48%; background: #fff; border-radius: 40px; display: inline-block; margin: 0 10px; box-sizing: content-box; position: relative;}
.newscatg-05 .bigcfa img{border-top-left-radius: 40px;border-top-right-radius: 40px; }
.newscatg-05 .bigcfa p{ padding: 20px 20px 20px 30px;}
.newscatg-05 .bigcfa i{position: absolute; bottom: 30px; right: 20px;}

/*News分類*/
.newslist-wrap{}
.newslist-wrap .container{ padding: 40px 250px; margin-bottom: 45px; }
.member_padding{padding: 60px 125px !important;}
.newslist-wrap .mainlist{ vertical-align: top; margin-bottom: 30px;}
.newslist-wrap .mainlist .img{ width: 302px; display: inline-block;}
.newslist-wrap .mainlist img{border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.newslist-wrap .mainlist .txt{ width: calc(100% - 310px); height: 230px; display: inline-block; background: #fff; vertical-align: top;border-top-right-radius: 20px;border-bottom-right-radius: 20px; padding: 10px 20px;}
.newslist-wrap .mainlist .tag{ border-radius: 20px; border: 1px solid var(--blue); display: inline-block; padding: 4px 16px; color: var(--blue); margin-top: 10px; margin-bottom: 5px;}
.newslist-wrap .mainlist .h3{ color: var(--gray700) ; margin-top: 10px;}
.newslist-wrap .mainlist .h3 a{color: var(--gray700)}

.newslist-wrap .list{ width: 265px; display: inline-grid; margin-right: 22px; margin-bottom: 30px}
.newslist-wrap .list:nth-child(3n+1){ margin-right: 0;}
.newslist-wrap .list .img{ width: 265px; float: left;}
.newslist-wrap .list img{border-top-left-radius: 20px;border-top-right-radius: 20px; width: 100%; float: left;}
.newslist-wrap .list .txt{display: inline-block; background: #fff; border-bottom-left-radius: 20px;border-bottom-right-radius: 20px; padding: 10px 20px; width: 100%;}
.newslist-wrap .list .tag{ border-radius: 20px; border: 1px solid var(--gray700); display: inline-block; padding: 4px 16px; color: var(--gray700); margin-bottom: 5px; }
.newslist-wrap .list .h4{ margin-top: 5px; height: 57px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}
.newslist-wrap .list .h4 a{ color: var(--gray700)}

/*料理食譜*/
.cook-wrap{margin-bottom: 45px;}
.cook-wrap .container{ padding: 40px 250px;}
.cookfilter{ border-radius: 80px; background: #fff; padding: 25px 25px 20px 25px; margin-bottom: 80px; text-align: center}
.cookfilter .flit{ width: 70px; display: inline-block; margin: 0 7px; text-align: center}
.cookfilter .flit span{ width: 70px; height: 70px; border: 1px solid var(--blue);border-radius: 100%; padding: 10px; display: inline-block;}
.cookfilter .flit span.active{ border: 1px solid var(--blue);background: var(--blue)}
.cookfilter .flit span:hover{background: var(--blue)}
.cookfilter .flit em{ color:var(--blue) ;text-align: center; display: inline-block; width: 100%; font-size: 16px; font-weight: bold;}
.cook-wrap .cookbig{ position: relative}
.cook-wrap .cookbig .ti{ background: var(--white); color: var(--blue); display: inline-block; position: absolute; top: -30px; left: 0; padding: 10px 15px; border-top-left-radius: 20px; border-top-right-radius: 20px; font-weight: bold; font-size: 18px;}
.cook-wrap .cookbig .main{ background: var(--white); border-radius: 20px; padding-bottom: 10px; margin-bottom: 20px;}
.cook-wrap .cookbig .main .img{ text-align: center; padding-top: 20px;}
.cook-wrap .cookbig .main .img img{ border-radius: 20px; display: inline-block; text-align: center;}
.cook-wrap .cookbig .main .tags{ display: inline-block; padding-left: 20px; padding-right: 30px; margin-top: 10px;}
.cook-wrap .cookbig .main .tags span{ border-radius: 40px; border: 1px solid var(--gray700); display: inline-block; padding: 0px 15px; color: var(--gray700); margin-bottom: 5px; font-size: 14px; margin-right: 5px; }
.cook-wrap .cookbig .main .nb{ display: inline-block; padding-right: 30px;font-size: 14px;}
.cook-wrap .cookbig .main .time{ display: inline-block;font-size: 14px;}

.cooklist { width: 275px; background: var(--white); border-radius: 10px; padding-bottom: 10px; color: var(--black); display: inline-grid;margin-right: 8px; margin-bottom: 20px;}
.cooklist:nth-child(3n){ margin-right: 0;}
.cooklist .img{ text-align: center; padding-top: 13px;}
.cooklist .img img{ border-radius: 10px; display: inline-block; text-align: center}
.cooklist .tags{ display: inline-block; padding-left: 10px; padding-right: 30px; margin-top: 10px;margin-bottom: 10px;}
.cooklist .tags span{ border-radius: 40px; border: 1px solid var(--gray700); display: inline-block; padding: 0px 15px; color: var(--black); margin-bottom: 5px; font-size: 12px; margin-right: 5px; }
.cooklist .h4{ color: var(--black);padding-left: 10px; font-weight: bold; margin-bottom: 0; height: 61px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}
.cooklist .h4 a{ color: var(--black);}
.cooklist .nb{ width: 100%; display: inline-block; padding-left: 10px;font-size: 14px;}
.cooklist .time{width: 100%; display: inline-block;font-size: 14px; padding-left: 10px;}

/*食譜內頁*/
.ck-recipe{ }
.ck-recipe .container{ padding: 40px 250px; margin-bottom: 40px;}
.ck-recipe .intro{ border-radius: 20px; padding: 30px 30px 20px 30px; background: var(--white); margin-bottom: 20px;}
.ck-recipe .intro .tag{ color: var(--blue); padding: 2px 15px; border-radius: 20px; margin-right: 10px; border:1px solid var(--blue); display: inline-block;}
.ck-recipe .intro .area{display: inline-grid; width: 47%; }
.ck-recipe .intro .area:first-child{border-right: 1px solid #f3f3f3 }
.ck-recipe .intro .area:last-child{margin-left: 35px;}
.ck-recipe .intro .row1{margin-bottom: 10px; color: var(--black)}
.ck-recipe .video{margin-bottom: 10px;}
.ck-recipe .video iframe, .ck-recipe .video img{ border-radius: 20px; }
.ck-recipe .video img{width: 100%;}
.ck-recipe .ingredient{ border-radius: 20px; padding: 10px 30px 20px 30px; background: var(--white); margin-bottom: 20px; }
.ck-recipe .ingredient .h3{ font-weight: bold;}
.ck-recipe .ingredient ul li{ border-bottom: 1px solid #f3f3f3; width: 45%; font-size: 14px; display: inline-block; padding: 5px 0}
.ck-recipe .ingredient ul li:nth-child(even){;margin-left: 65px;}
.ck-recipe .ingredient ul li span:last-child{ float: right;}
.ck-recipe .ingredient ul li:hover span{ color: var(--blue)}
.ck-recipe .relate-shop{border-radius: 20px; padding: 10px 30px 20px 30px; background: var(--white); margin-bottom: 20px; }
.ck-recipe .relate-shop .h3{ padding-bottom: 10px; font-weight: bold;}
.ck-recipe .relate-shop .shopit{ width: 245px; display: inline-table; margin-right: 20px;}
.ck-recipe .relate-shop .shopit:last-child{ margin-right: 0;}
.ck-recipe .relate-shop .img{ float: left; margin-right: 15px; }
.ck-recipe .relate-shop .img img{ border-radius: 20px;}
.ck-recipe .relate-shop .ti{}
.ck-recipe .relate-shop .price{}
.ck-recipe .relate-shop .cfa{color: var(--blue); padding: 2px 13px; margin-top: 30px; border-radius: 20px; margin-right: 10px; border:1px solid var(--blue); display: inline-block; font-size: 12px;}
.ck-recipe .step{border-radius: 20px; padding: 30px 30px 20px 30px; background: var(--white); margin-bottom: 20px; margin-bottom: 40px; overflow: hidden;}
.ck-recipe .step .st{ vertical-align: top; margin-bottom: 20px; float: left; width: 100%; overflow: hidden;}
.ck-recipe .step .st .img{ width: 200px; display: inline-block; margin-top: -25px; float: right;}
.ck-recipe .step .st img{border-radius: 20px;}
.ck-recipe .step .st .nb{ background: #31AEBE; border-radius: 99em; width: 30px; height: 30px; color: #fff; text-align: center; line-height: 30px; display: block; vertical-align: top; margin-left: 10px; position: relative; margin-right: 10px;}
.ck-recipe .step .st .nb:after{ content: ''; width: 1px; height:500px; background: #31AEBE; position:absolute; left: 15px; top: 40px;}
.ck-recipe .step .st p{ width: calc(100% - 250px); display: inline-block; vertical-align: top; color: var(--black); margin-left: 25px; margin-top: 10px; padding-left: 15px;}
.ck-recipe .related-recipe .h2{ font-weight: bold; margin-bottom: 40px;}
.ck-recipe .related-recipe .cooklist{ width: 272px; margin-right: 10px;}
.ck-recipe .related-recipe .cooklist:last-child{ margin-right: 0;}
.ck-recipe .related-recipe .cooklist .img{ padding-top: 10px;}

/*shop首頁*/
.shopix{ margin-bottom: 45px;}
.shopix .container{ padding: 50px; min-height: 760px }
.shopix .shoptps01{ width: 1350px; margin: 0 auto}
.shopix .shoptps01 .item{}
.shopix .shoptps01 .slick-dots{bottom: 10px}
.shopix .shoptps01 .slick-dots li.slick-active button:before{ color: var(--blue)}
.shopix .shoptps01 .slick-dots li button:before{ color: var(--white); opacity: 1}
.shopix .shoptps02{ width: 1200px; margin: 0 auto; text-align: center; padding: 35px 0 30px 0}
.shopix .shoptps02 .slick-list{ padding-bottom: 10px;}
.shopix .shoptps02 .item{ width: 185px; height: 100px; }
.shopix .shoptps02 .item .text{position: relative}
.shopix .shoptps02 .item img{border-radius: 20px; display: inline-block; }
.shopix .shoptps02 .item span{position: absolute; top: 35px; left: 0; width: 100%;color:var(--white) ;font-size: 20px; font-weight: bold;}
.shopix .shoptps02 .slick-prev{ width: 60px; height: 58px; background:url(../images/slick-gray-left.svg) no-repeat; display: inline-block; text-indent: -99999px; left: -80px;}
.shopix .shoptps02 .slick-next{ width: 60px; height: 58px; background:url(../images/slick-gray-right.svg) no-repeat; display: inline-block; text-indent: -99999px; right: -80px;}
.shopix .area{ padding-top: 40px; position: relative; padding-bottom: 30px; border-bottom: 1px solid #fff; text-align: left}
.shopix .area .h2{ width: 100%; text-align: center; color: var(--black); margin-bottom: 40px; font-weight: bold;}
.shopix .area .more{ border-radius:30px; border: 1px solid var(--blue);padding: 5px 20px 5px 25px; position: absolute; right: 50px; top: 50px;}
.shopix .area .more:after{ content: '';width: 9px; height: 13px; background: url(../images/shop-more-arrow.svg) no-repeat;background-size: contain; display: inline-block; margin-left: 5px;}
.shopix .area .item{ /* width: 385px; min-height: 535px;*/ width: 100%; background: var(--white); border-radius: 20px; position: relative; padding: 15px 15px 45px 15px; display: inline-block; /* margin-right:42px; */ text-align: left; vertical-align: top; margin-bottom: 40px;}
.shopix .area .item:nth-child(4){ margin-right: 0;}
.shopix .area .item .h4{ margin-bottom: 15px; height: 61px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}
.shopix .area .item .h4 a{ margin-bottom: 15px; color: var(--black)}
.shopix .area .item .mwrap{position: absolute; bottom: 10px; left: 15px;}
.shopix .area .newtag{ background: var(--white); color: #f04f59; display: inline-block; position: absolute; top: -32px; left: 0; padding: 10px 15px; border-top-left-radius: 20px; border-top-right-radius: 20px; font-weight: bold;}
.shopix .area img{ border-radius: 10px; display: inline-block; text-align: center; width: 100%;}
.shopix .area .sug{ border: 1px solid var(--black); padding: 1px 13px 0px 8px; display: inline-block; border-radius: 30px; font-size: 12px; margin-bottom: 15px; margin-top: 15px;}
.shopix .area .sug i{ position: relative; top: 3px; margin-right: 5px;}
.shopix .area .cost{ font-size: 28px; display: inline-block; text-align: left}
.shopix .area .sale{font-size: 20px; display: inline-block; color: var(--gray400); text-decoration: line-through; text-align: left; margin-left: 10px;}
.quicksrch{ position: absolute; right: 0; top: 30px;background: #f0f0f0; border-radius: 40px; padding: 5px 30px 7px 30px; color: var(--blue); font-weight: bold;}
.quicksrch .ic-srch{ position: relative; top: 4px; margin-right: 4px;}
.srch-wrap{position: sticky;bottom: 0; width: 100%; z-index: 3; display: none}
.srch{width: 100%; max-width: 1350px; margin: 0 auto; background: var(--white); border-top-left-radius: 20px;border-top-right-radius: 20px; padding: 25px 100px 20px 100px; box-shadow: 0 0 10px #ddd; position: relative}
.srch .btnclose{ width: 30px; height: 30px; background: url(../images/ic-cross.svg) no-repeat; position: absolute; top: 20px; right: 30px;}
.srch .h4{ width: 100%; text-align: center; padding-bottom: 5px; border-bottom: 1px solid #f5f5f5}
.srch .ti{ width: 100%; text-align: left; padding-bottom: 5px; }
.srch .sec{ margin-bottom: 25px;}
.srch .sec.last{ margin-bottom: 0;}
.srch .sec >div{  display: inline-block; min-width: 100px; margin-bottom: 10px; }

.shopcat .intro{ border-radius: 20px; background: var(--white); padding: 20px; text-align: center; margin: 40px auto; margin-bottom: 50px;}
.shopcat .intro a{margin-top: 30px;}
.shopcat .area .item{ /*width: 385px; min-height: 540px;*/ width: 100%; background: var(--white); border-radius: 20px; position: relative;padding: 15px 15px 45px 15px; display: inline-block; /* margin-right:42px; */ text-align: left; vertical-align: top; margin-bottom: 40px;}
.shopcat .area .item:nth-child(3n){ margin-right: 0;}
.shopcat .area .item:nth-child(4){ margin-right: 42px;}

/*b2b*/
.shop2b .textbox{ border-radius: 30px; background: var(--white); color: var(--black); padding: 20px; text-align: center; margin-top: 20px; margin-bottom: 40px;}
.shop2b .tob{ padding-top: 40px; border-top: 1px solid var(--white)}
.shop2b .tob .btm-btn{ text-align: center; margin-top: 25px; margin-bottom: 50px;}
.shop2b .tob .text{ width: 850px; margin: 0 auto; padding: 30px; border: 1px solid var(--faded); border-radius: 20px; color: var(--gray400); }
.shop2b .tob .h2{vertical-align: top; border-bottom: 1px solid #f1f1f1; padding-bottom: 15px; text-align: center; margin-bottom: 0;}
.shop2b .inq{width: 850px; padding: 20px 30px;border-radius: 20px; background: var(--white); margin: 30px auto}
.shop2b .inq .row{padding: 5px 0}
.shop2b .inq label{width: 80px; display: inline-block;}
.shop2b .inq select{ width:calc(100% - 90px); padding: 5px 10px; border: 1px solid #ced2d6; border-radius: 10px;}
.shop2b .inq input[type='text'],.shopix .inq input[type='email']{ width: calc(100% - 90px); padding: 5px 10px; border: 1px solid #ced2d6; border-radius: 10px;}
.shop2b .inq textarea{  width: 99%; padding: 5px 10px; border: 1px solid #ced2d6; border-radius: 10px; margin-top: 5px;}
.shop2b .tob .corp{ border-top: 1px solid #fff; padding-top: 40px; padding-bottom: 30px;}
.shop2b .tob ul{ text-align: center}
.shop2b .tob ul>li{ display: inline-block; padding: 20px; }
.shop2b .shoptps01{ margin-bottom: 20px;}
.shop2b .area{ border-bottom: 0; padding-bottom: 0;}
.shop2b .comedate input{ position: relative;}
.shop2b .comedate:after{ content: ''; width: 15px; height: 15px; background: url(../images/ic-calendar.svg);display: inline-block; position: absolute; right: 30px; top: 10px}


.shop2b .area .item{ margin-right: 42px;}
.shop2b .area .item:nth-child(3n){ margin-right: 0;}

/*shop產品頁*/
.shopv{}
.shopv .container{padding: 40px 230px; margin-bottom: 40px;}
.shopv .main { background: var(--white); padding: 25px; border-radius: 20px;  }
.shopv .lftslider{ width: 400px;display: inline-block}
.shopv .pdslider-for img{ border-radius: 20px;}
.shopv .info { width: calc(100% - 410px); display: inline-block; vertical-align: top; padding-left: 20px;}
.shopv .info .sug{ border: 1px solid var(--black); padding: 1px 13px 0px 8px; display: inline-block; border-radius: 30px; font-size: 12px; margin-bottom: 15px;}
.shopv .info .sug i{ position: relative; top: 3px; margin-right: 5px;}
.shopv .info .feedback{ border-bottom: 0px; margin-bottom: 10px; padding-bottom: 0px;}
.shopv .info .feedback span{ position: relative; top: -3px; left: 5px}
.shopv .info .bsty{ color: var(--blue); padding: 0 10px; font-size: 14px; border-right: 1px solid #ddd}
.shopv .info .ps{ color: var(--pastel); padding: 0 10px; font-size: 14px; border-right: 1px solid #ddd}
.shopv .info .ps:last-child{ border-right: 0px}
.shopv .info .bsty:last-child{ border-right: 0px }
.shopv .info .cost{ margin: 20px 0 30px 0; background: var(--gray10); border-radius: 10px; padding: 30px;}
.shopv .info .cost .num{ width: 110px; height: 50px; border-radius: 10px; border: 1px solid var(--faded); background: var(--white); display: inline-block; vertical-align: top; margin-top: 5px;}
.shopv .info .cost .num .minus,.shopv .info .cost .num .plus{ padding:0 5px }
.shopv .info .cost .num i{ position: relative; top: 4px;}
.shopv .info .cost .num input{ width: 40px; height: 48px; border: 0; border-left: 1px solid var(--faded); border-right: 1px solid var(--faded); padding: 0px 5px; text-align: center}
.shopv .info .cost .mb-price{ display: inline-block; margin-left: 30px; color: var(--black)}
@media (max-width:768px){
	.shopv .info .cost .mb-price{margin-left: 10px;}
}
.shopv .info .cost .mb-price em{display: block}
.shopv .info .cost .ori-price{ display: inline-block; margin-left: 15px; color: var(--pastel)}
.shopv .info .cost .ori-price em{display: block;color: var(--pastel)}
.shopv .info .cfas{ margin-top: 20px;}
.shopv .info .cfas a{color: var(--white); font-size: 20px; }
.shopv .info .cfas .addcart{  float: left;}
.shopv .info .cfas .shopnow{float: right; }
.shopv .pdslider-nav{ padding: 20px ; padding-bottom: 0;}
.shopv .pdslider-nav .slick-prev{ width: 20px; height: 20px; background:url(../images/shop-slider-l.svg) no-repeat; display: inline-block; text-indent: -99999px; left: -10px; top: 55%}
.shopv .pdslider-nav .slick-next{ width: 20px; height: 20px; background:url(../images/shop-slider-r.svg) no-repeat; display: inline-block; text-indent: -99999px; right: 10px; top: 55%}

.shopv .pdslider-nav img{ border-radius: 10px; }
.shopv .brief{ background: var(--white);  padding: 20px 25px; border-radius: 20px;margin-top: 20px;}
.shopv .lft{ display: inline-block}
.shopv .fishtype{ width: 460px; background: var(--white); padding: 20px 25px; border-radius: 20px; margin-top: 20px; margin-bottom: 15px;}
.shopv .fishtype .tag{ color: var(--blue); padding: 5px 15px; border-radius: 20px; margin-right: 10px; border:1px solid var(--blue); display: inline-block; font-size: 16px; margin-bottom: 10px;}
.shopv .fishtype .h3{ margin-top: 0;}
.shopv .cookstyle{background: var(--white); padding: 20px 25px; border-radius: 20px;}
.shopv .cookstyle .item{ width: 80px; text-align: center; display: inline-block; margin-top: 10px;}
.shopv .cookstyle .item span{margin-left: 5px;}
.shopv .cookstyle .item >div{ width: 60px; height: 60px; border: 1px solid var(--blue);border-radius: 99em; padding: 10px;display: inline-block; margin: 0 10px;}
.shopv .cookstyle .item >div img{max-width: 100%;}
.shopv .cookstyle .item p{ margin: 5px; width: 100%; text-align: center; font-size: 14px;}
.shopv .cookstyle .item >div span{ margin-top: 5px;}
.shopv .rig{ min-height: 380px; background: var(--white); padding: 20px 25px; border-radius: 20px;margin-top: 20px; margin-left: 14px; display: inline-block; vertical-align: top}
.shopv .more{ background: var(--white); padding: 25px; border-radius: 20px; margin-top: 20px;}
.shopv .shoptabs{margin-top: 20px;}
.shopv .shoptabs li{ display: inline-block; background: var(--blue); color: var(--white); font-weight: bold; text-align: center; font-size: 18px; cursor: pointer; padding: 15px 20px; padding-bottom: 10px; border-top-left-radius: 20px; border-top-right-radius: 20px; margin-right: 5px;}
.shopv .shoptabs li a{color: var(--white) !important;}
.shopv .shoptabs li.active a, .shopv .shoptabs li:hover a{color: var(--blue) !important;}
.shopv .shoptabs li.active,.shopv  .shoptabs li:hover{ background: var(--white); color: var(--blue);}
.shopv .shoptabs .content{background: var(--white); padding: 25px; display: none; border-radius: 20px; border-top-left-radius: 0; margin-bottom: 45px; }
.shopv .shoptabs .content.active{display: block; }
.shopv .shoptabs .content .peo{ padding-bottom: 10px; border-bottom: 1px solid var(--faded); margin-bottom: 10px;}
.shopv .shoptabs .content .name{ font-size: 14px;}

.shopv .recipeslider{width: 710px;  margin: 0 auto; margin-bottom:50px; }
.shopv .related-recipe .h2{ width: 100%; text-align: center}
.shopv .shopv-cooklist{ display: none;}
.shopv .recipeslider .item{height: 294px;background: var(--white);border-radius: 20px; margin: 0 auto; margin-top: 20px; position: relative}
.shopv .recipeslider .item a{ position: absolute; bottom: 20px; right: 20px;}
.shopv .recipeslider .img{display: inline-block}
.shopv .recipeslider .img img{border-top-left-radius:20px;border-bottom-left-radius:20px; }
.shopv .recipeslider .text{display: inline-block;vertical-align: top; padding: 20px; }
.shopv .recipeslider .h3{ color: var(--blue)}
.shopv .recipeslider .ingredient{ width: 375px; }
.shopv .recipeslider .ingredient ul{}
.shopv .recipeslider .ingredient ul li{ width: 46%; display: inline-block;border-bottom: 1px solid var(--faded); padding: 2px 0; color: var(--black); font-size: 14px;}
.shopv .recipeslider .ingredient ul li:nth-child(even){ margin-left: 10px;}
.shopv .recipeslider .ingredient ul li span:last-child{ float: right;}
.shopv .recipeslider .slick-prev{ width: 60px; height: 58px; background:url(../images/slick-left.svg) no-repeat; display: inline-block; text-indent: -99999px; left: -80px;}
.shopv .recipeslider .slick-next{ width: 60px; height: 58px; background:url(../images/slick-right.svg) no-repeat; display: inline-block; text-indent: -99999px; right: -80px;}


.shopv .relate-shop{}
.shopv .relate-shop .h2{ width: 100%; text-align: center}
.shopv .relate-shop .area{ padding-top: 20px; position: relative; text-align: center}
.shopv .relate-shop .area .item{ width: 250px; min-height: 390px; background: var(--white); border-radius: 20px; position: relative;padding: 15px; display: inline-block; margin-right:20px;text-align: left; vertical-align: top; position: relative}
.shopv .relate-shop .area .item:last-child{ margin-right: 0;}
.shopv .relate-shop .area .mwrap{position: absolute; bottom: 10px; left: 15px;}
.shopv .relate-shop .area img{ border-radius: 10px; display: inline-block; text-align: center; width: 100%;}
.shopv .relate-shop .area .sug{ border: 1px solid var(--black); padding: 1px 13px 0px 8px; display: inline-block; border-radius: 30px; font-size: 12px; margin-bottom: 10px; margin-top: 5px;}
.shopv .relate-shop .area .sug i{ position: relative; top: 3px; margin-right: 5px;}
.shopv .relate-shop .area .cost{ font-size: 28px; display: inline-block; text-align: left}
.shopv .relate-shop .area .sale{font-size: 20px; display: inline-block; color: var(--gray400); text-decoration: line-through; text-align: left; margin-left: 15px;}

/*購物車*/
.shop-flow{ width: 320px; margin: 0 auto; margin-bottom: 35px}
.shop-flow:before{ content: ''; width: 270px; height: 2px; background: #c9cdd1; position: relative; top: 24px; left: 30px;z-index: 1; display: inline-block;}
.shop-flow .st{ width: 70px; display: inline-block; text-align: center; position: relative}
.shop-flow .st >div{ width: 44px; height: 44px; padding-top:8px; background: var(--faded); border-radius: 99em; color: var(--white); text-align: center; font-size: 16px; display: inline-block;z-index: 2; position: relative;}
.shop-flow .st span{font-size: 14px; width: 100%; display: block; color: var(--faded)}
.shop-flow .st.active >div{ background: var(--blue-lighter)}
.shop-flow .st.active:after{content: ''; width: 45px; height: 2px; background: var(--blue-lighter); position: absolute; top: 22px;left: 55px; z-index: 1; display: inline-block;}
.shop-flow .st2.active:after{width: 120px !important;left: -25px !important;}
.shop-flow .st:last-child.active:after{content: ''; width: 45px; height: 2px; background: var(--blue-lighter); position: absolute; top: 22px;left: -25px; z-index: 1; display: inline-block;}

.shop-flow .st.active span{ color: var(--blue-lighter);}
.shop-flow .st:first-child{ margin-right: 50px;}
.shop-flow .st:last-child{ margin-left: 50px;}

.cart{ margin-top: 40px;}
.cart .container{padding: 40px 250px; margin-bottom: 40px; }
.cart .main{}
.cart .detail{ position: relative;padding: 20px 30px;border-radius: 20px; background: var(--white); margin-bottom: 20px; vertical-align: middle;}
.cart .detail .shoplist{display: inline-block}
.cart .detail .h3{ position: relative; padding-bottom: 10px;border-bottom:1px solid #f1f1f1; margin-bottom: 0;}
.cart .detail .h3 span{ float: right; margin-right: 80px;}
.cart .detail .h3 i{ width: 20px; height: 20px; background: url(../images/ic-ar-top.svg) no-repeat; display: inline-block; position: absolute; right: 20px; top: 10px; cursor: pointer}
.cart .detail .h3 i.active{background: url(../images/ic-ar-down.svg) no-repeat;}
.cart .detail .tit{border-bottom:1px solid #f1f1f1; padding: 12px 0}
.cart .detail .tit >div{font-size: 14px;color: var(--black); display: inline-block;}
.cart .detail .tit >div:nth-child(1),.cart .main .detail .list>div:nth-child(1){ width: 60px;}
.cart .detail .tit >div:nth-child(2),.cart .main .detail .list>div:nth-child(2){ width: 290px;}
.cart .detail .tit >div:nth-child(3),.cart .main .detail .list>div:nth-child(3){ width: 120px;}
.cart .detail .tit >div:nth-child(4),.cart .main .detail .list>div:nth-child(4){ width: 160px;}
.cart .detail .tit >div:nth-child(5),.cart .main .detail .list>div:nth-child(5){ width: 100px;}
.cart .detail .tit >div:nth-child(6),.cart .main .detail .list>div:nth-child(6){ width: 30px;}
.cart .detail .list{display: inline-block;border-bottom:1px solid #f1f1f1; padding-top: 20px; padding-bottom: 20px;}
.cart .detail .list >div{display: inline-block; vertical-align: middle;}
.cart .detail .list >div .goods-name{display: grid; height: 58px; justify-items: start; align-content: center;}
@media (max-width:768px) {
    .cart .detail .list >div .goods-name{margin-top: 20px;}
}
.cart .detail .total{ border-bottom: 0 !important}
.cart .detail .total .h3{ border: 0}
.cart .detail .type{font-size: 12px;color: var(--pastel);}
.cart .detail img.pd{float:left; border-radius: 10px; margin-right: 15px; /*position: relative; top: 20px;*/}
.cart .detail .num{ width: 110px; height: 35px; border-radius: 10px; border: 1px solid var(--faded); background: var(--white); display: inline-block}
.cart .detail .num .minus,cart .main .detail .num .plus{ padding:0 5px }
.cart .detail .num i{ position: relative; top: 4px; left: 5px;}
.cart .detail .num input{ width: 40px; height:32px; border: 0; border-left: 1px solid var(--faded); border-right: 1px solid var(--faded); padding: 0px 5px; text-align: center}
.cart .detail .del{ cursor: pointer}
.cart .detail .saletip{ padding: 10px 0}
.cart .detail .saletip .ti{ display: block}
.cart .detail .saletip b{ background: #f0f0f0; border-radius: 5px; padding: 5px 10px; display: inline-block;}
.cart .detail .saletip >div{ display: inline-block; color: var(--gray400)}
.cart .detail .saletip >div span{ display: inline-block; color: var(--black)}
.cart .detail a.conti-cfa{ float: right;}
.cart .detail .row{ border-bottom: 1px solid #f1f1f1; padding: 10px 0; margin-bottom: 0;}
.cart .detail .row >div{padding-top: 5px; padding-bottom: 5px;}
.cart .detail .row .total h3{ margin-bottom: 0;}
.cart .detail .faded{ color: var(--faded); margin-left: 10px;}

.cart .option{ position: relative;padding: 20px 30px;border-radius: 20px; background: var(--white); margin-bottom: 20px;}
.cart .option .h3{ border-bottom:1px solid #f1f1f1; padding-bottom: 15px; margin-bottom: 15px;}
.cart .option .shopit{ width: 245px; display: inline-block; margin-right: 20px;}
.cart .option .shopit:last-child{ margin-right: 0;}
.cart .option .img{ float: left; margin-right: 15px; }
.cart .option .img img{ border-radius: 20px;}
.cart .option .ti{}
.cart .option .price{}
.cart .option .cfa{color: var(--blue); padding: 2px 13px; margin-top: 30px; border-radius: 20px; margin-right: 10px; border:1px solid var(--blue); display: inline-block; font-size: 12px;}

.cart .deliver{position: relative;padding: 20px 30px;border-radius: 20px; background: var(--white); margin-bottom: 20px;}
.cart .deliver .h3{ position: relative; vertical-align: top; border-bottom: 1px solid #f1f1f1; padding-bottom: 15px;}
.cart .deliver .h3 span{ float: right; margin-right: 80px;}
.cart .deliver .h3 .tip{ display: inline-block; margin-left: 25px; color: var(--gray400)}
.cart .deliver .h3 .tip b{color: var(--black);display: inline-block; }
.cart .deliver .h3 i{ width: 20px; height: 20px; background: url(../images/ic-ar-top.svg) no-repeat; display: inline-block; position: absolute; right: 30px; top: 10px; cursor: pointer}
.cart .deliver .h3 i.active{background: url(../images/ic-ar-down.svg) no-repeat;}
.cart .deliver .row{border-bottom: 1px solid #f1f1f1; padding: 10px 0;}
.cart .deliver .half{ width: 48%;}
.cart .deliver .wide{ width: 100%;}
.cart .deliver .op{ display: inline-block; padding: 5px 0;}
.cart .deliver .op .p2{ margin-left: 20px; margin-top: 5px; color: var(--gray400)}

.cart .ship{position: relative;padding: 20px 30px;border-radius: 20px; background: var(--white); margin-bottom: 20px;}
.cart .ship .tip{ color: var(--gray400)}
.cart .ship .coupon input{}
.cart .ship .row{ border-bottom: 1px solid #f1f1f1; padding: 10px 0;}
.cart .ship .row.total{ border: 0}
.cart .ship select{ width: 100%; padding: 5px 10px; border: 1px solid #ced2d6; border-radius: 10px;}
.cart .ship input[type='text']{ width: 100%; padding: 5px 10px; border: 1px solid #ced2d6; border-radius: 10px;}
.cart .btm-btn{ text-align: center; padding-top: 30px; color: var(--white);}
.cart .btm-btn a{color: var(--white); margin: 0 10px}

.cart .orderinfo{position: relative;padding: 20px 30px;border-radius: 20px; background: var(--white); margin-bottom: 20px;}
.cart .orderinfo .h3{vertical-align: top; border-bottom: 1px solid #f1f1f1; padding-bottom: 15px;}
.cart .orderinfo .row{padding: 5px 0; margin-bottom: 10px;}
.cart .orderinfo label{width: 80px; display: inline-block;}
.cart .orderinfo select{ width:calc(100% - 90px); padding: 5px 10px; border: 1px solid #ced2d6; border-radius: 10px;}
.cart .orderinfo select.half{ width:calc(48% - 40px);}
.cart .orderinfo input[type='text'],.cart .orderinfo input[type='password'],.cart .orderinfo input[type='tel']{ width: calc(100% - 90px); padding: 5px 10px; border: 1px solid #ced2d6; border-radius: 10px;}
.cart .orderinfo input.wide{ width: 100%;}

.cart .shipinfo{position: relative;padding: 20px 30px;border-radius: 20px; background: var(--white); margin-bottom: 20px;}
.cart .shipinfo .row{padding: 5px 0; margin-bottom: 10px;}
.cart .shipinfo .h3{vertical-align: top; border-bottom: 1px solid #f1f1f1; padding-bottom: 15px;}
.cart .shipinfo label{width: 80px; display: inline-block;}
.cart .shipinfo select{ width:calc(100% - 90px); padding: 5px 10px; border: 1px solid #ced2d6; border-radius: 10px;}
.cart .shipinfo input[type='text'],.cart .shipinfo input[type='tel']{ width: calc(100% - 90px); padding: 8px 10px; border: 1px solid #ced2d6; border-radius: 10px;}
.cart .shipinfo input[type='checkbox']{ margin-top: 3px; margin-right: 5px;}
.cart .shipinfo select.half{ width:calc(48% - 40px);}
.cart .shipinfo .time{ padding-top: 6px;}
.cart .shipinfo .time >div{ display: inline-block; margin-right: 5px;}
.cart .shipinfo .time label{}
.cart .shipinfo input.wide{ width: 100%;}
.cart .shipinfo .comedate:after{ content: ''; width: 15px; height: 15px; background: url(../images/ic-calendar.svg);display: inline-block; position: absolute; right: 30px; top: 10px}

.cart .thanks{ border-radius: 20px; border:1px solid var(--faded); padding: 30px 20px; color: var(--pastel); }
.cart .thanks p{ font-size: 12px; margin-bottom: 10px;}
.cart .thanks li{ font-size: 12px; padding-left: 10px;}
.cart .tks{ text-align: center; margin-bottom: 20px; }
.cart .thanks .h4{ color: var(--deep)}


/*合作店家*/
.sp-partner{}
.sp-partner .container{ padding: 40px 200px; margin-bottom: 40px;}
.sp-partner .sel-sec{}
.sp-partner .sel-sec >div{ width: 240px; display: inline-block; margin-right: 10px;}
.sp-partner .sel-sec select{ border-radius: 10px; border: 1px solid #d6d8db; background: transparent; width: 100%; padding: 5px 10px;}
.sp-partner .sel-sec a{ background:var(--blue); color: #fff; padding: 10px 20px; border-radius: 30px }
.sp-partner .map{ margin: 40px 0}
.sp-partner .map iframe{ border-radius: 20px;}
.sp-partner .add{ background:#fff; border-radius: 20px; padding: 10px}
.sp-partner .add table{ width: 100%}
.sp-partner .add table thead{}
.sp-partner .add table th{ color: var(--pastel); font-size: 14px; padding: 0 5px 10px 5px;}
.sp-partner .add table tr{ border-bottom: 1px solid #f1f1f1}
.sp-partner .add table td{ font-size: 14px; color: var(--gray700); padding: 10px 5px; padding-top: 5px;}
.sp-partner .add table td i{ position: relative; top: 8px; margin-right: 5px;}
.sp-partner .add table td.name{ color: var(--blue)}

/*FAQ訂購須知*/
.sp-faq{}
.sp-faq .container{ padding: 40px 250px; margin-bottom: 40px;}
.sp-faq .top{ width: 100%; display: inline-block; margin-bottom: 15px;}
.sp-faq .h4{color: var(--pastel); float: left;}
.sp-faq .slt{ float: right;}
.sp-faq .slt select{ width: 300px; border-radius: 10px; border: 1px solid #d6d8db; background: transparent;padding: 5px 10px;}
.sp-faq .list{background:#fff; border-radius: 20px; padding: 10px 20px; color: var(--black); position: relative; margin-bottom: 20px;}
.sp-faq .list i{ position: absolute; top: 40px; right: 30px;}
.sp-faq .list .tit{ padding-bottom: 10px; cursor: pointer; margin-top: 10px; margin-bottom: 5px; font-weight: bold; color: var(--black)}
.sp-faq .list .tit i{width: 20px; height: 13px; background: url(../images/ic-ar-down.svg) no-repeat; background-size: contain;}
.sp-faq .list .tit.active i{width: 20px; height: 13px; background: url(../images/ic-ar-top.svg) no-repeat; background-size: contain;}
.sp-faq .list .cont{ border-top: 1px solid #f2f2f2; padding-top: 20px;display: none}
.sp-faq .list.active .cont{ display: block}


/*魚類辨識*/
.identify .container{ padding: 0 60px; margin-bottom: 40px;}
.identify .big{ width: 100%; min-height: 400px; background: var(--white); border-radius: 20px; position: relative;padding:0 15px; display: inline-block;margin: 40px 0; margin-bottom:0px;}
.identify .big .twentytwenty-container{ width: 900px; height: 330px; margin: 0 auto}
.identify .big .twentytwenty-overlay:hover{ background: rgba(0, 0, 0, 0)}
.identify .big .ti{color: var(--blue-darker);position: absolute; top: 20px; left: 20px; font-size: 28px; font-weight: bold;}
.identify .big .tag{background: var(--pastel); color: var(--white); display: inline-block; padding: 5px 10px; border-radius: 40px; position: absolute; bottom: 60px;}
.identify .big .h5{color: var(--blue-darker); position: absolute; bottom: 20px; }
.identify .big a{/* display: inline-block; position: absolute; right: 10px; top: 10px; */ color: var(--blue-darker);}
.identify .big .tag a{color: #fff !important;}
.identify .area .tag a{color: #fff !important;}
.identify .area {display: inline-block}
.identify .area .item{ width: 385px; min-height: 325px; background: var(--white); border-radius: 0px 20px 20px 20px; position: relative;padding: 15px; display: inline-block; margin-right: 25px;text-align: left; vertical-align: top; margin-top: 75px;}
.identify .area .item:nth-child(3n){margin-right: 0;}
.identify .area .ti{ background: var(--white); color: var(--blue-darker); display: inline-block; position: absolute; top: -35px; left: 0; padding: 10px 15px; border-top-left-radius: 20px; border-top-right-radius: 20px; font-weight: bold;}
.identify .area .tag{background: var(--pastel); color: var(--white); display: inline-block; padding: 5px 10px; border-radius: 40px; margin-bottom: 10px;}
.identify .area .h5, .identify .area .h5 a{color: var(--blue-darker) }
.identify .area .item a.magnifier{display: inline-block; position: absolute; right: 10px; top: 10px}
.identify .pagination{margin-top: 35px; margin-bottom: 35px;}
.fancybox-image{ border-radius: 30px}

.identifyview .container{padding: 40px 250px; margin-bottom: 45px;}
.identifyview .tag{ border-radius: 20px; border: 1px solid var(--blue); display: inline-block; padding: 4px 16px; color: var(--blue)}
.identifyview h1{ font-weight: bold; color: var(--gray700); margin-top: 15px; margin-bottom: 10px;}
.identifyview .h3{ margin-top: 10px; }
.identifyview .twentytwenty-container{ margin-top: 40px; margin-bottom: 40px; background: var(--white); border: 1px solid #ddd; border-radius: 20px; }
.identifyview .readmore{ padding: 40px 0; border-bottom: 1px solid #ddd; margin-bottom: 40px;}
.identifyview .readmore .h3{  margin-bottom: 20px; color: var(--gray700)}
.identifyview .readmore ul li a{ color: var(--blue-lighter); }
.identifyview .morearticle{ width: 100%; text-align: center;}
.identifyview .morearticle .h2{ color: var(--gray700); text-align: center; width: 100%; font-weight: bold; margin-bottom: 30px;}
.identifyview .morearticle a{ color: var(--gray700); }
.identifyview .list{ width: 265px; display: inline-grid;  margin-bottom: 30px; text-align: left}
.identifyview .list:nth-child(3){ margin: 0 22px;}
.identifyview .list .img{ width: 265px; float: left;}
.identifyview .list img{border-top-left-radius: 20px;border-top-right-radius: 20px; width: 100%; float: left;}
.identifyview .list .txt{display: inline-block; background: #fff; border-bottom-left-radius: 20px;border-bottom-right-radius: 20px; padding: 10px 20px; width: 100%;}
.identifyview .list .tag{ border-radius: 20px; border: 1px solid var(--gray700); display: inline-block; padding: 4px 16px; color: var(--gray700); margin-bottom: 5px; }
.identifyview .list .h4{ margin-top: 5px; color: var(--black);}

/*溯源標籤*/
.tracking{ margin-top: 60px;}
.tracking .container{ }
.tracking .intro{ background: var(--blue); color: var(--white); border-radius: 20px; position: relative; padding: 20px 10px; margin-top: 20px;}
.tracking .intro .tag{ position: absolute; right: 0; top: -50px}
.tracking .intro .sug{ border: 1px solid var(--white); padding: 1px 13px 0px 8px; display: inline-block; border-radius: 30px; font-size: 12px; margin-bottom: 15px;}
.tracking .intro .sug i{ position: relative; top: 3px; margin-right: 5px;}
.tracking .intro .seri{}
.tracking .intro .seri >div{ font-size: 12px; display: inline-block; margin-right: 10px;}
.tracking .intro .seri span{ font-size: 14px; display: inline-block; padding: 0 10px; color: var(--white); border-right: 1px solid var(--deep); line-height: 16px;}
.tracking .intro .seri span:last-child{ border: 0}
.tracking .info{background: var(--white); border-radius: 20px; padding: 20px 20px; margin-bottom: 20px; margin-top: 20px;}
.tracking .info .h3{ color: var(--black); position: relative; border-bottom: 1px solid #f1f1f1; padding-bottom: 10px;}
.tracking .info .h3 i{ width: 20px; height: 20px; background: url(../images/ic-ar-top.svg) no-repeat; display: inline-block; position: absolute; right:10px; top: 10px; cursor: pointer}
.tracking .info .h3 i.active{background: url(../images/ic-ar-down.svg) no-repeat;}

.tracking .cookstyle .h3{ color: var(--black); position: relative; border-bottom: 1px solid #f1f1f1; padding-bottom: 10px;}
.tracking .cookstyle .h3 i{ width: 20px; height: 20px; background: url(../images/ic-ar-top.svg) no-repeat; display: inline-block; position: absolute; right: 10px; top: 10px; cursor: pointer}
.tracking .cookstyle .h3 i.active{background: url(../images/ic-ar-down.svg) no-repeat;}
.tracking .cookstyle{background: var(--white); padding: 20px 25px; border-radius: 20px;}
.tracking .cookstyle .item{ width: 70px; text-align: center; display: inline-block}
.tracking .cookstyle .item >div{ width: 60px; border: 1px solid var(--blue);border-radius: 99em; padding: 1px 4px;display: inline-block;}
.tracking .cookstyle .item span{ margin-top: 5px; text-align: center; width: 100%; display: inline-block}

.tracking .photos {background: var(--white); border-radius: 20px; padding: 20px 20px; margin-bottom: 20px; margin-top: 20px;}
.tracking .photos .h3{ color: var(--black); position: relative; border-bottom: 1px solid #f1f1f1; padding-bottom: 10px;}
.tracking .photos .h3 i{ width: 20px; height: 20px; background: url(../images/ic-ar-top.svg) no-repeat; display: inline-block; position: absolute; right: 10px; top: 10px; cursor: pointer}
.tracking .photos .h3 i.active{background: url(../images/ic-ar-down.svg) no-repeat;}


/*Event體驗*/
.event{}
.event .container{ padding: 40px 200px; margin-bottom: 45px; }
.event-srch{}
.event-srch .container{ margin: 0 auto; background: url(../images/event-srchbg.jpg) center; border-radius: 20px;padding:110px 200px; margin-bottom: 40px;}
.event-srch .area{background: var(--blue); border-radius: 20px; padding: 20px 20px; }
.event-srch .h3{ color: var(--white); text-align: center}
.event-srch select, .event-srch input{ padding: 10px 10px; border-radius: 10px; border: 0 ;}
.event-srch .row1{ margin-bottom: 15px;}
.event-srch .row1 select{ width: 100%;}
.event-srch .row1 select:nth-child(2){ /*margin: 0 10px*/}
.event-srch .row2 select{ width: 32%;}
.event-srch .row2 select:last-child{width: 28.2%}
.event-srch .row2 span{ color: var(--white); margin:0 10px;}
.event-srch a{ display: inline-block; float: right;}

.event .twoli .item{ /*width: 415px;*/ width: 100%; display: inline-grid; /*margin-right: 10px;*/ margin-bottom: 30px}
.event .twoli .item:nth-child(2n){ margin-right: 0;}
.event .twoli .item .img{ /*width: 415px;*/ float: left;}
.event .twoli .item img{border-top-left-radius: 20px;border-top-right-radius: 20px; width: 100%; float: left;}
.event .twoli .item a.h2{ width: 100%; color: var(--gray700); margin-bottom: 5px; margin-top: 0; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.event .twoli .item .txt{display: inline-block; background: #fff; border-bottom-left-radius: 20px;border-bottom-right-radius: 20px; padding: 10px 20px; color: var(--pastel)}
.event .twoli .item .txt a.btn-s5-small{float: right; margin-top: 10px;}
.event .twoli .item .intro{overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; white-space: normal; height: 103px;}
.event .signote{ width: 100%; padding-top: 60px; text-align: center;min-height: 150px; background: url(../images/event-02.png) center; border-radius: 20px; margin-bottom: 30px;}

.event .threeli .list{ width: calc(33.33% - 22px); display: inline-grid; margin-right: 22px; margin-bottom: 30px}
.event .threeli .list:nth-child(3n){ margin-right: 0;}
.event .threeli .list .img{ width: 100%; float: left;}
.event .threeli .list img{border-top-left-radius: 20px;border-top-right-radius: 20px; width: 100%; float: left;}
.event .threeli .list .txt{display: inline-block; background: #fff; border-bottom-left-radius: 20px;border-bottom-right-radius: 20px; padding: 10px 20px; width: 100%;}
.event .threeli .list .tag{ border-radius: 20px; border: 1px solid var(--gray700); display: inline-block; padding: 4px 16px; color: var(--gray700); margin-bottom: 5px; }
.event .threeli .list .h4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 57px; margin-top: 5px;}
.event .threeli .list .h4 a{ color: var(--gray700)}
.event .threeli .list .time{ color: var(--gray400); font-size: 12px;}
.event .h2.hotnew{ text-align:center;color: var(--gray700); font-weight: bold; margin-bottom: 20px; text-align: center}


/*Event年度*/
.eventsp{}
.eventsp .container{ padding: 40px 200px; margin-bottom: 45px; }
.eventsp .banner{ margin-bottom: 30px;}
.eventsp .banner img{ border-radius: 20px;}
.eventsp .area{background: var(--blue); border-radius: 20px; padding: 20px 20px; margin-bottom: 20px;}
.eventsp .area .h3{ color: var(--white); text-align: center}
.eventsp select, .eventsp input{ padding: 10px 10px; border-radius: 10px; border: 0 ;}
.eventsp .row1{ margin-bottom: 15px;}
.eventsp .row1 select{ width: 27%;}
.eventsp .row1 select:nth-child(4){ margin-left:10px}
.eventsp .row1 span{ color: var(--white); margin:0 10px;}
.eventsp .row1  a{ display: inline-block; float: right;}
.eventsp .info{ background: var(--white); border-radius: 20px;padding: 20px 30px 20px 30px; margin-bottom: 20px; }
.eventsp .info .h3{ text-align: left;position: relative }
.eventsp .info .h3 i{ width: 20px; height: 20px; background: url(../images/ic-ar-top.svg) no-repeat; display: inline-block; position: absolute; right: 0px; top: 10px; cursor: pointer; display: none}
.eventsp .info .h3 i.active{background: url(../images/ic-ar-down.svg) no-repeat;}

.eventsp .cost{ background: var(--white); border-radius: 20px;padding: 20px 30px 20px 30px}
.eventsp .cost .h3{ text-align: left; position: relative}
.eventsp .cost .h3 i{ width: 20px; height: 20px; background: url(../images/ic-ar-top.svg) no-repeat; display: inline-block; position: absolute; right: 0px; top: 10px; cursor: pointer; display: none}
.eventsp .cost .h3 i.active{background: url(../images/ic-ar-down.svg) no-repeat;}

.eventsp .ps{ background: var(--white); border-radius: 20px;padding: 20px 30px 20px 30px}
.eventsp .ps .h3{ text-align: left; position: relative}
.eventsp .ps .h3 i{ width: 20px; height: 20px; background: url(../images/ic-ar-top.svg) no-repeat; display: inline-block; position: absolute; right: 0px; top: 10px; cursor: pointer; display: none}
.eventsp .ps .h3 i.active{background: url(../images/ic-ar-down.svg) no-repeat;}
.eventsp .event-btns{ margin: 20px 0; text-align: center}
.eventsp .event-btns a{ margin: 0px 10px;}

.eventsp .step{border-radius: 20px; padding: 20px 30px 20px 30px; background: var(--white); margin-bottom: 20px; margin-bottom: 40px;}
.eventsp .step .h3{ position: relative}
.eventsp .step .h3 i{ width: 20px; height: 20px; background: url(../images/ic-ar-top.svg) no-repeat; display: inline-block; position: absolute; right: 0px; top: 10px; cursor: pointer; display: none}
.eventsp .step .h3 i.active{background: url(../images/ic-ar-down.svg) no-repeat;}
.eventsp .step .st{ vertical-align: top; margin-bottom: 10px;}
.eventsp .step .st .img{ width: 200px; display: inline-block}
.eventsp .step .st img{border-radius: 20px;}
.eventsp .step .st .nb{ background: #31AEBE; border-radius: 99em; width: 30px; height: 30px; color: #fff; text-align: center; line-height: 30px; display: inline-block; vertical-align: top; margin-left: 10px; position: relative; margin-right: 10px;}
.eventsp .step .st .nb:after{ content: ''; width: 1px; height:100px; background: #31AEBE; position:absolute; left: 15px; top: 40px;}
.eventsp .step .st p{ display: inline-block; vertical-align: top; color: var(--black)}


.eventsp .threeli .list{ width: calc(33.33% - 22px); display: inline-grid; margin-right: 22px; margin-bottom: 30px}
.eventsp .threeli .list:nth-child(3n){ margin-right: 0;}
.eventsp .threeli .list .img{ width: 100%; float: left;}
.eventsp .threeli .list img{border-top-left-radius: 20px;border-top-right-radius: 20px; width: 100%; float: left;}
.eventsp .threeli .list .txt{display: inline-block; background: #fff; border-bottom-left-radius: 20px;border-bottom-right-radius: 20px; padding: 10px 20px; width: 100%;}
.eventsp .threeli .list .tag{ border-radius: 20px; border: 1px solid var(--gray700); display: inline-block; padding: 4px 16px; color: var(--gray700); margin-bottom: 5px; }
.eventsp .threeli .list .h4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 57px;margin-top: 5px;}
.eventsp .threeli .list .h4 a{ color: var(--gray700)}
.eventsp .threeli .list .time{ color: var(--gray400); font-size: 12px;}
.eventsp .h2.hotnew{ text-align:center;color: var(--gray700); font-weight: bold; margin-bottom: 20px; text-align: center; margin-top: 30px;}

.eventsp .schdule{ background: var(--white); border-radius: 20px;padding: 20px 30px 20px 30px; margin-bottom: 20px;}
.eventsp .schdule .h3{ text-align: left; position: relative}
.eventsp .schdule .h3 i{ width: 20px; height: 20px; background: url(../images/ic-ar-top.svg) no-repeat; display: inline-block; position: absolute; right: 0px; top: 10px; cursor: pointer; display: none}
.eventsp .schdule .h3 i.active{background: url(../images/ic-ar-down.svg) no-repeat;}

.eventsp .schdule .lft{ width: 49%; display: inline-block; vertical-align: top}
.eventsp .schdule .rig{ width: 50%; display: inline-block; padding-left: 20px;}
.eventsp .schdule .sch{ width: 100%; display: inline-block; margin-bottom: 20px;}
.eventsp .schdule .sch span{ font-size: 12px; border: 1px solid var(--gray10); padding: 5px 20px; margin-right: 5px; cursor: pointer; display: inline-block;}
.eventsp .schdule .sch span:hover,.eventsp .schdule .sch span.active{ background:var(--gray10) }
.eventsp .schdule .hori{ width: 100%; display: inline-block}
.eventsp .schdule .hori .ti{ width: 80px;float: left;}
.eventsp .schdule .hori .pri{ width: 170px;float: left; font-size: 12px; text-align: right; }
.eventsp .schdule .hori .pri span{ color: var(--gray400); margin-right: 10px;}
.eventsp .schdule .hori .pri.txt span{ color: var(--gray400); margin-right: 35px;}
.eventsp .schdule .hori .num{ width: 110px; height: 35px; border-radius: 10px; border: 1px solid var(--faded); background: var(--white); display: inline-block; float: right; position: relative; top: -5px;}
.eventsp .schdule .hori .num .minus,cart .main .detail .num .plus{ padding:0 5px }
.eventsp .schdule .hori .num i{ position: relative; top: 4px; left: 5px;}
.eventsp .schdule .hori .num input{ width: 40px; height:32px; border: 0; border-left: 1px solid var(--faded); border-right: 1px solid var(--faded); padding: 0px 5px; text-align: center}
.eventsp .schdule .btn-s3-small{ padding: 8px 20px;}
.eventsp .schdule .btns{float: right; margin-top: 20px;}

.eventsp .calendar .header{ position: relative; padding: 10px; border: 1px solid var(--gray10); border-bottom: 0}
.eventsp .calendar .current-month{ color: var(--black); font-weight: bold;}
.eventsp .calendar .prev-month{ position: absolute; right: 40px; top: 10px;cursor: pointer}
.eventsp .calendar .next-month{ position: absolute; right: 10px; top: 10px; cursor: pointer}
.eventsp .date-table{ width: 100%; padding: 5px;border-collapse:separate; table-layout: fixed; border: 1px solid var(--gray10)}
.eventsp .cell-day{ padding: 10px 0 20px; text-align: center; color: var(--black); font-weight: bold;}
.eventsp .cell-date .date-num{ text-align: center; font-weight: bold;}
.eventsp .cell-date{ padding: 8px 3px;}
.eventsp .cell-date:hover{ background:var(--gray10) }
.eventsp .cell-date.disabled .date-num{ text-decoration: line-through; text-align: center; color: var(--gray400)}
.eventsp .cell-date .price{ font-size: 12px; color: var(--gray400); text-align: center}



/*Event填表流程*/
.eventfw{ margin-top: 40px;}
.eventfw .container{ padding: 40px 250px; margin-bottom: 45px; }
.eventfw .infobox{}
.eventfw .infobox .h2{ text-align: center}
.eventfw .infobox .da{ }
.eventfw .infobox .time{}
.eventfw .infobox .peo{ }
.eventfw .infobox .cosa{ }

.eventfw .infobox3{ border-radius: 20px; border: 1px solid var(--faded); padding: 30px 20px; margin-bottom: 20px;}
.eventfw .infobox3 .h3,.eventfw .infobox3 .h4{ color: var(--deep)}
.eventfw .infobox3 .p2{ color: var(--pastel) }

.eventfw .pay-mth{position: relative;padding: 20px 30px;border-radius: 20px; background: var(--white); margin-bottom: 20px;}
.eventfw .pay-mth select{ width: 100%;}
.eventfw .signdata{position: relative;padding: 20px 30px;border-radius: 20px; background: var(--white); margin-bottom: 20px;}
.eventfw .signdata .h3{border-bottom: 1px solid #f1f1f1; padding-bottom: 15px; position: relative}
.eventfw .signdata .h3 i{ width: 20px; height: 20px; background: url(../images/ic-ar-top.svg) no-repeat; display: inline-block; position: absolute; right: 10px; top: 12px; cursor: pointer}
.eventfw .signdata .h3 i.active{background: url(../images/ic-ar-down.svg) no-repeat;}
.eventfw .signdata .country{ position: absolute; right: 50px; top: 5px;}
.eventfw .signdata .ops{ width: 290px; display: inline-block; vertical-align: top}
.eventfw .signdata .ops label{ width: auto; min-width: 50px; margin-right: 10px; }
.eventfw .signdata .comedate:after{ content: ''; width: 15px; height: 15px; background: url(../images/ic-calendar.svg);display: inline-block; position: absolute; right: 30px; top: 10px}

.eventfw .row{padding: 10px 0; margin-bottom: 0;}
.eventfw .reps label{width:100px;}
.eventfw .reps input{ width: calc(100% - 110px);}

.eventfw .ques{position: relative;padding: 20px 30px;border-radius: 20px; background: var(--white); margin-bottom: 20px;}
.eventfw .ques .h4{ position: relative}

.eventfw .ques .optis{}
.eventfw .ques .optis > div{ min-width: 80px; display: inline-block; padding-right: 5px;}
.eventfw .ques .optis > div label{ width: auto; min-width:60px}
.eventfw .ques textarea{ width: 100%; border: 1px solid #ced2d6; border-radius: 10px; padding: 10px;}
.eventfw .ques .other label{ min-width: 40px;}
.eventfw .ques .other input[type='text']{ width: 700px; border: 0; border-bottom: 1px solid #ced2d6; border-radius: 0}
.eventfw .btm-btn{ text-align: center; padding-top: 10px; color: var(--white)}
.eventfw .btm-btn a{  color: var(--white); margin: 0 10px}

.eventfw .signinfo{position: relative;padding: 20px 30px;border-radius: 20px; background: var(--white); margin-bottom: 20px;}
.eventfw .signinfo .row{border-bottom: 1px solid #f1f1f1;}
.eventfw .signinfo .row.nobd{border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
.eventfw .signinfo .h5{margin-bottom: 0; padding-bottom: 0;}
.eventfw .signinfo .h3{ padding-bottom: 0px; margin-bottom: 0; position: relative}

/*註冊*/
.register{ margin-top: 40px;}
.register .container{padding: 40px 250px; margin-bottom: 45px;}
.register .regform{position: relative;padding: 20px 30px;border-radius: 20px; background: var(--white); margin-bottom: 20px;}
.register .regform .h3{ vertical-align: top; border-bottom: 1px solid #f1f1f1; padding-bottom: 15px; color: var(--blue)}
.register .regform .ps{font-size: 12px; color: var(--gray400); margin-top: 8px; margin-left: -15px;}
.register .btm-btn{text-align: center; padding-top: 10px; color: var(--white)}
.register .btm-btn a{  color: var(--white); margin: 0 10px}
.register .infobox{ border-radius: 20px; border: 1px solid var(--faded); padding: 30px 20px; margin-bottom: 20px;}
.register .infobox .p2{ color: var(--black) }
.register .titab{ width: 100%; margin-bottom: 20px; text-align: center; display: inline-block}
.register .titab a{ color:var(--blue); width: 50%; float: left; padding-bottom: 10px; position: relative;}
.register .titab a:after{ content: ''; width: 100%; height: 1px; background: var(--blue); position: absolute; left: 0; bottom: 0}
.register .titab a.active:after{ content: ''; width: 100%; height: 5px; background: var(--blue); position: absolute; left: 0; bottom:0px }
.register .btm-btn-login{text-align: center; padding-top: 10px; color: var(--white); margin-bottom: 20px;}
.register .btm-btn-login a{color: var(--white); margin: 0 10px; position: relative; padding-left: 60px;}
.register .btm-btn-login i{margin-right: 10px;}
.register .btm-btn-login .btn-fb i{position: absolute; top: 14px; left: 30px;}
.register .btm-btn-login .btn-line i{position: absolute; top: 14px; left: 25px;}



/*****************RWD************************/
.mb{ display: none !important;}
.box{ display: none;}
@media only screen and (max-width: 1800px) {
    .home-02 .eatfish .item{ width: 420px; height: 340px;}
}
/*13screen*/
@media only screen and (max-width: 1400px) {
    .container{ width: 100%;}
    .head .container{ width: 100%; padding: 0}
    nav{ left: 30px;}
    
    /*首頁*/
    .home-02 .eatfish-wrap{ width: 100%; overflow-x: scroll}
    .home-02 .eatfish { width: 100%;}
    .home-02 .eatfish .item{ width: 300px; height: 245px; display: inline-block; margin: 5px; padding-left: 15px;}
    .home-02 .eatfish .item .h2{left: 20px; }
    .home-02 .eatfish .item .h4{left: 20px; }
    
    /*食譜*/
    .cook-wrap .container,.ck-recipe .container{ padding: 40px 50px;}
    .cookfilter{ max-width: 850px; margin: 0 auto; margin-bottom: 80px;}
    .cook-wrap .cookbig{ max-width: 850px; margin: 0 auto;}
    .cook-wrap .cooklist-wrap{ max-width: 850px; margin: 0 auto;}
    .ck-recipe .video iframe{ width: 100%;}
    
    /*魚類辨識*/
    .identify .area { text-align: center}
    .identify .area .item{ width: 330px;}
    .identifyview .container{padding: 40px 50px;}
    .newslist-wrap .container, .member_padding{ padding: 40px 50px !important; text-align: center;}
    .newslist-wrap .mainlist{ text-align: left}
    .newslist-wrap .list{ text-align: left}
    .newslist-wrap .list:nth-child(3n+1){ margin-right: 22px;}
    
    /*shop*/
    .shopix{ overflow: hidden}
    .shopix .shoptps01{ width: 100%; padding: 0 20px}
    .shopix .shoptps02{ width: 100%; padding: 20px 0 20px 0 ;}
    .shopix .area .item{ /* width: 265px; min-height: 465px;*/}
    .shopv .container{ padding: 40px 50px;}
    .shopv .lft{ width:calc(100% - 430px)}
    .shopv .fishtype{ width: 100%;}
    /* .shopcat .area{ text-align: center} */
    .shopcat .area .item:nth-child(3n),.shopcat .area .item:nth-child(4){/* margin-right: 42px; */}
    .shop2b .area .item:nth-child(4){ margin-right: 42px;}
    .shop2b .area{ text-align: center}
    
    .cart .container{ padding: 40px 50px;}
    .cart .main{ max-width: 850px; margin: 0 auto;}
    .cart .detail .shoplist{ width: 100%;}
    .cart .detail .list{ width: 100%;}
    
    .sp-faq .container{ padding: 40px 50px; }
    .sp-partner .container{ padding: 40px 50px; }
      
}

@media only screen and (max-width: 1200px) {
    .newscatg-02 .item{ width: 175px;}
}
@media only screen and (max-width: 1000px) {
    .pc{ display: none !important;}
    .mb{ display: inline-block!important}
    body{ background: var(--gray10)}
    
    /*font size setting*/
    .dp1{ font-size: 42px; line-height: 60px;}
    h1,.h1{ font-size: 32px; line-height: 50px;}
    h2,.h2{ font-size: 24px; line-height: 35px;}
    h3,.h3{ font-size: 18px; line-height: 26px;}
    h4,.h4{ font-size: 16px; line-height: 26px;}
    h5,.h5{ font-size: 12px; line-height: 17px;}
    p,.p{ font-size: 14px; line-height: 23.5px;}
    .p2{ font-size: 12px; line-height: 17px;}
    
    /*button style*/
    .btn-s1{ padding: 10px 20px;display: inline-block; border-radius: 40px; font-size: 18px;}
    .btn-s2{ padding: 10px 20px;display: inline-block; border-radius: 40px;}
    .btn-s3{ padding: 10px 20px;display: inline-block; border-radius: 40px;}
    .btn-s4-b{padding: 5px 30px;display: inline-block; border-radius: 40px; border:1px solid var(--blue)}
    .btn-s4-b:after{ content: ''; width: 11px; height: 16px; background: url(../images/ic-arrowleft.svg) no-repeat; background-size: contain; display: inline-block; position: relative;top: 2px}
    .btn-s3-small{padding: 5px 20px;display: inline-block; border-radius: 40px; font-size: 14px;}
    
    
    /*head*/
    .head{ background-color:var(--white); box-shadow: 0px 0px 4px #ddd}
    .head.trans{ background:none; box-shadow: 0px 0px 0px #ddd}
    .head.blue-trans{ background:none; box-shadow: 0px 0px 0px #ddd}
    .head.white{ box-shadow: 0px 0px 0px #ddd}
    .head.white nav > div:first-child a{ padding-left:20px;}
    .box{ display: block}
    .logo{ left: 10px}
    .logo img{ width: 70%;}
    .lang-en{ display: none !important;}
    nav{ display: none; width: 100%; height: 100vh; background: var(--blue); left: 0; top: 60px;}
    nav > div{ width: 100%; }
    nav > div.mbline{ display:block;}
    nav > div.mbline i{position: relative; top: 3px; left: 5px;}
    nav > div a{ color: var(--white) !important; width: 100%; text-align: left}
    nav > div > a{ padding: 15px 20px;}
    nav > div.active:after{ display: none;}
    nav > div .ic-menu-arrow{ width: 25px; height: 25px; display: inline-block; background: url(../images/ic-menu-arrow.svg) no-repeat; position: absolute; right: 30px; top: 20px;z-index: 22}
    .addline{ display: none !important;}
    .toplink{ top: 5px; right: 40px;}
    .meganav { top: 80px; padding-top:0px;}
    .meganav .back{ display: block; padding-left: 10px; color: var(--white); padding-bottom: 10px;}
    .meganav .back:before{content: ''; width: 25px; height: 25px; background: url(../images/ic-menu-arrow-b.svg);display:inline-block; position: relative; top: 5px;}
    .meganav .sec,.meganav ul,.meganav ul.big{ width: 100%;}
    .meganav{z-index: 2}
    .meganav ul{ background: var(--blue-darker);}
    .meganav ul li a{ padding:10px 30px; display: inline-block;}
    .meganav ul li.h5{ padding-left: 30px; padding-top: 15px;}
    .meganav .itemwrap{ padding-left: 0;}
    .meganav .ti{ background: var(--blue); padding:10px 30px; margin-bottom: 0;}
    
    .breadcrumb{ margin-top: 60px;}
    .breadcrumb .container{padding: 0;}
    .roundbg{ border-radius: 20px;}
    .pagination a{ padding: 1px 11px; font-size: 12px;}
    .pagination a i.ic-pgarrow{ width: 7px; height: 12px; position: relative; top: 2px;}
    
    .twentytwenty-handle{ width: 30px !important; height: 30px !important;}
    
    
    footer{ padding: 0 20px; padding-bottom: 20px; text-align: center;}
    footer.grayinner{ background: var(--gray10)}
    footer .container{ border: 1px solid var(--faded); padding: 15px; border-radius: 20px; }
    footer .info{ width: 100%;}
    footer .info span{ display: block; border: 0}
    footer .link{ width: 100%; min-height: inherit; border-bottom: 1px solid var(--faded); padding-left: 0; border-left: 0; padding-bottom: 10px;}
    footer .link li{ display: inline-block; margin-right: 10px; width: 44%;}
    
    
    /*首頁*/
    .home-slider .text{ width: 85%; text-align: center; color: var(--white); top: 180px;}
    .home-slider a{ right: calc(50% - 60px)}
    
    .home-01{ margin-top: -10px;}
    .home-01 .dp1{ font-size: 32px; line-height: 40px;}
    .home-01 .f01{ bottom: -150px; right: 0; top: inherit}
    .home-01 .f01 img{width: 200px;}
    .home-01 .f02{ display: none;}
    .home-01 .h3{font-size: 14px;}
    .home-01 .select{ margin-bottom: 0;}
    .home-01 .select .item{ width: 250px; margin-bottom: 20px;}
    .home-01 .select .item .h3{ font-size: 18px;line-height: 35px;}
    .home-02{ background: url(../images/home-m01.png) center top var(--blue-darker) no-repeat}
    .home-02 .eatfish-wrap{ width: 100%; overflow-x: scroll}
    .home-02 .eatfish { width: 950px;}
    .home-02 .eatfish .item{ width: 300px; display: inline-block; margin: 5px; padding-left: 15px; padding-bottom: 10px;}
    .home-02 .eatfish a{ font-size: 18px;}
    .home-02 .buyplace{ width: 100%;}
    .home-02 .buyplace li{ width: 38%; margin: 0; margin-bottom: 10px;}
    .home-02 .linethrought{ }
    .home-02 .linethrought div{ font-size: 18px; line-height: 26px; top: 22px; display: inline-block}
    
    .home-03 .dp1{ text-align: center;font-size: 32px; line-height: 50px;}
    .home-04{ padding:60px 0; background: url(../images/home-m02.png) left center var(--blue-darker) no-repeat}
    .home-04 .item{ margin-bottom: 30px;}
    .home-04 .item:nth-child(2){ border: 0}
    .home-05 .f01{ top: -160px;}
    .home-05 .f01 img{width: 200px;}
    .home-05 {background: url(../images/home-m03.png) right center var(--blue-darker) no-repeat}
    .home-05 .feedback-wrap{width: 100%; overflow-x: scroll; }
    .home-05 .feedback{ width: 980px; margin-bottom: 10px;}
    .home-05 .feedback .item{ width: 300px; display: inline-block; margin: 5px; padding-left: 15px;}
    .home-05 .f02{ display: none;}
    .home-06{ overflow: hidden}
    .home-06 .item{ width: 265px; margin-bottom: 20px; min-height: 290px;}
    
    .home-cfa{background: url(../images/home-m04.png) var(--blue-darker) center top no-repeat; padding-top: 60%; margin-top: 30px;}
    .home-cfa .ftimg{ overflow-x: hidden}
    .home-cfa .ftimg img{ margin-right: -80px;}
    .home-cfa .h1{ width: 100%; text-align: center}
    .home-cfa .leftxt .f01{display: none}
    .home-cfa .leftxt{ width: 100%; position: inherit; left: inherit; top: inherit}
    .home-cfa .leftxt .cfa{  text-align: center}
    
    
    /*About*/
    .about-wrap{ background: url(../images/about-bgm01.png) center top var(--blue); background-size: cover}
    .about-banner{ background-position:85% top}
    .about-01 img{}
    .about-01 .txt{ padding: 0 30px;}
    .about-01 .txt p{margin-bottom: 20px;}
    .about-01 .s1{ margin-bottom: 0; }
    .about-01 .s1 .dp1{ text-align: center;font-size: 32px; line-height: 50px;}
    .about-01 .s2{ padding-top: 100px; padding-bottom: 100px;}
    .about-01 .s2 .dp1{ font-size: 32px; line-height: 50px;}
    .about-01 .s3 .dp1{font-size: 32px; line-height: 50px; margin-top: 30px; text-align: center}
    .about-01 .s4 .dp1{font-size: 32px; line-height: 50px; margin-top: 30px; text-align: center; margin-bottom: 10px;}
    .about-01 .s4{ display: flex;flex-direction:column;}
    .about-01 .s4 .txt{order: 2}
    .about-01 .s4 .image{order: 1}
    .about-01 .cfa{ text-align: center}
    .about-01 .s5 .dp1{font-size: 32px; line-height: 50px; margin-top: 30px; text-align: center; margin-bottom: 10px;}
    .about-01 .s6 .dp1{font-size: 32px; line-height: 50px; margin-top: 30px; text-align: center; margin-bottom: 10px;}
    .about-01 .s6{ display: flex;flex-direction:column;}
    .about-01 .s6 .txt{order: 2}
    .about-01 .s6 .image{order: 1}
    .about-01 .s7 .dp1{font-size: 32px; line-height: 50px; margin-top: 30px; text-align: center; margin-bottom: 10px;}
    .about-02 .yt iframe{border-radius: 20px; height: 240px}
    
    
    
    /*shop*/
    .quicksrch em{ display: none;}
    .quicksrch{ padding: 5px 4px 7px 8px; background: var(--white); top: 20px; right: 20px;}
    .shopix .container{ padding: 0 10px;}
    .shopix .area{ padding-top: 20px; padding-bottom: 20px; border-bottom: 0; text-align: center}
    .shopix .area .more{ position: inherit; right: inherit; top: inherit; }
    .shopix .area .item{ /* width: 48%; min-height: 355px; */ margin-right: 0; padding: 10px; margin-bottom: 40px; border-radius: 10px;}
    .shopix .area .newtag{ border-top-left-radius: 10px; border-top-right-radius: 10px; font-size: 12px; padding: 5px 10px 0 10px; top: -25px;}
    .shopix .area .item:nth-child(2){ margin-right: 10px;}
    .shopix .area .item:nth-child(4){ display: none;}
    .shopix .area .item .h4{ font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}
    .shopix .area .h2{ font-size: 20px;}
    .shopix .area .item .mwrap{ position: inherit; bottom: inherit;left: inherit}
    .shopix .area .cost,.shopix .area .sale{ font-size: 20px;}
    .srch{ width: 100%; padding: 20px;}
    .shopix .shoptps01 .item{border-radius: 20px;}
    .shopix .shoptps02 .slick-next{ right: -10px; display: none !important;}
    .shopix .shoptps02 .slick-prev{ left: 10px; z-index: 3; display: none !important;}
    
    .shopcat .intro{ margin-top: 10px;}
    .shopcat .area .item:nth-child(3n){ margin-right: 0;}
    /*.shopcat .area .item:nth-child(4){ display: inline-block; margin-right: 10px;}
    .shopcat .area .item:nth-child(5){ margin-right: 0;} */
    
    .shopv .container{ padding: 20px 20px;}
    .shopv .main{padding: 10px;}
    .shopv .pdslider-nav img{ width: 80%;}
    .shopv .lftslider{ width: 100%;}
    .shopv .topinfo .h2{ width: 100%;}
    .shopv .topinfo{ width: 100%; padding-left: 10px;}
    .shopv .topinfo .sug{ border: 1px solid var(--black); padding: 1px 13px 0px 8px; display: inline-block; border-radius: 30px; font-size: 12px; margin-bottom: 15px;}
    .shopv .topinfo .sug i{ position: relative; top: 3px; margin-right: 5px;}
    .shopv .topinfo .feedback.mb{ border-bottom: 0}
    .shopv .recipeslider .slick-next{ right: -20px;}
    .shopv .recipeslider .slick-prev{ left: -20px;z-index: 9}
    .shopv .relate-shop .area .item{ padding: 10px; margin-right: 10px; border-radius: 10px;}
    .shopv .lft{ width: 100%; vertical-align: top;}
    .shopv .fishtype{ width: 100%;display: inline-block; vertical-align: top; padding: 15px; padding-bottom: 6px; margin-bottom: 10px;}
    .shopv .cookstyle{ width: 100%; display: inline-block; margin: 10px 0; padding: 15px; padding-bottom: 6px;}
    .shopv .cookstyle .item{ width: 60px;}
    .shopv .cookstyle .item >div{ margin: 0; padding: 2px 5px; width: 50px; height: 50px;}
    .shopv .cookstyle .item span{font-size: 14px;}
    .shopv .brief{ padding: 15px; padding-bottom: 6px;}
    .shopv .brief .h3{position: relative}
    .shopv .brief .h3 i{ width: 20px; height: 20px; background: url(../images/ic-ar-top.svg) no-repeat; display: inline-block; position: absolute; right: 10px; top: 10px; cursor: pointer}
    .shopv .brief .h3 i.active{background: url(../images/ic-ar-down.svg) no-repeat;}
    
    .shopv .fishtype .h3{position: relative}
    .shopv .fishtype .h3 i{ width: 20px; height: 20px; background: url(../images/ic-ar-top.svg) no-repeat; display: inline-block; position: absolute; right: 10px; top: 10px; cursor: pointer}
    .shopv .fishtype .h3 i.active{background: url(../images/ic-ar-down.svg) no-repeat;}
    
    .shopv .cookstyle .h3{position: relative}
    .shopv .cookstyle .h3 i{ width: 20px; height: 20px; background: url(../images/ic-ar-top.svg) no-repeat; display: inline-block; position: absolute; right: 10px; top: 10px; cursor: pointer}
    .shopv .cookstyle .h3 i.active{background: url(../images/ic-ar-down.svg) no-repeat;}
    
    .shopv .rig{ width: 100%; min-height:inherit; padding: 15px; padding-bottom: 6px; margin-left: 0;}
    .shopv .rig .h3{position: relative}
    .shopv .rig .h3 i{ width: 20px; height: 20px; background: url(../images/ic-ar-top.svg) no-repeat; display: inline-block; position: absolute; right: 10px; top: 10px; cursor: pointer}
    .shopv .rig .h3 i.active{background: url(../images/ic-ar-down.svg) no-repeat;}
    
    .shopv .recipeslider{ display: none;}
    .shopv .info{ width: 100%;}
    .shopv .info .cost{ padding: 10px; margin-bottom: 10px; margin-top: 10px;}
    .shopv .info .cfas{ margin-top: 0;}
    .shopv .info .cfas .addcart{ padding: 10px 30px}
    .shopv .info .cfas .shopnow{ padding: 10px 30px; float: left; margin-left: 10px;}
    .shopv .more{ padding: 15px}
    
    .shopv .shopv-cooklist{ display: block}
    .shopv .cooklist { width: 275px; background: var(--white); border-radius: 10px; padding-bottom: 10px; color: var(--black); display: inline-block;margin-right: 8px; margin-bottom: 20px;}
    .shopv .cooklist .img{ text-align: center; padding-top: 13px;}
    .shopv .cooklist .img img{ width: 90%;}
    .shopv .cooklist .tags{ display: inline-block; padding-left: 10px; padding-right: 30px; margin-top: 10px;margin-bottom: 10px;}
    .shopv .cooklist .tags span{ border-radius: 40px; border: 1px solid var(--gray700); display: inline-block; padding: 0px 15px; color: var(--black); margin-bottom: 5px; font-size: 12px; margin-right: 5px; }
    .shopv .cooklist .h4{ color: var(--black);padding-left: 10px; font-weight: bold; margin-bottom: 0;}
    .shopv .cooklist .h4 a{ color: var(--black);}
    .shopv .cooklist .nb{ width: 100%; display: inline-block; padding-left: 10px;font-size: 14px;}
    .shopv .cooklist .time{width: 100%; display: inline-block;font-size: 14px; padding-left: 10px;}
    .shopv-cooklist .slick-prev{ width: 58px; height: 55px; background:url(../images/slick-left.svg) no-repeat; display: inline-block; text-indent: -99999px; top: inherit; bottom: -70px; left: 30%}
    .shopv-cooklist .slick-next{ width: 58px; height: 55px; background:url(../images/slick-right.svg) no-repeat; display: inline-block; text-indent: -99999px; top: inherit; bottom: -70px; right: 30%;}
    
    .shopv .related-recipe{ padding-bottom: 60px;}
    .shopv .relate-shop .area .item{ width: 48%; min-height: 305px; margin-right: 0; padding: 10px; margin-bottom: 20px; border-radius: 10px;}
    .shopv .relate-shop .area .sale,.shopv .relate-shop .area .cost{ font-size: 20px;}
    .shopv .relate-shop .area .mwrap{ position: inherit; bottom: inherit; left: inherit}
    
    
    /*購物流程*/
    .cart{ margin-top: 0;}
    .cart .container{ padding: 20px}
    .cart .detail,.cart .deliver,.cart .ship,.cart .option,.cart .orderinfo,.cart .shipinfo{ padding: 20px 10px;}
    .cart .detail .h3 span{ margin-right: 40px;}
    .cart .detail .h3 i{ right: 10px;}
    .cart .detail .tit{ display: none;}
    .cart .detail .list{ position: relative}
    .cart .detail .type{ position: absolute; top: 14px; left: 78px;}
    .cart .main .detail .list>div:nth-child(2){ width: 100%; margin-bottom: 20px;}
    .cart .detail .list .sigprice,.cart .main .detail .list>div:nth-child(3){ width: 80px; position: absolute; right: 0; top: 20px; }
    .cart .detail .list .totprice,.cart .main .detail .list>div:nth-child(5){ width: 80px; position: absolute; right: 0; bottom: 20px;}
    .cart .main .detail .list>div:nth-child(6){ position: absolute; top: 10px; right: 0}
    .cart .detail img.pd{top: 15px;}
    .cart .detail .saletip b{ position: relative; top: -8px;}
    .cart .detail .saletip >div{ width: calc(100% - 80px)}
    .cart .detail a.conti-cfa{ float: inherit}
    .cart .option .shopit{ width: 100%; margin-right: 0; margin-bottom: 10px;}
    .cart .deliver .h3 span{margin-right: 40px; position: absolute; right: 0; top: 0px;}
    .cart .deliver .h3 i{ right: 10px;}
    .cart .deliver .h3 .tip{ width: 100%; margin-left: 0; margin-top: 10px; border-top: 1px solid #f1f1f1; padding-top: 10px;}
    .cart .deliver .op label{ font-size: 12px;}
    .cart .ship{ font-size: 12px;}
    
    
    .cart .main .detail .list>div:nth-child(4):before{ content: '數量'}
    .cart .main.step2 .list .sigprice{ text-align: right}
    .cart .main.step2 .list .totprice{ text-align: right}
    .cart .shipinfo input[type='checkbox']{position: relative; top: 2px;}
    .cart .orderinfo .row{ margin-bottom: 0px;}
    .cart .orderinfo .col-md-6{ margin-bottom: 10px;}
    .cart .orderinfo .h3 {position: relative}
    .cart .orderinfo .h3 i{ width: 20px; height: 20px; background: url(../images/ic-ar-top.svg) no-repeat; display: inline-block; position: absolute; right: 10px; top: 10px; cursor: pointer}
    .cart .orderinfo .h3 i.active{background: url(../images/ic-ar-down.svg) no-repeat;}
    
    .cart .shipinfo .h3{ position: relative;}
    .cart .shipinfo .h3 i{ width: 20px; height: 20px; background: url(../images/ic-ar-top.svg) no-repeat; display: inline-block; position: absolute; right: 10px; top: 10px; cursor: pointer}
    .cart .shipinfo .row{ margin-bottom: 0px;}
    .cart .shipinfo .col-md-6{ margin-bottom: 10px;}
    .cart .shipinfo .h3 i.active{background: url(../images/ic-ar-down.svg) no-repeat;}
    .cart .fulladd{ padding-left: 97px;}
    
    
    /*合作夥伴*/
    .sp-partner .container{ padding: 20px; padding-top: 0;}
    .sp-partner .sel-sec >div{ width: 100%; margin-bottom: 10px;}
    .sp-partner .sel-sec a{ margin-top: 10px; display: inline-block}
    
    /*訂購須知*/
    .sp-faq .container{ padding: 20px; padding-top: 0;}
    .sp-faq .slt{ float: left; width: 100%;}
    .sp-faq .slt select{ width: 100%;}
    .sp-faq .top{ display: flex;flex-direction:column}
    .sp-faq .h4{ order: 2; width: 100%; margin-top: 20px;}
    .sp-faq .slt{ order: 1;}
    .sp-faq .list .tit{ margin-bottom: 0; padding-right: 30px;}
    .sp-faq .list i{ top: 26px;}
    
    /*企業採購*/
    .shop2b .shoptps01{ padding: 0 10px;}
    .shop2b .tob .text{ width: 100%}
    .shop2b .textbox{ border-radius: 20px;}
    .shop2b .inq{ width: 100%; padding: 20px 10px;}
    .shop2b .inq .row{ padding: 0;}
    .shop2b .inq .col-md-6{ margin-bottom: 10px;}
    .shop2b .inq label,.shop2b .inq select,.shop2b .inq input[type='text'], .shopix .inq input[type='email']{ font-size: 12px;}
    .shop2b .tob ul{ background: var(--white); border-radius: 20px; padding: 20px 60px;}
    .shop2b .tob ul>li{ width: 49%;}
    .shop2b .area .item:nth-child(4){ display: inline-block; margin-right: 0;}
    
    
    /*魚類辨識*/
    .newscatg-01{ margin-bottom: 0; padding-bottom:0; padding-top: 30px;}
    .newscatg-01 .txt{ width: 100%; padding-left: 20px;}
    .newscatg-01 .h1{ text-align: center}
    .newscatg-01 .h4{ text-align: center}
    .newscatg-01 .cfa{ text-align: center}
    .newscatg-01 .m01{ overflow-x: hidden}
    .newscatg-01 .m01 img{width: 340px; position: relative; right: -80px;}
    .newscatg-01 .m02{ overflow-x: hidden}
    .newscatg-01 .m02 img{width: 360px; margin-right: -50px; margin-top: 20px;}
    .newscatg-02{ padding-bottom: 0; padding-top: 0;}
    .newscatg-02 .container .row{ display: flex;flex-direction:column }
    .newscatg-02 .image {order: 2;margin-top: 30px;}
    .newscatg-02 .txt {order: 1 }
    .newscatg-02 .h1{ text-align: center}
    .newscatg-02 .h4{ text-align: center}
    .newscatg-02 .cfa{ text-align: center;}
    .newscatg-02 .item{ width: 100%; min-height: inherit; text-align: center; padding: 20px; color: var(--deep); border-radius: 20px; border: 1px solid var(--faded); margin-bottom: 20px;}
    .newscatg-02 .item .h3{ font-weight: bold;}
    .newscatg-02 .item i img{width: 70%}
    .newscatg-03 { padding-bottom: 50px;}
    .newscatg-03 .txt{ text-align: center; padding:0 20px;}
    .newscatg-03 .image{margin-top: 20px;}
    .newscatg-04{ background: none; padding-bottom: 0;} 
    .newscatg-04 .txt{ width: 100%; min-height: inherit; background: none; padding:0 20px; text-align: center; padding-bottom: 20px;}
    .newscatg-05 .row{ display: flex;flex-direction:column }
    .newscatg-05 .image {order: 2;margin-top: 30px;}
    .newscatg-05 .txt {order: 1 }
    .newscatg-05 .h1{ text-align: center}
    .newscatg-05 .h4{ text-align: center}
    .newscatg-05 .cfa{ text-align: center}
    .newscatg-05 .txt02{ padding: 20px}
    .newscatg-05 .bigcfa .item{ width: 100%; margin: 0; margin-bottom: 20px;}
    .newscatg-05 .sec02{ margin-top: 50px;}
    
    
    .newslist-wrap .container, .member_padding{ padding:20px 20px !important; }
    .newslist-wrap .mainlist .img{ width: 100%; float: left;}
    .newslist-wrap .mainlist img{ border-bottom-left-radius: 0; border-top-right-radius: 20px; width: 100%; float: left;}
    .newslist-wrap .mainlist .txt{ width: 100%;border-top-right-radius:0; border-bottom-left-radius: 20px;}
    .newslist-wrap .list{ width: 100%; margin-right: 0;}
    .newslist-wrap .list .img,.newslist-wrap .list img{ width: 100%;}
    
    .identify .container{ padding: 20px 20px; padding-top: 0;}
    .identify .big{ /*display: none; */}
    .identify .big .twentytwenty-container {width: 100%;}
    .identify .big .twentytwenty-wrapper{margin-top: 100px;}
    .identify .area .item{ width: 100%; margin-right: 0;margin-top: 55px;}
    .identify .area .item a img{ width: 100%;}
    
    .identifyview .container{ padding:20px 20px; padding-top: 0; }
    .identifyview .tag{ margin-bottom: 0;}
    .identifyview .list .img,.identifyview .list{ width: 190px;}
    .identifyview .list img{width: 100%;}
    
    
    .cookfilter{ width: 100%; padding: 15px 20px; margin-bottom: 30px;}
    .cookfilter .flit{ width: 43px;}
    .cookfilter .flit span{ width: 43px; height: 43px; padding: 0}
    .cookfilter .flit img{width: 40px;}
    .cookfilter .flit em{font-size: 12px;}
    .cookfilter .slick-prev{ width: 20px; height: 20px; background:url(../images/shop-slider-l.svg) no-repeat; display: inline-block; text-indent: -99999px; left: 5px; top: 45%}
    .cookfilter .slick-next{ width: 20px; height: 20px; background:url(../images/shop-slider-r.svg) no-repeat; display: inline-block; text-indent: -99999px; right: 5px; top: 45%}
    
    .cook-wrap .container{ padding:20px 20px; padding-top: 0;}
    .cook-wrap .cookbig .main{margin-bottom: 10px;}
    .cook-wrap .cookbig .img{ width: 100%; padding: 10px; padding-bottom: 0;}
    .cook-wrap .cookbig .img img{ width: 100%}
    .cook-wrap .cookbig .nb{ margin-left: 10px;}
    .cook-wrap .cookbig .main .tags{ padding-left: 10px;}
    .cook-wrap .cookbig .ti{ display: none;}
    .cook-wrap .cookbig .h4{ width: 100%; display: block; color: var(--black); padding-left: 10px; margin-bottom: 0;}
    .cook-wrap .cookbig .h4 a{ color: var(--black);display: block; }
    
    .cooklist{ width: 48%; margin:10px 2px; }
    .cooklist:nth-child(3n){margin:10px 2px; }
    .cooklist .img{ padding: 5px; padding-bottom: 0; }
    .cooklist .img img{ width: 100%;}
    .cooklist .nb,.cooklist .time{ font-size: 12px;}
    .cooksrch{ position: absolute; right: 10px; top: 15px; background: #fff; border-radius: 99em; padding: 0 3px;}
    
    .ck-recipe .container{ padding:20px 20px; padding-top: 0;}
    .ck-recipe .intro{ padding: 10px;}
    .ck-recipe .intro .area:first-child,.ck-recipe .intro .area:last-child{ width: 100%; margin: 0; font-size: 16px;}
    .ck-recipe .video iframe{ width: 100%; height: 240px} 
    .ck-recipe .ingredient{ padding: 10px;}
    .ck-recipe .ingredient ul li{ width: 100%;}
    .ck-recipe .ingredient ul li:nth-child(even){ margin-left: 0;}
    .ck-recipe .relate-shop{ padding: 10px;}
    .ck-recipe .relate-shop .shopit{ width: 100%; margin-right: 5px;}
    .ck-recipe .step{ padding: 10px;}
    .ck-recipe .step .st{ position: relative}
    .ck-recipe .step .st .img{ width: 120px;}
    .ck-recipe .step .st .img img{ width: 100%;}
    /* .ck-recipe .step .st .nb{ position: absolute; top: 5px; left: 0px;}
    .ck-recipe .step .st .nb:after{ display: none;}*/
    .ck-recipe .step .st p{ width: calc(100% - 170px);}
    .ck-recipe .related-recipe .h2{ margin-bottom: 20px;}
    .ck-recipe .related-recipe .cooklist{ width: 99%;}
    .ck-recipe .related-recipe .cooklist .nb{ width:49%;}
    .ck-recipe .related-recipe .cooklist .time{ width:49%;}
    
    /* EVENT體驗*/
    .event .container{ padding:20px 20px; padding-top: 0; margin-bottom: 0;}
    .event-srch .container{ padding:20px 20px; background: none}
    .event .twoli .item{ /*width: 49%;*/}
    .event .twoli .item .img{ width: 100%}
    
    
    .event .threeli .list{ width: 49%; margin-right: 10px;}
    .event .threeli .list .img{ width: 100%;}
    .event .threeli .list .txt{ width: 100%;}
    .event .threeli .list:nth-child(3n){ margin-right: 10px;}
    .event .threeli .list:nth-child(2n){ margin-right: 0;}
    .event-srch .row1 select:nth-child(2){/*margin: 0 20px;*/}
    .event-srch .row1 select{/* width: 31%;*/}
    
    .eventsp .container{ padding:20px 20px; padding-top: 0; margin-bottom: 0;}
    .eventsp .banner img{ width: 100%;}
    .eventsp .info .h3 i{ display: block}
    .eventsp .threeli .list{ width: 49%; margin-right: 10px;}
    .eventsp .threeli .list .img{ width: 100%;}
    .eventsp .threeli .list .txt{ width: 100%;}
    .eventsp .threeli .list:nth-child(3n){ margin-right: 10px;}
    .eventsp .threeli .list:nth-child(2n){ margin-right: 0;}
    
    .eventsp .row1 select{ width: 46.5%;}
    .eventsp .row1 select:nth-child(3){float: right;}
    .eventsp .row1 select:nth-child(4){ margin-left: 0; width: 100%; margin-top: 10px;}
    .eventsp .row1 a{ float: none;}
    .eventsp .btn-s4-small{ width: 100%; float: none; margin: 10px 0 0px 0;}
    
    .eventsp .step{ }
    .eventsp .step .h3 i{ display: block}
    .eventsp .step .st{ position: relative}
    .eventsp .step .st .img{ width: 120px;}
    .eventsp .step .st .img img{ width: 100%;}
    .eventsp .step .st .nb{ position: absolute; top: 5px; left: 120px;}
    .eventsp .step .st .nb:after{ display: none;}
    .eventsp .step .st p{ width: calc(100% - 170px); padding-top: 40px; padding-left: 10px;}
    
    .eventsp .schdule .h3 i{ display: block}
    .eventsp .schdule .lft,.eventsp .schdule .rig{ width: 100%;}
    .eventsp .schdule .lft{ margin-bottom: 20px;}
    .eventsp .schdule .btns{ width: 100%; text-align: center}
    .eventsp .schdule .btn-s4-small{ width: auto}
    .eventsp .schdule .hori .pri{ width: calc(100% - 250px)}
    .eventsp .cost .h3 i{ display: block}
    .eventsp .ps .h3 i{ display: block}
    
    /* EVENT流程*/
    .eventfw .container{ padding:20px 20px; padding-top: 0; margin-bottom: 0;}
    .eventfw .ques .other input[type='text']{ width: 100%;}
    .eventfw .signdata .col-md-6{ margin-bottom: 10px;}
    .eventfw .row{ padding-bottom: 0; padding-top: 0;}
    .eventfw .reps{ margin-bottom: 15px;}
    .eventfw .ques .row{ margin-bottom: 20px;}
    .eventfw .ques .optis .other{ display: block; margin-bottom: 20px;}
    .eventfw .signdata .country{ position: inherit; right: inherit; top: inherit; margin-bottom: 10px;}
    .eventfw .signdata .ops{ width: calc(100% - 90px)}
    .eventfw .signinfo .col-xs-6{ margin: 5px 0;}
    
     /* 會員*/
    .register .container{ padding:20px 20px; padding-top: 0; margin-bottom: 0;}
    .register .row{ padding-bottom: 0; padding-top: 0;margin-bottom: 0;}
    .register .col-md-6{ margin-bottom: 10px;}
    .register .fulladd input{ width: calc(100% - 90px); margin-left: 80px;}
    
}
/*tablet*/
@media only screen and (max-width: 768px) {
     /*shop*/
    .shopix .shoptps01 .item{border-radius: 20px;}
    .shopv .lftslider{ width: 100%;}
    .shopv .info{ width: 100%; padding-left: 0px;}
    .shopv .fishtype{ width: 100%;display: inline-block; vertical-align: top}
    .shopv .cookstyle{ width: 100%; display: inline-block; }
    .shopv .rig{ width: 100%; margin-left: 0;}
    .shopv .shoptabs li{ padding: 10px 10px; font-size: 14px;}
    
    
    /*合作夥伴*/
    .sp-partner .add table thead{ display: none;}
    .sp-partner .add table td{ width: 100%; display: inline-block; padding: 3px 0}
    .sp-partner .add table td.name i{display: none;}
    .sp-partner .add table td.type:before{ content: '類型'; width: 60px; display: inline-block; color: var(--pastel); font-size: 12px;}
    .sp-partner .add table td.name:before{ content: '門市名稱'; width: 60px; display: inline-block; color: var(--pastel); font-size: 12px;}
    .sp-partner .add table td.pd:before{ content: '商品'; width: 60px;display: inline-block; color: var(--pastel); font-size: 12px;}
    .sp-partner .add table td.tel:before{ content: '電話'; width: 60px;display: inline-block; color: var(--pastel); font-size: 12px;}
    .sp-partner .add table td.add:before{ content: '地址'; width: 60px;display: inline-block; color: var(--pastel); font-size: 12px;}
    .sp-partner .add table td.link:before{ content: '官網'; width: 60px;display: inline-block; color: var(--pastel); font-size: 12px;}
    
    
    /* EVENT體驗*/
    .event .container{ margin-bottom: 0;}
    .event-srch .container{ margin-bottom: 20px;}
    .event-srch .row1{ margin-bottom: 0;}
    .event-srch .row1 select{ width: 100%; margin-bottom: 10px;}
    .event-srch .row1 select:nth-child(2){ margin: 0;margin-bottom: 10px;}
    .event-srch .row2 select{ width: 45%;}
    .event-srch .row2 select:nth-child(3){ float: right;}
    /*.event-srch .row2 span{ width: calc(100% - 92%); display: inline-block; text-align: center; margin: 0}*/
    .event-srch .btn-s4-small{ width: 100%; float: none; margin: 10px 0 0 0;}
    .event .twoli .item{ width: 100%; margin-right: 0px;}
    .event .twoli .item .img{ width: 100%;}
    .event .threeli .list{ width: 100%;}
    .eventsp .row1 select{ width: 45.5%;}
    .eventsp .row1 span{ width: 8%; text-align: center; display: inline-block; margin: 0;}
    .eventsp .threeli .list{ width: 100%;}
    .eventsp .schdule .hori{ margin-bottom: 5px;}
    .eventsp .schdule .hori .pri{ width: calc(100% - 80px)}
    .eventsp .schdule .hori .num{ margin-right: 10px; margin-top: 5px;}
    
    /* 會員*/
    .register .fulladd input{ margin-left: 85px;}
    .register .btm-btn-login a{ padding:10px 20px; margin: 0 5px; font-size: 14px; }
    .register .btm-btn-login i{display: none; }
    
    
}
/*Mobile*/ 
@media only screen and (max-width: 480px) {
    
/*    首頁*/
    .home-cfa{ background-position: 28px top}
    .home-slider .text{ top: 120px;}
    
    /*shop*/
    .shopix .area .item:first-child{ width: 100%}
    .shopix .shoptps01 .item{ }
    .shopix .shoptps02 .item{ padding:0 10px;}
    .shopix .shoptps02 .item img{width: 100%;}
    .cart .deliver .half{ width: 100%;}
    .shopv .info .cfas .shopnow{ float: right;}
    
    /*企業採購*/
    .shop2b .area .item,.shopix .area .item:nth-child(2){/*min-height: 335px;*/ margin-right: 0; margin-bottom: 30px;}
    .shop2b .area .item:first-child{ width: 48%;}
    .shop2b .area .item:nth-child(4){ display: inline-block}
    /*About*/
    .about-02 .report{ padding: 0px;}
    .about-02 .report .slick-next{ right: 26%; bottom: -96px; top: inherit}
    .about-02 .report .slick-prev{ left: 26%; bottom: -96px; top: inherit}
    
    /*魚類辨識*/
    .identifyview .list .img, .identifyview .list{ width: 265px;}
    .identifyview .list:nth-child(3){ margin: 0; margin-bottom: 20px;}
    .identifyview .list{ margin-bottom: 20px;}
    
    /* EVENT體驗*/
    .eventsp .row1 select{ width: 44%;}
    
    /*訂閱電子報*/
    .register .btm-btn a{ margin: 0 5px}
 
   
}


.box {
  position: absolute;
  top: 0;
  right:15px;
  width:35px;
  height: 35px;
/*  background: var(--blue);*/
  z-index: 99;
}

.btnnav {
  position: absolute;
  top: 30px;
  right: -13px;
  transform: translate(-50%, -50%);
  width: 28px;
  cursor: pointer;
}
.btnnav.active{ top: 38px; right: -12px;}

.btnnav span {
  display: block;
  width: 100%;
  height: 2px;
  background: var(--blue);
  transition: all .3s;
  position: relative;
}
.trans .btnnav span {background: var(--white);}

.box span + span {
  margin-top:6px;
}

.box .active span:nth-child(1) {
  animation: ease .7s top forwards;
}

.box .not-active span:nth-child(1) {
  animation: ease .7s top-2 forwards;
}

.box .active span:nth-child(2) {
  animation: ease .7s scaled forwards;
}

.box .not-active span:nth-child(2) {
  animation: ease .7s scaled-2 forwards;
}

.box .active span:nth-child(3) {
  animation: ease .7s bottom forwards;
    margin-top:22px;
}

.box .not-active span:nth-child(3) {
  animation: ease .7s bottom-2 forwards;
}

@keyframes top {
  0% {
    top: 0;
    transform: rotate(0);
  }
  50% {
    top: 22px;
    transform: rotate(0);
  }
  100% {
    top: 10px;
    transform: rotate(45deg);
  }
}

@keyframes top-2 {
  0% {
    top: 22px;
    transform: rotate(45deg);
  }
  50% {
    top: 22px;
    transform: rotate(0deg);
  }
  100% {
    top: 0;
    transform: rotate(0deg);
  }
}

@keyframes bottom {
  0% {
    bottom: 0;
    transform: rotate(0);
  }
  50% {
    bottom: 22px;
    transform: rotate(0);
  }
  100% {
    bottom: 22px;
    transform: rotate(135deg);
  }
}

@keyframes bottom-2 {
  0% {
    bottom: 22px;
    transform: rotate(135deg);
  }
  50% {
    bottom: 22px;
    transform: rotate(0);
  }
  100% {
    bottom: 0;
    transform: rotate(0);
  }
}

@keyframes scaled {
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(0);
  }
}

@keyframes scaled-2 {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes barjump {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: -10px;
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: 150px;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    top: 250px;
  }
}

/* Deafult Margin & Padding */
.dis_no_pc {display: none !important;}
.dis_blo_pc {display: block !important;}

.m-0 {margin: 0px !important;}

.mt-0 {margin-top: 0px !important;}
.mt-5 {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-25 {margin-top: 25px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-35 {margin-top: 35px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-45 {margin-top: 45px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-55 {margin-top: 55px !important;}
.mt-60 {margin-top: 60px !important;}
.mt-65 {margin-top: 65px !important;}
.mt-70 {margin-top: 70px !important;}
.mt-75 {margin-top: 75px !important;}
.mt-80 {margin-top: 80px !important;}
.mt-85 {margin-top: 85px !important;}
.mt-90 {margin-top: 90px !important;}
.mt-95 {margin-top: 95px !important;}
.mt-100 {margin-top: 100px !important;}
.mt-105 {margin-top: 105px !important;}
.mt-110 {margin-top: 110px !important;}
.mt-115 {margin-top: 115px !important;}
.mt-120 {margin-top: 120px !important;}
.mt-125 {margin-top: 125px !important;}
.mt-130 {margin-top: 130px !important;}
.mt-135 {margin-top: 135px !important;}
.mt-140 {margin-top: 140px !important;}
.mt-145 {margin-top: 145px !important;}
.mt-150 {margin-top: 150px !important;}
.mt-155 {margin-top: 155px !important;}
.mt-160 {margin-top: 160px !important;}
.mt-165 {margin-top: 165px !important;}
.mt-170 {margin-top: 170px !important;}
.mt-175 {margin-top: 175px !important;}
.mt-180 {margin-top: 180px !important;}
.mt-185 {margin-top: 185px !important;}
.mt-190 {margin-top: 190px !important;}
.mt-195 {margin-top: 195px !important;}
.mt-200 {margin-top: 200px !important;}

.mb-0 {margin-bottom: 0px !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-35 {margin-bottom: 35px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-45 {margin-bottom: 45px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mb-55 {margin-bottom: 55px !important;}
.mb-60 {margin-bottom: 60px !important;}
.mb-65 {margin-bottom: 65px !important;}
.mb-70 {margin-bottom: 70px !important;}
.mb-75 {margin-bottom: 75px !important;}
.mb-80 {margin-bottom: 80px !important;}
.mb-85 {margin-bottom: 85px !important;}
.mb-90 {margin-bottom: 90px !important;}
.mb-95 {margin-bottom: 95px !important;}
.mb-100 {margin-bottom: 100px !important;}
.mb-105 {margin-bottom: 105px !important;}
.mb-110 {margin-bottom: 110px !important;}
.mb-115 {margin-bottom: 115px !important;}
.mb-120 {margin-bottom: 120px !important;}
.mb-125 {margin-bottom: 125px !important;}
.mb-130 {margin-bottom: 130px !important;}
.mb-135 {margin-bottom: 135px !important;}
.mb-140 {margin-bottom: 140px !important;}
.mb-145 {margin-bottom: 145px !important;}
.mb-150 {margin-bottom: 150px !important;}
.mb-155 {margin-bottom: 155px !important;}
.mb-160 {margin-bottom: 160px !important;}
.mb-165 {margin-bottom: 165px !important;}
.mb-170 {margin-bottom: 170px !important;}
.mb-175 {margin-bottom: 175px !important;}
.mb-180 {margin-bottom: 180px !important;}
.mb-185 {margin-bottom: 185px !important;}
.mb-190 {margin-bottom: 190px !important;}
.mb-195 {margin-bottom: 195px !important;}
.mb-200 {margin-bottom: 200px !important;}

.mtb-0 {margin-top: 0px !important; margin-bottom: 0px !important;}
.mtb-5 {margin-top: 5px !important; margin-bottom: 5px !important;}
.mtb-10 {margin-top: 10px !important; margin-bottom: 10px !important;}
.mtb-15 {margin-top: 15px !important; margin-bottom: 15px !important;}
.mtb-20 {margin-top: 20px !important; margin-bottom: 20px !important;}
.mtb-25 {margin-top: 25px !important; margin-bottom: 25px !important;}
.mtb-30 {margin-top: 30px !important; margin-bottom: 30px !important;}
.mtb-35 {margin-top: 35px !important; margin-bottom: 35px !important;}
.mtb-40 {margin-top: 40px !important; margin-bottom: 40px !important;}
.mtb-45 {margin-top: 45px !important; margin-bottom: 45px !important;}
.mtb-50 {margin-top: 50px !important; margin-bottom: 50px !important;}
.mtb-55 {margin-top: 55px !important; margin-bottom: 55px !important;}
.mtb-60 {margin-top: 60px !important; margin-bottom: 60px !important;}
.mtb-65 {margin-top: 65px !important; margin-bottom: 65px !important;}
.mtb-70 {margin-top: 70px !important; margin-bottom: 70px !important;}
.mtb-75 {margin-top: 75px !important; margin-bottom: 75px !important;}
.mtb-80 {margin-top: 80px !important; margin-bottom: 80px !important;}
.mtb-85 {margin-top: 85px !important; margin-bottom: 85px !important;}
.mtb-90 {margin-top: 90px !important; margin-bottom: 90px !important;}
.mtb-95 {margin-top: 95px !important; margin-bottom: 95px !important;}
.mtb-100 {margin-top: 100px !important; margin-bottom: 100px !important;}
.mtb-105 {margin-top: 105px !important; margin-bottom: 105px !important;}
.mtb-110 {margin-top: 110px !important; margin-bottom: 110px !important;}
.mtb-115 {margin-top: 115px !important; margin-bottom: 115px !important;}
.mtb-120 {margin-top: 120px !important; margin-bottom: 120px !important;}
.mtb-125 {margin-top: 125px !important; margin-bottom: 125px !important;}
.mtb-130 {margin-top: 130px !important; margin-bottom: 130px !important;}
.mtb-135 {margin-top: 135px !important; margin-bottom: 135px !important;}
.mtb-140 {margin-top: 140px !important; margin-bottom: 140px !important;}
.mtb-145 {margin-top: 145px !important; margin-bottom: 145px !important;}
.mtb-150 {margin-top: 150px !important; margin-bottom: 150px !important;}
.mtb-155 {margin-top: 155px !important; margin-bottom: 155px !important;}
.mtb-160 {margin-top: 160px !important; margin-bottom: 160px !important;}
.mtb-165 {margin-top: 165px !important; margin-bottom: 165px !important;}
.mtb-170 {margin-top: 170px !important; margin-bottom: 170px !important;}
.mtb-175 {margin-top: 175px !important; margin-bottom: 175px !important;}
.mtb-180 {margin-top: 180px !important; margin-bottom: 180px !important;}
.mtb-185 {margin-top: 185px !important; margin-bottom: 185px !important;}
.mtb-190 {margin-top: 190px !important; margin-bottom: 190px !important;}
.mtb-195 {margin-top: 195px !important; margin-bottom: 195px !important;}
.mtb-200 {margin-top: 200px !important; margin-bottom: 200px !important;}

.ml-0 {margin-left: 0px !important;}
.ml-5 {margin-left: 5px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-15 {margin-left: 15px !important;}
.ml-20 {margin-left: 20px !important;}
.ml-25 {margin-left: 25px !important;}
.ml-30 {margin-left: 30px !important;}
.ml-35 {margin-left: 35px !important;}
.ml-40 {margin-left: 40px !important;}
.ml-45 {margin-left: 45px !important;}
.ml-50 {margin-left: 50px !important;}
.ml-55 {margin-left: 55px !important;}
.ml-60 {margin-left: 60px !important;}
.ml-65 {margin-left: 65px !important;}
.ml-70 {margin-left: 70px !important;}
.ml-75 {margin-left: 75px !important;}
.ml-80 {margin-left: 80px !important;}
.ml-85 {margin-left: 85px !important;}
.ml-90 {margin-left: 90px !important;}
.ml-95 {margin-left: 95px !important;}
.ml-100 {margin-left: 100px !important;}
.ml-105 {margin-left: 105px !important;}
.ml-110 {margin-left: 110px !important;}
.ml-115 {margin-left: 115px !important;}
.ml-120 {margin-left: 120px !important;}
.ml-125 {margin-left: 125px !important;}
.ml-130 {margin-left: 130px !important;}
.ml-135 {margin-left: 135px !important;}
.ml-140 {margin-left: 140px !important;}
.ml-145 {margin-left: 145px !important;}
.ml-150 {margin-left: 150px !important;}
.ml-155 {margin-left: 155px !important;}
.ml-160 {margin-left: 160px !important;}
.ml-165 {margin-left: 165px !important;}
.ml-170 {margin-left: 170px !important;}
.ml-175 {margin-left: 175px !important;}
.ml-180 {margin-left: 180px !important;}
.ml-185 {margin-left: 185px !important;}
.ml-190 {margin-left: 190px !important;}
.ml-195 {margin-left: 195px !important;}
.ml-200 {margin-left: 200px !important;}

.mr-0 {margin-right: 0px !important;}
.mr-5 {margin-right: 5px !important;}
.mr-10 {margin-right: 10px !important;}
.mr-15 {margin-right: 15px !important;}
.mr-20 {margin-right: 20px !important;}
.mr-25 {margin-right: 25px !important;}
.mr-30 {margin-right: 30px !important;}
.mr-35 {margin-right: 35px !important;}
.mr-40 {margin-right: 40px !important;}
.mr-45 {margin-right: 45px !important;}
.mr-50 {margin-right: 50px !important;}
.mr-55 {margin-right: 55px !important;}
.mr-60 {margin-right: 60px !important;}
.mr-65 {margin-right: 65px !important;}
.mr-70 {margin-right: 70px !important;}
.mr-75 {margin-right: 75px !important;}
.mr-80 {margin-right: 80px !important;}
.mr-85 {margin-right: 85px !important;}
.mr-90 {margin-right: 90px !important;}
.mr-95 {margin-right: 95px !important;}
.mr-100 {margin-right: 100px !important;}
.mr-105 {margin-right: 105px !important;}
.mr-110 {margin-right: 110px !important;}
.mr-115 {margin-right: 115px !important;}
.mr-120 {margin-right: 120px !important;}
.mr-125 {margin-right: 125px !important;}
.mr-130 {margin-right: 130px !important;}
.mr-135 {margin-right: 135px !important;}
.mr-140 {margin-right: 140px !important;}
.mr-145 {margin-right: 145px !important;}
.mr-150 {margin-right: 150px !important;}
.mr-155 {margin-right: 155px !important;}
.mr-160 {margin-right: 160px !important;}
.mr-165 {margin-right: 165px !important;}
.mr-170 {margin-right: 170px !important;}
.mr-175 {margin-right: 175px !important;}
.mr-180 {margin-right: 180px !important;}
.mr-185 {margin-right: 185px !important;}
.mr-190 {margin-right: 190px !important;}
.mr-195 {margin-right: 195px !important;}
.mr-200 {margin-right: 200px !important;}

.mrl-0 {margin-left: 0px !important; margin-right: 0px !important;}
.mrl-5 {margin-left: 5px !important; margin-right: 5px !important;}
.mrl-10 {margin-left: 10px !important; margin-right: 10px !important;}
.mrl-15 {margin-left: 15px !important; margin-right: 15px !important;}
.mrl-20 {margin-left: 20px !important; margin-right: 20px !important;}
.mrl-25 {margin-left: 25px !important; margin-right: 25px !important;}
.mrl-30 {margin-left: 30px !important; margin-right: 30px !important;}
.mrl-35 {margin-left: 35px !important; margin-right: 35px !important;}
.mrl-40 {margin-left: 40px !important; margin-right: 40px !important;}
.mrl-45 {margin-left: 45px !important; margin-right: 45px !important;}
.mrl-50 {margin-left: 50px !important; margin-right: 50px !important;}
.mrl-55 {margin-left: 55px !important; margin-right: 55px !important;}
.mrl-60 {margin-left: 60px !important; margin-right: 60px !important;}
.mrl-65 {margin-left: 65px !important; margin-right: 65px !important;}
.mrl-70 {margin-left: 70px !important; margin-right: 70px !important;}
.mrl-75 {margin-left: 75px !important; margin-right: 75px !important;}
.mrl-80 {margin-left: 80px !important; margin-right: 80px !important;}
.mrl-85 {margin-left: 85px !important; margin-right: 85px !important;}
.mrl-90 {margin-left: 90px !important; margin-right: 90px !important;}
.mrl-95 {margin-left: 95px !important; margin-right: 95px !important;}
.mrl-100 {margin-left: 100px !important; margin-right: 100px !important;}
.mrl-105 {margin-left: 105px !important; margin-right: 105px !important;}
.mrl-110 {margin-left: 110px !important; margin-right: 110px !important;}
.mrl-115 {margin-left: 115px !important; margin-right: 115px !important;}
.mrl-120 {margin-left: 120px !important; margin-right: 120px !important;}
.mrl-125 {margin-left: 125px !important; margin-right: 125px !important;}
.mrl-130 {margin-left: 130px !important; margin-right: 130px !important;}
.mrl-135 {margin-left: 135px !important; margin-right: 135px !important;}
.mrl-140 {margin-left: 140px !important; margin-right: 140px !important;}
.mrl-145 {margin-left: 145px !important; margin-right: 145px !important;}
.mrl-150 {margin-left: 150px !important; margin-right: 150px !important;}
.mrl-155 {margin-left: 155px !important; margin-right: 155px !important;}
.mrl-160 {margin-left: 160px !important; margin-right: 160px !important;}
.mrl-165 {margin-left: 165px !important; margin-right: 165px !important;}
.mrl-170 {margin-left: 170px !important; margin-right: 170px !important;}
.mrl-175 {margin-left: 175px !important; margin-right: 175px !important;}
.mrl-180 {margin-left: 180px !important; margin-right: 180px !important;}
.mrl-185 {margin-left: 185px !important; margin-right: 185px !important;}
.mrl-190 {margin-left: 190px !important; margin-right: 190px !important;}
.mrl-195 {margin-left: 195px !important; margin-right: 195px !important;}
.mrl-200 {margin-left: 200px !important; margin-right: 200px !important;}

.p-0 {padding: 0px !important;}

.pt-0 {padding-top: 0px !important;}
.pt-5 {padding-top: 5px !important;}
.pt-10 {padding-top: 10px !important;}
.pt-15 {padding-top: 15px !important;}
.pt-20 {padding-top: 20px !important;}
.pt-25 {padding-top: 25px !important;}
.pt-30 {padding-top: 30px !important;}
.pt-35 {padding-top: 35px !important;}
.pt-40 {padding-top: 40px !important;}
.pt-45 {padding-top: 45px !important;}
.pt-50 {padding-top: 50px !important;}
.pt-55 {padding-top: 55px !important;}
.pt-60 {padding-top: 60px !important;}
.pt-65 {padding-top: 65px !important;}
.pt-70 {padding-top: 70px !important;}
.pt-75 {padding-top: 75px !important;}
.pt-80 {padding-top: 80px !important;}
.pt-85 {padding-top: 85px !important;}
.pt-90 {padding-top: 90px !important;}
.pt-95 {padding-top: 95px !important;}
.pt-100 {padding-top: 100px !important;}
.pt-105 {padding-top: 105px !important;}
.pt-110 {padding-top: 110px !important;}
.pt-115 {padding-top: 115px !important;}
.pt-120 {padding-top: 120px !important;}
.pt-125 {padding-top: 125px !important;}
.pt-130 {padding-top: 130px !important;}
.pt-135 {padding-top: 135px !important;}
.pt-140 {padding-top: 140px !important;}
.pt-145 {padding-top: 145px !important;}
.pt-150 {padding-top: 150px !important;}
.pt-155 {padding-top: 155px !important;}
.pt-160 {padding-top: 160px !important;}
.pt-165 {padding-top: 165px !important;}
.pt-170 {padding-top: 170px !important;}
.pt-175 {padding-top: 175px !important;}
.pt-180 {padding-top: 180px !important;}
.pt-185 {padding-top: 185px !important;}
.pt-190 {padding-top: 190px !important;}
.pt-195 {padding-top: 195px !important;}
.pt-200 {padding-top: 200px !important;}

.pb-0 {padding-bottom: 0px !important;}
.pb-5 {padding-bottom: 5px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-15 {padding-bottom: 15px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pb-25 {padding-bottom: 25px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pb-35 {padding-bottom: 35px !important;}
.pb-40 {padding-bottom: 40px !important;}
.pb-45 {padding-bottom: 45px !important;}
.pb-50 {padding-bottom: 50px !important;}
.pb-55 {padding-bottom: 55px !important;}
.pb-60 {padding-bottom: 60px !important;}
.pb-65 {padding-bottom: 65px !important;}
.pb-70 {padding-bottom: 70px !important;}
.pb-75 {padding-bottom: 75px !important;}
.pb-80 {padding-bottom: 80px !important;}
.pb-85 {padding-bottom: 85px !important;}
.pb-90 {padding-bottom: 90px !important;}
.pb-95 {padding-bottom: 95px !important;}
.pb-100 {padding-bottom: 100px !important;}
.pb-105 {padding-bottom: 105px !important;}
.pb-110 {padding-bottom: 110px !important;}
.pb-115 {padding-bottom: 115px !important;}
.pb-120 {padding-bottom: 120px !important;}
.pb-125 {padding-bottom: 125px !important;}
.pb-130 {padding-bottom: 130px !important;}
.pb-135 {padding-bottom: 135px !important;}
.pb-140 {padding-bottom: 140px !important;}
.pb-145 {padding-bottom: 145px !important;}
.pb-150 {padding-bottom: 150px !important;}
.pb-155 {padding-bottom: 155px !important;}
.pb-160 {padding-bottom: 160px !important;}
.pb-165 {padding-bottom: 165px !important;}
.pb-170 {padding-bottom: 170px !important;}
.pb-175 {padding-bottom: 175px !important;}
.pb-180 {padding-bottom: 180px !important;}
.pb-185 {padding-bottom: 185px !important;}
.pb-190 {padding-bottom: 190px !important;}
.pb-195 {padding-bottom: 195px !important;}
.pb-200 {padding-bottom: 200px !important;}

.ptb-0 {padding-top: 0px !important; padding-bottom: 0px !important;}
.ptb-5 {padding-top: 5px !important; padding-bottom: 5px !important;}
.ptb-10 {padding-top: 10px !important; padding-bottom: 10px !important;}
.ptb-15 {padding-top: 15px !important; padding-bottom: 15px !important;}
.ptb-20 {padding-top: 20px !important; padding-bottom: 20px !important;}
.ptb-25 {padding-top: 25px !important; padding-bottom: 25px !important;}
.ptb-30 {padding-top: 30px !important; padding-bottom: 30px !important;}
.ptb-35 {padding-top: 35px !important; padding-bottom: 35px !important;}
.ptb-40 {padding-top: 40px !important; padding-bottom: 40px !important;}
.ptb-45 {padding-top: 45px !important; padding-bottom: 45px !important;}
.ptb-50 {padding-top: 50px !important; padding-bottom: 50px !important;}
.ptb-55 {padding-top: 55px !important; padding-bottom: 55px !important;}
.ptb-60 {padding-top: 60px !important; padding-bottom: 60px !important;}
.ptb-65 {padding-top: 65px !important; padding-bottom: 65px !important;}
.ptb-70 {padding-top: 70px !important; padding-bottom: 70px !important;}
.ptb-75 {padding-top: 75px !important; padding-bottom: 75px !important;}
.ptb-80 {padding-top: 80px !important; padding-bottom: 80px !important;}
.ptb-85 {padding-top: 85px !important; padding-bottom: 85px !important;}
.ptb-90 {padding-top: 90px !important; padding-bottom: 90px !important;}
.ptb-95 {padding-top: 95px !important; padding-bottom: 95px !important;}
.ptb-100 {padding-top: 100px !important; padding-bottom: 100px !important;}
.ptb-105 {padding-top: 105px !important; padding-bottom: 105px !important;}
.ptb-110 {padding-top: 110px !important; padding-bottom: 110px !important;}
.ptb-115 {padding-top: 115px !important; padding-bottom: 115px !important;}
.ptb-120 {padding-top: 120px !important; padding-bottom: 120px !important;}
.ptb-125 {padding-top: 125px !important; padding-bottom: 125px !important;}
.ptb-130 {padding-top: 130px !important; padding-bottom: 130px !important;}
.ptb-135 {padding-top: 135px !important; padding-bottom: 135px !important;}
.ptb-140 {padding-top: 140px !important; padding-bottom: 140px !important;}
.ptb-145 {padding-top: 145px !important; padding-bottom: 145px !important;}
.ptb-150 {padding-top: 150px !important; padding-bottom: 150px !important;}
.ptb-155 {padding-top: 155px !important; padding-bottom: 155px !important;}
.ptb-160 {padding-top: 160px !important; padding-bottom: 160px !important;}
.ptb-165 {padding-top: 165px !important; padding-bottom: 165px !important;}
.ptb-170 {padding-top: 170px !important; padding-bottom: 170px !important;}
.ptb-175 {padding-top: 175px !important; padding-bottom: 175px !important;}
.ptb-180 {padding-top: 180px !important; padding-bottom: 180px !important;}
.ptb-185 {padding-top: 185px !important; padding-bottom: 185px !important;}
.ptb-190 {padding-top: 190px !important; padding-bottom: 190px !important;}
.ptb-195 {padding-top: 195px !important; padding-bottom: 195px !important;}
.ptb-200 {padding-top: 200px !important; padding-bottom: 200px !important;}

.pl-0 {padding-left: 0px !important;}
.pl-5 {padding-left: 5px !important;}
.pl-10 {padding-left: 10px !important;}
.pl-15 {padding-left: 15px !important;}
.pl-20 {padding-left: 20px !important;}
.pl-25 {padding-left: 25px !important;}
.pl-30 {padding-left: 30px !important;}
.pl-35 {padding-left: 35px !important;}
.pl-40 {padding-left: 40px !important;}
.pl-45 {padding-left: 45px !important;}
.pl-50 {padding-left: 50px !important;}
.pl-55 {padding-left: 55px !important;}
.pl-60 {padding-left: 60px !important;}
.pl-65 {padding-left: 65px !important;}
.pl-70 {padding-left: 70px !important;}
.pl-75 {padding-left: 75px !important;}
.pl-80 {padding-left: 80px !important;}
.pl-85 {padding-left: 85px !important;}
.pl-90 {padding-left: 90px !important;}
.pl-95 {padding-left: 95px !important;}
.pl-100 {padding-left: 100px !important;}
.pl-105 {padding-left: 105px !important;}
.pl-110 {padding-left: 110px !important;}
.pl-115 {padding-left: 115px !important;}
.pl-120 {padding-left: 120px !important;}
.pl-125 {padding-left: 125px !important;}
.pl-130 {padding-left: 130px !important;}
.pl-135 {padding-left: 135px !important;}
.pl-140 {padding-left: 140px !important;}
.pl-145 {padding-left: 145px !important;}
.pl-150 {padding-left: 150px !important;}
.pl-155 {padding-left: 155px !important;}
.pl-160 {padding-left: 160px !important;}
.pl-165 {padding-left: 165px !important;}
.pl-170 {padding-left: 170px !important;}
.pl-175 {padding-left: 175px !important;}
.pl-180 {padding-left: 180px !important;}
.pl-185 {padding-left: 185px !important;}
.pl-190 {padding-left: 190px !important;}
.pl-195 {padding-left: 195px !important;}
.pl-200 {padding-left: 200px !important;}

.pr-0 {padding-right: 0px !important;}
.pr-5 {padding-right: 5px !important;}
.pr-10 {padding-right: 10px !important;}
.pr-15 {padding-right: 15px !important;}
.pr-20 {padding-right: 20px !important;}
.pr-25 {padding-right: 25px !important;}
.pr-30 {padding-right: 30px !important;}
.pr-35 {padding-right: 35px !important;}
.pr-40 {padding-right: 40px !important;}
.pr-45 {padding-right: 45px !important;}
.pr-50 {padding-right: 50px !important;}
.pr-55 {padding-right: 55px !important;}
.pr-60 {padding-right: 60px !important;}
.pr-65 {padding-right: 65px !important;}
.pr-70 {padding-right: 70px !important;}
.pr-75 {padding-right: 75px !important;}
.pr-80 {padding-right: 80px !important;}
.pr-85 {padding-right: 85px !important;}
.pr-90 {padding-right: 90px !important;}
.pr-95 {padding-right: 95px !important;}
.pr-100 {padding-right: 100px !important;}
.pr-105 {padding-right: 105px !important;}
.pr-110 {padding-right: 110px !important;}
.pr-115 {padding-right: 115px !important;}
.pr-120 {padding-right: 120px !important;}
.pr-125 {padding-right: 125px !important;}
.pr-130 {padding-right: 130px !important;}
.pr-135 {padding-right: 135px !important;}
.pr-140 {padding-right: 140px !important;}
.pr-145 {padding-right: 145px !important;}
.pr-150 {padding-right: 150px !important;}
.pr-155 {padding-right: 155px !important;}
.pr-160 {padding-right: 160px !important;}
.pr-165 {padding-right: 165px !important;}
.pr-170 {padding-right: 170px !important;}
.pr-175 {padding-right: 175px !important;}
.pr-180 {padding-right: 180px !important;}
.pr-185 {padding-right: 185px !important;}
.pr-190 {padding-right: 190px !important;}
.pr-195 {padding-right: 195px !important;}
.pr-200 {padding-right: 200px !important;}

.prl-0 {padding-right: 0px !important; padding-left: 0px !important;}
.prl-5 {padding-right: 5px !important; padding-left: 5px !important;}
.prl-10 {padding-right: 10px !important; padding-left: 10px !important;}
.prl-15 {padding-right: 15px !important; padding-left: 15px !important;}
.prl-20 {padding-right: 20px !important; padding-left: 20px !important;}
.prl-25 {padding-right: 25px !important; padding-left: 25px !important;}
.prl-30 {padding-right: 30px !important; padding-left: 30px !important;}
.prl-35 {padding-right: 35px !important; padding-left: 35px !important;}
.prl-40 {padding-right: 40px !important; padding-left: 40px !important;}
.prl-45 {padding-right: 45px !important; padding-left: 45px !important;}
.prl-50 {padding-right: 50px !important; padding-left: 50px !important;}
.prl-55 {padding-right: 55px !important; padding-left: 55px !important;}
.prl-60 {padding-right: 60px !important; padding-left: 60px !important;}
.prl-65 {padding-right: 65px !important; padding-left: 65px !important;}
.prl-70 {padding-right: 70px !important; padding-left: 70px !important;}
.prl-75 {padding-right: 75px !important; padding-left: 75px !important;}
.prl-80 {padding-right: 80px !important; padding-left: 80px !important;}
.prl-85 {padding-right: 85px !important; padding-left: 85px !important;}
.prl-90 {padding-right: 90px !important; padding-left: 90px !important;}
.prl-95 {padding-right: 95px !important; padding-left: 95px !important;}
.prl-100 {padding-right: 100px !important; padding-left: 100px !important;}
.prl-105 {padding-right: 105px !important; padding-left: 105px !important;}
.prl-110 {padding-right: 110px !important; padding-left: 110px !important;}
.prl-115 {padding-right: 115px !important; padding-left: 115px !important;}
.prl-120 {padding-right: 120px !important; padding-left: 120px !important;}
.prl-125 {padding-right: 125px !important; padding-left: 125px !important;}
.prl-130 {padding-right: 130px !important; padding-left: 130px !important;}
.prl-135 {padding-right: 135px !important; padding-left: 135px !important;}
.prl-140 {padding-right: 140px !important; padding-left: 140px !important;}
.prl-145 {padding-right: 145px !important; padding-left: 145px !important;}
.prl-150 {padding-right: 150px !important; padding-left: 150px !important;}
.prl-155 {padding-right: 155px !important; padding-left: 155px !important;}
.prl-160 {padding-right: 160px !important; padding-left: 160px !important;}
.prl-165 {padding-right: 165px !important; padding-left: 165px !important;}
.prl-170 {padding-right: 170px !important; padding-left: 170px !important;}
.prl-175 {padding-right: 175px !important; padding-left: 175px !important;}
.prl-180 {padding-right: 180px !important; padding-left: 180px !important;}
.prl-185 {padding-right: 185px !important; padding-left: 185px !important;}
.prl-190 {padding-right: 190px !important; padding-left: 190px !important;}
.prl-195 {padding-right: 195px !important; padding-left: 195px !important;}
.prl-200 {padding-right: 200px !important; padding-left: 200px !important;}

@media (max-width:576px) {
    .dis_no_sm {display: none !important;}
    .dis_blo_sm {display: block !important;}

    .m-0_sm {margin: 0px !important;}

    .mt-0_sm {margin-top: 0px !important;}
    .mt-5_sm {margin-top: 5px !important;}
    .mt-10_sm {margin-top: 10px !important;}
    .mt-15_sm {margin-top: 15px !important;}
    .mt-20_sm {margin-top: 20px !important;}
    .mt-25_sm {margin-top: 25px !important;}
    .mt-30_sm {margin-top: 30px !important;}
    .mt-35_sm {margin-top: 35px !important;}
    .mt-40_sm {margin-top: 40px !important;}
    .mt-45_sm {margin-top: 45px !important;}
    .mt-50_sm {margin-top: 50px !important;}
    .mt-55_sm {margin-top: 55px !important;}
    .mt-60_sm {margin-top: 60px !important;}
    .mt-65_sm {margin-top: 65px !important;}
    .mt-70_sm {margin-top: 70px !important;}
    .mt-75_sm {margin-top: 75px !important;}
    .mt-80_sm {margin-top: 80px !important;}
    .mt-85_sm {margin-top: 85px !important;}
    .mt-90_sm {margin-top: 90px !important;}
    .mt-95_sm {margin-top: 95px !important;}
    .mt-100_sm {margin-top: 100px !important;}
    .mt-105_sm {margin-top: 105px !important;}
    .mt-110_sm {margin-top: 110px !important;}
    .mt-115_sm {margin-top: 115px !important;}
    .mt-120_sm {margin-top: 120px !important;}
    .mt-125_sm {margin-top: 125px !important;}
    .mt-130_sm {margin-top: 130px !important;}
    .mt-135_sm {margin-top: 135px !important;}
    .mt-140_sm {margin-top: 140px !important;}
    .mt-145_sm {margin-top: 145px !important;}
    .mt-150_sm {margin-top: 150px !important;}
    .mt-155_sm {margin-top: 155px !important;}
    .mt-160_sm {margin-top: 160px !important;}
    .mt-165_sm {margin-top: 165px !important;}
    .mt-170_sm {margin-top: 170px !important;}
    .mt-175_sm {margin-top: 175px !important;}
    .mt-180_sm {margin-top: 180px !important;}
    .mt-185_sm {margin-top: 185px !important;}
    .mt-190_sm {margin-top: 190px !important;}
    .mt-195_sm {margin-top: 195px !important;}
    .mt-200_sm {margin-top: 200px !important;}

    .mb-0_sm {margin-bottom: 0px !important;}
    .mb-5_sm {margin-bottom: 5px !important;}
    .mb-10_sm {margin-bottom: 10px !important;}
    .mb-15_sm {margin-bottom: 15px !important;}
    .mb-20_sm {margin-bottom: 20px !important;}
    .mb-25_sm {margin-bottom: 25px !important;}
    .mb-30_sm {margin-bottom: 30px !important;}
    .mb-35_sm {margin-bottom: 35px !important;}
    .mb-40_sm {margin-bottom: 40px !important;}
    .mb-45_sm {margin-bottom: 45px !important;}
    .mb-50_sm {margin-bottom: 50px !important;}
    .mb-55_sm {margin-bottom: 55px !important;}
    .mb-60_sm {margin-bottom: 60px !important;}
    .mb-65_sm {margin-bottom: 65px !important;}
    .mb-70_sm {margin-bottom: 70px !important;}
    .mb-75_sm {margin-bottom: 75px !important;}
    .mb-80_sm {margin-bottom: 80px !important;}
    .mb-85_sm {margin-bottom: 85px !important;}
    .mb-90_sm {margin-bottom: 90px !important;}
    .mb-95_sm {margin-bottom: 95px !important;}
    .mb-100_sm {margin-bottom: 100px !important;}
    .mb-105_sm {margin-bottom: 105px !important;}
    .mb-110_sm {margin-bottom: 110px !important;}
    .mb-115_sm {margin-bottom: 115px !important;}
    .mb-120_sm {margin-bottom: 120px !important;}
    .mb-125_sm {margin-bottom: 125px !important;}
    .mb-130_sm {margin-bottom: 130px !important;}
    .mb-135_sm {margin-bottom: 135px !important;}
    .mb-140_sm {margin-bottom: 140px !important;}
    .mb-145_sm {margin-bottom: 145px !important;}
    .mb-150_sm {margin-bottom: 150px !important;}
    .mb-155_sm {margin-bottom: 155px !important;}
    .mb-160_sm {margin-bottom: 160px !important;}
    .mb-165_sm {margin-bottom: 165px !important;}
    .mb-170_sm {margin-bottom: 170px !important;}
    .mb-175_sm {margin-bottom: 175px !important;}
    .mb-180_sm {margin-bottom: 180px !important;}
    .mb-185_sm {margin-bottom: 185px !important;}
    .mb-190_sm {margin-bottom: 190px !important;}
    .mb-195_sm {margin-bottom: 195px !important;}
    .mb-200_sm {margin-bottom: 200px !important;}

    .mtb-0_sm {margin-top: 0px !important; margin-bottom: 0px !important;}
    .mtb-5_sm {margin-top: 5px !important; margin-bottom: 5px !important;}
    .mtb-10_sm {margin-top: 10px !important; margin-bottom: 10px !important;}
    .mtb-15_sm {margin-top: 15px !important; margin-bottom: 15px !important;}
    .mtb-20_sm {margin-top: 20px !important; margin-bottom: 20px !important;}
    .mtb-25_sm {margin-top: 25px !important; margin-bottom: 25px !important;}
    .mtb-30_sm {margin-top: 30px !important; margin-bottom: 30px !important;}
    .mtb-35_sm {margin-top: 35px !important; margin-bottom: 35px !important;}
    .mtb-40_sm {margin-top: 40px !important; margin-bottom: 40px !important;}
    .mtb-45_sm {margin-top: 45px !important; margin-bottom: 45px !important;}
    .mtb-50_sm {margin-top: 50px !important; margin-bottom: 50px !important;}
    .mtb-55_sm {margin-top: 55px !important; margin-bottom: 55px !important;}
    .mtb-60_sm {margin-top: 60px !important; margin-bottom: 60px !important;}
    .mtb-65_sm {margin-top: 65px !important; margin-bottom: 65px !important;}
    .mtb-70_sm {margin-top: 70px !important; margin-bottom: 70px !important;}
    .mtb-75_sm {margin-top: 75px !important; margin-bottom: 75px !important;}
    .mtb-80_sm {margin-top: 80px !important; margin-bottom: 80px !important;}
    .mtb-85_sm {margin-top: 85px !important; margin-bottom: 85px !important;}
    .mtb-90_sm {margin-top: 90px !important; margin-bottom: 90px !important;}
    .mtb-95_sm {margin-top: 95px !important; margin-bottom: 95px !important;}
    .mtb-100_sm {margin-top: 100px !important; margin-bottom: 100px !important;}
    .mtb-105_sm {margin-top: 105px !important; margin-bottom: 105px !important;}
    .mtb-110_sm {margin-top: 110px !important; margin-bottom: 110px !important;}
    .mtb-115_sm {margin-top: 115px !important; margin-bottom: 115px !important;}
    .mtb-120_sm {margin-top: 120px !important; margin-bottom: 120px !important;}
    .mtb-125_sm {margin-top: 125px !important; margin-bottom: 125px !important;}
    .mtb-130_sm {margin-top: 130px !important; margin-bottom: 130px !important;}
    .mtb-135_sm {margin-top: 135px !important; margin-bottom: 135px !important;}
    .mtb-140_sm {margin-top: 140px !important; margin-bottom: 140px !important;}
    .mtb-145_sm {margin-top: 145px !important; margin-bottom: 145px !important;}
    .mtb-150_sm {margin-top: 150px !important; margin-bottom: 150px !important;}
    .mtb-155_sm {margin-top: 155px !important; margin-bottom: 155px !important;}
    .mtb-160_sm {margin-top: 160px !important; margin-bottom: 160px !important;}
    .mtb-165_sm {margin-top: 165px !important; margin-bottom: 165px !important;}
    .mtb-170_sm {margin-top: 170px !important; margin-bottom: 170px !important;}
    .mtb-175_sm {margin-top: 175px !important; margin-bottom: 175px !important;}
    .mtb-180_sm {margin-top: 180px !important; margin-bottom: 180px !important;}
    .mtb-185_sm {margin-top: 185px !important; margin-bottom: 185px !important;}
    .mtb-190_sm {margin-top: 190px !important; margin-bottom: 190px !important;}
    .mtb-195_sm {margin-top: 195px !important; margin-bottom: 195px !important;}
    .mtb-200_sm {margin-top: 200px !important; margin-bottom: 200px !important;}

    .ml-0_sm {margin-left: 0px !important;}
    .ml-5_sm {margin-left: 5px !important;}
    .ml-10_sm {margin-left: 10px !important;}
    .ml-15_sm {margin-left: 15px !important;}
    .ml-20_sm {margin-left: 20px !important;}
    .ml-25_sm {margin-left: 25px !important;}
    .ml-30_sm {margin-left: 30px !important;}
    .ml-35_sm {margin-left: 35px !important;}
    .ml-40_sm {margin-left: 40px !important;}
    .ml-45_sm {margin-left: 45px !important;}
    .ml-50_sm {margin-left: 50px !important;}
    .ml-55_sm {margin-left: 55px !important;}
    .ml-60_sm {margin-left: 60px !important;}
    .ml-65_sm {margin-left: 65px !important;}
    .ml-70_sm {margin-left: 70px !important;}
    .ml-75_sm {margin-left: 75px !important;}
    .ml-80_sm {margin-left: 80px !important;}
    .ml-85_sm {margin-left: 85px !important;}
    .ml-90_sm {margin-left: 90px !important;}
    .ml-95_sm {margin-left: 95px !important;}
    .ml-100_sm {margin-left: 100px !important;}
    .ml-105_sm {margin-left: 105px !important;}
    .ml-110_sm {margin-left: 110px !important;}
    .ml-115_sm {margin-left: 115px !important;}
    .ml-120_sm {margin-left: 120px !important;}
    .ml-125_sm {margin-left: 125px !important;}
    .ml-130_sm {margin-left: 130px !important;}
    .ml-135_sm {margin-left: 135px !important;}
    .ml-140_sm {margin-left: 140px !important;}
    .ml-145_sm {margin-left: 145px !important;}
    .ml-150_sm {margin-left: 150px !important;}
    .ml-155_sm {margin-left: 155px !important;}
    .ml-160_sm {margin-left: 160px !important;}
    .ml-165_sm {margin-left: 165px !important;}
    .ml-170_sm {margin-left: 170px !important;}
    .ml-175_sm {margin-left: 175px !important;}
    .ml-180_sm {margin-left: 180px !important;}
    .ml-185_sm {margin-left: 185px !important;}
    .ml-190_sm {margin-left: 190px !important;}
    .ml-195_sm {margin-left: 195px !important;}
    .ml-200_sm {margin-left: 200px !important;}

    .mr-0_sm {margin-right: 0px !important;}
    .mr-5_sm {margin-right: 5px !important;}
    .mr-10_sm {margin-right: 10px !important;}
    .mr-15_sm {margin-right: 15px !important;}
    .mr-20_sm {margin-right: 20px !important;}
    .mr-25_sm {margin-right: 25px !important;}
    .mr-30_sm {margin-right: 30px !important;}
    .mr-35_sm {margin-right: 35px !important;}
    .mr-40_sm {margin-right: 40px !important;}
    .mr-45_sm {margin-right: 45px !important;}
    .mr-50_sm {margin-right: 50px !important;}
    .mr-55_sm {margin-right: 55px !important;}
    .mr-60_sm {margin-right: 60px !important;}
    .mr-65_sm {margin-right: 65px !important;}
    .mr-70_sm {margin-right: 70px !important;}
    .mr-75_sm {margin-right: 75px !important;}
    .mr-80_sm {margin-right: 80px !important;}
    .mr-85_sm {margin-right: 85px !important;}
    .mr-90_sm {margin-right: 90px !important;}
    .mr-95_sm {margin-right: 95px !important;}
    .mr-100_sm {margin-right: 100px !important;}
    .mr-105_sm {margin-right: 105px !important;}
    .mr-110_sm {margin-right: 110px !important;}
    .mr-115_sm {margin-right: 115px !important;}
    .mr-120_sm {margin-right: 120px !important;}
    .mr-125_sm {margin-right: 125px !important;}
    .mr-130_sm {margin-right: 130px !important;}
    .mr-135_sm {margin-right: 135px !important;}
    .mr-140_sm {margin-right: 140px !important;}
    .mr-145_sm {margin-right: 145px !important;}
    .mr-150_sm {margin-right: 150px !important;}
    .mr-155_sm {margin-right: 155px !important;}
    .mr-160_sm {margin-right: 160px !important;}
    .mr-165_sm {margin-right: 165px !important;}
    .mr-170_sm {margin-right: 170px !important;}
    .mr-175_sm {margin-right: 175px !important;}
    .mr-180_sm {margin-right: 180px !important;}
    .mr-185_sm {margin-right: 185px !important;}
    .mr-190_sm {margin-right: 190px !important;}
    .mr-195_sm {margin-right: 195px !important;}
    .mr-200_sm {margin-right: 200px !important;}

    .mrl-0_sm {margin-left: 0px !important; margin-right: 0px !important;}
    .mrl-5_sm {margin-left: 5px !important; margin-right: 5px !important;}
    .mrl-10_sm {margin-left: 10px !important; margin-right: 10px !important;}
    .mrl-15_sm {margin-left: 15px !important; margin-right: 15px !important;}
    .mrl-20_sm {margin-left: 20px !important; margin-right: 20px !important;}
    .mrl-25_sm {margin-left: 25px !important; margin-right: 25px !important;}
    .mrl-30_sm {margin-left: 30px !important; margin-right: 30px !important;}
    .mrl-35_sm {margin-left: 35px !important; margin-right: 35px !important;}
    .mrl-40_sm {margin-left: 40px !important; margin-right: 40px !important;}
    .mrl-45_sm {margin-left: 45px !important; margin-right: 45px !important;}
    .mrl-50_sm {margin-left: 50px !important; margin-right: 50px !important;}
    .mrl-55_sm {margin-left: 55px !important; margin-right: 55px !important;}
    .mrl-60_sm {margin-left: 60px !important; margin-right: 60px !important;}
    .mrl-65_sm {margin-left: 65px !important; margin-right: 65px !important;}
    .mrl-70_sm {margin-left: 70px !important; margin-right: 70px !important;}
    .mrl-75_sm {margin-left: 75px !important; margin-right: 75px !important;}
    .mrl-80_sm {margin-left: 80px !important; margin-right: 80px !important;}
    .mrl-85_sm {margin-left: 85px !important; margin-right: 85px !important;}
    .mrl-90_sm {margin-left: 90px !important; margin-right: 90px !important;}
    .mrl-95_sm {margin-left: 95px !important; margin-right: 95px !important;}
    .mrl-100_sm {margin-left: 100px !important; margin-right: 100px !important;}
    .mrl-105_sm {margin-left: 105px !important; margin-right: 105px !important;}
    .mrl-110_sm {margin-left: 110px !important; margin-right: 110px !important;}
    .mrl-115_sm {margin-left: 115px !important; margin-right: 115px !important;}
    .mrl-120_sm {margin-left: 120px !important; margin-right: 120px !important;}
    .mrl-125_sm {margin-left: 125px !important; margin-right: 125px !important;}
    .mrl-130_sm {margin-left: 130px !important; margin-right: 130px !important;}
    .mrl-135_sm {margin-left: 135px !important; margin-right: 135px !important;}
    .mrl-140_sm {margin-left: 140px !important; margin-right: 140px !important;}
    .mrl-145_sm {margin-left: 145px !important; margin-right: 145px !important;}
    .mrl-150_sm {margin-left: 150px !important; margin-right: 150px !important;}
    .mrl-155_sm {margin-left: 155px !important; margin-right: 155px !important;}
    .mrl-160_sm {margin-left: 160px !important; margin-right: 160px !important;}
    .mrl-165_sm {margin-left: 165px !important; margin-right: 165px !important;}
    .mrl-170_sm {margin-left: 170px !important; margin-right: 170px !important;}
    .mrl-175_sm {margin-left: 175px !important; margin-right: 175px !important;}
    .mrl-180_sm {margin-left: 180px !important; margin-right: 180px !important;}
    .mrl-185_sm {margin-left: 185px !important; margin-right: 185px !important;}
    .mrl-190_sm {margin-left: 190px !important; margin-right: 190px !important;}
    .mrl-195_sm {margin-left: 195px !important; margin-right: 195px !important;}
    .mrl-200_sm {margin-left: 200px !important; margin-right: 200px !important;}

    .p-0_sm {padding: 0px !important;}

    .pt-0_sm {padding-top: 0px !important;}
    .pt-5_sm {padding-top: 5px !important;}
    .pt-10_sm {padding-top: 10px !important;}
    .pt-15_sm {padding-top: 15px !important;}
    .pt-20_sm {padding-top: 20px !important;}
    .pt-25_sm {padding-top: 25px !important;}
    .pt-30_sm {padding-top: 30px !important;}
    .pt-35_sm {padding-top: 35px !important;}
    .pt-40_sm {padding-top: 40px !important;}
    .pt-45_sm {padding-top: 45px !important;}
    .pt-50_sm {padding-top: 50px !important;}
    .pt-55_sm {padding-top: 55px !important;}
    .pt-60_sm {padding-top: 60px !important;}
    .pt-65_sm {padding-top: 65px !important;}
    .pt-70_sm {padding-top: 70px !important;}
    .pt-75_sm {padding-top: 75px !important;}
    .pt-80_sm {padding-top: 80px !important;}
    .pt-85_sm {padding-top: 85px !important;}
    .pt-90_sm {padding-top: 90px !important;}
    .pt-95_sm {padding-top: 95px !important;}
    .pt-100_sm {padding-top: 100px !important;}
    .pt-105_sm {padding-top: 105px !important;}
    .pt-110_sm {padding-top: 110px !important;}
    .pt-115_sm {padding-top: 115px !important;}
    .pt-120_sm {padding-top: 120px !important;}
    .pt-125_sm {padding-top: 125px !important;}
    .pt-130_sm {padding-top: 130px !important;}
    .pt-135_sm {padding-top: 135px !important;}
    .pt-140_sm {padding-top: 140px !important;}
    .pt-145_sm {padding-top: 145px !important;}
    .pt-150_sm {padding-top: 150px !important;}
    .pt-155_sm {padding-top: 155px !important;}
    .pt-160_sm {padding-top: 160px !important;}
    .pt-165_sm {padding-top: 165px !important;}
    .pt-170_sm {padding-top: 170px !important;}
    .pt-175_sm {padding-top: 175px !important;}
    .pt-180_sm {padding-top: 180px !important;}
    .pt-185_sm {padding-top: 185px !important;}
    .pt-190_sm {padding-top: 190px !important;}
    .pt-195_sm {padding-top: 195px !important;}
    .pt-200_sm {padding-top: 200px !important;}

    .pb-0_sm {padding-bottom: 0px !important;}
    .pb-5_sm {padding-bottom: 5px !important;}
    .pb-10_sm {padding-bottom: 10px !important;}
    .pb-15_sm {padding-bottom: 15px !important;}
    .pb-20_sm {padding-bottom: 20px !important;}
    .pb-25_sm {padding-bottom: 25px !important;}
    .pb-30_sm {padding-bottom: 30px !important;}
    .pb-35_sm {padding-bottom: 35px !important;}
    .pb-40_sm {padding-bottom: 40px !important;}
    .pb-45_sm {padding-bottom: 45px !important;}
    .pb-50_sm {padding-bottom: 50px !important;}
    .pb-55_sm {padding-bottom: 55px !important;}
    .pb-60_sm {padding-bottom: 60px !important;}
    .pb-65_sm {padding-bottom: 65px !important;}
    .pb-70_sm {padding-bottom: 70px !important;}
    .pb-75_sm {padding-bottom: 75px !important;}
    .pb-80_sm {padding-bottom: 80px !important;}
    .pb-85_sm {padding-bottom: 85px !important;}
    .pb-90_sm {padding-bottom: 90px !important;}
    .pb-95_sm {padding-bottom: 95px !important;}
    .pb-100_sm {padding-bottom: 100px !important;}
    .pb-105_sm {padding-bottom: 105px !important;}
    .pb-110_sm {padding-bottom: 110px !important;}
    .pb-115_sm {padding-bottom: 115px !important;}
    .pb-120_sm {padding-bottom: 120px !important;}
    .pb-125_sm {padding-bottom: 125px !important;}
    .pb-130_sm {padding-bottom: 130px !important;}
    .pb-135_sm {padding-bottom: 135px !important;}
    .pb-140_sm {padding-bottom: 140px !important;}
    .pb-145_sm {padding-bottom: 145px !important;}
    .pb-150_sm {padding-bottom: 150px !important;}
    .pb-155_sm {padding-bottom: 155px !important;}
    .pb-160_sm {padding-bottom: 160px !important;}
    .pb-165_sm {padding-bottom: 165px !important;}
    .pb-170_sm {padding-bottom: 170px !important;}
    .pb-175_sm {padding-bottom: 175px !important;}
    .pb-180_sm {padding-bottom: 180px !important;}
    .pb-185_sm {padding-bottom: 185px !important;}
    .pb-190_sm {padding-bottom: 190px !important;}
    .pb-195_sm {padding-bottom: 195px !important;}
    .pb-200_sm {padding-bottom: 200px !important;}

    .ptb-0_sm {padding-top: 0px !important; padding-bottom: 0px !important;}
    .ptb-5_sm {padding-top: 5px !important; padding-bottom: 5px !important;}
    .ptb-10_sm {padding-top: 10px !important; padding-bottom: 10px !important;}
    .ptb-15_sm {padding-top: 15px !important; padding-bottom: 15px !important;}
    .ptb-20_sm {padding-top: 20px !important; padding-bottom: 20px !important;}
    .ptb-25_sm {padding-top: 25px !important; padding-bottom: 25px !important;}
    .ptb-30_sm {padding-top: 30px !important; padding-bottom: 30px !important;}
    .ptb-35_sm {padding-top: 35px !important; padding-bottom: 35px !important;}
    .ptb-40_sm {padding-top: 40px !important; padding-bottom: 40px !important;}
    .ptb-45_sm {padding-top: 45px !important; padding-bottom: 45px !important;}
    .ptb-50_sm {padding-top: 50px !important; padding-bottom: 50px !important;}
    .ptb-55_sm {padding-top: 55px !important; padding-bottom: 55px !important;}
    .ptb-60_sm {padding-top: 60px !important; padding-bottom: 60px !important;}
    .ptb-65_sm {padding-top: 65px !important; padding-bottom: 65px !important;}
    .ptb-70_sm {padding-top: 70px !important; padding-bottom: 70px !important;}
    .ptb-75_sm {padding-top: 75px !important; padding-bottom: 75px !important;}
    .ptb-80_sm {padding-top: 80px !important; padding-bottom: 80px !important;}
    .ptb-85_sm {padding-top: 85px !important; padding-bottom: 85px !important;}
    .ptb-90_sm {padding-top: 90px !important; padding-bottom: 90px !important;}
    .ptb-95_sm {padding-top: 95px !important; padding-bottom: 95px !important;}
    .ptb-100_sm {padding-top: 100px !important; padding-bottom: 100px !important;}
    .ptb-105_sm {padding-top: 105px !important; padding-bottom: 105px !important;}
    .ptb-110_sm {padding-top: 110px !important; padding-bottom: 110px !important;}
    .ptb-115_sm {padding-top: 115px !important; padding-bottom: 115px !important;}
    .ptb-120_sm {padding-top: 120px !important; padding-bottom: 120px !important;}
    .ptb-125_sm {padding-top: 125px !important; padding-bottom: 125px !important;}
    .ptb-130_sm {padding-top: 130px !important; padding-bottom: 130px !important;}
    .ptb-135_sm {padding-top: 135px !important; padding-bottom: 135px !important;}
    .ptb-140_sm {padding-top: 140px !important; padding-bottom: 140px !important;}
    .ptb-145_sm {padding-top: 145px !important; padding-bottom: 145px !important;}
    .ptb-150_sm {padding-top: 150px !important; padding-bottom: 150px !important;}
    .ptb-155_sm {padding-top: 155px !important; padding-bottom: 155px !important;}
    .ptb-160_sm {padding-top: 160px !important; padding-bottom: 160px !important;}
    .ptb-165_sm {padding-top: 165px !important; padding-bottom: 165px !important;}
    .ptb-170_sm {padding-top: 170px !important; padding-bottom: 170px !important;}
    .ptb-175_sm {padding-top: 175px !important; padding-bottom: 175px !important;}
    .ptb-180_sm {padding-top: 180px !important; padding-bottom: 180px !important;}
    .ptb-185_sm {padding-top: 185px !important; padding-bottom: 185px !important;}
    .ptb-190_sm {padding-top: 190px !important; padding-bottom: 190px !important;}
    .ptb-195_sm {padding-top: 195px !important; padding-bottom: 195px !important;}
    .ptb-200_sm {padding-top: 200px !important; padding-bottom: 200px !important;}

    .pl-0_sm {padding-left: 0px !important;}
    .pl-5_sm {padding-left: 5px !important;}
    .pl-10_sm {padding-left: 10px !important;}
    .pl-15_sm {padding-left: 15px !important;}
    .pl-20_sm {padding-left: 20px !important;}
    .pl-25_sm {padding-left: 25px !important;}
    .pl-30_sm {padding-left: 30px !important;}
    .pl-35_sm {padding-left: 35px !important;}
    .pl-40_sm {padding-left: 40px !important;}
    .pl-45_sm {padding-left: 45px !important;}
    .pl-50_sm {padding-left: 50px !important;}
    .pl-55_sm {padding-left: 55px !important;}
    .pl-60_sm {padding-left: 60px !important;}
    .pl-65_sm {padding-left: 65px !important;}
    .pl-70_sm {padding-left: 70px !important;}
    .pl-75_sm {padding-left: 75px !important;}
    .pl-80_sm {padding-left: 80px !important;}
    .pl-85_sm {padding-left: 85px !important;}
    .pl-90_sm {padding-left: 90px !important;}
    .pl-95_sm {padding-left: 95px !important;}
    .pl-100_sm {padding-left: 100px !important;}
    .pl-105_sm {padding-left: 105px !important;}
    .pl-110_sm {padding-left: 110px !important;}
    .pl-115_sm {padding-left: 115px !important;}
    .pl-120_sm {padding-left: 120px !important;}
    .pl-125_sm {padding-left: 125px !important;}
    .pl-130_sm {padding-left: 130px !important;}
    .pl-135_sm {padding-left: 135px !important;}
    .pl-140_sm {padding-left: 140px !important;}
    .pl-145_sm {padding-left: 145px !important;}
    .pl-150_sm {padding-left: 150px !important;}
    .pl-155_sm {padding-left: 155px !important;}
    .pl-160_sm {padding-left: 160px !important;}
    .pl-165_sm {padding-left: 165px !important;}
    .pl-170_sm {padding-left: 170px !important;}
    .pl-175_sm {padding-left: 175px !important;}
    .pl-180_sm {padding-left: 180px !important;}
    .pl-185_sm {padding-left: 185px !important;}
    .pl-190_sm {padding-left: 190px !important;}
    .pl-195_sm {padding-left: 195px !important;}
    .pl-200_sm {padding-left: 200px !important;}

    .pr-0_sm {padding-right: 0px !important;}
    .pr-5_sm {padding-right: 5px !important;}
    .pr-10_sm {padding-right: 10px !important;}
    .pr-15_sm {padding-right: 15px !important;}
    .pr-20_sm {padding-right: 20px !important;}
    .pr-25_sm {padding-right: 25px !important;}
    .pr-30_sm {padding-right: 30px !important;}
    .pr-35_sm {padding-right: 35px !important;}
    .pr-40_sm {padding-right: 40px !important;}
    .pr-45_sm {padding-right: 45px !important;}
    .pr-50_sm {padding-right: 50px !important;}
    .pr-55_sm {padding-right: 55px !important;}
    .pr-60_sm {padding-right: 60px !important;}
    .pr-65_sm {padding-right: 65px !important;}
    .pr-70_sm {padding-right: 70px !important;}
    .pr-75_sm {padding-right: 75px !important;}
    .pr-80_sm {padding-right: 80px !important;}
    .pr-85_sm {padding-right: 85px !important;}
    .pr-90_sm {padding-right: 90px !important;}
    .pr-95_sm {padding-right: 95px !important;}
    .pr-100_sm {padding-right: 100px !important;}
    .pr-105_sm {padding-right: 105px !important;}
    .pr-110_sm {padding-right: 110px !important;}
    .pr-115_sm {padding-right: 115px !important;}
    .pr-120_sm {padding-right: 120px !important;}
    .pr-125_sm {padding-right: 125px !important;}
    .pr-130_sm {padding-right: 130px !important;}
    .pr-135_sm {padding-right: 135px !important;}
    .pr-140_sm {padding-right: 140px !important;}
    .pr-145_sm {padding-right: 145px !important;}
    .pr-150_sm {padding-right: 150px !important;}
    .pr-155_sm {padding-right: 155px !important;}
    .pr-160_sm {padding-right: 160px !important;}
    .pr-165_sm {padding-right: 165px !important;}
    .pr-170_sm {padding-right: 170px !important;}
    .pr-175_sm {padding-right: 175px !important;}
    .pr-180_sm {padding-right: 180px !important;}
    .pr-185_sm {padding-right: 185px !important;}
    .pr-190_sm {padding-right: 190px !important;}
    .pr-195_sm {padding-right: 195px !important;}
    .pr-200_sm {padding-right: 200px !important;}

    .prl-0_sm {padding-right: 0px !important; padding-left: 0px !important;}
    .prl-5_sm {padding-right: 5px !important; padding-left: 5px !important;}
    .prl-10_sm {padding-right: 10px !important; padding-left: 10px !important;}
    .prl-15_sm {padding-right: 15px !important; padding-left: 15px !important;}
    .prl-20_sm {padding-right: 20px !important; padding-left: 20px !important;}
    .prl-25_sm {padding-right: 25px !important; padding-left: 25px !important;}
    .prl-30_sm {padding-right: 30px !important; padding-left: 30px !important;}
    .prl-35_sm {padding-right: 35px !important; padding-left: 35px !important;}
    .prl-40_sm {padding-right: 40px !important; padding-left: 40px !important;}
    .prl-45_sm {padding-right: 45px !important; padding-left: 45px !important;}
    .prl-50_sm {padding-right: 50px !important; padding-left: 50px !important;}
    .prl-55_sm {padding-right: 55px !important; padding-left: 55px !important;}
    .prl-60_sm {padding-right: 60px !important; padding-left: 60px !important;}
    .prl-65_sm {padding-right: 65px !important; padding-left: 65px !important;}
    .prl-70_sm {padding-right: 70px !important; padding-left: 70px !important;}
    .prl-75_sm {padding-right: 75px !important; padding-left: 75px !important;}
    .prl-80_sm {padding-right: 80px !important; padding-left: 80px !important;}
    .prl-85_sm {padding-right: 85px !important; padding-left: 85px !important;}
    .prl-90_sm {padding-right: 90px !important; padding-left: 90px !important;}
    .prl-95_sm {padding-right: 95px !important; padding-left: 95px !important;}
    .prl-100_sm {padding-right: 100px !important; padding-left: 100px !important;}
    .prl-105_sm {padding-right: 105px !important; padding-left: 105px !important;}
    .prl-110_sm {padding-right: 110px !important; padding-left: 110px !important;}
    .prl-115_sm {padding-right: 115px !important; padding-left: 115px !important;}
    .prl-120_sm {padding-right: 120px !important; padding-left: 120px !important;}
    .prl-125_sm {padding-right: 125px !important; padding-left: 125px !important;}
    .prl-130_sm {padding-right: 130px !important; padding-left: 130px !important;}
    .prl-135_sm {padding-right: 135px !important; padding-left: 135px !important;}
    .prl-140_sm {padding-right: 140px !important; padding-left: 140px !important;}
    .prl-145_sm {padding-right: 145px !important; padding-left: 145px !important;}
    .prl-150_sm {padding-right: 150px !important; padding-left: 150px !important;}
    .prl-155_sm {padding-right: 155px !important; padding-left: 155px !important;}
    .prl-160_sm {padding-right: 160px !important; padding-left: 160px !important;}
    .prl-165_sm {padding-right: 165px !important; padding-left: 165px !important;}
    .prl-170_sm {padding-right: 170px !important; padding-left: 170px !important;}
    .prl-175_sm {padding-right: 175px !important; padding-left: 175px !important;}
    .prl-180_sm {padding-right: 180px !important; padding-left: 180px !important;}
    .prl-185_sm {padding-right: 185px !important; padding-left: 185px !important;}
    .prl-190_sm {padding-right: 190px !important; padding-left: 190px !important;}
    .prl-195_sm {padding-right: 195px !important; padding-left: 195px !important;}
    .prl-200_sm {padding-right: 200px !important; padding-left: 200px !important;}
}

@media (max-width:768px) {
    .dis_no_md {display: none !important;}
    .dis_blo_md {display: block !important;}

    .m-0_md {margin: 0px !important;}

    .mt-0_md {margin-top: 0px !important;}
    .mt-5_md {margin-top: 5px !important;}
    .mt-10_md {margin-top: 10px !important;}
    .mt-15_md {margin-top: 15px !important;}
    .mt-20_md {margin-top: 20px !important;}
    .mt-25_md {margin-top: 25px !important;}
    .mt-30_md {margin-top: 30px !important;}
    .mt-35_md {margin-top: 35px !important;}
    .mt-40_md {margin-top: 40px !important;}
    .mt-45_md {margin-top: 45px !important;}
    .mt-50_md {margin-top: 50px !important;}
    .mt-55_md {margin-top: 55px !important;}
    .mt-60_md {margin-top: 60px !important;}
    .mt-65_md {margin-top: 65px !important;}
    .mt-70_md {margin-top: 70px !important;}
    .mt-75_md {margin-top: 75px !important;}
    .mt-80_md {margin-top: 80px !important;}
    .mt-85_md {margin-top: 85px !important;}
    .mt-90_md {margin-top: 90px !important;}
    .mt-95_md {margin-top: 95px !important;}
    .mt-100_md {margin-top: 100px !important;}
    .mt-105_md {margin-top: 105px !important;}
    .mt-110_md {margin-top: 110px !important;}
    .mt-115_md {margin-top: 115px !important;}
    .mt-120_md {margin-top: 120px !important;}
    .mt-125_md {margin-top: 125px !important;}
    .mt-130_md {margin-top: 130px !important;}
    .mt-135_md {margin-top: 135px !important;}
    .mt-140_md {margin-top: 140px !important;}
    .mt-145_md {margin-top: 145px !important;}
    .mt-150_md {margin-top: 150px !important;}
    .mt-155_md {margin-top: 155px !important;}
    .mt-160_md {margin-top: 160px !important;}
    .mt-165_md {margin-top: 165px !important;}
    .mt-170_md {margin-top: 170px !important;}
    .mt-175_md {margin-top: 175px !important;}
    .mt-180_md {margin-top: 180px !important;}
    .mt-185_md {margin-top: 185px !important;}
    .mt-190_md {margin-top: 190px !important;}
    .mt-195_md {margin-top: 195px !important;}
    .mt-200_md {margin-top: 200px !important;}

    .mb-0_md {margin-bottom: 0px !important;}
    .mb-5_md {margin-bottom: 5px !important;}
    .mb-10_md {margin-bottom: 10px !important;}
    .mb-15_md {margin-bottom: 15px !important;}
    .mb-20_md {margin-bottom: 20px !important;}
    .mb-25_md {margin-bottom: 25px !important;}
    .mb-30_md {margin-bottom: 30px !important;}
    .mb-35_md {margin-bottom: 35px !important;}
    .mb-40_md {margin-bottom: 40px !important;}
    .mb-45_md {margin-bottom: 45px !important;}
    .mb-50_md {margin-bottom: 50px !important;}
    .mb-55_md {margin-bottom: 55px !important;}
    .mb-60_md {margin-bottom: 60px !important;}
    .mb-65_md {margin-bottom: 65px !important;}
    .mb-70_md {margin-bottom: 70px !important;}
    .mb-75_md {margin-bottom: 75px !important;}
    .mb-80_md {margin-bottom: 80px !important;}
    .mb-85_md {margin-bottom: 85px !important;}
    .mb-90_md {margin-bottom: 90px !important;}
    .mb-95_md {margin-bottom: 95px !important;}
    .mb-100_md {margin-bottom: 100px !important;}
    .mb-105_md {margin-bottom: 105px !important;}
    .mb-110_md {margin-bottom: 110px !important;}
    .mb-115_md {margin-bottom: 115px !important;}
    .mb-120_md {margin-bottom: 120px !important;}
    .mb-125_md {margin-bottom: 125px !important;}
    .mb-130_md {margin-bottom: 130px !important;}
    .mb-135_md {margin-bottom: 135px !important;}
    .mb-140_md {margin-bottom: 140px !important;}
    .mb-145_md {margin-bottom: 145px !important;}
    .mb-150_md {margin-bottom: 150px !important;}
    .mb-155_md {margin-bottom: 155px !important;}
    .mb-160_md {margin-bottom: 160px !important;}
    .mb-165_md {margin-bottom: 165px !important;}
    .mb-170_md {margin-bottom: 170px !important;}
    .mb-175_md {margin-bottom: 175px !important;}
    .mb-180_md {margin-bottom: 180px !important;}
    .mb-185_md {margin-bottom: 185px !important;}
    .mb-190_md {margin-bottom: 190px !important;}
    .mb-195_md {margin-bottom: 195px !important;}
    .mb-200_md {margin-bottom: 200px !important;}

    .mtb-0_md {margin-top: 0px !important; margin-bottom: 0px !important;}
    .mtb-5_md {margin-top: 5px !important; margin-bottom: 5px !important;}
    .mtb-10_md {margin-top: 10px !important; margin-bottom: 10px !important;}
    .mtb-15_md {margin-top: 15px !important; margin-bottom: 15px !important;}
    .mtb-20_md {margin-top: 20px !important; margin-bottom: 20px !important;}
    .mtb-25_md {margin-top: 25px !important; margin-bottom: 25px !important;}
    .mtb-30_md {margin-top: 30px !important; margin-bottom: 30px !important;}
    .mtb-35_md {margin-top: 35px !important; margin-bottom: 35px !important;}
    .mtb-40_md {margin-top: 40px !important; margin-bottom: 40px !important;}
    .mtb-45_md {margin-top: 45px !important; margin-bottom: 45px !important;}
    .mtb-50_md {margin-top: 50px !important; margin-bottom: 50px !important;}
    .mtb-55_md {margin-top: 55px !important; margin-bottom: 55px !important;}
    .mtb-60_md {margin-top: 60px !important; margin-bottom: 60px !important;}
    .mtb-65_md {margin-top: 65px !important; margin-bottom: 65px !important;}
    .mtb-70_md {margin-top: 70px !important; margin-bottom: 70px !important;}
    .mtb-75_md {margin-top: 75px !important; margin-bottom: 75px !important;}
    .mtb-80_md {margin-top: 80px !important; margin-bottom: 80px !important;}
    .mtb-85_md {margin-top: 85px !important; margin-bottom: 85px !important;}
    .mtb-90_md {margin-top: 90px !important; margin-bottom: 90px !important;}
    .mtb-95_md {margin-top: 95px !important; margin-bottom: 95px !important;}
    .mtb-100_md {margin-top: 100px !important; margin-bottom: 100px !important;}
    .mtb-105_md {margin-top: 105px !important; margin-bottom: 105px !important;}
    .mtb-110_md {margin-top: 110px !important; margin-bottom: 110px !important;}
    .mtb-115_md {margin-top: 115px !important; margin-bottom: 115px !important;}
    .mtb-120_md {margin-top: 120px !important; margin-bottom: 120px !important;}
    .mtb-125_md {margin-top: 125px !important; margin-bottom: 125px !important;}
    .mtb-130_md {margin-top: 130px !important; margin-bottom: 130px !important;}
    .mtb-135_md {margin-top: 135px !important; margin-bottom: 135px !important;}
    .mtb-140_md {margin-top: 140px !important; margin-bottom: 140px !important;}
    .mtb-145_md {margin-top: 145px !important; margin-bottom: 145px !important;}
    .mtb-150_md {margin-top: 150px !important; margin-bottom: 150px !important;}
    .mtb-155_md {margin-top: 155px !important; margin-bottom: 155px !important;}
    .mtb-160_md {margin-top: 160px !important; margin-bottom: 160px !important;}
    .mtb-165_md {margin-top: 165px !important; margin-bottom: 165px !important;}
    .mtb-170_md {margin-top: 170px !important; margin-bottom: 170px !important;}
    .mtb-175_md {margin-top: 175px !important; margin-bottom: 175px !important;}
    .mtb-180_md {margin-top: 180px !important; margin-bottom: 180px !important;}
    .mtb-185_md {margin-top: 185px !important; margin-bottom: 185px !important;}
    .mtb-190_md {margin-top: 190px !important; margin-bottom: 190px !important;}
    .mtb-195_md {margin-top: 195px !important; margin-bottom: 195px !important;}
    .mtb-200_md {margin-top: 200px !important; margin-bottom: 200px !important;}

    .ml-0_md {margin-left: 0px !important;}
    .ml-5_md {margin-left: 5px !important;}
    .ml-10_md {margin-left: 10px !important;}
    .ml-15_md {margin-left: 15px !important;}
    .ml-20_md {margin-left: 20px !important;}
    .ml-25_md {margin-left: 25px !important;}
    .ml-30_md {margin-left: 30px !important;}
    .ml-35_md {margin-left: 35px !important;}
    .ml-40_md {margin-left: 40px !important;}
    .ml-45_md {margin-left: 45px !important;}
    .ml-50_md {margin-left: 50px !important;}
    .ml-55_md {margin-left: 55px !important;}
    .ml-60_md {margin-left: 60px !important;}
    .ml-65_md {margin-left: 65px !important;}
    .ml-70_md {margin-left: 70px !important;}
    .ml-75_md {margin-left: 75px !important;}
    .ml-80_md {margin-left: 80px !important;}
    .ml-85_md {margin-left: 85px !important;}
    .ml-90_md {margin-left: 90px !important;}
    .ml-95_md {margin-left: 95px !important;}
    .ml-100_md {margin-left: 100px !important;}
    .ml-105_md {margin-left: 105px !important;}
    .ml-110_md {margin-left: 110px !important;}
    .ml-115_md {margin-left: 115px !important;}
    .ml-120_md {margin-left: 120px !important;}
    .ml-125_md {margin-left: 125px !important;}
    .ml-130_md {margin-left: 130px !important;}
    .ml-135_md {margin-left: 135px !important;}
    .ml-140_md {margin-left: 140px !important;}
    .ml-145_md {margin-left: 145px !important;}
    .ml-150_md {margin-left: 150px !important;}
    .ml-155_md {margin-left: 155px !important;}
    .ml-160_md {margin-left: 160px !important;}
    .ml-165_md {margin-left: 165px !important;}
    .ml-170_md {margin-left: 170px !important;}
    .ml-175_md {margin-left: 175px !important;}
    .ml-180_md {margin-left: 180px !important;}
    .ml-185_md {margin-left: 185px !important;}
    .ml-190_md {margin-left: 190px !important;}
    .ml-195_md {margin-left: 195px !important;}
    .ml-200_md {margin-left: 200px !important;}

    .mr-0_md {margin-right: 0px !important;}
    .mr-5_md {margin-right: 5px !important;}
    .mr-10_md {margin-right: 10px !important;}
    .mr-15_md {margin-right: 15px !important;}
    .mr-20_md {margin-right: 20px !important;}
    .mr-25_md {margin-right: 25px !important;}
    .mr-30_md {margin-right: 30px !important;}
    .mr-35_md {margin-right: 35px !important;}
    .mr-40_md {margin-right: 40px !important;}
    .mr-45_md {margin-right: 45px !important;}
    .mr-50_md {margin-right: 50px !important;}
    .mr-55_md {margin-right: 55px !important;}
    .mr-60_md {margin-right: 60px !important;}
    .mr-65_md {margin-right: 65px !important;}
    .mr-70_md {margin-right: 70px !important;}
    .mr-75_md {margin-right: 75px !important;}
    .mr-80_md {margin-right: 80px !important;}
    .mr-85_md {margin-right: 85px !important;}
    .mr-90_md {margin-right: 90px !important;}
    .mr-95_md {margin-right: 95px !important;}
    .mr-100_md {margin-right: 100px !important;}
    .mr-105_md {margin-right: 105px !important;}
    .mr-110_md {margin-right: 110px !important;}
    .mr-115_md {margin-right: 115px !important;}
    .mr-120_md {margin-right: 120px !important;}
    .mr-125_md {margin-right: 125px !important;}
    .mr-130_md {margin-right: 130px !important;}
    .mr-135_md {margin-right: 135px !important;}
    .mr-140_md {margin-right: 140px !important;}
    .mr-145_md {margin-right: 145px !important;}
    .mr-150_md {margin-right: 150px !important;}
    .mr-155_md {margin-right: 155px !important;}
    .mr-160_md {margin-right: 160px !important;}
    .mr-165_md {margin-right: 165px !important;}
    .mr-170_md {margin-right: 170px !important;}
    .mr-175_md {margin-right: 175px !important;}
    .mr-180_md {margin-right: 180px !important;}
    .mr-185_md {margin-right: 185px !important;}
    .mr-190_md {margin-right: 190px !important;}
    .mr-195_md {margin-right: 195px !important;}
    .mr-200_md {margin-right: 200px !important;}

    .mrl-0_md {margin-left: 0px !important; margin-right: 0px !important;}
    .mrl-5_md {margin-left: 5px !important; margin-right: 5px !important;}
    .mrl-10_md {margin-left: 10px !important; margin-right: 10px !important;}
    .mrl-15_md {margin-left: 15px !important; margin-right: 15px !important;}
    .mrl-20_md {margin-left: 20px !important; margin-right: 20px !important;}
    .mrl-25_md {margin-left: 25px !important; margin-right: 25px !important;}
    .mrl-30_md {margin-left: 30px !important; margin-right: 30px !important;}
    .mrl-35_md {margin-left: 35px !important; margin-right: 35px !important;}
    .mrl-40_md {margin-left: 40px !important; margin-right: 40px !important;}
    .mrl-45_md {margin-left: 45px !important; margin-right: 45px !important;}
    .mrl-50_md {margin-left: 50px !important; margin-right: 50px !important;}
    .mrl-55_md {margin-left: 55px !important; margin-right: 55px !important;}
    .mrl-60_md {margin-left: 60px !important; margin-right: 60px !important;}
    .mrl-65_md {margin-left: 65px !important; margin-right: 65px !important;}
    .mrl-70_md {margin-left: 70px !important; margin-right: 70px !important;}
    .mrl-75_md {margin-left: 75px !important; margin-right: 75px !important;}
    .mrl-80_md {margin-left: 80px !important; margin-right: 80px !important;}
    .mrl-85_md {margin-left: 85px !important; margin-right: 85px !important;}
    .mrl-90_md {margin-left: 90px !important; margin-right: 90px !important;}
    .mrl-95_md {margin-left: 95px !important; margin-right: 95px !important;}
    .mrl-100_md {margin-left: 100px !important; margin-right: 100px !important;}
    .mrl-105_md {margin-left: 105px !important; margin-right: 105px !important;}
    .mrl-110_md {margin-left: 110px !important; margin-right: 110px !important;}
    .mrl-115_md {margin-left: 115px !important; margin-right: 115px !important;}
    .mrl-120_md {margin-left: 120px !important; margin-right: 120px !important;}
    .mrl-125_md {margin-left: 125px !important; margin-right: 125px !important;}
    .mrl-130_md {margin-left: 130px !important; margin-right: 130px !important;}
    .mrl-135_md {margin-left: 135px !important; margin-right: 135px !important;}
    .mrl-140_md {margin-left: 140px !important; margin-right: 140px !important;}
    .mrl-145_md {margin-left: 145px !important; margin-right: 145px !important;}
    .mrl-150_md {margin-left: 150px !important; margin-right: 150px !important;}
    .mrl-155_md {margin-left: 155px !important; margin-right: 155px !important;}
    .mrl-160_md {margin-left: 160px !important; margin-right: 160px !important;}
    .mrl-165_md {margin-left: 165px !important; margin-right: 165px !important;}
    .mrl-170_md {margin-left: 170px !important; margin-right: 170px !important;}
    .mrl-175_md {margin-left: 175px !important; margin-right: 175px !important;}
    .mrl-180_md {margin-left: 180px !important; margin-right: 180px !important;}
    .mrl-185_md {margin-left: 185px !important; margin-right: 185px !important;}
    .mrl-190_md {margin-left: 190px !important; margin-right: 190px !important;}
    .mrl-195_md {margin-left: 195px !important; margin-right: 195px !important;}
    .mrl-200_md {margin-left: 200px !important; margin-right: 200px !important;}

    .p-0_md {padding: 0px !important;}

    .pt-0_md {padding-top: 0px !important;}
    .pt-5_md {padding-top: 5px !important;}
    .pt-10_md {padding-top: 10px !important;}
    .pt-15_md {padding-top: 15px !important;}
    .pt-20_md {padding-top: 20px !important;}
    .pt-25_md {padding-top: 25px !important;}
    .pt-30_md {padding-top: 30px !important;}
    .pt-35_md {padding-top: 35px !important;}
    .pt-40_md {padding-top: 40px !important;}
    .pt-45_md {padding-top: 45px !important;}
    .pt-50_md {padding-top: 50px !important;}
    .pt-55_md {padding-top: 55px !important;}
    .pt-60_md {padding-top: 60px !important;}
    .pt-65_md {padding-top: 65px !important;}
    .pt-70_md {padding-top: 70px !important;}
    .pt-75_md {padding-top: 75px !important;}
    .pt-80_md {padding-top: 80px !important;}
    .pt-85_md {padding-top: 85px !important;}
    .pt-90_md {padding-top: 90px !important;}
    .pt-95_md {padding-top: 95px !important;}
    .pt-100_md {padding-top: 100px !important;}
    .pt-105_md {padding-top: 105px !important;}
    .pt-110_md {padding-top: 110px !important;}
    .pt-115_md {padding-top: 115px !important;}
    .pt-120_md {padding-top: 120px !important;}
    .pt-125_md {padding-top: 125px !important;}
    .pt-130_md {padding-top: 130px !important;}
    .pt-135_md {padding-top: 135px !important;}
    .pt-140_md {padding-top: 140px !important;}
    .pt-145_md {padding-top: 145px !important;}
    .pt-150_md {padding-top: 150px !important;}
    .pt-155_md {padding-top: 155px !important;}
    .pt-160_md {padding-top: 160px !important;}
    .pt-165_md {padding-top: 165px !important;}
    .pt-170_md {padding-top: 170px !important;}
    .pt-175_md {padding-top: 175px !important;}
    .pt-180_md {padding-top: 180px !important;}
    .pt-185_md {padding-top: 185px !important;}
    .pt-190_md {padding-top: 190px !important;}
    .pt-195_md {padding-top: 195px !important;}
    .pt-200_md {padding-top: 200px !important;}

    .pb-0_md {padding-bottom: 0px !important;}
    .pb-5_md {padding-bottom: 5px !important;}
    .pb-10_md {padding-bottom: 10px !important;}
    .pb-15_md {padding-bottom: 15px !important;}
    .pb-20_md {padding-bottom: 20px !important;}
    .pb-25_md {padding-bottom: 25px !important;}
    .pb-30_md {padding-bottom: 30px !important;}
    .pb-35_md {padding-bottom: 35px !important;}
    .pb-40_md {padding-bottom: 40px !important;}
    .pb-45_md {padding-bottom: 45px !important;}
    .pb-50_md {padding-bottom: 50px !important;}
    .pb-55_md {padding-bottom: 55px !important;}
    .pb-60_md {padding-bottom: 60px !important;}
    .pb-65_md {padding-bottom: 65px !important;}
    .pb-70_md {padding-bottom: 70px !important;}
    .pb-75_md {padding-bottom: 75px !important;}
    .pb-80_md {padding-bottom: 80px !important;}
    .pb-85_md {padding-bottom: 85px !important;}
    .pb-90_md {padding-bottom: 90px !important;}
    .pb-95_md {padding-bottom: 95px !important;}
    .pb-100_md {padding-bottom: 100px !important;}
    .pb-105_md {padding-bottom: 105px !important;}
    .pb-110_md {padding-bottom: 110px !important;}
    .pb-115_md {padding-bottom: 115px !important;}
    .pb-120_md {padding-bottom: 120px !important;}
    .pb-125_md {padding-bottom: 125px !important;}
    .pb-130_md {padding-bottom: 130px !important;}
    .pb-135_md {padding-bottom: 135px !important;}
    .pb-140_md {padding-bottom: 140px !important;}
    .pb-145_md {padding-bottom: 145px !important;}
    .pb-150_md {padding-bottom: 150px !important;}
    .pb-155_md {padding-bottom: 155px !important;}
    .pb-160_md {padding-bottom: 160px !important;}
    .pb-165_md {padding-bottom: 165px !important;}
    .pb-170_md {padding-bottom: 170px !important;}
    .pb-175_md {padding-bottom: 175px !important;}
    .pb-180_md {padding-bottom: 180px !important;}
    .pb-185_md {padding-bottom: 185px !important;}
    .pb-190_md {padding-bottom: 190px !important;}
    .pb-195_md {padding-bottom: 195px !important;}
    .pb-200_md {padding-bottom: 200px !important;}

    .ptb-0_md {padding-top: 0px !important; padding-bottom: 0px !important;}
    .ptb-5_md {padding-top: 5px !important; padding-bottom: 5px !important;}
    .ptb-10_md {padding-top: 10px !important; padding-bottom: 10px !important;}
    .ptb-15_md {padding-top: 15px !important; padding-bottom: 15px !important;}
    .ptb-20_md {padding-top: 20px !important; padding-bottom: 20px !important;}
    .ptb-25_md {padding-top: 25px !important; padding-bottom: 25px !important;}
    .ptb-30_md {padding-top: 30px !important; padding-bottom: 30px !important;}
    .ptb-35_md {padding-top: 35px !important; padding-bottom: 35px !important;}
    .ptb-40_md {padding-top: 40px !important; padding-bottom: 40px !important;}
    .ptb-45_md {padding-top: 45px !important; padding-bottom: 45px !important;}
    .ptb-50_md {padding-top: 50px !important; padding-bottom: 50px !important;}
    .ptb-55_md {padding-top: 55px !important; padding-bottom: 55px !important;}
    .ptb-60_md {padding-top: 60px !important; padding-bottom: 60px !important;}
    .ptb-65_md {padding-top: 65px !important; padding-bottom: 65px !important;}
    .ptb-70_md {padding-top: 70px !important; padding-bottom: 70px !important;}
    .ptb-75_md {padding-top: 75px !important; padding-bottom: 75px !important;}
    .ptb-80_md {padding-top: 80px !important; padding-bottom: 80px !important;}
    .ptb-85_md {padding-top: 85px !important; padding-bottom: 85px !important;}
    .ptb-90_md {padding-top: 90px !important; padding-bottom: 90px !important;}
    .ptb-95_md {padding-top: 95px !important; padding-bottom: 95px !important;}
    .ptb-100_md {padding-top: 100px !important; padding-bottom: 100px !important;}
    .ptb-105_md {padding-top: 105px !important; padding-bottom: 105px !important;}
    .ptb-110_md {padding-top: 110px !important; padding-bottom: 110px !important;}
    .ptb-115_md {padding-top: 115px !important; padding-bottom: 115px !important;}
    .ptb-120_md {padding-top: 120px !important; padding-bottom: 120px !important;}
    .ptb-125_md {padding-top: 125px !important; padding-bottom: 125px !important;}
    .ptb-130_md {padding-top: 130px !important; padding-bottom: 130px !important;}
    .ptb-135_md {padding-top: 135px !important; padding-bottom: 135px !important;}
    .ptb-140_md {padding-top: 140px !important; padding-bottom: 140px !important;}
    .ptb-145_md {padding-top: 145px !important; padding-bottom: 145px !important;}
    .ptb-150_md {padding-top: 150px !important; padding-bottom: 150px !important;}
    .ptb-155_md {padding-top: 155px !important; padding-bottom: 155px !important;}
    .ptb-160_md {padding-top: 160px !important; padding-bottom: 160px !important;}
    .ptb-165_md {padding-top: 165px !important; padding-bottom: 165px !important;}
    .ptb-170_md {padding-top: 170px !important; padding-bottom: 170px !important;}
    .ptb-175_md {padding-top: 175px !important; padding-bottom: 175px !important;}
    .ptb-180_md {padding-top: 180px !important; padding-bottom: 180px !important;}
    .ptb-185_md {padding-top: 185px !important; padding-bottom: 185px !important;}
    .ptb-190_md {padding-top: 190px !important; padding-bottom: 190px !important;}
    .ptb-195_md {padding-top: 195px !important; padding-bottom: 195px !important;}
    .ptb-200_md {padding-top: 200px !important; padding-bottom: 200px !important;}

    .pl-0_md {padding-left: 0px !important;}
    .pl-5_md {padding-left: 5px !important;}
    .pl-10_md {padding-left: 10px !important;}
    .pl-15_md {padding-left: 15px !important;}
    .pl-20_md {padding-left: 20px !important;}
    .pl-25_md {padding-left: 25px !important;}
    .pl-30_md {padding-left: 30px !important;}
    .pl-35_md {padding-left: 35px !important;}
    .pl-40_md {padding-left: 40px !important;}
    .pl-45_md {padding-left: 45px !important;}
    .pl-50_md {padding-left: 50px !important;}
    .pl-55_md {padding-left: 55px !important;}
    .pl-60_md {padding-left: 60px !important;}
    .pl-65_md {padding-left: 65px !important;}
    .pl-70_md {padding-left: 70px !important;}
    .pl-75_md {padding-left: 75px !important;}
    .pl-80_md {padding-left: 80px !important;}
    .pl-85_md {padding-left: 85px !important;}
    .pl-90_md {padding-left: 90px !important;}
    .pl-95_md {padding-left: 95px !important;}
    .pl-100_md {padding-left: 100px !important;}
    .pl-105_md {padding-left: 105px !important;}
    .pl-110_md {padding-left: 110px !important;}
    .pl-115_md {padding-left: 115px !important;}
    .pl-120_md {padding-left: 120px !important;}
    .pl-125_md {padding-left: 125px !important;}
    .pl-130_md {padding-left: 130px !important;}
    .pl-135_md {padding-left: 135px !important;}
    .pl-140_md {padding-left: 140px !important;}
    .pl-145_md {padding-left: 145px !important;}
    .pl-150_md {padding-left: 150px !important;}
    .pl-155_md {padding-left: 155px !important;}
    .pl-160_md {padding-left: 160px !important;}
    .pl-165_md {padding-left: 165px !important;}
    .pl-170_md {padding-left: 170px !important;}
    .pl-175_md {padding-left: 175px !important;}
    .pl-180_md {padding-left: 180px !important;}
    .pl-185_md {padding-left: 185px !important;}
    .pl-190_md {padding-left: 190px !important;}
    .pl-195_md {padding-left: 195px !important;}
    .pl-200_md {padding-left: 200px !important;}

    .pr-0_md {padding-right: 0px !important;}
    .pr-5_md {padding-right: 5px !important;}
    .pr-10_md {padding-right: 10px !important;}
    .pr-15_md {padding-right: 15px !important;}
    .pr-20_md {padding-right: 20px !important;}
    .pr-25_md {padding-right: 25px !important;}
    .pr-30_md {padding-right: 30px !important;}
    .pr-35_md {padding-right: 35px !important;}
    .pr-40_md {padding-right: 40px !important;}
    .pr-45_md {padding-right: 45px !important;}
    .pr-50_md {padding-right: 50px !important;}
    .pr-55_md {padding-right: 55px !important;}
    .pr-60_md {padding-right: 60px !important;}
    .pr-65_md {padding-right: 65px !important;}
    .pr-70_md {padding-right: 70px !important;}
    .pr-75_md {padding-right: 75px !important;}
    .pr-80_md {padding-right: 80px !important;}
    .pr-85_md {padding-right: 85px !important;}
    .pr-90_md {padding-right: 90px !important;}
    .pr-95_md {padding-right: 95px !important;}
    .pr-100_md {padding-right: 100px !important;}
    .pr-105_md {padding-right: 105px !important;}
    .pr-110_md {padding-right: 110px !important;}
    .pr-115_md {padding-right: 115px !important;}
    .pr-120_md {padding-right: 120px !important;}
    .pr-125_md {padding-right: 125px !important;}
    .pr-130_md {padding-right: 130px !important;}
    .pr-135_md {padding-right: 135px !important;}
    .pr-140_md {padding-right: 140px !important;}
    .pr-145_md {padding-right: 145px !important;}
    .pr-150_md {padding-right: 150px !important;}
    .pr-155_md {padding-right: 155px !important;}
    .pr-160_md {padding-right: 160px !important;}
    .pr-165_md {padding-right: 165px !important;}
    .pr-170_md {padding-right: 170px !important;}
    .pr-175_md {padding-right: 175px !important;}
    .pr-180_md {padding-right: 180px !important;}
    .pr-185_md {padding-right: 185px !important;}
    .pr-190_md {padding-right: 190px !important;}
    .pr-195_md {padding-right: 195px !important;}
    .pr-200_md {padding-right: 200px !important;}

    .prl-0_md {padding-right: 0px !important; padding-left: 0px !important;}
    .prl-5_md {padding-right: 5px !important; padding-left: 5px !important;}
    .prl-10_md {padding-right: 10px !important; padding-left: 10px !important;}
    .prl-15_md {padding-right: 15px !important; padding-left: 15px !important;}
    .prl-20_md {padding-right: 20px !important; padding-left: 20px !important;}
    .prl-25_md {padding-right: 25px !important; padding-left: 25px !important;}
    .prl-30_md {padding-right: 30px !important; padding-left: 30px !important;}
    .prl-35_md {padding-right: 35px !important; padding-left: 35px !important;}
    .prl-40_md {padding-right: 40px !important; padding-left: 40px !important;}
    .prl-45_md {padding-right: 45px !important; padding-left: 45px !important;}
    .prl-50_md {padding-right: 50px !important; padding-left: 50px !important;}
    .prl-55_md {padding-right: 55px !important; padding-left: 55px !important;}
    .prl-60_md {padding-right: 60px !important; padding-left: 60px !important;}
    .prl-65_md {padding-right: 65px !important; padding-left: 65px !important;}
    .prl-70_md {padding-right: 70px !important; padding-left: 70px !important;}
    .prl-75_md {padding-right: 75px !important; padding-left: 75px !important;}
    .prl-80_md {padding-right: 80px !important; padding-left: 80px !important;}
    .prl-85_md {padding-right: 85px !important; padding-left: 85px !important;}
    .prl-90_md {padding-right: 90px !important; padding-left: 90px !important;}
    .prl-95_md {padding-right: 95px !important; padding-left: 95px !important;}
    .prl-100_md {padding-right: 100px !important; padding-left: 100px !important;}
    .prl-105_md {padding-right: 105px !important; padding-left: 105px !important;}
    .prl-110_md {padding-right: 110px !important; padding-left: 110px !important;}
    .prl-115_md {padding-right: 115px !important; padding-left: 115px !important;}
    .prl-120_md {padding-right: 120px !important; padding-left: 120px !important;}
    .prl-125_md {padding-right: 125px !important; padding-left: 125px !important;}
    .prl-130_md {padding-right: 130px !important; padding-left: 130px !important;}
    .prl-135_md {padding-right: 135px !important; padding-left: 135px !important;}
    .prl-140_md {padding-right: 140px !important; padding-left: 140px !important;}
    .prl-145_md {padding-right: 145px !important; padding-left: 145px !important;}
    .prl-150_md {padding-right: 150px !important; padding-left: 150px !important;}
    .prl-155_md {padding-right: 155px !important; padding-left: 155px !important;}
    .prl-160_md {padding-right: 160px !important; padding-left: 160px !important;}
    .prl-165_md {padding-right: 165px !important; padding-left: 165px !important;}
    .prl-170_md {padding-right: 170px !important; padding-left: 170px !important;}
    .prl-175_md {padding-right: 175px !important; padding-left: 175px !important;}
    .prl-180_md {padding-right: 180px !important; padding-left: 180px !important;}
    .prl-185_md {padding-right: 185px !important; padding-left: 185px !important;}
    .prl-190_md {padding-right: 190px !important; padding-left: 190px !important;}
    .prl-195_md {padding-right: 195px !important; padding-left: 195px !important;}
    .prl-200_md {padding-right: 200px !important; padding-left: 200px !important;}
}

@media (max-width:992px) {
    .dis_no_lg {display: none !important;}
    .dis_blo_lg {display: block !important;}

    .m-0_lg {margin: 0px !important;}

    .mt-0_lg {margin-top: 0px !important;}
    .mt-5_lg {margin-top: 5px !important;}
    .mt-10_lg {margin-top: 10px !important;}
    .mt-15_lg {margin-top: 15px !important;}
    .mt-20_lg {margin-top: 20px !important;}
    .mt-25_lg {margin-top: 25px !important;}
    .mt-30_lg {margin-top: 30px !important;}
    .mt-35_lg {margin-top: 35px !important;}
    .mt-40_lg {margin-top: 40px !important;}
    .mt-45_lg {margin-top: 45px !important;}
    .mt-50_lg {margin-top: 50px !important;}
    .mt-55_lg {margin-top: 55px !important;}
    .mt-60_lg {margin-top: 60px !important;}
    .mt-65_lg {margin-top: 65px !important;}
    .mt-70_lg {margin-top: 70px !important;}
    .mt-75_lg {margin-top: 75px !important;}
    .mt-80_lg {margin-top: 80px !important;}
    .mt-85_lg {margin-top: 85px !important;}
    .mt-90_lg {margin-top: 90px !important;}
    .mt-95_lg {margin-top: 95px !important;}
    .mt-100_lg {margin-top: 100px !important;}
    .mt-105_lg {margin-top: 105px !important;}
    .mt-110_lg {margin-top: 110px !important;}
    .mt-115_lg {margin-top: 115px !important;}
    .mt-120_lg {margin-top: 120px !important;}
    .mt-125_lg {margin-top: 125px !important;}
    .mt-130_lg {margin-top: 130px !important;}
    .mt-135_lg {margin-top: 135px !important;}
    .mt-140_lg {margin-top: 140px !important;}
    .mt-145_lg {margin-top: 145px !important;}
    .mt-150_lg {margin-top: 150px !important;}
    .mt-155_lg {margin-top: 155px !important;}
    .mt-160_lg {margin-top: 160px !important;}
    .mt-165_lg {margin-top: 165px !important;}
    .mt-170_lg {margin-top: 170px !important;}
    .mt-175_lg {margin-top: 175px !important;}
    .mt-180_lg {margin-top: 180px !important;}
    .mt-185_lg {margin-top: 185px !important;}
    .mt-190_lg {margin-top: 190px !important;}
    .mt-195_lg {margin-top: 195px !important;}
    .mt-200_lg {margin-top: 200px !important;}

    .mb-0_lg {margin-bottom: 0px !important;}
    .mb-5_lg {margin-bottom: 5px !important;}
    .mb-10_lg {margin-bottom: 10px !important;}
    .mb-15_lg {margin-bottom: 15px !important;}
    .mb-20_lg {margin-bottom: 20px !important;}
    .mb-25_lg {margin-bottom: 25px !important;}
    .mb-30_lg {margin-bottom: 30px !important;}
    .mb-35_lg {margin-bottom: 35px !important;}
    .mb-40_lg {margin-bottom: 40px !important;}
    .mb-45_lg {margin-bottom: 45px !important;}
    .mb-50_lg {margin-bottom: 50px !important;}
    .mb-55_lg {margin-bottom: 55px !important;}
    .mb-60_lg {margin-bottom: 60px !important;}
    .mb-65_lg {margin-bottom: 65px !important;}
    .mb-70_lg {margin-bottom: 70px !important;}
    .mb-75_lg {margin-bottom: 75px !important;}
    .mb-80_lg {margin-bottom: 80px !important;}
    .mb-85_lg {margin-bottom: 85px !important;}
    .mb-90_lg {margin-bottom: 90px !important;}
    .mb-95_lg {margin-bottom: 95px !important;}
    .mb-100_lg {margin-bottom: 100px !important;}
    .mb-105_lg {margin-bottom: 105px !important;}
    .mb-110_lg {margin-bottom: 110px !important;}
    .mb-115_lg {margin-bottom: 115px !important;}
    .mb-120_lg {margin-bottom: 120px !important;}
    .mb-125_lg {margin-bottom: 125px !important;}
    .mb-130_lg {margin-bottom: 130px !important;}
    .mb-135_lg {margin-bottom: 135px !important;}
    .mb-140_lg {margin-bottom: 140px !important;}
    .mb-145_lg {margin-bottom: 145px !important;}
    .mb-150_lg {margin-bottom: 150px !important;}
    .mb-155_lg {margin-bottom: 155px !important;}
    .mb-160_lg {margin-bottom: 160px !important;}
    .mb-165_lg {margin-bottom: 165px !important;}
    .mb-170_lg {margin-bottom: 170px !important;}
    .mb-175_lg {margin-bottom: 175px !important;}
    .mb-180_lg {margin-bottom: 180px !important;}
    .mb-185_lg {margin-bottom: 185px !important;}
    .mb-190_lg {margin-bottom: 190px !important;}
    .mb-195_lg {margin-bottom: 195px !important;}
    .mb-200_lg {margin-bottom: 200px !important;}

    .mtb-0_lg {margin-top: 0px !important; margin-bottom: 0px !important;}
    .mtb-5_lg {margin-top: 5px !important; margin-bottom: 5px !important;}
    .mtb-10_lg {margin-top: 10px !important; margin-bottom: 10px !important;}
    .mtb-15_lg {margin-top: 15px !important; margin-bottom: 15px !important;}
    .mtb-20_lg {margin-top: 20px !important; margin-bottom: 20px !important;}
    .mtb-25_lg {margin-top: 25px !important; margin-bottom: 25px !important;}
    .mtb-30_lg {margin-top: 30px !important; margin-bottom: 30px !important;}
    .mtb-35_lg {margin-top: 35px !important; margin-bottom: 35px !important;}
    .mtb-40_lg {margin-top: 40px !important; margin-bottom: 40px !important;}
    .mtb-45_lg {margin-top: 45px !important; margin-bottom: 45px !important;}
    .mtb-50_lg {margin-top: 50px !important; margin-bottom: 50px !important;}
    .mtb-55_lg {margin-top: 55px !important; margin-bottom: 55px !important;}
    .mtb-60_lg {margin-top: 60px !important; margin-bottom: 60px !important;}
    .mtb-65_lg {margin-top: 65px !important; margin-bottom: 65px !important;}
    .mtb-70_lg {margin-top: 70px !important; margin-bottom: 70px !important;}
    .mtb-75_lg {margin-top: 75px !important; margin-bottom: 75px !important;}
    .mtb-80_lg {margin-top: 80px !important; margin-bottom: 80px !important;}
    .mtb-85_lg {margin-top: 85px !important; margin-bottom: 85px !important;}
    .mtb-90_lg {margin-top: 90px !important; margin-bottom: 90px !important;}
    .mtb-95_lg {margin-top: 95px !important; margin-bottom: 95px !important;}
    .mtb-100_lg {margin-top: 100px !important; margin-bottom: 100px !important;}
    .mtb-105_lg {margin-top: 105px !important; margin-bottom: 105px !important;}
    .mtb-110_lg {margin-top: 110px !important; margin-bottom: 110px !important;}
    .mtb-115_lg {margin-top: 115px !important; margin-bottom: 115px !important;}
    .mtb-120_lg {margin-top: 120px !important; margin-bottom: 120px !important;}
    .mtb-125_lg {margin-top: 125px !important; margin-bottom: 125px !important;}
    .mtb-130_lg {margin-top: 130px !important; margin-bottom: 130px !important;}
    .mtb-135_lg {margin-top: 135px !important; margin-bottom: 135px !important;}
    .mtb-140_lg {margin-top: 140px !important; margin-bottom: 140px !important;}
    .mtb-145_lg {margin-top: 145px !important; margin-bottom: 145px !important;}
    .mtb-150_lg {margin-top: 150px !important; margin-bottom: 150px !important;}
    .mtb-155_lg {margin-top: 155px !important; margin-bottom: 155px !important;}
    .mtb-160_lg {margin-top: 160px !important; margin-bottom: 160px !important;}
    .mtb-165_lg {margin-top: 165px !important; margin-bottom: 165px !important;}
    .mtb-170_lg {margin-top: 170px !important; margin-bottom: 170px !important;}
    .mtb-175_lg {margin-top: 175px !important; margin-bottom: 175px !important;}
    .mtb-180_lg {margin-top: 180px !important; margin-bottom: 180px !important;}
    .mtb-185_lg {margin-top: 185px !important; margin-bottom: 185px !important;}
    .mtb-190_lg {margin-top: 190px !important; margin-bottom: 190px !important;}
    .mtb-195_lg {margin-top: 195px !important; margin-bottom: 195px !important;}
    .mtb-200_lg {margin-top: 200px !important; margin-bottom: 200px !important;}

    .ml-0_lg {margin-left: 0px !important;}
    .ml-5_lg {margin-left: 5px !important;}
    .ml-10_lg {margin-left: 10px !important;}
    .ml-15_lg {margin-left: 15px !important;}
    .ml-20_lg {margin-left: 20px !important;}
    .ml-25_lg {margin-left: 25px !important;}
    .ml-30_lg {margin-left: 30px !important;}
    .ml-35_lg {margin-left: 35px !important;}
    .ml-40_lg {margin-left: 40px !important;}
    .ml-45_lg {margin-left: 45px !important;}
    .ml-50_lg {margin-left: 50px !important;}
    .ml-55_lg {margin-left: 55px !important;}
    .ml-60_lg {margin-left: 60px !important;}
    .ml-65_lg {margin-left: 65px !important;}
    .ml-70_lg {margin-left: 70px !important;}
    .ml-75_lg {margin-left: 75px !important;}
    .ml-80_lg {margin-left: 80px !important;}
    .ml-85_lg {margin-left: 85px !important;}
    .ml-90_lg {margin-left: 90px !important;}
    .ml-95_lg {margin-left: 95px !important;}
    .ml-100_lg {margin-left: 100px !important;}
    .ml-105_lg {margin-left: 105px !important;}
    .ml-110_lg {margin-left: 110px !important;}
    .ml-115_lg {margin-left: 115px !important;}
    .ml-120_lg {margin-left: 120px !important;}
    .ml-125_lg {margin-left: 125px !important;}
    .ml-130_lg {margin-left: 130px !important;}
    .ml-135_lg {margin-left: 135px !important;}
    .ml-140_lg {margin-left: 140px !important;}
    .ml-145_lg {margin-left: 145px !important;}
    .ml-150_lg {margin-left: 150px !important;}
    .ml-155_lg {margin-left: 155px !important;}
    .ml-160_lg {margin-left: 160px !important;}
    .ml-165_lg {margin-left: 165px !important;}
    .ml-170_lg {margin-left: 170px !important;}
    .ml-175_lg {margin-left: 175px !important;}
    .ml-180_lg {margin-left: 180px !important;}
    .ml-185_lg {margin-left: 185px !important;}
    .ml-190_lg {margin-left: 190px !important;}
    .ml-195_lg {margin-left: 195px !important;}
    .ml-200_lg {margin-left: 200px !important;}

    .mr-0_lg {margin-right: 0px !important;}
    .mr-5_lg {margin-right: 5px !important;}
    .mr-10_lg {margin-right: 10px !important;}
    .mr-15_lg {margin-right: 15px !important;}
    .mr-20_lg {margin-right: 20px !important;}
    .mr-25_lg {margin-right: 25px !important;}
    .mr-30_lg {margin-right: 30px !important;}
    .mr-35_lg {margin-right: 35px !important;}
    .mr-40_lg {margin-right: 40px !important;}
    .mr-45_lg {margin-right: 45px !important;}
    .mr-50_lg {margin-right: 50px !important;}
    .mr-55_lg {margin-right: 55px !important;}
    .mr-60_lg {margin-right: 60px !important;}
    .mr-65_lg {margin-right: 65px !important;}
    .mr-70_lg {margin-right: 70px !important;}
    .mr-75_lg {margin-right: 75px !important;}
    .mr-80_lg {margin-right: 80px !important;}
    .mr-85_lg {margin-right: 85px !important;}
    .mr-90_lg {margin-right: 90px !important;}
    .mr-95_lg {margin-right: 95px !important;}
    .mr-100_lg {margin-right: 100px !important;}
    .mr-105_lg {margin-right: 105px !important;}
    .mr-110_lg {margin-right: 110px !important;}
    .mr-115_lg {margin-right: 115px !important;}
    .mr-120_lg {margin-right: 120px !important;}
    .mr-125_lg {margin-right: 125px !important;}
    .mr-130_lg {margin-right: 130px !important;}
    .mr-135_lg {margin-right: 135px !important;}
    .mr-140_lg {margin-right: 140px !important;}
    .mr-145_lg {margin-right: 145px !important;}
    .mr-150_lg {margin-right: 150px !important;}
    .mr-155_lg {margin-right: 155px !important;}
    .mr-160_lg {margin-right: 160px !important;}
    .mr-165_lg {margin-right: 165px !important;}
    .mr-170_lg {margin-right: 170px !important;}
    .mr-175_lg {margin-right: 175px !important;}
    .mr-180_lg {margin-right: 180px !important;}
    .mr-185_lg {margin-right: 185px !important;}
    .mr-190_lg {margin-right: 190px !important;}
    .mr-195_lg {margin-right: 195px !important;}
    .mr-200_lg {margin-right: 200px !important;}

    .mrl-0_lg {margin-left: 0px !important; margin-right: 0px !important;}
    .mrl-5_lg {margin-left: 5px !important; margin-right: 5px !important;}
    .mrl-10_lg {margin-left: 10px !important; margin-right: 10px !important;}
    .mrl-15_lg {margin-left: 15px !important; margin-right: 15px !important;}
    .mrl-20_lg {margin-left: 20px !important; margin-right: 20px !important;}
    .mrl-25_lg {margin-left: 25px !important; margin-right: 25px !important;}
    .mrl-30_lg {margin-left: 30px !important; margin-right: 30px !important;}
    .mrl-35_lg {margin-left: 35px !important; margin-right: 35px !important;}
    .mrl-40_lg {margin-left: 40px !important; margin-right: 40px !important;}
    .mrl-45_lg {margin-left: 45px !important; margin-right: 45px !important;}
    .mrl-50_lg {margin-left: 50px !important; margin-right: 50px !important;}
    .mrl-55_lg {margin-left: 55px !important; margin-right: 55px !important;}
    .mrl-60_lg {margin-left: 60px !important; margin-right: 60px !important;}
    .mrl-65_lg {margin-left: 65px !important; margin-right: 65px !important;}
    .mrl-70_lg {margin-left: 70px !important; margin-right: 70px !important;}
    .mrl-75_lg {margin-left: 75px !important; margin-right: 75px !important;}
    .mrl-80_lg {margin-left: 80px !important; margin-right: 80px !important;}
    .mrl-85_lg {margin-left: 85px !important; margin-right: 85px !important;}
    .mrl-90_lg {margin-left: 90px !important; margin-right: 90px !important;}
    .mrl-95_lg {margin-left: 95px !important; margin-right: 95px !important;}
    .mrl-100_lg {margin-left: 100px !important; margin-right: 100px !important;}
    .mrl-105_lg {margin-left: 105px !important; margin-right: 105px !important;}
    .mrl-110_lg {margin-left: 110px !important; margin-right: 110px !important;}
    .mrl-115_lg {margin-left: 115px !important; margin-right: 115px !important;}
    .mrl-120_lg {margin-left: 120px !important; margin-right: 120px !important;}
    .mrl-125_lg {margin-left: 125px !important; margin-right: 125px !important;}
    .mrl-130_lg {margin-left: 130px !important; margin-right: 130px !important;}
    .mrl-135_lg {margin-left: 135px !important; margin-right: 135px !important;}
    .mrl-140_lg {margin-left: 140px !important; margin-right: 140px !important;}
    .mrl-145_lg {margin-left: 145px !important; margin-right: 145px !important;}
    .mrl-150_lg {margin-left: 150px !important; margin-right: 150px !important;}
    .mrl-155_lg {margin-left: 155px !important; margin-right: 155px !important;}
    .mrl-160_lg {margin-left: 160px !important; margin-right: 160px !important;}
    .mrl-165_lg {margin-left: 165px !important; margin-right: 165px !important;}
    .mrl-170_lg {margin-left: 170px !important; margin-right: 170px !important;}
    .mrl-175_lg {margin-left: 175px !important; margin-right: 175px !important;}
    .mrl-180_lg {margin-left: 180px !important; margin-right: 180px !important;}
    .mrl-185_lg {margin-left: 185px !important; margin-right: 185px !important;}
    .mrl-190_lg {margin-left: 190px !important; margin-right: 190px !important;}
    .mrl-195_lg {margin-left: 195px !important; margin-right: 195px !important;}
    .mrl-200_lg {margin-left: 200px !important; margin-right: 200px !important;}

    .p-0_lg {padding: 0px !important;}

    .pt-0_lg {padding-top: 0px !important;}
    .pt-5_lg {padding-top: 5px !important;}
    .pt-10_lg {padding-top: 10px !important;}
    .pt-15_lg {padding-top: 15px !important;}
    .pt-20_lg {padding-top: 20px !important;}
    .pt-25_lg {padding-top: 25px !important;}
    .pt-30_lg {padding-top: 30px !important;}
    .pt-35_lg {padding-top: 35px !important;}
    .pt-40_lg {padding-top: 40px !important;}
    .pt-45_lg {padding-top: 45px !important;}
    .pt-50_lg {padding-top: 50px !important;}
    .pt-55_lg {padding-top: 55px !important;}
    .pt-60_lg {padding-top: 60px !important;}
    .pt-65_lg {padding-top: 65px !important;}
    .pt-70_lg {padding-top: 70px !important;}
    .pt-75_lg {padding-top: 75px !important;}
    .pt-80_lg {padding-top: 80px !important;}
    .pt-85_lg {padding-top: 85px !important;}
    .pt-90_lg {padding-top: 90px !important;}
    .pt-95_lg {padding-top: 95px !important;}
    .pt-100_lg {padding-top: 100px !important;}
    .pt-105_lg {padding-top: 105px !important;}
    .pt-110_lg {padding-top: 110px !important;}
    .pt-115_lg {padding-top: 115px !important;}
    .pt-120_lg {padding-top: 120px !important;}
    .pt-125_lg {padding-top: 125px !important;}
    .pt-130_lg {padding-top: 130px !important;}
    .pt-135_lg {padding-top: 135px !important;}
    .pt-140_lg {padding-top: 140px !important;}
    .pt-145_lg {padding-top: 145px !important;}
    .pt-150_lg {padding-top: 150px !important;}
    .pt-155_lg {padding-top: 155px !important;}
    .pt-160_lg {padding-top: 160px !important;}
    .pt-165_lg {padding-top: 165px !important;}
    .pt-170_lg {padding-top: 170px !important;}
    .pt-175_lg {padding-top: 175px !important;}
    .pt-180_lg {padding-top: 180px !important;}
    .pt-185_lg {padding-top: 185px !important;}
    .pt-190_lg {padding-top: 190px !important;}
    .pt-195_lg {padding-top: 195px !important;}
    .pt-200_lg {padding-top: 200px !important;}

    .pb-0_lg {padding-bottom: 0px !important;}
    .pb-5_lg {padding-bottom: 5px !important;}
    .pb-10_lg {padding-bottom: 10px !important;}
    .pb-15_lg {padding-bottom: 15px !important;}
    .pb-20_lg {padding-bottom: 20px !important;}
    .pb-25_lg {padding-bottom: 25px !important;}
    .pb-30_lg {padding-bottom: 30px !important;}
    .pb-35_lg {padding-bottom: 35px !important;}
    .pb-40_lg {padding-bottom: 40px !important;}
    .pb-45_lg {padding-bottom: 45px !important;}
    .pb-50_lg {padding-bottom: 50px !important;}
    .pb-55_lg {padding-bottom: 55px !important;}
    .pb-60_lg {padding-bottom: 60px !important;}
    .pb-65_lg {padding-bottom: 65px !important;}
    .pb-70_lg {padding-bottom: 70px !important;}
    .pb-75_lg {padding-bottom: 75px !important;}
    .pb-80_lg {padding-bottom: 80px !important;}
    .pb-85_lg {padding-bottom: 85px !important;}
    .pb-90_lg {padding-bottom: 90px !important;}
    .pb-95_lg {padding-bottom: 95px !important;}
    .pb-100_lg {padding-bottom: 100px !important;}
    .pb-105_lg {padding-bottom: 105px !important;}
    .pb-110_lg {padding-bottom: 110px !important;}
    .pb-115_lg {padding-bottom: 115px !important;}
    .pb-120_lg {padding-bottom: 120px !important;}
    .pb-125_lg {padding-bottom: 125px !important;}
    .pb-130_lg {padding-bottom: 130px !important;}
    .pb-135_lg {padding-bottom: 135px !important;}
    .pb-140_lg {padding-bottom: 140px !important;}
    .pb-145_lg {padding-bottom: 145px !important;}
    .pb-150_lg {padding-bottom: 150px !important;}
    .pb-155_lg {padding-bottom: 155px !important;}
    .pb-160_lg {padding-bottom: 160px !important;}
    .pb-165_lg {padding-bottom: 165px !important;}
    .pb-170_lg {padding-bottom: 170px !important;}
    .pb-175_lg {padding-bottom: 175px !important;}
    .pb-180_lg {padding-bottom: 180px !important;}
    .pb-185_lg {padding-bottom: 185px !important;}
    .pb-190_lg {padding-bottom: 190px !important;}
    .pb-195_lg {padding-bottom: 195px !important;}
    .pb-200_lg {padding-bottom: 200px !important;}

    .ptb-0_lg {padding-top: 0px !important; padding-bottom: 0px !important;}
    .ptb-5_lg {padding-top: 5px !important; padding-bottom: 5px !important;}
    .ptb-10_lg {padding-top: 10px !important; padding-bottom: 10px !important;}
    .ptb-15_lg {padding-top: 15px !important; padding-bottom: 15px !important;}
    .ptb-20_lg {padding-top: 20px !important; padding-bottom: 20px !important;}
    .ptb-25_lg {padding-top: 25px !important; padding-bottom: 25px !important;}
    .ptb-30_lg {padding-top: 30px !important; padding-bottom: 30px !important;}
    .ptb-35_lg {padding-top: 35px !important; padding-bottom: 35px !important;}
    .ptb-40_lg {padding-top: 40px !important; padding-bottom: 40px !important;}
    .ptb-45_lg {padding-top: 45px !important; padding-bottom: 45px !important;}
    .ptb-50_lg {padding-top: 50px !important; padding-bottom: 50px !important;}
    .ptb-55_lg {padding-top: 55px !important; padding-bottom: 55px !important;}
    .ptb-60_lg {padding-top: 60px !important; padding-bottom: 60px !important;}
    .ptb-65_lg {padding-top: 65px !important; padding-bottom: 65px !important;}
    .ptb-70_lg {padding-top: 70px !important; padding-bottom: 70px !important;}
    .ptb-75_lg {padding-top: 75px !important; padding-bottom: 75px !important;}
    .ptb-80_lg {padding-top: 80px !important; padding-bottom: 80px !important;}
    .ptb-85_lg {padding-top: 85px !important; padding-bottom: 85px !important;}
    .ptb-90_lg {padding-top: 90px !important; padding-bottom: 90px !important;}
    .ptb-95_lg {padding-top: 95px !important; padding-bottom: 95px !important;}
    .ptb-100_lg {padding-top: 100px !important; padding-bottom: 100px !important;}
    .ptb-105_lg {padding-top: 105px !important; padding-bottom: 105px !important;}
    .ptb-110_lg {padding-top: 110px !important; padding-bottom: 110px !important;}
    .ptb-115_lg {padding-top: 115px !important; padding-bottom: 115px !important;}
    .ptb-120_lg {padding-top: 120px !important; padding-bottom: 120px !important;}
    .ptb-125_lg {padding-top: 125px !important; padding-bottom: 125px !important;}
    .ptb-130_lg {padding-top: 130px !important; padding-bottom: 130px !important;}
    .ptb-135_lg {padding-top: 135px !important; padding-bottom: 135px !important;}
    .ptb-140_lg {padding-top: 140px !important; padding-bottom: 140px !important;}
    .ptb-145_lg {padding-top: 145px !important; padding-bottom: 145px !important;}
    .ptb-150_lg {padding-top: 150px !important; padding-bottom: 150px !important;}
    .ptb-155_lg {padding-top: 155px !important; padding-bottom: 155px !important;}
    .ptb-160_lg {padding-top: 160px !important; padding-bottom: 160px !important;}
    .ptb-165_lg {padding-top: 165px !important; padding-bottom: 165px !important;}
    .ptb-170_lg {padding-top: 170px !important; padding-bottom: 170px !important;}
    .ptb-175_lg {padding-top: 175px !important; padding-bottom: 175px !important;}
    .ptb-180_lg {padding-top: 180px !important; padding-bottom: 180px !important;}
    .ptb-185_lg {padding-top: 185px !important; padding-bottom: 185px !important;}
    .ptb-190_lg {padding-top: 190px !important; padding-bottom: 190px !important;}
    .ptb-195_lg {padding-top: 195px !important; padding-bottom: 195px !important;}
    .ptb-200_lg {padding-top: 200px !important; padding-bottom: 200px !important;}

    .pl-0_lg {padding-left: 0px !important;}
    .pl-5_lg {padding-left: 5px !important;}
    .pl-10_lg {padding-left: 10px !important;}
    .pl-15_lg {padding-left: 15px !important;}
    .pl-20_lg {padding-left: 20px !important;}
    .pl-25_lg {padding-left: 25px !important;}
    .pl-30_lg {padding-left: 30px !important;}
    .pl-35_lg {padding-left: 35px !important;}
    .pl-40_lg {padding-left: 40px !important;}
    .pl-45_lg {padding-left: 45px !important;}
    .pl-50_lg {padding-left: 50px !important;}
    .pl-55_lg {padding-left: 55px !important;}
    .pl-60_lg {padding-left: 60px !important;}
    .pl-65_lg {padding-left: 65px !important;}
    .pl-70_lg {padding-left: 70px !important;}
    .pl-75_lg {padding-left: 75px !important;}
    .pl-80_lg {padding-left: 80px !important;}
    .pl-85_lg {padding-left: 85px !important;}
    .pl-90_lg {padding-left: 90px !important;}
    .pl-95_lg {padding-left: 95px !important;}
    .pl-100_lg {padding-left: 100px !important;}
    .pl-105_lg {padding-left: 105px !important;}
    .pl-110_lg {padding-left: 110px !important;}
    .pl-115_lg {padding-left: 115px !important;}
    .pl-120_lg {padding-left: 120px !important;}
    .pl-125_lg {padding-left: 125px !important;}
    .pl-130_lg {padding-left: 130px !important;}
    .pl-135_lg {padding-left: 135px !important;}
    .pl-140_lg {padding-left: 140px !important;}
    .pl-145_lg {padding-left: 145px !important;}
    .pl-150_lg {padding-left: 150px !important;}
    .pl-155_lg {padding-left: 155px !important;}
    .pl-160_lg {padding-left: 160px !important;}
    .pl-165_lg {padding-left: 165px !important;}
    .pl-170_lg {padding-left: 170px !important;}
    .pl-175_lg {padding-left: 175px !important;}
    .pl-180_lg {padding-left: 180px !important;}
    .pl-185_lg {padding-left: 185px !important;}
    .pl-190_lg {padding-left: 190px !important;}
    .pl-195_lg {padding-left: 195px !important;}
    .pl-200_lg {padding-left: 200px !important;}

    .pr-0_lg {padding-right: 0px !important;}
    .pr-5_lg {padding-right: 5px !important;}
    .pr-10_lg {padding-right: 10px !important;}
    .pr-15_lg {padding-right: 15px !important;}
    .pr-20_lg {padding-right: 20px !important;}
    .pr-25_lg {padding-right: 25px !important;}
    .pr-30_lg {padding-right: 30px !important;}
    .pr-35_lg {padding-right: 35px !important;}
    .pr-40_lg {padding-right: 40px !important;}
    .pr-45_lg {padding-right: 45px !important;}
    .pr-50_lg {padding-right: 50px !important;}
    .pr-55_lg {padding-right: 55px !important;}
    .pr-60_lg {padding-right: 60px !important;}
    .pr-65_lg {padding-right: 65px !important;}
    .pr-70_lg {padding-right: 70px !important;}
    .pr-75_lg {padding-right: 75px !important;}
    .pr-80_lg {padding-right: 80px !important;}
    .pr-85_lg {padding-right: 85px !important;}
    .pr-90_lg {padding-right: 90px !important;}
    .pr-95_lg {padding-right: 95px !important;}
    .pr-100_lg {padding-right: 100px !important;}
    .pr-105_lg {padding-right: 105px !important;}
    .pr-110_lg {padding-right: 110px !important;}
    .pr-115_lg {padding-right: 115px !important;}
    .pr-120_lg {padding-right: 120px !important;}
    .pr-125_lg {padding-right: 125px !important;}
    .pr-130_lg {padding-right: 130px !important;}
    .pr-135_lg {padding-right: 135px !important;}
    .pr-140_lg {padding-right: 140px !important;}
    .pr-145_lg {padding-right: 145px !important;}
    .pr-150_lg {padding-right: 150px !important;}
    .pr-155_lg {padding-right: 155px !important;}
    .pr-160_lg {padding-right: 160px !important;}
    .pr-165_lg {padding-right: 165px !important;}
    .pr-170_lg {padding-right: 170px !important;}
    .pr-175_lg {padding-right: 175px !important;}
    .pr-180_lg {padding-right: 180px !important;}
    .pr-185_lg {padding-right: 185px !important;}
    .pr-190_lg {padding-right: 190px !important;}
    .pr-195_lg {padding-right: 195px !important;}
    .pr-200_lg {padding-right: 200px !important;}

    .prl-0_lg {padding-right: 0px !important; padding-left: 0px !important;}
    .prl-5_lg {padding-right: 5px !important; padding-left: 5px !important;}
    .prl-10_lg {padding-right: 10px !important; padding-left: 10px !important;}
    .prl-15_lg {padding-right: 15px !important; padding-left: 15px !important;}
    .prl-20_lg {padding-right: 20px !important; padding-left: 20px !important;}
    .prl-25_lg {padding-right: 25px !important; padding-left: 25px !important;}
    .prl-30_lg {padding-right: 30px !important; padding-left: 30px !important;}
    .prl-35_lg {padding-right: 35px !important; padding-left: 35px !important;}
    .prl-40_lg {padding-right: 40px !important; padding-left: 40px !important;}
    .prl-45_lg {padding-right: 45px !important; padding-left: 45px !important;}
    .prl-50_lg {padding-right: 50px !important; padding-left: 50px !important;}
    .prl-55_lg {padding-right: 55px !important; padding-left: 55px !important;}
    .prl-60_lg {padding-right: 60px !important; padding-left: 60px !important;}
    .prl-65_lg {padding-right: 65px !important; padding-left: 65px !important;}
    .prl-70_lg {padding-right: 70px !important; padding-left: 70px !important;}
    .prl-75_lg {padding-right: 75px !important; padding-left: 75px !important;}
    .prl-80_lg {padding-right: 80px !important; padding-left: 80px !important;}
    .prl-85_lg {padding-right: 85px !important; padding-left: 85px !important;}
    .prl-90_lg {padding-right: 90px !important; padding-left: 90px !important;}
    .prl-95_lg {padding-right: 95px !important; padding-left: 95px !important;}
    .prl-100_lg {padding-right: 100px !important; padding-left: 100px !important;}
    .prl-105_lg {padding-right: 105px !important; padding-left: 105px !important;}
    .prl-110_lg {padding-right: 110px !important; padding-left: 110px !important;}
    .prl-115_lg {padding-right: 115px !important; padding-left: 115px !important;}
    .prl-120_lg {padding-right: 120px !important; padding-left: 120px !important;}
    .prl-125_lg {padding-right: 125px !important; padding-left: 125px !important;}
    .prl-130_lg {padding-right: 130px !important; padding-left: 130px !important;}
    .prl-135_lg {padding-right: 135px !important; padding-left: 135px !important;}
    .prl-140_lg {padding-right: 140px !important; padding-left: 140px !important;}
    .prl-145_lg {padding-right: 145px !important; padding-left: 145px !important;}
    .prl-150_lg {padding-right: 150px !important; padding-left: 150px !important;}
    .prl-155_lg {padding-right: 155px !important; padding-left: 155px !important;}
    .prl-160_lg {padding-right: 160px !important; padding-left: 160px !important;}
    .prl-165_lg {padding-right: 165px !important; padding-left: 165px !important;}
    .prl-170_lg {padding-right: 170px !important; padding-left: 170px !important;}
    .prl-175_lg {padding-right: 175px !important; padding-left: 175px !important;}
    .prl-180_lg {padding-right: 180px !important; padding-left: 180px !important;}
    .prl-185_lg {padding-right: 185px !important; padding-left: 185px !important;}
    .prl-190_lg {padding-right: 190px !important; padding-left: 190px !important;}
    .prl-195_lg {padding-right: 195px !important; padding-left: 195px !important;}
    .prl-200_lg {padding-right: 200px !important; padding-left: 200px !important;}
}

@media (max-width:1200px) {
    .dis_no_xl {display: none !important;}
    .dis_blo_xl {display: block !important;}

    .m-0_xl {margin: 0px !important;}

    .mt-0_xl {margin-top: 0px !important;}
    .mt-5_xl {margin-top: 5px !important;}
    .mt-10_xl {margin-top: 10px !important;}
    .mt-15_xl {margin-top: 15px !important;}
    .mt-20_xl {margin-top: 20px !important;}
    .mt-25_xl {margin-top: 25px !important;}
    .mt-30_xl {margin-top: 30px !important;}
    .mt-35_xl {margin-top: 35px !important;}
    .mt-40_xl {margin-top: 40px !important;}
    .mt-45_xl {margin-top: 45px !important;}
    .mt-50_xl {margin-top: 50px !important;}
    .mt-55_xl {margin-top: 55px !important;}
    .mt-60_xl {margin-top: 60px !important;}
    .mt-65_xl {margin-top: 65px !important;}
    .mt-70_xl {margin-top: 70px !important;}
    .mt-75_xl {margin-top: 75px !important;}
    .mt-80_xl {margin-top: 80px !important;}
    .mt-85_xl {margin-top: 85px !important;}
    .mt-90_xl {margin-top: 90px !important;}
    .mt-95_xl {margin-top: 95px !important;}
    .mt-100_xl {margin-top: 100px !important;}
    .mt-105_xl {margin-top: 105px !important;}
    .mt-110_xl {margin-top: 110px !important;}
    .mt-115_xl {margin-top: 115px !important;}
    .mt-120_xl {margin-top: 120px !important;}
    .mt-125_xl {margin-top: 125px !important;}
    .mt-130_xl {margin-top: 130px !important;}
    .mt-135_xl {margin-top: 135px !important;}
    .mt-140_xl {margin-top: 140px !important;}
    .mt-145_xl {margin-top: 145px !important;}
    .mt-150_xl {margin-top: 150px !important;}
    .mt-155_xl {margin-top: 155px !important;}
    .mt-160_xl {margin-top: 160px !important;}
    .mt-165_xl {margin-top: 165px !important;}
    .mt-170_xl {margin-top: 170px !important;}
    .mt-175_xl {margin-top: 175px !important;}
    .mt-180_xl {margin-top: 180px !important;}
    .mt-185_xl {margin-top: 185px !important;}
    .mt-190_xl {margin-top: 190px !important;}
    .mt-195_xl {margin-top: 195px !important;}
    .mt-200_xl {margin-top: 200px !important;}

    .mb-0_xl {margin-bottom: 0px !important;}
    .mb-5_xl {margin-bottom: 5px !important;}
    .mb-10_xl {margin-bottom: 10px !important;}
    .mb-15_xl {margin-bottom: 15px !important;}
    .mb-20_xl {margin-bottom: 20px !important;}
    .mb-25_xl {margin-bottom: 25px !important;}
    .mb-30_xl {margin-bottom: 30px !important;}
    .mb-35_xl {margin-bottom: 35px !important;}
    .mb-40_xl {margin-bottom: 40px !important;}
    .mb-45_xl {margin-bottom: 45px !important;}
    .mb-50_xl {margin-bottom: 50px !important;}
    .mb-55_xl {margin-bottom: 55px !important;}
    .mb-60_xl {margin-bottom: 60px !important;}
    .mb-65_xl {margin-bottom: 65px !important;}
    .mb-70_xl {margin-bottom: 70px !important;}
    .mb-75_xl {margin-bottom: 75px !important;}
    .mb-80_xl {margin-bottom: 80px !important;}
    .mb-85_xl {margin-bottom: 85px !important;}
    .mb-90_xl {margin-bottom: 90px !important;}
    .mb-95_xl {margin-bottom: 95px !important;}
    .mb-100_xl {margin-bottom: 100px !important;}
    .mb-105_xl {margin-bottom: 105px !important;}
    .mb-110_xl {margin-bottom: 110px !important;}
    .mb-115_xl {margin-bottom: 115px !important;}
    .mb-120_xl {margin-bottom: 120px !important;}
    .mb-125_xl {margin-bottom: 125px !important;}
    .mb-130_xl {margin-bottom: 130px !important;}
    .mb-135_xl {margin-bottom: 135px !important;}
    .mb-140_xl {margin-bottom: 140px !important;}
    .mb-145_xl {margin-bottom: 145px !important;}
    .mb-150_xl {margin-bottom: 150px !important;}
    .mb-155_xl {margin-bottom: 155px !important;}
    .mb-160_xl {margin-bottom: 160px !important;}
    .mb-165_xl {margin-bottom: 165px !important;}
    .mb-170_xl {margin-bottom: 170px !important;}
    .mb-175_xl {margin-bottom: 175px !important;}
    .mb-180_xl {margin-bottom: 180px !important;}
    .mb-185_xl {margin-bottom: 185px !important;}
    .mb-190_xl {margin-bottom: 190px !important;}
    .mb-195_xl {margin-bottom: 195px !important;}
    .mb-200_xl {margin-bottom: 200px !important;}

    .mtb-0_xl {margin-top: 0px !important; margin-bottom: 0px !important;}
    .mtb-5_xl {margin-top: 5px !important; margin-bottom: 5px !important;}
    .mtb-10_xl {margin-top: 10px !important; margin-bottom: 10px !important;}
    .mtb-15_xl {margin-top: 15px !important; margin-bottom: 15px !important;}
    .mtb-20_xl {margin-top: 20px !important; margin-bottom: 20px !important;}
    .mtb-25_xl {margin-top: 25px !important; margin-bottom: 25px !important;}
    .mtb-30_xl {margin-top: 30px !important; margin-bottom: 30px !important;}
    .mtb-35_xl {margin-top: 35px !important; margin-bottom: 35px !important;}
    .mtb-40_xl {margin-top: 40px !important; margin-bottom: 40px !important;}
    .mtb-45_xl {margin-top: 45px !important; margin-bottom: 45px !important;}
    .mtb-50_xl {margin-top: 50px !important; margin-bottom: 50px !important;}
    .mtb-55_xl {margin-top: 55px !important; margin-bottom: 55px !important;}
    .mtb-60_xl {margin-top: 60px !important; margin-bottom: 60px !important;}
    .mtb-65_xl {margin-top: 65px !important; margin-bottom: 65px !important;}
    .mtb-70_xl {margin-top: 70px !important; margin-bottom: 70px !important;}
    .mtb-75_xl {margin-top: 75px !important; margin-bottom: 75px !important;}
    .mtb-80_xl {margin-top: 80px !important; margin-bottom: 80px !important;}
    .mtb-85_xl {margin-top: 85px !important; margin-bottom: 85px !important;}
    .mtb-90_xl {margin-top: 90px !important; margin-bottom: 90px !important;}
    .mtb-95_xl {margin-top: 95px !important; margin-bottom: 95px !important;}
    .mtb-100_xl {margin-top: 100px !important; margin-bottom: 100px !important;}
    .mtb-105_xl {margin-top: 105px !important; margin-bottom: 105px !important;}
    .mtb-110_xl {margin-top: 110px !important; margin-bottom: 110px !important;}
    .mtb-115_xl {margin-top: 115px !important; margin-bottom: 115px !important;}
    .mtb-120_xl {margin-top: 120px !important; margin-bottom: 120px !important;}
    .mtb-125_xl {margin-top: 125px !important; margin-bottom: 125px !important;}
    .mtb-130_xl {margin-top: 130px !important; margin-bottom: 130px !important;}
    .mtb-135_xl {margin-top: 135px !important; margin-bottom: 135px !important;}
    .mtb-140_xl {margin-top: 140px !important; margin-bottom: 140px !important;}
    .mtb-145_xl {margin-top: 145px !important; margin-bottom: 145px !important;}
    .mtb-150_xl {margin-top: 150px !important; margin-bottom: 150px !important;}
    .mtb-155_xl {margin-top: 155px !important; margin-bottom: 155px !important;}
    .mtb-160_xl {margin-top: 160px !important; margin-bottom: 160px !important;}
    .mtb-165_xl {margin-top: 165px !important; margin-bottom: 165px !important;}
    .mtb-170_xl {margin-top: 170px !important; margin-bottom: 170px !important;}
    .mtb-175_xl {margin-top: 175px !important; margin-bottom: 175px !important;}
    .mtb-180_xl {margin-top: 180px !important; margin-bottom: 180px !important;}
    .mtb-185_xl {margin-top: 185px !important; margin-bottom: 185px !important;}
    .mtb-190_xl {margin-top: 190px !important; margin-bottom: 190px !important;}
    .mtb-195_xl {margin-top: 195px !important; margin-bottom: 195px !important;}
    .mtb-200_xl {margin-top: 200px !important; margin-bottom: 200px !important;}

    .ml-0_xl {margin-left: 0px !important;}
    .ml-5_xl {margin-left: 5px !important;}
    .ml-10_xl {margin-left: 10px !important;}
    .ml-15_xl {margin-left: 15px !important;}
    .ml-20_xl {margin-left: 20px !important;}
    .ml-25_xl {margin-left: 25px !important;}
    .ml-30_xl {margin-left: 30px !important;}
    .ml-35_xl {margin-left: 35px !important;}
    .ml-40_xl {margin-left: 40px !important;}
    .ml-45_xl {margin-left: 45px !important;}
    .ml-50_xl {margin-left: 50px !important;}
    .ml-55_xl {margin-left: 55px !important;}
    .ml-60_xl {margin-left: 60px !important;}
    .ml-65_xl {margin-left: 65px !important;}
    .ml-70_xl {margin-left: 70px !important;}
    .ml-75_xl {margin-left: 75px !important;}
    .ml-80_xl {margin-left: 80px !important;}
    .ml-85_xl {margin-left: 85px !important;}
    .ml-90_xl {margin-left: 90px !important;}
    .ml-95_xl {margin-left: 95px !important;}
    .ml-100_xl {margin-left: 100px !important;}
    .ml-105_xl {margin-left: 105px !important;}
    .ml-110_xl {margin-left: 110px !important;}
    .ml-115_xl {margin-left: 115px !important;}
    .ml-120_xl {margin-left: 120px !important;}
    .ml-125_xl {margin-left: 125px !important;}
    .ml-130_xl {margin-left: 130px !important;}
    .ml-135_xl {margin-left: 135px !important;}
    .ml-140_xl {margin-left: 140px !important;}
    .ml-145_xl {margin-left: 145px !important;}
    .ml-150_xl {margin-left: 150px !important;}
    .ml-155_xl {margin-left: 155px !important;}
    .ml-160_xl {margin-left: 160px !important;}
    .ml-165_xl {margin-left: 165px !important;}
    .ml-170_xl {margin-left: 170px !important;}
    .ml-175_xl {margin-left: 175px !important;}
    .ml-180_xl {margin-left: 180px !important;}
    .ml-185_xl {margin-left: 185px !important;}
    .ml-190_xl {margin-left: 190px !important;}
    .ml-195_xl {margin-left: 195px !important;}
    .ml-200_xl {margin-left: 200px !important;}

    .mr-0_xl {margin-right: 0px !important;}
    .mr-5_xl {margin-right: 5px !important;}
    .mr-10_xl {margin-right: 10px !important;}
    .mr-15_xl {margin-right: 15px !important;}
    .mr-20_xl {margin-right: 20px !important;}
    .mr-25_xl {margin-right: 25px !important;}
    .mr-30_xl {margin-right: 30px !important;}
    .mr-35_xl {margin-right: 35px !important;}
    .mr-40_xl {margin-right: 40px !important;}
    .mr-45_xl {margin-right: 45px !important;}
    .mr-50_xl {margin-right: 50px !important;}
    .mr-55_xl {margin-right: 55px !important;}
    .mr-60_xl {margin-right: 60px !important;}
    .mr-65_xl {margin-right: 65px !important;}
    .mr-70_xl {margin-right: 70px !important;}
    .mr-75_xl {margin-right: 75px !important;}
    .mr-80_xl {margin-right: 80px !important;}
    .mr-85_xl {margin-right: 85px !important;}
    .mr-90_xl {margin-right: 90px !important;}
    .mr-95_xl {margin-right: 95px !important;}
    .mr-100_xl {margin-right: 100px !important;}
    .mr-105_xl {margin-right: 105px !important;}
    .mr-110_xl {margin-right: 110px !important;}
    .mr-115_xl {margin-right: 115px !important;}
    .mr-120_xl {margin-right: 120px !important;}
    .mr-125_xl {margin-right: 125px !important;}
    .mr-130_xl {margin-right: 130px !important;}
    .mr-135_xl {margin-right: 135px !important;}
    .mr-140_xl {margin-right: 140px !important;}
    .mr-145_xl {margin-right: 145px !important;}
    .mr-150_xl {margin-right: 150px !important;}
    .mr-155_xl {margin-right: 155px !important;}
    .mr-160_xl {margin-right: 160px !important;}
    .mr-165_xl {margin-right: 165px !important;}
    .mr-170_xl {margin-right: 170px !important;}
    .mr-175_xl {margin-right: 175px !important;}
    .mr-180_xl {margin-right: 180px !important;}
    .mr-185_xl {margin-right: 185px !important;}
    .mr-190_xl {margin-right: 190px !important;}
    .mr-195_xl {margin-right: 195px !important;}
    .mr-200_xl {margin-right: 200px !important;}

    .mrl-0_xl {margin-left: 0px !important; margin-right: 0px !important;}
    .mrl-5_xl {margin-left: 5px !important; margin-right: 5px !important;}
    .mrl-10_xl {margin-left: 10px !important; margin-right: 10px !important;}
    .mrl-15_xl {margin-left: 15px !important; margin-right: 15px !important;}
    .mrl-20_xl {margin-left: 20px !important; margin-right: 20px !important;}
    .mrl-25_xl {margin-left: 25px !important; margin-right: 25px !important;}
    .mrl-30_xl {margin-left: 30px !important; margin-right: 30px !important;}
    .mrl-35_xl {margin-left: 35px !important; margin-right: 35px !important;}
    .mrl-40_xl {margin-left: 40px !important; margin-right: 40px !important;}
    .mrl-45_xl {margin-left: 45px !important; margin-right: 45px !important;}
    .mrl-50_xl {margin-left: 50px !important; margin-right: 50px !important;}
    .mrl-55_xl {margin-left: 55px !important; margin-right: 55px !important;}
    .mrl-60_xl {margin-left: 60px !important; margin-right: 60px !important;}
    .mrl-65_xl {margin-left: 65px !important; margin-right: 65px !important;}
    .mrl-70_xl {margin-left: 70px !important; margin-right: 70px !important;}
    .mrl-75_xl {margin-left: 75px !important; margin-right: 75px !important;}
    .mrl-80_xl {margin-left: 80px !important; margin-right: 80px !important;}
    .mrl-85_xl {margin-left: 85px !important; margin-right: 85px !important;}
    .mrl-90_xl {margin-left: 90px !important; margin-right: 90px !important;}
    .mrl-95_xl {margin-left: 95px !important; margin-right: 95px !important;}
    .mrl-100_xl {margin-left: 100px !important; margin-right: 100px !important;}
    .mrl-105_xl {margin-left: 105px !important; margin-right: 105px !important;}
    .mrl-110_xl {margin-left: 110px !important; margin-right: 110px !important;}
    .mrl-115_xl {margin-left: 115px !important; margin-right: 115px !important;}
    .mrl-120_xl {margin-left: 120px !important; margin-right: 120px !important;}
    .mrl-125_xl {margin-left: 125px !important; margin-right: 125px !important;}
    .mrl-130_xl {margin-left: 130px !important; margin-right: 130px !important;}
    .mrl-135_xl {margin-left: 135px !important; margin-right: 135px !important;}
    .mrl-140_xl {margin-left: 140px !important; margin-right: 140px !important;}
    .mrl-145_xl {margin-left: 145px !important; margin-right: 145px !important;}
    .mrl-150_xl {margin-left: 150px !important; margin-right: 150px !important;}
    .mrl-155_xl {margin-left: 155px !important; margin-right: 155px !important;}
    .mrl-160_xl {margin-left: 160px !important; margin-right: 160px !important;}
    .mrl-165_xl {margin-left: 165px !important; margin-right: 165px !important;}
    .mrl-170_xl {margin-left: 170px !important; margin-right: 170px !important;}
    .mrl-175_xl {margin-left: 175px !important; margin-right: 175px !important;}
    .mrl-180_xl {margin-left: 180px !important; margin-right: 180px !important;}
    .mrl-185_xl {margin-left: 185px !important; margin-right: 185px !important;}
    .mrl-190_xl {margin-left: 190px !important; margin-right: 190px !important;}
    .mrl-195_xl {margin-left: 195px !important; margin-right: 195px !important;}
    .mrl-200_xl {margin-left: 200px !important; margin-right: 200px !important;}

    .p-0_xl {padding: 0px !important;}

    .pt-0_xl {padding-top: 0px !important;}
    .pt-5_xl {padding-top: 5px !important;}
    .pt-10_xl {padding-top: 10px !important;}
    .pt-15_xl {padding-top: 15px !important;}
    .pt-20_xl {padding-top: 20px !important;}
    .pt-25_xl {padding-top: 25px !important;}
    .pt-30_xl {padding-top: 30px !important;}
    .pt-35_xl {padding-top: 35px !important;}
    .pt-40_xl {padding-top: 40px !important;}
    .pt-45_xl {padding-top: 45px !important;}
    .pt-50_xl {padding-top: 50px !important;}
    .pt-55_xl {padding-top: 55px !important;}
    .pt-60_xl {padding-top: 60px !important;}
    .pt-65_xl {padding-top: 65px !important;}
    .pt-70_xl {padding-top: 70px !important;}
    .pt-75_xl {padding-top: 75px !important;}
    .pt-80_xl {padding-top: 80px !important;}
    .pt-85_xl {padding-top: 85px !important;}
    .pt-90_xl {padding-top: 90px !important;}
    .pt-95_xl {padding-top: 95px !important;}
    .pt-100_xl {padding-top: 100px !important;}
    .pt-105_xl {padding-top: 105px !important;}
    .pt-110_xl {padding-top: 110px !important;}
    .pt-115_xl {padding-top: 115px !important;}
    .pt-120_xl {padding-top: 120px !important;}
    .pt-125_xl {padding-top: 125px !important;}
    .pt-130_xl {padding-top: 130px !important;}
    .pt-135_xl {padding-top: 135px !important;}
    .pt-140_xl {padding-top: 140px !important;}
    .pt-145_xl {padding-top: 145px !important;}
    .pt-150_xl {padding-top: 150px !important;}
    .pt-155_xl {padding-top: 155px !important;}
    .pt-160_xl {padding-top: 160px !important;}
    .pt-165_xl {padding-top: 165px !important;}
    .pt-170_xl {padding-top: 170px !important;}
    .pt-175_xl {padding-top: 175px !important;}
    .pt-180_xl {padding-top: 180px !important;}
    .pt-185_xl {padding-top: 185px !important;}
    .pt-190_xl {padding-top: 190px !important;}
    .pt-195_xl {padding-top: 195px !important;}
    .pt-200_xl {padding-top: 200px !important;}

    .pb-0_xl {padding-bottom: 0px !important;}
    .pb-5_xl {padding-bottom: 5px !important;}
    .pb-10_xl {padding-bottom: 10px !important;}
    .pb-15_xl {padding-bottom: 15px !important;}
    .pb-20_xl {padding-bottom: 20px !important;}
    .pb-25_xl {padding-bottom: 25px !important;}
    .pb-30_xl {padding-bottom: 30px !important;}
    .pb-35_xl {padding-bottom: 35px !important;}
    .pb-40_xl {padding-bottom: 40px !important;}
    .pb-45_xl {padding-bottom: 45px !important;}
    .pb-50_xl {padding-bottom: 50px !important;}
    .pb-55_xl {padding-bottom: 55px !important;}
    .pb-60_xl {padding-bottom: 60px !important;}
    .pb-65_xl {padding-bottom: 65px !important;}
    .pb-70_xl {padding-bottom: 70px !important;}
    .pb-75_xl {padding-bottom: 75px !important;}
    .pb-80_xl {padding-bottom: 80px !important;}
    .pb-85_xl {padding-bottom: 85px !important;}
    .pb-90_xl {padding-bottom: 90px !important;}
    .pb-95_xl {padding-bottom: 95px !important;}
    .pb-100_xl {padding-bottom: 100px !important;}
    .pb-105_xl {padding-bottom: 105px !important;}
    .pb-110_xl {padding-bottom: 110px !important;}
    .pb-115_xl {padding-bottom: 115px !important;}
    .pb-120_xl {padding-bottom: 120px !important;}
    .pb-125_xl {padding-bottom: 125px !important;}
    .pb-130_xl {padding-bottom: 130px !important;}
    .pb-135_xl {padding-bottom: 135px !important;}
    .pb-140_xl {padding-bottom: 140px !important;}
    .pb-145_xl {padding-bottom: 145px !important;}
    .pb-150_xl {padding-bottom: 150px !important;}
    .pb-155_xl {padding-bottom: 155px !important;}
    .pb-160_xl {padding-bottom: 160px !important;}
    .pb-165_xl {padding-bottom: 165px !important;}
    .pb-170_xl {padding-bottom: 170px !important;}
    .pb-175_xl {padding-bottom: 175px !important;}
    .pb-180_xl {padding-bottom: 180px !important;}
    .pb-185_xl {padding-bottom: 185px !important;}
    .pb-190_xl {padding-bottom: 190px !important;}
    .pb-195_xl {padding-bottom: 195px !important;}
    .pb-200_xl {padding-bottom: 200px !important;}

    .ptb-0_xl {padding-top: 0px !important; padding-bottom: 0px !important;}
    .ptb-5_xl {padding-top: 5px !important; padding-bottom: 5px !important;}
    .ptb-10_xl {padding-top: 10px !important; padding-bottom: 10px !important;}
    .ptb-15_xl {padding-top: 15px !important; padding-bottom: 15px !important;}
    .ptb-20_xl {padding-top: 20px !important; padding-bottom: 20px !important;}
    .ptb-25_xl {padding-top: 25px !important; padding-bottom: 25px !important;}
    .ptb-30_xl {padding-top: 30px !important; padding-bottom: 30px !important;}
    .ptb-35_xl {padding-top: 35px !important; padding-bottom: 35px !important;}
    .ptb-40_xl {padding-top: 40px !important; padding-bottom: 40px !important;}
    .ptb-45_xl {padding-top: 45px !important; padding-bottom: 45px !important;}
    .ptb-50_xl {padding-top: 50px !important; padding-bottom: 50px !important;}
    .ptb-55_xl {padding-top: 55px !important; padding-bottom: 55px !important;}
    .ptb-60_xl {padding-top: 60px !important; padding-bottom: 60px !important;}
    .ptb-65_xl {padding-top: 65px !important; padding-bottom: 65px !important;}
    .ptb-70_xl {padding-top: 70px !important; padding-bottom: 70px !important;}
    .ptb-75_xl {padding-top: 75px !important; padding-bottom: 75px !important;}
    .ptb-80_xl {padding-top: 80px !important; padding-bottom: 80px !important;}
    .ptb-85_xl {padding-top: 85px !important; padding-bottom: 85px !important;}
    .ptb-90_xl {padding-top: 90px !important; padding-bottom: 90px !important;}
    .ptb-95_xl {padding-top: 95px !important; padding-bottom: 95px !important;}
    .ptb-100_xl {padding-top: 100px !important; padding-bottom: 100px !important;}
    .ptb-105_xl {padding-top: 105px !important; padding-bottom: 105px !important;}
    .ptb-110_xl {padding-top: 110px !important; padding-bottom: 110px !important;}
    .ptb-115_xl {padding-top: 115px !important; padding-bottom: 115px !important;}
    .ptb-120_xl {padding-top: 120px !important; padding-bottom: 120px !important;}
    .ptb-125_xl {padding-top: 125px !important; padding-bottom: 125px !important;}
    .ptb-130_xl {padding-top: 130px !important; padding-bottom: 130px !important;}
    .ptb-135_xl {padding-top: 135px !important; padding-bottom: 135px !important;}
    .ptb-140_xl {padding-top: 140px !important; padding-bottom: 140px !important;}
    .ptb-145_xl {padding-top: 145px !important; padding-bottom: 145px !important;}
    .ptb-150_xl {padding-top: 150px !important; padding-bottom: 150px !important;}
    .ptb-155_xl {padding-top: 155px !important; padding-bottom: 155px !important;}
    .ptb-160_xl {padding-top: 160px !important; padding-bottom: 160px !important;}
    .ptb-165_xl {padding-top: 165px !important; padding-bottom: 165px !important;}
    .ptb-170_xl {padding-top: 170px !important; padding-bottom: 170px !important;}
    .ptb-175_xl {padding-top: 175px !important; padding-bottom: 175px !important;}
    .ptb-180_xl {padding-top: 180px !important; padding-bottom: 180px !important;}
    .ptb-185_xl {padding-top: 185px !important; padding-bottom: 185px !important;}
    .ptb-190_xl {padding-top: 190px !important; padding-bottom: 190px !important;}
    .ptb-195_xl {padding-top: 195px !important; padding-bottom: 195px !important;}
    .ptb-200_xl {padding-top: 200px !important; padding-bottom: 200px !important;}

    .pl-0_xl {padding-left: 0px !important;}
    .pl-5_xl {padding-left: 5px !important;}
    .pl-10_xl {padding-left: 10px !important;}
    .pl-15_xl {padding-left: 15px !important;}
    .pl-20_xl {padding-left: 20px !important;}
    .pl-25_xl {padding-left: 25px !important;}
    .pl-30_xl {padding-left: 30px !important;}
    .pl-35_xl {padding-left: 35px !important;}
    .pl-40_xl {padding-left: 40px !important;}
    .pl-45_xl {padding-left: 45px !important;}
    .pl-50_xl {padding-left: 50px !important;}
    .pl-55_xl {padding-left: 55px !important;}
    .pl-60_xl {padding-left: 60px !important;}
    .pl-65_xl {padding-left: 65px !important;}
    .pl-70_xl {padding-left: 70px !important;}
    .pl-75_xl {padding-left: 75px !important;}
    .pl-80_xl {padding-left: 80px !important;}
    .pl-85_xl {padding-left: 85px !important;}
    .pl-90_xl {padding-left: 90px !important;}
    .pl-95_xl {padding-left: 95px !important;}
    .pl-100_xl {padding-left: 100px !important;}
    .pl-105_xl {padding-left: 105px !important;}
    .pl-110_xl {padding-left: 110px !important;}
    .pl-115_xl {padding-left: 115px !important;}
    .pl-120_xl {padding-left: 120px !important;}
    .pl-125_xl {padding-left: 125px !important;}
    .pl-130_xl {padding-left: 130px !important;}
    .pl-135_xl {padding-left: 135px !important;}
    .pl-140_xl {padding-left: 140px !important;}
    .pl-145_xl {padding-left: 145px !important;}
    .pl-150_xl {padding-left: 150px !important;}
    .pl-155_xl {padding-left: 155px !important;}
    .pl-160_xl {padding-left: 160px !important;}
    .pl-165_xl {padding-left: 165px !important;}
    .pl-170_xl {padding-left: 170px !important;}
    .pl-175_xl {padding-left: 175px !important;}
    .pl-180_xl {padding-left: 180px !important;}
    .pl-185_xl {padding-left: 185px !important;}
    .pl-190_xl {padding-left: 190px !important;}
    .pl-195_xl {padding-left: 195px !important;}
    .pl-200_xl {padding-left: 200px !important;}

    .pr-0_xl {padding-right: 0px !important;}
    .pr-5_xl {padding-right: 5px !important;}
    .pr-10_xl {padding-right: 10px !important;}
    .pr-15_xl {padding-right: 15px !important;}
    .pr-20_xl {padding-right: 20px !important;}
    .pr-25_xl {padding-right: 25px !important;}
    .pr-30_xl {padding-right: 30px !important;}
    .pr-35_xl {padding-right: 35px !important;}
    .pr-40_xl {padding-right: 40px !important;}
    .pr-45_xl {padding-right: 45px !important;}
    .pr-50_xl {padding-right: 50px !important;}
    .pr-55_xl {padding-right: 55px !important;}
    .pr-60_xl {padding-right: 60px !important;}
    .pr-65_xl {padding-right: 65px !important;}
    .pr-70_xl {padding-right: 70px !important;}
    .pr-75_xl {padding-right: 75px !important;}
    .pr-80_xl {padding-right: 80px !important;}
    .pr-85_xl {padding-right: 85px !important;}
    .pr-90_xl {padding-right: 90px !important;}
    .pr-95_xl {padding-right: 95px !important;}
    .pr-100_xl {padding-right: 100px !important;}
    .pr-105_xl {padding-right: 105px !important;}
    .pr-110_xl {padding-right: 110px !important;}
    .pr-115_xl {padding-right: 115px !important;}
    .pr-120_xl {padding-right: 120px !important;}
    .pr-125_xl {padding-right: 125px !important;}
    .pr-130_xl {padding-right: 130px !important;}
    .pr-135_xl {padding-right: 135px !important;}
    .pr-140_xl {padding-right: 140px !important;}
    .pr-145_xl {padding-right: 145px !important;}
    .pr-150_xl {padding-right: 150px !important;}
    .pr-155_xl {padding-right: 155px !important;}
    .pr-160_xl {padding-right: 160px !important;}
    .pr-165_xl {padding-right: 165px !important;}
    .pr-170_xl {padding-right: 170px !important;}
    .pr-175_xl {padding-right: 175px !important;}
    .pr-180_xl {padding-right: 180px !important;}
    .pr-185_xl {padding-right: 185px !important;}
    .pr-190_xl {padding-right: 190px !important;}
    .pr-195_xl {padding-right: 195px !important;}
    .pr-200_xl {padding-right: 200px !important;}

    .prl-0_xl {padding-right: 0px !important; padding-left: 0px !important;}
    .prl-5_xl {padding-right: 5px !important; padding-left: 5px !important;}
    .prl-10_xl {padding-right: 10px !important; padding-left: 10px !important;}
    .prl-15_xl {padding-right: 15px !important; padding-left: 15px !important;}
    .prl-20_xl {padding-right: 20px !important; padding-left: 20px !important;}
    .prl-25_xl {padding-right: 25px !important; padding-left: 25px !important;}
    .prl-30_xl {padding-right: 30px !important; padding-left: 30px !important;}
    .prl-35_xl {padding-right: 35px !important; padding-left: 35px !important;}
    .prl-40_xl {padding-right: 40px !important; padding-left: 40px !important;}
    .prl-45_xl {padding-right: 45px !important; padding-left: 45px !important;}
    .prl-50_xl {padding-right: 50px !important; padding-left: 50px !important;}
    .prl-55_xl {padding-right: 55px !important; padding-left: 55px !important;}
    .prl-60_xl {padding-right: 60px !important; padding-left: 60px !important;}
    .prl-65_xl {padding-right: 65px !important; padding-left: 65px !important;}
    .prl-70_xl {padding-right: 70px !important; padding-left: 70px !important;}
    .prl-75_xl {padding-right: 75px !important; padding-left: 75px !important;}
    .prl-80_xl {padding-right: 80px !important; padding-left: 80px !important;}
    .prl-85_xl {padding-right: 85px !important; padding-left: 85px !important;}
    .prl-90_xl {padding-right: 90px !important; padding-left: 90px !important;}
    .prl-95_xl {padding-right: 95px !important; padding-left: 95px !important;}
    .prl-100_xl {padding-right: 100px !important; padding-left: 100px !important;}
    .prl-105_xl {padding-right: 105px !important; padding-left: 105px !important;}
    .prl-110_xl {padding-right: 110px !important; padding-left: 110px !important;}
    .prl-115_xl {padding-right: 115px !important; padding-left: 115px !important;}
    .prl-120_xl {padding-right: 120px !important; padding-left: 120px !important;}
    .prl-125_xl {padding-right: 125px !important; padding-left: 125px !important;}
    .prl-130_xl {padding-right: 130px !important; padding-left: 130px !important;}
    .prl-135_xl {padding-right: 135px !important; padding-left: 135px !important;}
    .prl-140_xl {padding-right: 140px !important; padding-left: 140px !important;}
    .prl-145_xl {padding-right: 145px !important; padding-left: 145px !important;}
    .prl-150_xl {padding-right: 150px !important; padding-left: 150px !important;}
    .prl-155_xl {padding-right: 155px !important; padding-left: 155px !important;}
    .prl-160_xl {padding-right: 160px !important; padding-left: 160px !important;}
    .prl-165_xl {padding-right: 165px !important; padding-left: 165px !important;}
    .prl-170_xl {padding-right: 170px !important; padding-left: 170px !important;}
    .prl-175_xl {padding-right: 175px !important; padding-left: 175px !important;}
    .prl-180_xl {padding-right: 180px !important; padding-left: 180px !important;}
    .prl-185_xl {padding-right: 185px !important; padding-left: 185px !important;}
    .prl-190_xl {padding-right: 190px !important; padding-left: 190px !important;}
    .prl-195_xl {padding-right: 195px !important; padding-left: 195px !important;}
    .prl-200_xl {padding-right: 200px !important; padding-left: 200px !important;}
}

.fs-14{
	font-size: 14px;
}


.store_table thead, .store_table tbody .type, .store_table tbody .name, .store_table tbody .link{
	white-space: nowrap;
}

.cart_icon{
	position: relative;
}

.cart_icon .buys{
	background-color: var(--gray10);
	top: -0.8rem;
	right: -0.8rem;
	width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    font-size: .7rem;
    line-height: 1.2rem;
    letter-spacing: 0;
    text-align: center;
    color: var(--blue);
    position: absolute;
}

.store_form input, .op input{
	width: 1rem;
    height: 1rem;
    line-height: 1rem;
    margin-right: 10px;
    display: inline-grid;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #ddd;
    text-align: center;
	margin-top: -2px;
}

.optis input, .country.dt input{
	width: 1rem;
    height: 1rem;
    line-height: 1rem;
    margin-right: 5px;
    display: inline-grid;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #ced2d6;
    text-align: center;
	margin-top: -2px;
	border-radius: 10px;
}

.list_img{
	position: relative;
	width: 100%; /* 固定寬度 */
}

.list_img:after {
  content: "";
  display: block;
  padding-bottom: 100%; /*padding取決於寬度，這裡設定padding-bottom: 100%就可以得到正方形*/
}

.list_img img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; /*將圖片大小固定為父類div的大小*/
  width: 100%; 
  height: 100%;
  object-fit: cover; /* 相當於 background-size: cover; of a background-image */
  object-position: center;
}

.cook_label{
	display: inherit !important;
	margin-left: 5px;
}

.add_table{
	margin-bottom: 20px !important;
}

.add_table .add_title{
	border-bottom: 0px !important;
	text-align: left !important;
}

.add_table input#main{
	min-height: 25px !important;
	width: 25px !important;
}

.add_table .add_address{
	vertical-align: top;
	color: #000;
}

.add_table .btn_edit, .add_table .btn_del{
	font-size: 15px;
	padding: 10px 20px;
	font-weight: normal;
	width: 120px;
	background: #1fbccd;
	border-radius: 100px;
	text-align: center;
	color: #fff;
}

.add_table .btn_edit{
	background: #0070a0;
	margin-top: 10px;
}

.add_table td{
	padding-bottom: 20px !important;
}

.add_fill select, .add_fill .col_text input{
	margin: 0px !important;
	border-radius: 10px !important;
	border: 2px solid #e2e2e2 !important;
	width: 110px !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

.add_fill .col_text input{
	padding-top: 7px !important;
	padding-bottom: 7px !important;
	margin-top: 10px !important;
}

.add_fill .col_select .add_fill input{
	margin: 0px !important;
	border-radius: 10px !important;
	border: 2px solid #e2e2e2 !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

#personal_address .col_text .col_r{
	background: none !important;
}

#personal_address .col_text input{
	width: 100% !important;
}

input[type='submit'].add_send{
	font-size: 15px;
	padding: 10px 0px;
	font-weight: normal;
	width: 170px;
	background: #0070a0;
	border-radius: 100px;
	text-align: center;
	color: #fff;
}

.blue_table_title{
	display: block !important;
	color: #fff;
	background: #1fbccd;
	font-size: 14px;
	padding: 15px 30px;
	border-radius: 18px;
	
}

.fc_black{
	color: #000 !important;
}

.fc_light_grey{
	color: #cacaca !important;
}

.goods_grid {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr;
}
.goods_grid .grid_left_top, .goods_grid .grid_right, .goods_grid .grid_left_bottom{
    background-color: #fff;
    border-radius: 20px;
}

.goods_grid .grid_left_top {
    grid-column: 1 / 2;
    grid-row: 1;
}

.goods_grid .grid_left_bottom {
    grid-column: 1 ;
    grid-row: 2 ;
}

.goods_grid .grid_right {
    grid-column: 2 ;
    grid-row: 1 / 3;
}

@media only screen and (max-width: 1000px) {
    .goods_grid .grid_left_top {
        grid-column: 1 / 3;
        grid-row: 1;
    }

    .goods_grid .grid_left_bottom {
        grid-column: 1 / 3;
        grid-row: 2 ;
    }

    .goods_grid .grid_right {
        grid-column: 1 / 3;
        grid-row: 3;
    }
}
.limit_discounts{
    background: #d7000f;
    border-radius: 100px;
    font-size: 16px;
    padding: 0 10px 1px 10px;
    margin-left: 5px;
    color: #fff;
    vertical-align: 3px;
}

.limit_discounts_s{
    background: #d7000f;
    border-radius: 100px;
    font-size: 12px;
    padding: 0 7px 1px 7px;
	margin-bottom: 2px;
    color: #fff;
	white-space:nowrap;
}

.addpro_slider .slick-prev, .addpro_slider .slick-next{
	top: 30%;
	z-index: 999;
	width: 30px;
	height: 30px;
}
.addpro_slider .slick-prev{
	left: 15px;	
}
.addpro_slider .slick-next{
	right: 15px;
}
.addpro_slider .slick-prev:before, .addpro_slider .slick-next:before{
	font-size: 30px;
    color: var(--blue);
}
.addpro_slider .item{
	padding-right: 10px;
	padding-left: 10px;
}

.addpro_slider .addcart{
	color: #fff;
	width: 100%;
	text-align: center;
	margin-top: 15px;
}

.addpro_slider .sug{
	height: 25.6px;
	display: block;
}
.addpro_slider .h4{
	font-size: 22px;
}
.addpro_slider .cost{
	font-size: 26px;
	line-height: 42px;
}
.addpro_slider .list_img{
	margin-bottom: 15px;
}

/* connect custom */
#kefu {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 999;
  width: 60px;
  height: 60px;
}
#kefu .topBtn {
  width: 60px;
  height: 60px;
  background-color: var(--blue);
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url("../images/fish-bubble.svg");
}
#kefu .topBtn:active {
  background: var(--blue-darker);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url("../images/fish-bubble.svg");
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0.8;
  }
  30% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    opacity: 0.9;
  }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 1;
  }
  85% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0.8;
  }
  30% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    opacity: 0.9;
  }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 1;
  }
  85% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}
#kefu span {
  width: 60px;
  height: 60px;
  background-color: #f2f2f2;
  position: absolute;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
}
#kefu span.kefu_line {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  z-index: -1;
}
#kefu span.kefu_line:hover .eweima, #kefu span.kefu_facebook:hover .eweima {
  display: block;
}
#kefu span.kefu_line .eweima, #kefu span.kefu_facebook .eweima {
  position: absolute;
  right: 0;
  bottom: 70px;
  padding: 10px;
  background: #06C755;
  width: 120px;
  height: 170px;
}
#kefu span.kefu_line .eweima img, #kefu span.kefu_facebook .eweima img {
  width: 120px;
  height: 120px;
  display: block;
}
#kefu span.kefu_line .eweima small, #kefu span.kefu_facebook .eweima small {
  padding-top: 10px;
  font-style: normal;
  font-style: 14px;
  text-align: center;
  color: #fff;
  display: block;
}
#kefu span.kefu_facebook {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  z-index: -1;
}
#kefu span.other {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  z-index: -1;
}
#kefu span.other:hover .tel {
  display: block;
}
#kefu span.other .tel {
  position: absolute;
  right: 70px;
  bottom: 0;
  width: 120px;
  height: 76px;
  padding: 10px 10px 0 10px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 14px;
	text-align: center
}
#kefu span.other .tel dt {
  /*font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;*/
}
#kefu span.other .tel dd {
  font-size: 14px;
}
#kefu .eweima,
#kefu .tel {
  display: none;
}
#showKfList:checked + label {
  background:  var(--blue-darker);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url("../images/fish-bubble.svg");
}
#showKfList:checked ~ span.kefu_line {
  -webkit-transform: translate(0, -70px);
  transform: translate(0, -70px);
  background-color: #3cb035;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url('../images/line.svg');
}
#showKfList:checked ~ span.kefu_facebook {
  -webkit-transform: translate(-70px, -70px);
  transform: translate(-70px, -70px);
  background-color: #0866ff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-image: url('../images/facebook.svg');
}
#showKfList:checked ~ span.other {
  -webkit-transform: translate(-70px, 0);
  transform: translate(-70px, 0);
	background-color: #1EBDCE;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-image: url('../images/phone-call.svg');
}
#kefu .kefu_line a, #kefu .kefu_facebook a, #kefu .other a{
	display: block;
	width: 60px;
	height: 60px;
}
#showKfList {
  width: 60px;
  height: 60px;
  display: none;
}
dt{
	font-weight: normal;
}

.giveaway{
    width: 100%;
    float: left;
    border: 1px solid #f1f1f1;
}

.giveaway .giveaway_tit{
    width: 100%;
    float: left;
    border-bottom: 1px solid #f1f1f1;
    padding: 10px;
    color: var(--blue);
    background: #d0f9ff;
}

.giveaway .giveaway_tit span{
    color: #fff;
    padding: 0 10px;
    border-radius: 20px;
    margin-right: 5px;
    background: var(--blue);
    display: inline-block;
    font-size: 14px;
}

.giveaway .giveaway_con{
    width: 100%;
    float: left;
    border-bottom: 1px solid #f1f1f1;
    padding: 10px;
}

/*.giveaway .giveaway_con .giveaway_img{
    float: left;
    width: 8%;
    margin-right: 2%;
}
.giveaway .giveaway_con .giveaway_img img{
    float: left;
    border-radius: 10px;
    margin-right: 15px;
}*/

.giveaway .giveaway_con .giveaway_name{
    float: left;
    width: 100%;
    /*display: grid;
    height: 58px;
    justify-items: start;
    align-content: center;*/
}

/*@media (max-width:768px) {
    .giveaway .giveaway_con .giveaway_img{
        width: 15%;
    }
    .giveaway .giveaway_con .giveaway_name{
        width: 80%;
    }
}*/
    

/* 食魚體驗館 */
.fish_experience{margin-top: 30px; overflow-x: hidden;}
.fish_experience .mask{ width: 100%; height: 40px; background: url(../images/banner-cover.png) no-repeat center;}
.fish_experience .mask_b{ width: 100%; height: 40px; background: url(../images/banner-cover_b.png) no-repeat center;}
.fish_ex_service{ background: var(--blue-darker); margin: 0; padding: 70px 0; overflow-x: hidden;}
.fish_ex_foods{padding: 100px 0; background: url(../images/bg_fish_ex_foods.svg) no-repeat; background-position: right 8% center; background-size: auto 100%; overflow-x: hidden;}
.fish_ex_title_b{font-size: 42px; line-height: 57.2px; font-weight: 500; color: var(--deep); margin-bottom: 30px;}
.fish_ex_title_w{font-size: 42px; line-height: 57.2px; font-weight: 500; color: var(--white); margin-bottom: 30px;}
.fish_ex_title_s{font-size: 18px; line-height: 30.4px; font-weight: 500; color: var(--blue-lighter); margin-bottom: 40px;}
.fish_ex_content{font-size: 16px; line-height: 30px; margin-bottom: 10px;}
.fish_ex_content_w{font-size: 16px; line-height: 30px; color: var(--white); margin-bottom: 10px;}
.fish_ex_gift{position: relative; padding: 100px 0; height: 200%; overflow: hidden;}
.fish_ex_foods .container, .fish_ex_service .container, .fish_ex_gift .container{display: flex; align-items: center;}
.fish_ex_map{padding-bottom: 120px; background: url(../images/bg_fish_ex_map.svg) no-repeat; background-position: left bottom 150px; background-size: 110% auto; overflow-x: hidden;}
.fish_ex_map iframe{border-radius: 40px;}
.fish_ex_01_item{color: var(--white); position: relative; z-index: 777;}
.fish_ex_01_content{position: absolute; z-index: 999; top: calc(50% - 50px) ; left: 45px; width: 40%;}
.fish_ex_01_tit{font-size: 30px; padding-bottom: 25px;}
.fish_ex_01_text{font-size: 20px; font-weight: 300;}

@media only screen and (max-width: 1200px) {
    .fish_ex_foods{background-position: right -200px center;}
    .fish_ex_01_content{top: calc(50% - 50px) ; left: 25px; width: 95%;}
    .fish_ex_01_tit{font-size: 25px; padding-bottom: 15px;}
    .fish_ex_01_text{font-size: 18px; font-weight: 300;} 
	.fish_ex_foods .container, .fish_ex_service .container, .fish_ex_gift .container{display: inline-block; align-items: none;}
    .fish_ex_map{margin-top: 50px;}
}

.fish_experience_banner01{ background: var(--blue-darker); margin: 0; padding: 70px 0;}
.fish_experience_banner01 .slick-dots{display: none !important;}
.fish_experience_banner01 img, .fish_experience_banner02 img, .fish_experience_banner03 img, .fish_experience_banner04 img{border-radius: 40px;}
.fish_experience_banner04{width: 200%; right: -100%; padding-top: 100px;}
.goods_hall{}
.fish_experience_banner04 img{margin: 0 20px;}
.fish_experience_banner04 .slick-prev, .fish_experience_banner04 .slick-next{top: -60px; width: 48px; height: 48px;}
.fish_experience_banner04 .slick-prev:before, .fish_experience_banner04 .slick-next:before{display: none;}
.fish_experience_banner04 .slick-prev{background: url(../images/fish_ex_prev.svg) no-repeat; left: calc(50% - 140px);}
.fish_experience_banner04 .slick-next{background: url(../images/fish_ex_next.svg) no-repeat; left: calc(50% - 70px);}

@media only screen and (max-width: 1200px) {
    .fish_experience_banner02{padding-top: 70px;}
    .fish_experience_banner03{padding-bottom: 70px;}
    .fish_experience_banner03 .slick-dots{bottom: inherit;}
}