@charset "UTF-8";
body{
font-family: 'Microsoft JhengHei','微軟正黑體', arial;
}
.f20 {font-size: 20px; line-height: 130%;}

.bmg {padding: 0 80px;}

.card {  margin-top: 20px; text-align: center;}
.card img {   max-height: 100px; }
.plusfun {max-width: 450px; width: 100%; height: auto; margin: 20px 0;}
.headl {text-align: center; font-size: 30px; font-weight: bold;}
.headl b {color: #0d6c28; }
.headl2 {text-align: center; font-size: 26px; font-weight: bold; color: #38b549;}
.logo {text-align: center;}
.logo img {width: 250px;}

p {font-size: 18px; line-height:28px;}
p b {color: #0d6c28;}

b {color: #0d6c28;}

.cardface { margin-bottom: 10px; }
.cardface img { max-height: 130px; }
.banner_title h1  {font-size: 23px; line-height: 30px;}
.banner_title h1 b {color: #0d6c29;}


.tncfont {font-size: 16px; line-height:15px; margin: 30px 0; text-align: justify;}
.offer {text-align: center; }
.offer img {width: 450px;}

.step {text-align: center; margin-top: 20px;}

.headline {font-size: 28px; line-height:40px; text-align: center; background-color: #fff; width: 70%; margin: -40px auto 30px  auto; }
.headline img {height: 40px; margin-top: -5px;}
.headline span {font-size: 40px;}

.headline1 {font-size: 30px; line-height:40px; text-align: center;  margin-top: 30px;}

.head1 {width: 400px; font-size: 30px; line-height:40px; background-color: #0d6c29; color: #fff; text-align: center; font-weight: bold; padding: 10px 30px; border-radius: 10px; margin: 0 auto;}

.head2 {width: 60%; font-size: 30px; line-height:40px; background-color: #38b549; color: #fff; text-align: center; font-weight: bold; padding: 10px 30px; border-radius: 10px; margin: -50px auto 0 auto;}
.boxtop1 {margin-top: 30px;}

.border {border: 1px solid #A1A1A1; padding: 20px;}

.obox {border: 2px solid #0d6c29; padding: 20px; border-radius: 20px; margin-top: 20px;}
.obox:after {display:table; clear:both; content:"";}

.boxtop {margin-top: 100px;}



.icon1 { text-align: center; margin-top: 0px; float: left; padding-left: 15px;}
.icon1 img {width: 120px;}

.icon5 { text-align: center; margin-top: 10px;}
.icon5 img {width: 100%;}

.iconword {font-size: 18px; line-height:28px; padding-top: 30px; width: 100%; padding-left: 200px; text-align: left;}
.iconword1 {font-size: 18px; line-height:28px; padding-top: 15px; }

.oall {float: none; width: 85%; text-align: center; margin-bottom: 50px; margin-left: auto; margin-right: auto;}
.omid {float: none; width: 100%; text-align: center; margin: 40px 0 30px;} 
.omid img {width: 50px; padding-top: 0px; text-align: center;}

.arr {width: 100%; text-align: center; display: inline-block; }
.arr img {width: 50px; margin: 50px 0 0; }

.cd {text-align: center; margin-bottom: -50px;}
.icon5 { text-align: center; margin-top: 10px;}
.icon5 img {width: 300px;}

.btntop {margin-top: 5px;}

.m {display: block;}
.mc {display: none;}

.offerword {display: inline-block;}

.actr {width: 280px; float: left; text-align: right; margin-top: 20px;}
.actr img {width: 280px; }
.actr2 {width: 280px; float: left; text-align: right; margin-top: -10px; text-align: center;}
.actr2 img {width: 210px; }
.actl {width: 100%; padding-left: 300px; font-size: 20px; margin-top: 20px;}



.actl a {color: #0d6c29; font-weight: bold; }
.actl a:hover {color: #006b0f;}

.line {border-bottom: 1px solid #0d6c29; margin: 30px 0;}
.line_g {border-bottom: 1px solid #888888; margin: 30px 0;}
.actl1 {width: 40%; float: left;  line-height:26px; margin-top: 20px; text-align: right;}
.actr1 {width: 60%; float: left; font-size: 20px; margin-top: 20px; padding-left: 20px; padding-top: 30px;}
.actl1 img {width: 50%; }
.actr1 a {color: #0d6c29; font-weight: bold; }
.actr1 a:hover {color: #006b0f;}
.top {margin-top: 30px;}

.tl {width: 10px; float: left;}
.tr {width: 100%; padding-left: 13px;}



 @media screen and (max-width: 970px) {
.m {display: none;}
.mc {display: block;}
.bmg {padding: 0 10px;}	 
	}

 @media screen and (max-width: 680px) {
.headline {font-size: 26px; line-height:30px; text-align: center; background-color: #fff; width: 65%; margin: -40px auto 30px auto; }
.head2 {width: 83%; font-size: 30px; line-height:40px; background-color: #0d6c29; color: #fff; text-align: center; font-weight: bold; padding: 10px 20px; border-radius: 10px; margin: -70px auto 0 auto;}	
.headline img {margin: 2px 0;}	 
.boxtop1 {margin-top: 90px;}
.boxtop1 {margin-top: 10px;}	
.cardface { margin-bottom: 10px; }
.cardface img { max-height: 50px; }
.banner_title h1  {font-size: 20px; line-height: 25px;}	 
	}

 @media screen and (max-width: 970px) {
.oall {float: none; width: 100%; text-align: center; }
.omid {float: none; width: 100%; text-align: center; margin: 40px 0 30px;} 
.omid img {width: 50px; padding-top: 0px; text-align: center;}

.arr {width: 100%; text-align: center; display: inline-block; margin: 20px 0 10px;}
.arr img {width: 50px; margin: 0px 0 0; }	 
	 

.icon1 { text-align: center; margin-top: 00px; float: left; }
.icon1 img {width: 90px;}	
 
.actl {width: 100%; padding-left: 0px; font-size: 20px; margin-top: 20px;}
.actr {width: 100%; float: none; text-align: center; margin-top: 20px; }	 
.actr img {width: 300px; } 

.actr2 {width: 100%; float: none; text-align: center; margin-top: 0px; text-align: center;}
.actr2 img {width: 210px; }	 
	 
	 
.actl1 {width: 100%; float: none;  line-height:26px; margin-top: 20px; text-align: center; }
.actr1 {width: 100%; float: none; font-size: 20px; margin-top: 0px; padding-left: 00px; padding-top: 0px;}
.actl1 img {width: 200px;}
	 
.iconword {font-size: 18px; line-height:28px; padding-top: 0px; width: 100%; padding-left: 150px; text-align: left;}	 
	}


.hidden{ margin:10px 0 0 0; display:table; width:100%; position:relative; padding:0 0 0px 0; }
.hidden.tnc { padding:0; }
.hidden .btn_tnc,
.hidden .btn_tnc:focus{font-size:11px; padding:0 0px; font-weight:normal; background:#ffffff; color:#222222; display:block; display:table; float:left;}
.hidden .btn_tnc:after{ content:' '; text-indent:-999em; background:url(icon_15px.png) no-repeat 0px -90px; width:15px; height:15px; margin-left:0px; display:inline-block; vertical-align:middle; }
.hidden .btn_tnc:hover{ color:#000; }
.hidden .btn_tnc:hover:after{ background-position:0px -90px; }
.hidden .btn_tnc.expanded:after{ background-position:-15px -90px; }
.hidden .btn_tnc.expanded:hover:after{ background-position:-15px -90px; }
.hidden.tnc .content {
	height: 150px;
    width: 100%;
	border:0;
    overflow: hidden;
    overflow-y: scroll;
}
.hidden .content { color:#000000; position:relative; padding:0px }
.hidden .content ol { margin-top:10px; margin-left: 0px;}
.hidden .content li {font-size:11px; line-height:14px; }	





.step {margin-top: 20px;}
.step:after {display:table; clear:both; content:"";}
.oleft {width: 46%; float: left; }


.omid {width: 8%; float: left; text-align: center!important; margin-top: 90px;}
.omid img {width: 20px;}

.oright {width: 46%; float: left;}

.des {font-size: 18px; line-height: 30px; margin-top: 15px;}
.des:after {display:table; clear:both; content:"";}
.des img {width: 120px; margin-top: -3px;}
.des-top {padding-top: 30px;}
.point3 {margin-top: 20px;}
.arr_m {display: none;}
.arr_d {display: block;}

.ui-table { border-spacing: 0; border: 1px solid #fff; border-collapse: collapse; }
.ui-table {margin-top: 10px;}
.ui-table td {font-size: 15px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff;}
.ui-table th  {font-size: 15px; border-bottom: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff;}
.ui-table td {background-color: #e3e5e3;  padding: 8px; color: #008a44;}
.ui-table th {background-color: #006838; padding: 8px;}
.ui-table .large {font-size: 28px;  margin-top: 10px;}
.ui-table .large img {width: 140px;}
.ui-table .gbg {background-color: #008a44; color: #fff;}
.ui-table .rightw { border-right: 1px solid #fff;}


.logodes {font-size: 18px; line-height: 30px; margin-top: 15px; }
.logodes li {margin-left: 20px;}
.logodes:after {display:table; clear:both; content:"";}
.hbar {background-color: #008a44; border-radius: 20px; height: 40px; padding: 7px 5px;}
.hbar2 {background-color: #006838; border-radius: 20px; height: 40px; padding: 7px 5px;}
.hbar1 {background-color: #004b38; border-radius: 20px; height: 40px; padding: 7px 5px;}


.hword {font-size: 16px; color: #ffffff; font-weight: bold;  text-align: left;}
.hword img {width: 100px; margin-top: -3px;}


.act p {font-size: 16px; line-height:23px;}

.logoleft {width: 150px; float: left;}
.logoword {padding-left: 160px; width: 100%;}

.top1 {margin-top: 10px;}
.act li {margin-left: 20px;}

.tnc {color: #5c5c5c; margin-top: 10px;}

.apptopp {margin-top: 50px;}
.apptopp:after {display:table; clear:both; content:"";}

.new img {height: 40px; width: auto; margin-bottom: 10px;}

.sicon {width: 90px; float: left;}
.siconw {padding-left: 100px; width: 100%;} 
.add img {height: 40px; margin-bottom: -20px;}

 @media screen and (max-width: 970px) {
.oleft {width: 100%; float: none; font-size: 18px;  text-align: center; }
.omid {width: 100%; float: none; text-align: center!important; margin-top: 20px;}
.oright {width: 100%; float: none; font-size: 18px; text-align: center;}	
.arr_m {display: block;}
.arr_d {display: none;}
.omid img {width: 100px; margin: 0px 0;}	
.icon img {width: 70px;}
.ui-table .large img {width: 180px; margin-top: 15px;}	 

}

.app {width: 150px; float: left; font-size: 18px; line-height:28px; text-align: center;}
.app img {margin-top: 25px;}
.appword {padding-left: 160px; font-size: 18px; line-height:28px;  margin-top: 20px;}
.appword ul {margin-left: 20px; margin: 20px 0 20px 20px 0;}


.cdleft {width: 50%; float: left; text-align: center;}	
.cdleft b {font-size: 140%;}

.cdpic {width: 160px; margin-top: -3px; }
.cdbox {background-color: #0d6c29; color: #ffffff; font-weight: bold; text-align: center; padding: 5px; width: 150px; border-radius: 5px; margin: 0 auto; margin-bottom: 5px; height: 35px;}
.mtop {margin-top: 40px;}
.border-left {border-left: 1px solid #0d6c29; }

.ui-table1 {border-spacing: 0; border: 1px solid #fff; border-collapse: collapse; margin-top: 0px; text-align: center;}
.ui-table1 th, .ui-table1 td { padding: 5px 5px; font-size: 16px; line-height: 24px; text-align: center;}
.ui-table1 th { border-right: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;  border-top: 1px solid #fff; background-color: #fff;  color: #00000; font-weight: bold;}
.ui-table1 tr {border-bottom: 1px solid #38b048;}

.ui-table1 td {background-color: #ffffff; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; color: #000;}

.ui-table1 td b {font-size: 25px;}
.break {display: none;}

.offerarea {margin-bottom: 20px;}
.offerarea:after {display:table; clear:both; content:"";}

 @media screen and (max-width: 680px) {
.new img {height: 25px; width: auto; margin-bottom: 10px;}
.break {display: block;}	 
}


a .headlink {color: #006838; font-size: 18px; font-weight: bold;}
a .headlink img {height: 8px; margin-top: -2px;}

.line_green {border-bottom: 1px solid #488054; margin: 30px 0;}

.intro {font-size: 20px; line-height: 40px;}
.intro b {color: #0c4a40; font-size: 25px;}
.intro span {color: #38b549; font-size: 36px; font-weight: bold;}

.bg1-area {width: 100%; height: auto; margin: auto; background-image: url('bg1.svg'), url('bg1.svg');
  background-repeat: no-repeat, no-repeat;
  background-position: 27% 25%, 73% 90%;
  background-size: 60px auto, 40px auto;}

.bg2-area {width: 100%; height: auto; margin: auto; background-image: url('bg2.svg'), url('bg1.svg');
  background-repeat: no-repeat, no-repeat;
  background-position: 15% 95%, 95% 95%;
  background-size: 45px auto, 55px auto;}

.btn_action-new {text-align: center; background: #027853;
background: linear-gradient(180deg, rgba(2, 120, 83, 1) 0%, rgba(2, 85, 65, 1) 100%); color: #fff;  font-size: 22px; border-top-left-radius: 15px;  border-top-right-radius: 15px;  border-bottom-left-radius: 40px; border-bottom-right-radius: 15px; font-weight: bold; padding: 10px 30px; display: inline-block; height: auto;}
.btn_action-new:hover {background-color: #dee8de;  color: #fff;}
.btn_action-new:after {
  background: url(icn_stroke_non_hase_link_white.svg) no-repeat;
  width: 22px;
  height: 22px;
  margin-left: 0;
  margin-top: -4px;
}
.btn_action-new:hover:after {background: url(icn_solid_external_link_white.svg) no-repeat;}

.obtn {margin-top: 20px; margin-bottom: -60px;}
.btn_action-new2 {text-align: center; background: #027853;
background: linear-gradient(180deg, rgba(2, 120, 83, 1) 0%, rgba(2, 85, 65, 1) 100%); color: #fff;  font-size: 22px; border-top-left-radius: 15px;  border-top-right-radius: 15px;  border-bottom-left-radius: 40px; border-bottom-right-radius: 15px; font-weight: bold; padding: 10px 30px; display: inline-block; height: auto;}
.btn_action-new2:hover {background-color: #dee8de;  color: #fff;}
.btn_action-new2:after {
  background: url(icn_stroke_non_hase_link_white.svg) no-repeat;
  width: 22px;
  height: 22px;
  margin-left: 0;
  margin-top: -4px;
}
.btn_action-new2:hover:after {background: url(icn_solid_external_link_white.svg) no-repeat;}


.bgarea {background: url('bline1.svg'); background-size: cover; background-repeat: no-repeat; margin-top: 50px; padding-top: 60px;}
.headline-new {text-align: center; font-size: 34px; color: #0c4a40; font-weight: bold;}
.headline-new b {font-size: 40px; }
.headline-new b span {font-size: 50px;}

.bgarea1 {background: url('bline2.svg'); background-size: cover; background-repeat: no-repeat; margin-top: 50px; padding-top: 0px;  background-position: 140px 70px; padding-bottom: 10px;}

.icon-area {margin-bottom: 20px; padding-left: 250px; padding-right: 100px;}
.icon-area:after {display:table; clear:both; content:"";}
.icon {width: 25%; float: left; text-align: center; font-size: 17px; line-height:25px;}
.icon img {width: 90px;}
.border2 {border-right: 1px solid #A1A1A1;}

.bcircle {border: 2px solid #a6ce38; border-radius: 50%; height: 140px; width: 140px; padding-top: 10px; background-color: #fff;}
.contact {font-size: 20px; line-height: 40px; padding-left: 170px; margin-top: 90px; }

.bgarea2 {background: url('bline3.svg'); background-size: cover; background-repeat: no-repeat; padding-left: 80px;  padding-right: 160px;   background-position-y: 70px; padding-bottom: 40px;}
.box {background-color: #dee8de; padding: 40px 30px; border-top-left-radius: 65px;  border-top-right-radius: 65px;  border-bottom-left-radius: 120px; border-bottom-right-radius: 65px; }

.box_new {background: rgb(222,232,222);
background: linear-gradient(0deg, rgba(222,232,222,1) 0%, rgba(255,255,255,1) 59%); padding: 30px; border-radius: 50px; width: 100%; border: 3px solid #b06430; margin: 0 auto;  margin-top: 60px;}
.box_new:after {display:table; clear:both; content:"";}
.inhead {font-size: 25px;  line-height: 35px; color: #0c4a40; font-weight: bold;}
.inhead b {font-size: 32px;}

.incontect {font-size: 20px; line-height: 35px; padding-left: 80px; margin-top: 30px; }
.incontect strong {color:#0c4a40; }

.incontect_new {font-size: 20px; line-height: 35px; margin-top: 40px; padding-right: 220px; padding-top: 50px;}
.incontect_new strong {color:#0c4a40; }
.incontect_new b {color: #0c4a40;}
.headword {background-color: #ffffff; width: 570px; margin: 0 auto; margin-top: -60px; margin-bottom: 20px; }
.headword2 {background-color: #ffffff; max-width: 570px; width: 100%; margin: 0 auto; margin-top: -75px; margin-bottom: 20px; }
.bgarea3 {background: url('bline2.svg'); background-size: cover; background-repeat: no-repeat;  padding-left: 140px;  padding-right: 100px; background-position: 30px 160px; padding-bottom: 10px; }
.incontect3 {font-size: 20px; line-height: 35px; padding-left: 50px; margin-top: 20px; margin-bottom: 20px;}
.contact3 {font-size: 20px; line-height: 40px; padding-left: 0px; margin-top: 10px; margin-left: -60px; }

.fund20 {text-align: center; font-size: 25px; }
.fund20 img {width: 500px;}


.subh {text-align: center; font-size: 30px; font-weight: bold;}
.subh b {color: #0d6c28; }


.desktop {display: block;}
.mobile {display: none;}

 @media screen and (max-width: 780px) {
.desktop {display: none;}
.mobile {display: block;} 
.box_new {background-color: #dee8de; padding: 30px; border-radius: 30px; width: 100%; margin: 0 auto;  margin-top: 50px;}
.bg1-area {width: 100%; height: auto; margin: auto; background-image: url('bg1.svg'), url('bg1.svg');
  background-repeat: no-repeat, no-repeat;
  background-position: 10% 25%, 95% 85%;
  background-size: 30px auto, 30px auto;}

.bg2-area {width: 100%; height: auto; margin: auto; background-image: url('bg2.svg'), url('bg1.svg');
  background-repeat: no-repeat, no-repeat;
  background-position: 10% 95%, 96% 95%;
  background-size: 25px auto, 35px auto;}	 
.bgarea {background: url('bline1_m.svg'); background-size: cover; background-repeat: no-repeat; margin-top: 50px; padding-top: 60px;}	 
.bgarea1 {background: url('bline2.svg'); background-size: cover; background-repeat: no-repeat; margin-top: 20px; padding-top: 0px;  background-position: 60px 70px; padding-bottom: 10px;}	 
.icon-area {margin-bottom: 20px; padding-left: 90px; padding-right: auto; }	 
.icon {width: 50%; float: left; text-align: center; font-size: 17px; line-height:25px; margin-top: 10px; }	 
.contact {font-size: 20px; line-height: 35px; padding-left: 70px; margin-top: 40px; padding-right: 15px; }	 
	 
.bgarea2 {background: url('bline3.svg'); background-size: cover; background-repeat: no-repeat; padding-left: 20px;  padding-right: 20px;   background-position-y: 70px; padding-bottom: 40px;}	 
.box {background-color: #dee8de; padding: 20px 15px; border-top-left-radius: 25px;  border-top-right-radius: 25px;  border-bottom-left-radius: 60px; border-bottom-right-radius: 25px; }	
.incontect {font-size: 20px; line-height: 30px; padding-left: 50px; margin-top: 20px;}	
.bgarea3 {background: url('bline2.svg'); background-size: cover; background-repeat: no-repeat;  padding-left: 20px;  padding-right: 20px; background-position: 30px 160px; padding-bottom: 10px; }	 
.incontect3 {font-size: 20px; line-height: 30px; padding-left: 50px; margin-top: 20px; margin-bottom: 20px;}	 
.contact3 {font-size: 20px; line-height: 40px; padding-left: 0px; margin-top: 10px; margin-left: 30px; }
.headword {background-color: #ffffff; width: 300px; margin: 0 auto; margin-top: -60px; margin-bottom: 20px; }
.fund20 img {width: 300px;}	 
}

.tipword {font-size: 20px; font-weight: bold; color: #df5a35; line-height: 30px;  margin: 0 auto; margin-bottom: 20px; margin-top: 20px; text-align: center; margin-left: -10px;}

.tripscreen {width: 280px; float: right; margin-right: -15px;}

.offer1 {text-align: center; font-size: 20px; line-height: 35px; margin-top: 15px;}
.offer1 b {color: #0c4a40;}
.headline2 {font-size: 23px; line-height: 35px;}
.headline2 img {height: 60px; }
.offertotal {text-align: center; font-size: 24px; line-height: 35px;}
	 
.iconbox {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-top: 20px;
}
.iconbox-col{ width: 25%;  padding: 0 20px; font-size: 20px; font-weight: bold;}
.iconbox-col img {width: 60px; }
.iconborder {border-right: 1px solid #595959;}
.iconborder1 {border-right: 1px solid #595959;}

.enjoyoffer {padding-left: 60px;}
.offbox:after {display:table; clear:both; content:"";}
.offbox {background: #f9ffe6;
background: linear-gradient(143deg, rgba(249, 255, 230, 1) 0%, rgba(226, 237, 193, 1) 100%); border-radius: 30px; padding: 0px 20px;}
.yuupic img {width: 200px; float: left; margin-left: -80px;}
.offdec {font-size: 20px; line-height: 150%; padding: 30px 20px; padding-top: 40px;}


.btn_action {
background: #0C8029;
background: linear-gradient(180deg, rgba(12, 128, 41, 1) 0%, rgba(4, 86, 65, 1) 100%); color:#fff; margin: 0 3px 0;
}
.btn_action:after {
  background: url(icn_stroke_non_hase_link_white.svg) no-repeat;
  width: 22px;
  height: 22px;
  margin-left: 0;
  margin-top: -4px;
}
.btn_action:hover {
 color: #fff; background: #075c1c;
background: linear-gradient(180deg, rgba(7, 92, 28, 1) 0%, rgba(6, 69, 51, 1) 100%);
}
.btn_action:hover:after {
  background: url(icn_solid_external_link_white.svg) no-repeat;
}


 @media screen and (max-width: 780px) {
.incontect_new {font-size: 20px; line-height: 35px; margin-top: 30px; padding-right: 0px;padding-top: 0px;} 
.tripscreen {width: 100%; float: none; text-align: center;}	
.tripscreen img {width: 230px;  text-align: center;}
.headline2 {text-align: center;}	 

.offer1 {text-align: center;}	
.iconbox-col{ width: 50%;  padding: 0 20px; font-size: 20px; font-weight: bold; margin-top: 15px;}	
.iconborder1 {border-right: 1px solid #fff;}	 
	 }


.modal {
  overflow-y: auto;
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.55);
}

.modal#tncModal {
  overflow: auto;
}

.modal-content {
  overflow-y: auto;
  background-color: #fefefe;
  margin: 0 auto;
  padding: 30px 15px 10px;
  width: 95%;
  max-width: 45%;
  color: #333;
  line-height: 130%;
  max-height: calc(100% - 130px);
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  border: 5px solid #006532;
}


.warn-modal .modal-content {
  top: 30%;
  border: 0 none;
  padding: 30px;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .warn-modal .modal-content {
    max-width: 90%;
  }
}
.warn-modal .modal-content .warn-heading {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 20px;
}
.warn-modal .modal-content .warn-desc {
  font-size: 15px;
  text-align: left;
  margin-top: 10px;
  line-height: 24px;
}
.warn-modal .modal-content .warn-btn {
  text-align: right;
  padding-top: 40px;
}
.warn-modal .modal-content .warn-btn.open-ac-link {
  display: flex;
  justify-content: center;
  padding-top: 0;
  margin-top: 30px;
  flex-wrap: wrap;
}
.warn-modal .modal-content .warn-btn.open-ac-link a {
  font-size: 19px;
  line-height: 25px;
}
.warn-modal .modal-content .warn-btn.open-ac-link a:not(:last-child) {
  margin-bottom: 20px;
}
.warn-modal .modal-content .warn-btn .cancel-btn {
  border: 1px solid #005126;
  color: #005126;
  padding: 10px 40px;
  margin-right: 8px;
  border-radius: 3px;
}
.warn-modal .modal-content .warn-btn .con-btn {
  background-color: #005126;
  color: #fff;
  padding: 10px 40px;
  border-radius: 3px;
}