/* CSS Document */

body {	-webkit-text-size-adjust:100%; font-family: 'Noto Sans TC', sans-serif; overflow-x: hidden; position: relative; background: #fff; }
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; transition: all 0.4s ease-out 0s; }
a:hover { text-decoration:none; }

* { box-sizing: border-box;}

.content-Box { max-width:1440px; width: 100%; margin:0 auto; text-align:left; position:relative; clear:both;}

#content { font-size: 17px; line-height:1.7; color: #333; letter-spacing: 0; font-weight: 400; padding-top: 0px; overflow:hidden;}

.photo-fit img { object-fit: cover; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0;}

.photo {line-height: 0; height: 0; padding-bottom: 40%; overflow: hidden; position: relative; z-index: 1; margin-bottom: 0px;}
.imgCenter {position: absolute; top: 0; left: 0; right: 0; bottom: 0; line-height: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; z-index: 2;}
.imgCenter img {max-height: 100%;}


.demo-section { padding-left: 3%; padding-right: 3%;}

.font-size-18 { font-size: clamp(16px, 1.3vw, 18px);}
.font-size-20 { font-size: clamp(18px, 1.5vw, 20px);}
.font-size-21 { font-size: clamp(18px, 1.6vw, 21px);}
.font-size-22 { font-size: clamp(18px, 1.7vw, 22px);}
.font-size-24 { font-size: clamp(20px, 1.9vw, 24px);}
.font-size-26 { font-size: clamp(20px, 2.0vw, 26px);}
.font-size-28 { font-size: clamp(22px, 2.2vw, 28px);}
.font-size-30 { font-size: clamp(22px, 2.5vw, 30px);}
.font-size-32 { font-size: clamp(22px, 2.6vw, 32px);}
.font-size-36 { font-size: clamp(22px, 3.3vw, 36px); line-height: 1.3;}
.font-size-40 { font-size: clamp(26px, 3.3vw, 40px); line-height: 1.3;}
.font-size-42 { font-size: clamp(26px, 3.3vw, 42px); line-height: 1.3;}
.font-size-44 { font-size: clamp(26px, 3.5vw, 44px); line-height: 1.3;}
.font-size-48 { font-size: clamp(26px, 3.5vw, 48px); line-height: 1.3;}
.font-size-60 { font-size: clamp(32px, 4vw, 60px); line-height: 1.2;}

.font-noto-serif { font-family: "Noto Serif TC", sans-serif; }

.color-white { color: #fff !important;}
.color-red { color: #dd181d !important;}
.color-orange { color: #e17a15 !important;}
.color-gray { color: #333 !important;}
.color-green { color: #32a2b0 !important;}
.color-black { color: #000 !important;}

.align-center { text-align: center !important;}
.align-left { text-align: left !important;}
.align-right { text-align: right !important;}

.weight-100 { font-weight: 100;}
.weight-300 { font-weight: 300;}
.weight-400 { font-weight: 400;}
.weight-500 { font-weight: 500;}
.weight-600 { font-weight: 600;}
.weight-700 { font-weight: 700;}
.weight-900 { font-weight: 900;}

.p-layout { margin: 0; padding:0 0 calc(20px + 1%) 0; font-weight: 400; line-height: 1.7; font-size: 17px;}

.layout-wrap { display: flex; flex-direction: row; flex-wrap: wrap;}
.layout-nowrap { display: flex; flex-direction: row; flex-wrap: nowrap;}

.hr-type-1 { padding: 0 !important; margin: 20px 0 !important;}

.title-type-1 { padding-bottom: calc(10px + 1%);line-height: 1.3;}

.width-1280 { max-width: 1280px;}

.banner { position:relative; margin-bottom: calc(20px + 2%); padding-top: 102px;}
.banner:after { position:absolute; content: "";left: 0;top: 0; width: 100%; height: 84%; z-index: -1; background: #fafafa;}
.banner-pto { position: absolute; bottom: 0; right: 102px; width: 31%; z-index: 1;}

.banner-content { width: 53%; padding-top: 5%; display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: calc(20px + 11%);}
.banner-content > div:nth-of-type(1) { width: 32%;  position: relative; }
.banner-content > div:nth-of-type(1) > div { position: relative; text-align: center; color: #fff; font-weight: 700; line-height: 1.2;font-size: 3vw; z-index: 3;}
.banner-content > div:nth-of-type(1):before { content: ""; position: absolute; padding-bottom: 100%; width: 100%; border-radius: 4vw; background: #dd181d; transform: translate(-50%, -50%) rotate(45deg) ; top:50%; left: 50%;filter: drop-shadow(30px 30px 10px rgba(0,0,0,0.15)); }
.banner-content > div:nth-of-type(1):after { content: ""; position: absolute; padding-bottom: 200%; width: 200%; border-radius: 4vw; border: 2px solid #e7e7e7; opacity: 0.66; transform:translate(-26%, -75%) rotate(45deg);top:50%; left: 50%;  z-index: 1;}
.banner-content > div:nth-of-type(2) { width: 68%; padding-left: 8%; position: relative; z-index: 3; padding-top: 10px;}

.banner-slogon { font-weight: 300; line-height: 1.2;font-size: 2vw; padding-bottom: 15px;}

#path { padding: 0 0 calc(5px + 1%) 0; font-family: 'Noto Serif TC', sans-serif; }
#path ul { margin: 0; padding: 0; text-align: left; line-height: 1.3;}
#path li { display: inline-block; vertical-align: top; font-size: 16px; line-height: 1.2; letter-spacing: 0rem; position: relative; font-weight: 400;}
#path li:after { content:"/"; display: inline-block; padding: 0 4px;}
#path li:last-child { pointer-events: none;}
#path li:last-child:after { display: none;}
#path li a { color: #333; }
#path li a:hover { color: #dd181d;}

.banner-pc { }
.banner-mobile { display: none;}


.title01 { font-size: clamp(22px, 2.5vw, 30px);; line-height: 1.2; font-weight: 500;font-family: 'Noto Sans TC', sans-serif;  margin: 0 0 calc(15px + 1%) 0; padding: 0 0 0 22px; position: relative;}
.title01:before { content: ""; position: absolute; width: 8px; height: 25px; border-radius: 4px; background: #dd181d; left: 0; top:50%; transform: translateY(-50%);}

.btn01 { width: 200px; height: 60px; padding: 0 20px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; border: 2px solid #dd181d; position: relative; overflow: hidden; border-radius: 30px; background: #fff; }
.btn01:before, .btn01:after { content: ""; position: absolute; width: 250px; height: 250px; left: 50%; top: 60%; background: #dd181d; border-radius: 100%; transform:translate(-50%,-50%) scale(0.4);transition: all 0.4s ease-out 0s;}
.btn01:before { transform-origin: 0% 100%; }
.btn01:after { transform-origin: 100% 0%; top:40%;}
.btn01:hover:before, .btn01:hover:after { transform:translate(-50%,-50%) scale(1);}
.btn01 > div { font-size: clamp(16px, 1.3vw, 18px); color: #dd181d !important; position: relative; z-index: 2; line-height: 1; font-weight: 400;}
.btn01:hover > div { color: #fff !important;}

.main-box { position: relative; }
.main-box:before { content: ""; position: absolute; padding-bottom: 50%; width: 50%; border-radius: 4vw; background: #fafafa;; transform: rotate(45deg);top:1.5%; left: -10%;  z-index: -1;}
.main-box:after { content: ""; position: absolute; padding-bottom: 15%; width: 15%; border-radius: 4vw; background: #dd181d; transform: rotate(45deg) ; top:50%; right: -5%;filter: drop-shadow(30px 30px 10px rgba(0,0,0,0.15)); z-index: -1;}

.title02 { font-size: clamp(26px, 3.2vw, 38px); line-height: 1.2; font-weight: 700;font-family: 'Noto Sans TC', sans-serif;  margin: 0 0 calc(20px + 1.5%) 0; padding: 0 0 40px 0; position: relative; text-align: center;}
.title02:after { content: ""; position: absolute; width: 18px; height: 18px; border-radius: 3px; background: #dd181d; transform:translateX(-50%) rotate(45deg) ; bottom:0; left: 50%; filter: drop-shadow(6px 6px 3px rgba(0,0,0,0.15));}

/*about*/
.about-section-1 { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: calc(20px + 5%);}
.about-section-1 > div:nth-of-type(1) { width: 51%;}
.about-section-1 > div:nth-of-type(2) { width: 49%; padding-left: 60px;}

.about-section-2 { position: relative; padding: calc(20px + 3.5%) 30px calc(20px + 2%) 30px;}
.about-section-2:before { position: absolute; content: ""; border-radius: 20px; background: #f1f1f1; width: 100%; height: 48%; top:0; left: 0;}
.about-section-2-content { position: relative; z-index: 3; max-width: 1000px; margin: 0 auto;}
.about-section-2-pto { border-radius: 20px;}

.loop-about-gallery { position: relative; margin-bottom: calc(15px + 1%);}
.loop-about-gallery .owl-dots { display: none;}
.loop-about-gallery .owl-item {position: relative; }
.loop-about-gallery .owl-item a {display: block; width: 100%;}
.loop-about-gallery .owl-item > div {display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
.loop-about-gallery .owl-nav { position: absolute; top:50%;left:0%; width: 100%; z-index: 11; transform: translateY(-50%);}
.loop-about-gallery .owl-prev, .loop-about-gallery .owl-next { position:absolute; z-index:100; top:50%; transform: translateY(-50%); background:transparent !important; width: 50px; height: 50px; border-radius: 0% !important; border: 0px solid #4b4b4b !important;  text-align: center; margin: 0 !important; }
.loop-about-gallery .owl-prev { left:-50px; }
.loop-about-gallery .owl-next { right:-50px;}
.loop-about-gallery .owl-prev:before, .loop-about-gallery .owl-next:before { font-family: 'Font Awesome 5 Free';font-weight: 900 !important;font-size:30px; color: #fff; opacity: 1;transition: all 0.4s ease-out 0s; display: block;width: 30px; height: 30px; border-width: 1.5px 1.5px 0 0; border-style: solid; border-color: #b3b3b3; position: absolute; top:50%; left: 50%;}
.loop-about-gallery .owl-prev:before { content: ""; transform: translate(-20%, -50%) rotate(-135deg) ;}
.loop-about-gallery .owl-next:before { content: ""; transform: translate(-80%, -50%) rotate(45deg);}
/*.loop-about-gallery .owl-prev:hover:before, .loop-about-gallery .owl-next:hover:before { opacity: 1;}*/
.loop-about-gallery .owl-prev:hover, .loop-about-gallery .owl-next:hover { }
.loop-about-gallery .owl-stage-outer {z-index: 2;}
.loop-about-gallery .owl-dots { position: absolute; z-index: 100; bottom: 20px; width: 100%; text-align: center !important; padding: 0 50px; }
.loop-about-gallery .owl-dots .owl-dot span { background: #a9a089 !important; width: 10px !important; height: 10px !important; border-radius: 100%;}
.loop-about-gallery .owl-dots .owl-dot.active span, .loop-about-gallery  .owl-dots .owl-dot:hover span { background: #333333 !important; }

.about-section-2-data { display: flex; flex-direction: row; flex-wrap: wrap;}
.about-section-2-data > div:nth-of-type(1) { width: 26%;}
.about-section-2-data > div:nth-of-type(2) { width: 74%;}

.idx-service-section { padding-top: calc(20px + 3%); padding-bottom: calc(20px + 1.5%); background: #f1f1f1;}
.idx-service-content { display: flex; flex-direction: row; flex-wrap: wrap; z-index: 3; padding-top: 30px;}
.idx-service-content > div { width: 20%; padding: 0 2vw 25px 2vw; display: flex; flex-direction: column; flex-wrap: wrap; }
.idx-service-content > div > div { width: 100%; text-align: center; }
.idx-service-pto { margin-bottom: 20px;}

.about-section-3 { text-align: center; padding-top: calc(20px + 2.5%); padding-bottom: calc(20px + 2%); line-height: 1.6;}
.about-section-3 a { color: #dd181d; text-decoration: underline;}
.about-section-3 a:hover { text-decoration: none;}

/*team*/
.team-list { display: flex; flex-direction: row; flex-wrap: wrap; margin-right: -42px; padding-bottom: calc(20px + 2.5%);}
.team-list > div { background: #fff; margin: 0 42px calc(20px + 2%) 0; width: calc(25% - 42px); border-radius: 0 0 40px 40px; border: 3px solid #f7f7f7;}
.team-list-pto { padding-bottom: 74.6%;}
.team-list-content { padding: 25px 25px 30px 25px;}
.team-list-tag { width: fit-content; margin-bottom: 12px; color: #fff; padding: 4px 14px 6px 14px; border-radius: 6px; line-height: 1;}
.team-list-title { font-weight: 700; line-height: 1.4; padding-bottom: 10px;}
.team-list-title > span { display: inline-block;}
.team-list-info > span { display: inline-block;}

.bg-red { background: #dd181d;}
.bg-green { background: #7fb239;}
.bg-blue { background: #2babd8;}
.bg-yellow { background: #c9ad2a;}

/*news*/
.news-aside { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; padding-bottom: calc(20px + 1%);gap:10px 20px;}
.news-aside > a { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.news-aside > a > img { width: 44px; visibility: hidden; margin-right: 5px; display: none;}
.news-aside > a.current > img { visibility: visible; display: block;}
.news-aside > a.current > div { width: calc(100% - 49px);}
.news-aside > a > div { color: #333; font-weight: 700; line-height: 1.5; text-align: center;}
.news-aside > a:hover > div, .news-aside > a.current > div { color: #dd181d;}

.news-list { display: flex; flex-direction: row; flex-wrap: wrap; margin-right: -40px; padding-bottom: 15px;}
.news-list > div { margin: 0 40px calc(20px + 2%) 0; width: calc(33.33% - 40px);}

.idx-news-content { position: relative;}
.idx-news-pto { margin-bottom: 20px; border-radius: 20px; overflow:hidden; padding-bottom: 65%; display: block;}
.idx-news-pto img { transition: all 0.4s ease-out 0s;}
.idx-news-pto:hover img { transform: scale(1.05);}

.idx-news-bottom-box { padding: 0 0px;}
.idx-news-info { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; margin:0 0 15px 0;}
.idx-news-tag { line-height: 1; padding: 4px 8px 6px 8px;; color: #fff; background: #dd181d; margin-right: 15px; border-radius: 5vw; font-size:13px;}
.idx-news-date { line-height: 1; color: #999999; font-size: 15px;}
.idx-news-title { font-weight: 500; line-height: 1.3; margin-bottom: 12px; display: block;}
.idx-news-title:hover { color: #dd181d;}
.idx-news-data { font-size: 16px; line-height: 1.3;white-space:nowrap; text-overflow : ellipsis; overflow:hidden; margin-bottom: calc(20px + 1.5%); color: #777;}
.idx-news-btn { display: block; position: relative; padding-bottom: 7px; padding-left: 20px; color: #616161; font-size: 14px;  letter-spacing: 0.05rem; width: fit-content; text-transform: uppercase;}
.idx-news-btn:before { position:absolute; content: ""; width: 7px; height: 7px; border-radius: 100%; background: #dd181d; left: 0;top:10px;}
.idx-news-btn:after { transition: all 0.4s ease-out 0s; position: absolute; content: ""; bottom: 0; right: 0; width: 0; height: 1px ;background: #dd181d;}
.idx-news-btn:hover:after { width: 100%; left: 0;}
.idx-news-btn:hover { color: #dd181d;}

#page { text-align: center; padding:0px 0 calc(20px + 4%) 0;}
#page a { font-size: 16px; color: #333; font-weight: 400; width: 30px; height: 30px; line-height: 27px; text-align: center; border-radius: 100%; display: inline-block;}
#page a:hover, #page a.current { background: #dd181d; color: #fff;}
.page-prev, .page-next { width: 12px !important; height: 12px !important; line-height: inherit !important; border-radius: 0 !important; border-top:1px solid #333; border-right: 1px solid #333; margin: 0 15px;}
.page-prev:hover, .page-next:hover { background: none !important;}
.page-prev { transform: rotate(-135deg);}
.page-next { transform: rotate(45deg);}

/*welfare*/
.welfare-aside { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; padding-bottom: calc(20px + 1%);}
.welfare-aside > a { min-width: 100px;  border: 2px solid #dd181d; border-radius: 10vw; text-align: center; color: #dd181d !important; font-size: clamp(18px, 1.7vw, 22px); padding:0 10px 2px 10px;margin:0 5px 10px 5px; background: #fff; line-height: 36px; }
.welfare-aside > a:hover, .welfare-aside > a.current { color: #fff !important; background: #dd181d;}

.welfare-list { display: flex; flex-direction: row; flex-wrap: wrap; margin-right: -25px; padding-bottom: 15px;}
.welfare-list > a { margin: 0 25px calc(20px + 2%) 0; width: calc(25% - 25px);}
.welfare-list > a:hover .welfare-list-pto-box { border: 1px solid #dd181d; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); transform: scale(0.95);}
.welfare-list-pto-box { border: 1px solid #c4c4c4; margin-bottom: 15px; background: #fff; transition: all 0.4s ease-out 0s;}
.welfare-list-pto { padding-bottom: 100%;}
.welfare-list-title { font-size: clamp(18px, 1.7vw, 22px); color: #333; text-align: center; line-height: 1.3;}

/*contact*/
.contact-section { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; padding-bottom: calc(20px + 5%);}
.contact-section > div { width: 50%;}
.contact-section > div:nth-of-type(2) { padding-left: 5%;}

.contact-map iframe { width: 100%; border-width: 0; height: 270px; margin-bottom: 25px;}

.contact-info-list { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; margin-bottom: 15px; line-height: 1.3; font-size: 16px; }
.contact-info-list > div:nth-of-type(1) { width: 20px;}
.contact-info-list > div:nth-of-type(1) img { filter: brightness(0); max-width: 18px; max-height: 19px;}
.contact-info-list > div:nth-of-type(2) { width: 60px; padding: 0 10px;}
.contact-info-list > div:nth-of-type(3) { width: calc(100% - 20px - 60px); color: #333;}
.contact-info-list > div:nth-of-type(3) a { color: #333; word-break: break-all;}
.contact-info-list > div:nth-of-type(3) a:hover { text-decoration: underline;}

.contact-form { }
.contact-form input[type="text"], .contact-form input[type="number"], .contact-form input[type="tel"], .contact-form input[type="phone"], .contact-form input[type="date"], .contact-form input[type="email"], .contact-form input[type="password"], .contact-form input[type="button"], .contact-form textarea { font-size: 17px; border-width:0 0 1px 0; border-style: solid; border-color: #dedede; margin: 0px 0 0px 0; width: 100%; padding:20px 8px 15px 8px ; color:#333; background: none; font-family: 'Noto Sans TC', sans-serif; border-radius: 0;}
.contact-form textarea { height:125px; padding:20px 8px 15px 8px; resize:none; }
.contact-form select{ margin: 0 0 0px 0;  width:100%; max-width: 160px; background-image: url(../images/product-select.png); background-repeat: no-repeat; background-position: calc(100% - 5px) 7px; background-size: 30px 29px; -webkit-appearance: none; -moz-appearance: none; appearance: none;   background-color: transparent; font-size: 17px; border-width:0 0 1px 0; border-style: solid; border-color: #dedede; color:#333; font-family: 'Noto Sans TC', sans-serif;  padding:20px 8px 15px 8px;  border-radius: 0; font-weight: 400; letter-spacing: 0;}
.contact-form option { padding:1px 5px;}
.contact-form select::-ms-expand {
    display: none;
}
.contact-form ::placeholder { opacity: 1; color: #333;}

.contact-btn { padding-top: 25px;}

@media only screen and (max-width: 1279px) {
	.banner-content > div:nth-of-type(1):before { top:30%; }
	
	
}

@media only screen and (max-width: 980px) {
	body { margin-bottom: 50px;}
	#content { padding-top: 60px; font-size: 16px;}
	.p-layout { font-size: 16px;}
	.banner-pc { display: none}
	.banner-mobile { display: block;}
	
	.btn01 { width: 160px; height: 50px; padding: 0 20px; border-radius: 25px; }
	
	.banner { padding-top: 0px;}
	.banner-pto { right: 10px;}
	.banner-content { width: 100%; padding:20px 3% calc(20px + 4%) 3%;}
	.banner-content > div:nth-of-type(1) { width: 100%;}
	.banner-content > div:nth-of-type(1) > div { color: #dd181d; text-align: left; font-size: clamp(26px, 3.5vw, 44px);}
	.banner-content > div:nth-of-type(1):before, .banner-content > div:nth-of-type(1):after { display: none;}
	.banner-content > div:nth-of-type(2) { width: 67%; padding-left: 0;}
	.banner-slogon { display: none;}
	#path li { font-size: 14px;}
	
	.about-section-1 > div:nth-of-type(1) { width: 100%; text-align: center;}
	.about-section-1 > div:nth-of-type(2) { width: 100%; padding-left: 0px;}
	
	.idx-service-content { justify-content: center;}
	.idx-service-content > div { width: 33.33%; }
	
	.team-list { margin-right: -25px; }
	.team-list > div { width: calc(33.33% - 25px); margin-right: 25px; }
	
	.news-list { margin-right: -20px;}
	.news-list > div { margin: 0 20px calc(20px + 2%) 0; width: calc(50% - 20px);}
	
	.contact-section > div { width: 100%;}
	.contact-section > div:nth-of-type(1) { order: 2;}
	.contact-section > div:nth-of-type(2) { padding-left: 0; order: 1; padding-bottom: 30px;}
}
@media only screen and (max-width: 768px) {
	.welfare-list  { margin-right: -15px;}
	.welfare-list > a { width: calc(50% - 15px); margin-right: 15px;}
	
}
@media only screen and (max-width: 640px) {
	.about-section-2 { padding: calc(20px + 3.5%) 15px calc(20px + 2%) 15px;}
	.about-section-2:before { height: 25%;}
	.about-section-2-data > div:nth-of-type(1) { width: 100%;}
	.about-section-2-data > div:nth-of-type(2) { width: 100%;}
	
	.loop-about-gallery .owl-prev { left:-35px; }
	.loop-about-gallery .owl-next { right:-35px;}
	.loop-about-gallery .owl-prev:before, .loop-about-gallery .owl-next:before { width: 20px; height: 20px; }
	
	.team-list { margin-right: -15px; }
	.team-list > div { width: calc(50% - 15px); margin-right: 15px; }
	.team-list-content { padding: 20px 20px 25px 20px;}
}
@media only screen and (max-width: 570px) {
	.idx-service-content > div { width: 50%; }
	
}

@media only screen and (max-width: 414px) {
	.news-list { margin-right: 0px;}
	.news-list > div { margin: 0 0px calc(20px + 2%) 0; width: 100%;}

}

@media only screen and (max-width: 320px) {
	.team-list { margin-right: 0px; }
	.team-list > div { width: 100%; margin-right: 0px; }
	
	.welfare-list  { margin-right: 0px;}
	.welfare-list > a { width: 100%; margin-right: 0px;}

}

/* 20260213 複製首頁的 相關內規 樣式  */

.idx-rules-list {display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; border-bottom: 1px solid #dddddd; padding-bottom: 25px; margin-bottom: 25px; line-height: 1.3;}
.idx-rules-tag { width: 78px; border-radius: 5vw; background: #dd181d; color: #fff;line-height: 1; padding: 4px 10px 6px 10px; font-size: 13px; text-align: center; margin-top: 15px;}
.idx-rules-date { width: 130px; padding-left: 14px; color: #999999; font-size: 16px; margin-top: 15px;}
.idx-rules-title { color: #333; width: calc(100% - 78px - 130px); display: block;display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.idx-rules-title img { width: 34px; display: inline-block; margin: 6px 10px;}
.idx-rules-title:hover { color: #dd181d;}

@media only screen and (max-width: 640px) {

	.idx-rules-list { padding-bottom: 15px; margin-bottom: 15px; }
	.idx-rules-title { width: 100%; padding-top: 8px;}
}