/* Minification failed. Returning unminified contents.
(322,45): run-time error CSS1046: Expect comma, found '0'
(322,49): run-time error CSS1046: Expect comma, found '/'
(323,37): run-time error CSS1046: Expect comma, found '0'
(323,41): run-time error CSS1046: Expect comma, found '/'
(407,1): run-time error CSS1019: Unexpected token, found '}'
(1700,41): run-time error CSS1046: Expect comma, found '0'
(1700,45): run-time error CSS1046: Expect comma, found '/'
(1701,33): run-time error CSS1046: Expect comma, found '0'
(1701,37): run-time error CSS1046: Expect comma, found '/'
(1763,36): run-time error CSS1046: Expect comma, found '0'
(1763,40): run-time error CSS1046: Expect comma, found '/'
(1816,41): run-time error CSS1046: Expect comma, found '0'
(1816,45): run-time error CSS1046: Expect comma, found '/'
(1817,33): run-time error CSS1046: Expect comma, found '0'
(1817,37): run-time error CSS1046: Expect comma, found '/'
(4280,42): run-time error CSS1046: Expect comma, found '0'
(4280,46): run-time error CSS1046: Expect comma, found '/'
(4281,34): run-time error CSS1046: Expect comma, found '0'
(4281,38): run-time error CSS1046: Expect comma, found '/'
(4809,51): run-time error CSS1046: Expect comma, found '255'
(4809,59): run-time error CSS1046: Expect comma, found '/'
(4809,83): run-time error CSS1046: Expect comma, found '0'
(4809,87): run-time error CSS1046: Expect comma, found '/'
(4810,43): run-time error CSS1046: Expect comma, found '255'
(4810,51): run-time error CSS1046: Expect comma, found '/'
(4810,75): run-time error CSS1046: Expect comma, found '0'
(4810,79): run-time error CSS1046: Expect comma, found '/'
*/
/************* Banner *************/
.bannerArea{
position: relative;
clear: both;
display: block;
z-index:0
}
.bannerArea img{
width: 100%;
max-width: 100%;
height: auto;
}
.bannerArea ul{
list-style: none;
padding: 0;
margin: 0;
list-style-type: none;
left: 0;
}
.bannerArea ul li{
float: left;
position: relative;
}
/*-------- photo -----------*/
.bannerBox{
width: 100%;
max-width: 100%;
position: relative;
overflow: hidden;
text-align: center;
clear: both;
}
/*---20210505更正高度 -----*/
.bannerArea ul li .Img{
position: relative;
height:450px;
overflow: hidden;
text-align: center
}
/*---20210505更正對齊 -----*/
.bannerBox img {
display: block;
width: 100%;
border: none;
vertical-align: middle;
line-height: 0;
max-width: 100%;
text-align: center;
position: absolute;
top: -38%;
}
/*-------- bx小圓點 -----------*/
.bx-has-pager{ display: block;margin: 0;padding: 0; position: relative}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width:12px;
height:12px;
margin: 0 7px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
cursor: pointer !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
background:#999999;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
vertical-align: bottom;
cursor: pointer
}
.bx-wrapper .bx-pager-item {
font-size: 0;
line-height: 0;
}
.bannerArea .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
bottom:30px;
}
.bannerArea .bx-wrapper .bx-pager.bx-default-pager a{
background-color:#FFFFFF;
border:1px solid #999999;
border-radius:100%;
}
.bannerArea .bx-wrapper .bx-pager.bx-default-pager a:hover{
background:#999999 ;
}
.bannerArea .bx-wrapper .bx-pager.bx-default-pager a.active{
background:#eed77b
}
/*===================================
banner style
===================================*/
.bannerArea .wrap {
width: 100%;
padding: 0;
}
.bannerWrap {
width: 100%;
padding: 0 0px;
position: relative;
margin: 0 auto;
}
.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.bx-wrapper img {
max-width: 100%;
width: 100%;
display: block;
}
.bxslider {
margin: 0;
padding: 0;
}
ul.bxslider {
list-style: none;
list-style-type: none;
padding:0;
margin: 0
}
.bx-viewport {
/* fix other elements on the page moving (in Chrome) */
-webkit-transform: translateZ(0);
}
/*===================================
banner style
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
}
/* PAGER20210505修改 text-align及 padding*/
.bx-wrapper .bx-pager {
text-align:left;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color:transparent;
padding-top: 20px;
padding-left: 30px;
}
/*===================================
Prev style
===================================*/
.slick-prev:before {
border: 0px solid #A3A3A3;
border-width: 0 3px 0 0;
transform: rotate(35deg);
content: "";
display: block;
height: 40%;
left:15px; bottom: 45%;
border-color: #333;
position:absolute;
width: 0;
}
.slick-prev {
width: 40px;
height: 40px;
color: transparent;
left: 0;
background-color:#fff;
cursor: pointer;
outline: none;
position: absolute;
top:250px;
transform:translateY(-50%);
border: 1px solid transparent;
z-index: 5000;
border-radius: none;
left: 20%;
}
/*---20210505修正---*/
@media screen and (max-width:1366px) {
.bannerArea ul li .Img {
height: 400px;
}
}
@media screen and (max-width:1280px) {
.bannerArea ul li .Img {
height:350px;
}
}
@media screen and (max-width:1152px) {
.bx-wrapper {
max-height:500px;
overflow: hidden;
}
.bannerBox img {
display: block;
width: 100%;
border: none;
vertical-align: middle;
line-height: 0;
max-width: 100%;
text-align: center;
position: absolute;
top: 0%;
}
.bx-has-pager {
display: flex;
margin: 0;
padding: 0;
position: absolute;
z-index: 11000;
bottom: 30px;
left: 0;
width: 100%;
height: 50px;
right: 0;
}
}
@media screen and (max-width:853px) {
.bx-wrapper {
background-color:#000;
max-height:350px;
overflow: hidden
}
/*---20210505bannerArea更正top----*/
.bannerArea{top:50px;margin-bottom: 20px}
/*---20210505bannerArea Img更正----*/
.bannerArea ul li .Img { height:100vh; }
.bx-has-pager{bottom: 20px}
}
@media screen and (max-width:640px) {
.bannerArea {
top: 30px;
margin-bottom: 10px
}
/*---20210505修正----*/
.bannerArea .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom: 10px }
}
/*---20210505修正----*/
@media screen and (max-width:480px) {
.bx-wrapper {
max-height: 240px;
overflow: hidden;
}
.bx-has-pager {
bottom:8px;
}
.bannerBox img {
top: 5%
}
}
/*===================================
videostyle
===================================*/
/*---20210505更正靠上距 top/width/min-height-----*/
.videoArea {
position: absolute;
right: 15px;
top: 32vh;
text-align: center;
z-index: 99;
display: block;
max-width: 300px;
width: 300px;
min-height: 210px;
padding: 0;
border: #fff solid 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
-webkit-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
background-color: #fff;
}
/*---20210505更正height-----*/
.video-container {
z-index: 9;
padding-bottom: 5px;
max-width: 100%;
width: 100%;
display: block;
min-height: 180px;
height: 180px
}
/*---20210505更正height-----*/
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 170px;
overflow: hidden;
}
.media-body {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0;
}
.media-body a {
font-weight: 700;
color: #666;
font-size: 15px;
font-family: "PMingLiU", "ヒラギノ明朝 W6 JIS2004", "Hiragino Mincho W6 JIS2004", MingW6, serif;
}
.media-body p {
display: block;
padding: 5px;
margin: 0 auto;
text-align: center;
height: 30px;
line-height: 1.7;
overflow: hidden;
font-size: 15px;
font-family: "PMingLiU", "ヒラギノ明朝 W6 JIS2004", "Hiragino Mincho W6 JIS2004", MingW6, serif;
font-style: normal;
letter-spacing: 1px;
word-wrap: break-word
}
/*---20210505修正向上距離---*/
@media screen and (max-width:1440px) {
.videoArea {
top:38vh;
}
}
/*---20210505修正向上距離---*/
@media screen and (max-width:1366px) {
.videoArea {
top: 35vh;
}
/*---20210505修改-----*/
.videoArea {
border: #fff solid 10px;
top: 275px;
max-width: 245px;
width: 245px;
min-height: 180px;
}
/*---20210505修改-----*/
.video-container {
min-height: 150px;
height: 150px;
}
/*---20210505修改-----*/
.video-container iframe {
height: 145px;
}
}
}
/*---20210505修正top-width 並加上更正video-container iframe ---*/
@media screen and (max-width:1280px) {
/*---20210505修改-----*/
.videoArea {
border: #fff solid 3px;
top: 275px;
max-width: 225px;
width: 225px;
min-height: 170px;
}
/*---20210505修改-----*/
.video-container {
min-height: 140px;
height: 140px;
}
/*---20210505修改-----*/
.video-container iframe {
height: 125px;
min-height: 125px;
}
}
/*---20210505修正top-width height ---*/
@media screen and (max-width:1024px) {
.videoArea {
border: #fff solid 5px;
top: 300px;
max-width:185px;
width:185px;
margin-right:8px;
min-height: 135px;
}
/*---20210505修正 height ---*/
.video-container {
min-height:120px;
height: 120px
}
.video-container iframe {
min-height: 105px;
height: 105px;
padding-bottom: 0
}
.media-body p {
letter-spacing: 0.5px;
padding: 0 5px;
height: 30px;
line-height: 1.8;
overflow: hidden;
font-size: 14px;
}
/*---20210505修改-----*/
.media-body p a {
font-size: 12px;
}
}
@media screen and (max-width:911px) {
.videoArea {
margin: 0px auto;
position: absolute;
border: #fff solid 5px;
top: 260px; /*----20210505更正-----*/
max-width: 228px;
width: 228px;
min-height: 160px;
right: 8px;
}
.video-container {
z-index: 9;
padding-bottom: 0px;
max-width: 100%;
width: 100%;
display: block;
min-height: 135px;
height: 135px
}
.video-container iframe {
min-height: 130px;
height: 130px
}
.media-body p {
height: 40px;
line-height: 1.5;
font-size: 14px;
}
.media-body p a {
font-size: 14px;
}
}
.video-phoneblock {
display: none;
}
/*---20210505新增放vedio伸縮距離---*/
@media screen and (max-width:853px) {
.videoArea {
display: none;
}
.video-phoneblock {
position: relative;
display: flex;
width: 100%;
max-width: 100%;
margin: 65px auto 0 auto;
padding: 0;
z-index:1;
}
.s-videoArea {
text-align: center;
position: relative;
border: #fff solid 5px;
top: 0px;
max-width: 95%;
width: 95%;
height: 285px;
display: block;
text-align: center;
margin: auto;
}
.video-container {
min-height: auto;
height: auto;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 245px;
}
.media-body p {
height: auto;
line-height: 1.7;
font-size: 14px;
position: absolute;
bottom: 0;
display: flex;
height: 30px;
width: 100%;
background: #fff;
}
.accordion-container {
width: 100%;
max-width: 100%;
cursor: pointer
}
.article-title {
display: block;
background-color: #a1d4f3;
color: #666;
}
.accordion-container .article-title {
display: block;
position: relative;
margin: 0 auto;
padding: 10px 30px;
font-size: 1em;
font-weight: normal;
color: #000;
cursor: pointer;
line-height: 1.8;
width: 95%;
}
.content-entry {
display: block;
}
.accordion-container .article-title:hover,
.accordion-container .article-title:active,
.accordion-container .content-entry .open-video .article-title {
background-color: #a1d4f3;
color: #222;
display: block;
}
.accordion-container .article-title:hover i:before,
.accordion-container .article-title:hover i:active,
.accordion-container .content-entry.open-video i {
color: #fff;
}
.accordion-container .content-entry i {
position: absolute;
top: 0px;
left: 5px;
font-style: normal;
font-size: 1.625em;
color: #777;
}
.accordion-container .content-entry i:before {
content: "+";
}
.accordion-container .content-entry.open-video i:before {
content: "-";
}
.accordion-content {
text-align: center;
cursor: pointer;
position: relative;
}
.accqbox {
display: block;
color: #fff;
padding: 4px;
width: 25px;
height: 25px;
background: #00aaa7;
border-radius: 4px;
margin-right: 8px;
margin-top: 5px;
float: left;
}
.accqTxt {
padding: 5px;
line-height: 1.5;
display: block;
padding: 5px;
line-height: 1.5
}
.accqbox {
display: block;
color: #fff;
padding: 4px;
width: 25px;
height: 25px;
background: #00aaa7;
text-align: center;
cursor: pointer;
white-space: nowrap;
border-radius: 4px;
margin-right: 8px;
margin-top: 5px;
float: left;
}
/*--------answer-----------*/
#faq-content {
width: 100%;
max-width: 100%;
}
.accordion-container,
#description {
width: 95%;
display: block;
margin: 10px auto;
}
#description p {
line-height: 1.5;
}
/*---20210505更正刪除---*/
/*@media screen and (max-width:768px) {
.videoArea{
max-width: 250px;
width:250px;
min-height: 160px;
right:auto}
}
@media screen and (max-width:480px) {
.videoArea{ top: 20px;}
.videoArea { position: relative; right: auto}
}*/
}
/*===================================
Titstyle
===================================*/
.Titbox {
display: block;
position: relative;
width: 100%;
flex: 0 0 100%;
max-width: 100%;
}
/*---20210505更正padding-bottom---*/
.pagerTit {
text-align: left;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: normal;
padding-left: 0;
padding-bottom: 10px;
}
.pagerTit_Ch {
letter-spacing: .1em;
font-weight: 700;
font-style: normal;
font-size: 32px;
font-family: "PMingLiU","新細明體 ","ヒラギノ明朝 W6 JIS2004", "Hiragino Mincho W6 JIS2004", MingW6, serif;
color: #555;
padding-left: 5px;
}
@media screen and (max-width:853px) {
.pagerTit {
padding-left: 0;
}
.Titbox {
/*margin: 70px auto 0 auto;*/
}
}
@media screen and (max-width:480px) {
.pagerTit {
text-align: center
}
}
/*-------------------
頁籤total
-----------------*/
.year-pulldown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 40px auto 30px auto;
text-align: center;
font-family: 新細明體, 細明體, cwTeXFangSong, serif;
}
.year-pulldown label {
text-align: center;
font-family: 新細明體, 細明體, cwTeXFangSong, serif;
line-height: 2;
font-size: 16px;
padding: 8px 15px;
display: inline-block;
letter-spacing: 1px
}
.year-pulldown-list:hover {
opacity: .8;
}
.year-pulldown-list {
width: 200px;
color: #333;
display: inline-block;
position: relative;
}
.year-pulldown-select {
min-height: 40px;
width: 100%;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
padding-top: 5px;
padding-left: 16px;
font-size: 15px;
color: #333;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-transform: none;
margin: 0;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
box-shadow: 0 2px 4px rgba(0,0,0,.1);
cursor: pointer;
}
.year-pulldown-select span {
font-size: 15px;
color: #333
}
/*----arrow---*/
.year-pulldown-list:after {
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
border-top: 3px solid #333;
border-right: 3px solid #333;
-webkit-transform: rotate(135deg) translateX(-50%);
transform: rotate(135deg) translateX(-50%);
cursor: pointer;
top: 35%;
right: 10px;
}
@media (max-width:550px) {
.year-pulldown-list {
width: 160px;
}
.year-pulldown {
display: block;
width: 100%
}
.year-pulldown label {
padding: 5px
}
}
/*-------------------
頁籤
-----------------*/
.site-pagination {
clear: both;
position: relative;
text-align: center;
margin: 15px auto 15px auto
}
.site-pagination ul, .site-pagination ul li {
padding: 0;
margin: 0;
}
.site-pagination ul li {
font-family: 新細明體, 細明體, cwTeXFangSong, serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
background-color: #dddddd;
margin-right: 5px;
margin-bottom: 5px
}
.site-pagination ul li a {
font-family: 新細明體, 細明體, cwTeXFangSong, serif;
color: #474747;
text-decoration: none;
background-color: transparent;
}
.site-pagination ul li a:hover {
color: #fff;
background-color: #777
}
.site-pagination ul li a, .site-pagination ul li span {
text-align: center;
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 16px;
border: 1px solid #ccc;
}
.site-pagination ul li.active a, .site-pagination ul li.active span {
background: #777;
color: #fff;
border: 1px solid transparent;
}
.site-pagination ul li.current {
display: inline-block;
background-color: transparent;
color: #8a8a8a;
width: 4.25em !important;
height: 1.5em !important;
border-radius: none !important;
border: none !important;
margin: 0 0.313em !important;
padding: 0 !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.site-pagination ul li.current a {
width: 4.25em !important;
height: 1.5em !important;
border-radius: none !important;
border: none !important;
}
.site-pagination ul li.current a:hover {
background-color: transparent !important;
border-radius: none !important;
border: none !important;
color: #0b60af !important
}
@media screen and (max-width:550px) {
.site-pagination ul li a, .site-pagination ul li span {
width: 20px;
height: 20px;
line-height: 20px;
font-size: 14px;
}
}
/*-------------------
topBtn
-----------------*/
#pagetop {
top: auto;
line-height: 1;
opacity: 1;
position: absolute;
right: 20px;
text-align: right;
bottom: 65px;
transition: .4s all;
z-index: 555;
display: block
}
#pagetop a {
background: #f4eee9;
display: inline-block;
height: 45px;
width: 45px;
opacity: .8;
overflow: hidden;
position: relative;
transition: .2s all;
align-items: center;
justify-content: center;
border: #cecece 1px solid
}
#pagetop a::before {
border-bottom: solid 2px #888;
border-right: solid 2px #888;
content: "";
display: block;
height: 12px;
left: 50%;
margin-left: -6px;
margin-top: -4px;
position: absolute;
top: 50%;
transform: rotate(-135deg);
width: 12px;
will-change: transform;
}
#pagetop a span {
display: block;
position: absolute;
right: -999em;
}
.siteContainer {
position: relative;
overflow: hidden;
min-height: 100vh;
}
.mainContents {
width: calc(100% - 13em);
margin-left:13em;
display: block;
position: relative;
min-height: 100vh;
padding: 0;
}
.mainContents:before{
position: absolute;
content: "";
width:100%;
height: 345px;
background: url("/images/pagebg/bottomBg.png") no-repeat;
background-position: bottom;
overflow: hidden;
background-size:contain;
right: 0;
bottom: 0px;
margin:0
}
@media screen and (max-width:911px) {
.mainContents {
width:100%;
margin-left:auto;
margin-right: auto
}
}
.Wrapper{
position: relative;
width: 100%;
max-width:100%;
display: block;
margin: 0 auto;
overflow: hidden;
z-index:3;
}
/*---20210505更正上方距離 margin-----*/
.secWrap{
margin:0px auto 30px auto;
position: relative;
width: 100%;
max-width:100%;
display:block;
padding:60px 0px;
}
/*---20210505更正上方距離 margin-----*/
@media screen and (max-width:1280px) {
.secWrap{margin:45px auto 30px auto;padding:30px 0px; }
}
/*---20210505更正上方距離 margin-----*/
@media screen and (max-width:1152px) {
.secWrap{margin:40px auto 30px auto;padding:60px 0px; }
}
@media screen and (max-width:1024px) {
.secWrap{padding:30px 0px;}
}
/*----20210505修正----*/
@media screen and (max-width:911px) {
.secWrap{margin:40px auto 30px auto;padding: 40px 0}
}
/*----20210505新增css修正margin----*/
@media screen and (max-width:853px) {
.secWrap{margin:20px auto 30px auto;padding:20px 0}
}
/*----20210505修正----*/
@media screen and (max-width:640px) {
.secWrap{ margin:0px auto 30px auto;}
}
/*----20210505修正----*/
@media screen and (max-width:480px) {
.secWrap{padding:15px 0 15px 0}
}
/*-------------------
尋找欄
-----------------*/
/*---20210505修正下方距離----*/
.right-searchBox{
width: 70%;
max-width: 70%;
flex: 0 0 70%;
float: right;
margin-right: 15px;
margin-bottom:5px;
position: relative;
margin-left: auto;
}
.searchArea {
width:100%;
max-width:100%;
margin:auto;
display: block;
text-align: right
}
.searchArea ul {
list-style: none;
list-style-type: none;
clear: both;
padding: 0;
margin: 0;
width: 100%;
left: 0;
}
.searchArea ul li {
display:inline-block;
padding:15px ;
}
.form-select {
background-clip: padding-box;
border:0.063em solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
cursor: pointer;
background-color: white;
border: thin solid #ccc;
border-radius: 4px;
display: inline-block;
line-height: 1.5em;
padding: 0.5em 3.5em 0.5em 1em;
transition: all 150ms ease;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
background-clip:padding-box;
font-size: 17px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-weight: bold
}
select.minimal {
background-image:
linear-gradient(45deg, transparent 50%, gray 50%),
linear-gradient(135deg, gray 50%, transparent 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 15px) calc(1em + 2px),
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
}
select.minimal:focus {
background-image:
linear-gradient(45deg, #0b60af 50%, transparent 50%),
linear-gradient(135deg, transparent 50%, #0b60af 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 15px) 1em,
calc(100% - 20px) 1em,
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
border-color: lightslategray;
outline: 0;
}
.form-select option{
letter-spacing: 0.6px;
cursor: pointer;
text-align: center;
color: #000;
font-size: 17px;
border:none;
min-height: 1.2em;
white-space: pre;
font-weight: 700;
padding: 5px;
}
@media screen and (max-width: 800px) {
.right-searchBox {
float: left;
width: 100%;
max-width: 100%;
flex: 0 0 100%;}
.searchArea ul li {
float:left;
padding:0.5em 1em;
text-align:left
}
}
.opArea {
background: #f8f8f8;
width:100%;
max-width:100%;
margin: 1em auto 1em auto;
border-radius: 0.313em;
display: table;
}
.opArea ul {
list-style: none;
list-style-type: none;
clear: both;
padding: 0;
margin: 0;
width: 100%;
left: 0;
}
.opArea ul li {
display:inline-block;
padding-top:1em;
padding-bottom: 1em;
padding-left:0.375em
}
.opArea input{
width:1.375em;
height:1.375em;
display:inline-block;
float: left;}
/*------------
列表 欄
-----------------*/
.RwdTableRe {
border: #d3d3d3 solid 1px;
margin: 0 auto;
color: #222;
width:100%;
max-width:100%;
border-collapse: collapse;
background: #FFF;
font-family: "新細明體", "細明體","cwTeXFangSong", serif;
}
.RwdTableRe th {
vertical-align: middle;
padding:8px 5px;
letter-spacing:0.063em;
text-align: center;
color: #111;
border-right: 0.063em solid #cecece;
display: table-cell
}
.RwdTableRe thead {
color: #111;
font-weight: bold;
font-family: "Helvetica Neue", Arial, "Heiti TC", "LiHei Pro", 微軟正黑體, "Microsoft Jhenghei", sans-serif;
font-size:18px;
background-position: center;
background-size: cover;
background-image: url("/images/pagebg/thBg.jpg");
background-repeat: no-repeat
}
.RwdTableRe td {
cursor: pointer;
padding: 8px 5px;
text-align: center;
font-size:16px;
display: table-cell;
min-height:44px;
border: #ddd 0.063em solid;
font-family: "Helvetica Neue", Arial, "Heiti TC", "LiHei Pro", 微軟正黑體, "Microsoft Jhenghei", sans-serif;
}
.RwdTableRe td a{
color: #222;
text-decoration:none;
font-family: "Helvetica Neue", Arial, "Heiti TC", "LiHei Pro", 微軟正黑體, "Microsoft Jhenghei", sans-serif; }
.RwdTableRe td a:hover{
color:#7ed202;
text-decoration:underline
}
.RwdTableRe tr {
border: none;
width: 100%;
display: table-row;
}
.RwdTableRe tr:last-child {
border-bottom: none;
}
.RwdTableRe tbody tr:nth-child(2n) {
background-color: #f1f3f4;}
.RwdTableRe tbody tr:nth-child(1n):hover {
background-color:#fef9f6
}
.markicon{
text-align: center;
display: block;
}
.markicon:before{
font-family: "Helvetica Neue", Arial, "Heiti TC", "LiHei Pro", 微軟正黑體, "Microsoft Jhenghei", sans-serif;
font-size: 17px;
letter-spacing: 1px;
padding-top: 7px!important;
text-align: center;
font-weight: bold;
content: "置頂";
width: 85px;
height: 35px;
position: relative;
display:inline-block;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background: url(/images/pagebg/topiconBg.png) no-repeat;
margin: auto;
}
.ANew {
text-align: center;
display: block;
}
.ANew:before {
color: red !important;
font-style: italic;
font-family: "Helvetica Neue", Arial, "Heiti TC", "LiHei Pro", 微軟正黑體, "Microsoft Jhenghei", sans-serif;
font-size: 17px;
letter-spacing: 1px;
padding-top: 7px !important;
text-align: center;
font-weight: bold;
content: "New！";
width: 85px;
height: 35px;
position: relative;
display: inline-block;
margin: auto;
}
.blueTxt:hover {
color: #7ed202 !important;
text-decoration: underline
}
.blueTxt{color:#0b60af!important}
.redTxt{ cursor: not-allowed!important; ;color:#a20019!important}
.redTxt:hover{color:#a20019!important;text-decoration:none}
@media screen and (max-width:1366px) {
.RwdTableRe td {font-size:16px;padding: 7px 1px}
.RwdTableRe td a {font-size:16px;padding: 7px 1px}
}
@media screen and (max-width:1152px) {
.markicon:before {
font-family: "Helvetica Neue", Arial, "Heiti TC", "LiHei Pro", 微軟正黑體, "Microsoft Jhenghei", sans-serif;
font-size: 15px !important;
padding-top: 3px!important;
content: "置頂" !important;
width:65px;
height:30px;
background: url(/images/pagebg/phonetopiconBg.png) no-repeat}
.ANew:before {
font-family: "Helvetica Neue", Arial, "Heiti TC", "LiHei Pro", 微軟正黑體, "Microsoft Jhenghei", sans-serif;
font-size: 15px !important;
padding-top: 3px !important;
content: "New！" !important;
width: 65px;
height: 30px;
}
.RwdTableRe th {letter-spacing:-0.5px;font-size:17px;padding: 7px 1px}
.RwdTableRe thead {letter-spacing:-0.5px;font-size:17px;padding: 7px 1px}
.RwdTableRe td {font-size:15px;padding: 7px 1px}
.RwdTableRe td a {font-size:15px;padding: 7px 1px}
}
@media screen and (max-width:853px) {
.RwdTableRe{max-width:100%;max-width:100%;margin:auto}
.RwdTableRe th {display: none}
.RwdTableRe tr{
line-height: 1.8em;
display: block;
border-bottom:#ddd solid 0.063em
}
.RwdTableRe td {
cursor: pointer;
padding:8px 5px;
text-align:left;
font-size:17px;
display:block;
border:none;
}
.RwdTableRe td:before {
content: attr(data-th) " : ";
float: left;
padding-right: 0.313em;
padding-left: 0.313em;
font-weight:bold !important;
font-family: "Helvetica Neue", Arial, "Heiti TC", "LiHei Pro", 微軟正黑體, "Microsoft Jhenghei", sans-serif;
color: #582c28;
display: inline-block;
text-align: center !important;
font-size:17px;}
.markicon:before {
font-family: "Helvetica Neue", Arial, "Heiti TC", "LiHei Pro", 微軟正黑體, "Microsoft Jhenghei", sans-serif;
font-size: 15px !important;
letter-spacing: 1px;
padding-top: 0px!important;
text-align: center;
font-weight: bold;
content: "置頂" !important;
width:65px;
height:30px;
position: absolute;
display: inline-block;
/* left: 15px; */
/* bottom: 5px; */
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background: url(/images/pagebg/phonetopiconBg.png) no-repeat;
margin: auto;
right: 15px;
margin-top: 5px}
.ANew:before {
font-family: "Helvetica Neue", Arial, "Heiti TC", "LiHei Pro", 微軟正黑體, "Microsoft Jhenghei", sans-serif;
font-size: 15px !important;
letter-spacing: 1px;
padding-top: 0px !important;
text-align: center;
font-weight: bold;
content: "New！" !important;
width: 65px;
height: 30px;
position: absolute;
display: inline-block;
/* left: 15px; */
/* bottom: 5px; */
margin: auto;
right: 15px;
margin-top: 5px
}
}
/*----------------------------------
內頁
------------------------------*/
.Content {
display: block;
width:100%;
max-width:100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.8;
word-break: break-all;
padding: 0;
background: #fff;
margin:15px auto 90px auto;
z-index: 10;
border-radius: 8px;
padding:30px 20px;
position: relative
}
.blockImg{
display: block;
position: relative;
margin: 0;
padding: 0;
overflow: hidden;
background: url(/images/pagebg/skybg.png) no-repeat;
background-size: cover;
width: 100%;
max-width: 100%;
background-position:0;
z-index:0;
padding-bottom:15px
}
.pageTitBox{
width:100%;
max-width:100%;
margin-left: auto;
margin-right: auto;
padding-left:15px;
padding-right: 15px;
background-color:#FFFFFF;
border-radius: 8px;
margin:70px auto 0 auto
}
.pageTitBox h2 {
background-position: 0 bottom;
padding:5px;
line-height:1.65;
font-weight:800;
letter-spacing: 1px;
color: rgba(0,0,0,0.90);
font-size:34px;font-family: "微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";
}
@media (max-width:911px){
.pageTitBox{margin-top: 120px}
}
/*----------------------------------
內頁 share
------------------------------*/
.DetaillabelSec {
margin-top: 15px;
margin-bottom:15px;
text-align: left;
display:table;
font-weight: 800;
}
.Detail-inline {
font-size: 1em;
color:#555;
font-weight: 800;
padding-left: 5px;
display: inline;
margin-right: 10px;
}
.DetailTitDate {
font-size: 1em;
font-weight: bold;
line-height: 1.8;
color:#0b60af;
position: relative;
font-family: "arial";
text-align: left;
letter-spacing: 1px;
padding-left:3px;
padding-right: 5px
}
/*--------------
share
---------*/
.shareBox{
float: right;
position: absolute;
margin: 0 10px;
right: 5px;}
.share-label {
display: flex;
justify-content: flex-end;
padding-right: 5px;
border-radius: 5px;
padding: 3px 10px;
line-height: 1.5;
background-color: #f5f5f5;
}
.share-label ul li {
font-size: 1em;
color: #555;
font-weight: 800;
display: inline-block;
margin-right:5px;
}
.share-label ul li img {
cursor: pointer;
border: none;
text-align: center;
vertical-align: middle
}
@media (max-width:911px){
.shareBox {
top:5px;
position: relative;
right: 0px;
margin-right: auto;
}
}
.DetailTitsec {
position: relative;
clear: both;
margin-bottom: 15px;
padding:5px;
border-bottom: 1px solid #e1e4e6;
line-height: 1.5;
text-align:center!important;
}
.articleTitle {
font-family: "微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";
color: #333;
text-align:center!important;
font-size:20px;
font-weight: 700;
font-style: normal;
margin-bottom: 5px;
position: relative;
display: inline-block;
vertical-align: top;
top: 0px;
}
/*--------------
留言
---------*/
form textarea {
outline: 0;
padding: 15px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
display: block;
width: 100%;
margin-top:35px;
font-family: 'Merriweather', sans-serif;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
resize: none;
height:150px;
max-width: 100%;
-webkit-transition: border-color 0.3s ease-in-out;
-moz-transition: border-color 0.3s ease-in-out;
transition: border-color 0.3s ease-in-out;
border: 1px solid #aaa;
font-size: 16px
}
.Return-Box {
z-index: 1;
text-align: center;
margin: 30px auto 30px auto;
clear: both;
display: block;
position: relative;
}
.pBtn {
cursor: pointer;
display: inline-block;
border-radius: 3px;
border: none;
font-size:16px;
padding:8px 15px;
margin: 0 8px 10px 8px;
text-align: center;
background-color:transparent;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.6;
text-align: center;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
font-weight: bold;
width: 100px;
height: 40px;
}
.pBtn:hover{background-color:#edd675!important}
.pBtn a{font-family: "微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體"; color:#222;text-decoration: none}
.messageBtn{background-color: #92d7cb!important}
.returnBtn{background-color: #b7e5f9!important}
/*-----Login----*/
.loginArea {
float: left;
background: #f2f2f2;
border-radius: 5px;
position: relative;
color: #303548;
margin: 0;
box-shadow: 0 1px 11px 0 rgb(0 0 0 / 12%);
border: none;
margin-bottom: 10px;
margin-top: 0;
text-align: center;
display: inline-block;
position: relative;
top: 0;
/* right: 25px; */
width: 10rem;
height: 35px;
z-index:4;
}
.loginArea:hover userBox{
display:block !important;
}
.loginCard {
position: relative;
}
.settingBtn {
padding: 8px;
text-decoration: none;
color: #2892db;
font-weight: 800;
position: relative;
top: 10px;
}
.settingBtn::after {
content: '';
background-image: url("/images/icon/down-arrow.png");
background-repeat: no-repeat;
background-size: contain;
width: 14px;
height: 14px;
display: inline-block;
margin-left: 12px;
vertical-align: middle;
z-index: 2;
top: 0
}
.userBox {
width: 100%;
position: absolute;
border-radius: 0 0 5px 5px;
top: 36px;
padding: 5px 15px;
margin: 0;
background: #fff;
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%);
box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%);
right: 0;
visibility: visible;
z-index: 1;
display: none;
}
.userBox li {
margin: 0;
float: none;
position: relative;
display: block;
padding: 8px 5px;
}
.userBox li a {
color: #333;
font-size: 16px;
display: block;
}
.userBox li a:hover {
color: #7ed202;
}
.loginAreaOut {
padding-left: 20px;
padding-top: 20px;
width:auto;
height:auto;
}
.ADloginArea {
padding-right:50px;
/*padding-top: 20px;*/
width: auto;
height: auto;
float:right;
}
@media screen and (max-width:911px) {
.ADloginArea {
padding-top: 80px;
}
}
/*------------
活動列表
-----------------*/
.ActivityTableRe {
border: #d3d3d3 solid 1px;
margin: 0 auto;
color: #222;
width: 100%;
max-width: 100%;
border-collapse: collapse;
background: #FFF;
font-family: "新細明體", "細明體","cwTeXFangSong", serif;
}
.ActivityTableRe th {
vertical-align: middle;
padding: 8px 5px;
letter-spacing: 0.063em;
text-align: center;
color: #111;
border-right: 0.063em solid #cecece;
display: table-cell
}
.ActivityTableRe th:before {
content: attr(data-th);
}
.ActivityTableRe thead {
color: #111;
font-weight: bold;
font-family: "Helvetica Neue", Arial, "Heiti TC", "LiHei Pro", 微軟正黑體, "Microsoft Jhenghei", sans-serif;
font-size: 18px;
background-position: center;
background-size: cover;
background-image: url("/images/pagebg/thBg.jpg");
background-repeat: no-repeat
}
.ActivityTableRe td {
cursor: pointer;
padding: 8px 5px;
text-align: center;
font-size: 16px;
display: table-cell;
min-height: 44px;
border: #ddd 0.063em solid;
font-family: "Helvetica Neue", Arial, "Heiti TC", "LiHei Pro", 微軟正黑體, "Microsoft Jhenghei", sans-serif;
}
.ActivityTableRe td a {
color: #222;
text-decoration: none;
font-family: "Helvetica Neue", Arial, "Heiti TC", "LiHei Pro", 微軟正黑體, "Microsoft Jhenghei", sans-serif;
}
.ActivityTableRe td a:hover {
color: #7ed202;
text-decoration: underline
}
.ActivityTableRe tr {
border: none;
width: 100%;
display: table-row;
}
.ActivityTableRe tr:last-child {
border-bottom: none;
}
.ActivityTableRe tbody tr:nth-child(2n) {
background-color: #f1f3f4;
}
.ActivityTableRe tbody tr:nth-child(1n):hover {
background-color: #fef9f6
}
@media screen and (max-width:853px) {
.ActivityTableRe .Hidetd {
display:none;
}
.ActivityTableRe .Showth1 {
display:inline-block;
width: 15% !important;
}
.ActivityTableRe .Showth2 {
width: 20% !important;
}
.ActivityTableRe .Showth3:before {
content:'狀態';
}
}
@media screen and (max-width:520px) {
.ActivityTableRe {
overflow-x: auto;
display: block;
}
}
.table-bordered {
border: 1px solid #dddddd;
border-collapse: separate;
border-left: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.table {
width: 100%;
margin: 30px auto 30px auto !important;
background-color:#fff;
border-collapse: collapse;
border-spacing: 0;
display: table;
font-family: '微軟正黑體',Helvetica,Arial,Heiti TC,"メイリオ",sans-serif;
}
.tablePagetit{
font-size: 18px;
font-weight: bold!important;
background-color: #fcf8e3;
}
.table-sport a{
color:#0b60af;}
.table-sport a:hover{
color: #7ed202;}
.table-sport td:nth-child(odd) {
text-align: center;
vertical-align: middle;
}
.table-sport td:nth-child(even){
font-weight: 700
}
tr:nth-child(even){
background:#f0f0ee;
}
@media (max-width:640px){
.tablePagetit{ font-size: 16px;}
.table-sport{font-size: 16px}
}
/*-----------------
細節
--------*/
.table-slist {
width:auto;
padding:8px 15px;
margin-top:15px!important;
margin-bottom:15px!important;
background-color: #fff;
border-collapse: collapse;
border-spacing: 0;
display: table;
font-family: '微軟正黑體',Helvetica,Arial,Heiti TC,"メイリオ",sans-serif;
}
.table-slist thead{
text-align: center;
font-weight: bold;
font-family: '微軟正黑體',Helvetica,Arial,Heiti TC,"メイリオ",sans-serif;
font-size: 16px;
background-color: #31cca2
}
.table-slist td:nth-child(odd){
text-align:center;
}
.table-slist tr:nth-child(even){
background:#e8faf6;
}
@media screen and (max-width:854px) {
.table-slist { font-size: 15px}
.table-slist td{ font-size: 15px}
.table-slist td a{ font-size: 15px}
}
@media screen and (max-width:640px) {
.table-slist{max-width:100%;max-width:100%;margin:auto}
.table-slist th {display: none}
.table-slist tr{
line-height: 1.8em;
display: block;
border-bottom:#ddd solid 0.063em
}
.table-slist td {
cursor: pointer;
padding: 5px;
text-align:left;
font-size:16px;
display:block;
border:none;
}
.table-slist td a{ font-size: 16px}
.table-slist td:before {
content: attr(data-th) " : ";
float: left;
padding-right: 0.313em;
padding-left: 0.313em;
font-weight:bold !important;
font-family: "Helvetica Neue", Arial, "Heiti TC", "LiHei Pro", 微軟正黑體, "Microsoft Jhenghei", sans-serif;
color: #582c28;
display: inline-block;
text-align: center !important;
font-size:17px;}
.table-slist td:nth-child(odd) { text-align: left;}
}
/*有些表格一欄會塞兩值，行動板會變很亂 20210401 Mio*/
@media screen and (max-width:854px) {
.TwoLinediv1 {
display:inline-block;
}
.TwoLinediv1::after {
content:" /";
padding-right:1px;
}
.TwoLinediv2 {
display: inline-block;
}
}
.GoodsQ {
width:60px;
}
/*手機RWD需填資料的表格 20210505Mio*/
@media screen and (max-width:540px) {
.table-sport td {
display: block;
width: 100% !important;
min-height: 60px;
text-align: center;
vertical-align:middle;
}
.table-sport th {
display:none;
}
}
.table-sport td div {
max-width: 100%;
}
.table-sport td p {
max-width: 100%;
}
.table-sport td iframe {
max-width: 100%;
}
.table-sport td img {
max-width: 100%;
}
.toggle-group {
max-width: 200% !important;
}
@charset "utf-8";
/* CSS Document */
body {
position: relative;
margin: 0 !important;
padding: 0 !important;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
min-height: 100%;
top: 0px;
}
body,
html {
width: 100%;
-webkit-text-size-adjust: 100%;
}
* {
margin: 0;
padding: 0;
list-style: none;
box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
ul {
list-style: none;
list-style-type: none;
}
* {
margin: 0;
padding: 0;
list-style: none;
box-sizing: border-box;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a {
text-decoration: none;
}
ol li, ul li {
list-style: none;
list-style-type: none
}
img {
height: auto;
max-width: 100%;
}
.img-fluid {
max-width: 100%;
height: auto;
vertical-align: middle;
border-style: none;
}
.notice {
color: #cc3300;
font-size: 1em;
display: block}
.notice-blue{
font-size: 1em;
display: block;
color:#0f73ee}
.row_rule{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
border-collapse: collapse;
border-spacing: 0;
border: 0;
clear: both;
display: block;
width: 100%;
}
.row-flex {
display: flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-moz-flex-wrap: wrap;
}
.infull { position: relative; width: 100%; height: 100%; }
/*---------- 背景--------- */
.bg-img-r {
background-position: center center;
background-repeat: repeat !important;
}
.bg-img {
background-position: center center;
background-size: cover;
background-repeat: no-repeat !important;
}
.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0
}
.clearfix:after {
clear:both;
content:' ';
display:block;
font-size:0;
line-height:0;
visibility:hidden;
width:0;
height:0
}
.clearfix {
display:inline-block
}
* html .clearfix {
height:1%
}
.clearfix {
display:block
}
/* Clear Fix */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.d-flex {
display: -ms-flexbox!important;
display: flex !important;
}
.text-center {
text-align: center!important;
}
.float-right {
float:right!important;
}
.float-left {
float:left!important;
}
.b-siz{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* -------------------------------------------------
close規則
----------------------------------------------------------------- */
.sp { display:block;}
@media (min-width: 911px){
.sp { display: none !important}
}
.sp-none { display:block;}
.pc-none{ display:none}
@media screen and (max-width:911px) {
.pc-none{ display:block}
.sp-none { display: none !important}
}
@media (min-width:800px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%; }
}
/*==========================================
字型與區塊 完全置中
===========================================*/
.items_center {
text-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.align-center {
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.mx-auto{margin: auto}
.flex-column {
-ms-flex-direction: column!important;
flex-direction: column!important;
}
.overdown{overflow: hidden;}
/*==========================================
網格
===========================================*/
.flex {
display: flex !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
空間
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.container{
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 576px){
.container { max-width: 540px}
}
@media (min-width: 768px){
.container { max-width: 720px }
}
@media (min-width:853px){
.container { max-width:800px }
}
@media (min-width: 992px){
.container{ max-width: 960px; }
}
@media (min-width: 1200px){
.container{ max-width: 1140px; }
}
@media (min-width: 1366px){
.container{ max-width: 1280px; }
}
@media (min-width: 1440px){
.container{ max-width: 1320px; }
}
@media (min-width: 1600px){
.container{ max-width: 1440px; }
}
.container-full{
max-width:100%;
width: 100%;
min-height: auto;
position: relative;
margin: 0 auto;
}
.container-fluid{
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
.row
{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-right: -15px;
margin-left: -15px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.no-padding {
padding-left: 0 !important;
padding-right: 0 !important;
}
.no-gutters
{
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*='col-']
{
padding-right: 0;
padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto
{
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col
{
max-width: 100%;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.col-auto
{
width: auto;
max-width: none;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.col-1
{
max-width: 8.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-moz-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
}
.col-2
{
max-width: 16.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-moz-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
}
.col-3
{
max-width: 25%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-moz-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.col-4
{
max-width: 33.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-moz-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
}
.col-5
{
max-width: 41.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-moz-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
}
.col-6
{
max-width: 50%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-moz-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.col-7
{
max-width: 58.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-moz-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
}
.col-8
{
max-width: 66.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-moz-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
}
.col-9
{
max-width: 75%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-moz-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
}
.col-10
{
max-width: 83.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-moz-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
}
.col-11
{
max-width: 91.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-moz-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
}
.col-12
{
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.order-first
{
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-last
{
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-moz-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-0
{
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-moz-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-1
{
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2
{
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3
{
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4
{
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-moz-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5
{
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-moz-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6
{
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-moz-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7
{
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-moz-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8
{
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-moz-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-9
{
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-moz-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-10
{
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-moz-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-11
{
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-moz-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-12
{
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-moz-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-1
{
margin-left: 8.33333%;
}
.offset-2
{
margin-left: 16.66667%;
}
.offset-3
{
margin-left: 25%;
}
.offset-4
{
margin-left: 33.33333%;
}
.offset-5
{
margin-left: 41.66667%;
}
.offset-6
{
margin-left: 50%;
}
.offset-7
{
margin-left: 58.33333%;
}
.offset-8
{
margin-left: 66.66667%;
}
.offset-9
{
margin-left: 75%;
}
.offset-10
{
margin-left: 83.33333%;
}
.offset-11
{
margin-left: 91.66667%;
}
@media (min-width: 576px)
{
.col-sm
{
max-width: 100%;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.col-sm-auto
{
width: auto;
max-width: none;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.col-sm-1
{
max-width: 8.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-moz-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
}
.col-sm-2
{
max-width: 16.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-moz-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
}
.col-sm-3
{
max-width: 25%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-moz-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.col-sm-4
{
max-width: 33.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-moz-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
}
.col-sm-5
{
max-width: 41.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-moz-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
}
.col-sm-6
{
max-width: 50%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-moz-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.col-sm-7
{
max-width: 58.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-moz-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
}
.col-sm-8
{
max-width: 66.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-moz-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
}
.col-sm-9
{
max-width: 75%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-moz-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
}
.col-sm-10
{
max-width: 83.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-moz-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
}
.col-sm-11
{
max-width: 91.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-moz-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
}
.col-sm-12
{
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.order-sm-first
{
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-sm-last
{
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-moz-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-sm-0
{
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-moz-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-sm-1
{
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-sm-2
{
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-sm-3
{
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-sm-4
{
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-moz-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-sm-5
{
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-moz-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-sm-6
{
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-moz-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-sm-7
{
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-moz-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-sm-8
{
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-moz-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-sm-9
{
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-moz-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-sm-10
{
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-moz-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-sm-11
{
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-moz-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-sm-12
{
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-moz-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0
{
margin-left: 0;
}
.offset-sm-1
{
margin-left: 8.33333%;
}
.offset-sm-2
{
margin-left: 16.66667%;
}
.offset-sm-3
{
margin-left: 25%;
}
.offset-sm-4
{
margin-left: 33.33333%;
}
.offset-sm-5
{
margin-left: 41.66667%;
}
.offset-sm-6
{
margin-left: 50%;
}
.offset-sm-7
{
margin-left: 58.33333%;
}
.offset-sm-8
{
margin-left: 66.66667%;
}
.offset-sm-9
{
margin-left: 75%;
}
.offset-sm-10
{
margin-left: 83.33333%;
}
.offset-sm-11
{
margin-left: 91.66667%;
}
}
@media (min-width: 768px)
{
.col-md
{
max-width: 100%;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.col-md-auto
{
width: auto;
max-width: none;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.col-md-1
{
max-width: 8.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-moz-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
}
.col-md-2
{
max-width: 16.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-moz-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
}
.col-md-3
{
max-width: 25%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-moz-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.col-md-4
{
max-width: 33.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-moz-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
}
.col-md-5
{
max-width: 41.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-moz-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
}
.col-md-6
{
max-width: 50%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-moz-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.col-md-7
{
max-width: 58.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-moz-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
}
.col-md-8
{
max-width: 66.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-moz-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
}
.col-md-9
{
max-width: 75%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-moz-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
}
.col-md-10
{
max-width: 83.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-moz-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
}
.col-md-11
{
max-width: 91.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-moz-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
}
.col-md-12
{
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.order-md-first
{
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-md-last
{
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-moz-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-md-0
{
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-moz-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-md-1
{
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-md-2
{
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-md-3
{
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-md-4
{
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-moz-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-md-5
{
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-moz-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-md-6
{
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-moz-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-md-7
{
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-moz-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-md-8
{
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-moz-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-md-9
{
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-moz-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-md-10
{
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-moz-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-md-11
{
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-moz-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-md-12
{
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-moz-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-md-0
{
margin-left: 0;
}
.offset-md-1
{
margin-left: 8.33333%;
}
.offset-md-2
{
margin-left: 16.66667%;
}
.offset-md-3
{
margin-left: 25%;
}
.offset-md-4
{
margin-left: 33.33333%;
}
.offset-md-5
{
margin-left: 41.66667%;
}
.offset-md-6
{
margin-left: 50%;
}
.offset-md-7
{
margin-left: 58.33333%;
}
.offset-md-8
{
margin-left: 66.66667%;
}
.offset-md-9
{
margin-left: 75%;
}
.offset-md-10
{
margin-left: 83.33333%;
}
.offset-md-11
{
margin-left: 91.66667%;
}
}
@media (min-width: 992px)
{
.col-lg
{
max-width: 100%;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.col-lg-auto
{
width: auto;
max-width: none;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.col-lg-1
{
max-width: 8.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-moz-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
}
.col-lg-2
{
max-width: 16.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-moz-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
}
.col-lg-3
{
max-width: 25%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-moz-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.col-lg-4
{
max-width: 33.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-moz-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
}
.col-lg-5
{
max-width: 41.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-moz-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
}
.col-lg-6
{
max-width: 50%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-moz-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.col-lg-7
{
max-width: 58.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-moz-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
}
.col-lg-8
{
max-width: 66.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-moz-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
}
.col-lg-9
{
max-width: 75%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-moz-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
}
.col-lg-10
{
max-width: 83.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-moz-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
}
.col-lg-11
{
max-width: 91.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-moz-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
}
.col-lg-12
{
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.order-lg-first
{
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-lg-last
{
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-moz-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-lg-0
{
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-moz-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-lg-1
{
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-lg-2
{
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-lg-3
{
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-lg-4
{
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-moz-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-lg-5
{
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-moz-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-lg-6
{
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-moz-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-lg-7
{
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-moz-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-lg-8
{
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-moz-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-lg-9
{
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-moz-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-lg-10
{
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-moz-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-lg-11
{
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-moz-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-lg-12
{
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-moz-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0
{
margin-left: 0;
}
.offset-lg-1
{
margin-left: 8.33333%;
}
.offset-lg-2
{
margin-left: 16.66667%;
}
.offset-lg-3
{
margin-left: 25%;
}
.offset-lg-4
{
margin-left: 33.33333%;
}
.offset-lg-5
{
margin-left: 41.66667%;
}
.offset-lg-6
{
margin-left: 50%;
}
.offset-lg-7
{
margin-left: 58.33333%;
}
.offset-lg-8
{
margin-left: 66.66667%;
}
.offset-lg-9
{
margin-left: 75%;
}
.offset-lg-10
{
margin-left: 83.33333%;
}
.offset-lg-11
{
margin-left: 91.66667%;
}
}
@media (min-width: 1200px)
{
.col-xl
{
max-width: 100%;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.col-xl-auto
{
width: auto;
max-width: none;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-moz-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.col-xl-1
{
max-width: 8.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-moz-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
}
.col-xl-2
{
max-width: 16.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-moz-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
}
.col-xl-3
{
max-width: 25%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-moz-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.col-xl-4
{
max-width: 33.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-moz-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
}
.col-xl-5
{
max-width: 41.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-moz-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
}
.col-xl-6
{
max-width: 50%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-moz-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.col-xl-7
{
max-width: 58.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-moz-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
}
.col-xl-8
{
max-width: 66.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-moz-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
}
.col-xl-9
{
max-width: 75%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-moz-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
}
.col-xl-10
{
max-width: 83.33333%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-moz-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
}
.col-xl-11
{
max-width: 91.66667%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-moz-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
}
.col-xl-12
{
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.order-xl-first
{
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xl-last
{
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-moz-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-xl-0
{
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-moz-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-xl-1
{
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xl-2
{
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xl-3
{
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xl-4
{
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-moz-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xl-5
{
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-moz-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xl-6
{
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-moz-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-xl-7
{
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-moz-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-xl-8
{
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-moz-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-xl-9
{
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-moz-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-xl-10
{
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-moz-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-xl-11
{
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-moz-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-xl-12
{
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-moz-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0
{
margin-left: 0;
}
.offset-xl-1
{
margin-left: 8.33333%;
}
.offset-xl-2
{
margin-left: 16.66667%;
}
.offset-xl-3
{
margin-left: 25%;
}
.offset-xl-4
{
margin-left: 33.33333%;
}
.offset-xl-5
{
margin-left: 41.66667%;
}
.offset-xl-6
{
margin-left: 50%;
}
.offset-xl-7
{
margin-left: 58.33333%;
}
.offset-xl-8
{
margin-left: 66.66667%;
}
.offset-xl-9
{
margin-left: 75%;
}
.offset-xl-10
{
margin-left: 83.33333%;
}
.offset-xl-11
{
margin-left: 91.66667%;
}
}
@charset 'utf-8';
/* CSS Document */
body {
margin:0;
position: relative;
}
header, footer, nav{
display: block;
}
/*▼ header ▼*/
header a:hover {
text-decoration: none;
}
/*==========================================
header區域的樣式
============================================*/
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
* {
padding: 0;
margin: 0;
}
*::after, ::before {
background-repeat: no-repeat ;
box-sizing: inherit;}
.header {
transition: width .15s ease-out,height .15s ease-out;
-moz-transition: width .15s ease-out,height .15s ease-out;
-o-transition: width .15s ease-out,height .15s ease-out;
-webkit-transition: width .15s ease-out,height .15s ease-out;
/*z-index:1;*/
position: fixed;
display: block;
width: 13em;
height: 100vh;
top: 0;
left: 0;
/*background-color: #fff;*/
-webkit-box-shadow: 0 0px 20px rgb(0 0 0 / 20%);
box-shadow: 0 0px 20px rgb(0 0 0 / 20%);
min-height: 700px;
overflow-y: hidden;
overflow-x: hidden;
/*background-image: url(/images/pagebg/menuBg.png);*/
background-color: #f5f4f2;
}
.header:hover {
overflow-y: auto;
}
.header_inner {
display: block;
position: relative;
/*z-index: 2;*/
min-height: 100%;
width: 100%;
top: 0;
left: 0;
}
@media (min-width:911px){
.header::before {
content: '';
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
background: #fff;
}
}
/*-----logo-----*/
.header_logo {
position: relative;
background-color: transparent;
z-index: 1001;
width: 175px;
height: 175px;
top: 0;
margin: 0 auto;
border-bottom: 1px solid rgba(0,0,0,.1);
transition: width .15s ease-out,height .15s ease-out;
-moz-transition: width .15s ease-out,height .15s ease-out;
-o-transition: width .15s ease-out,height .15s ease-out;
-webkit-transition: width .15s ease-out,height .15s ease-out;
}
.header_logo a {
display: block;
height: 100%;
max-width: 100%;
max-height: 100%;
}
.header_logo img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
max-width:100%;
max-height:100%;
}
/*------------------
選單txt
------------------*/
.header_gnav {
position: relative;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
display: block;
top: calc(50% + 5px);
margin-top: 0px;
/*background-image: url(/images/pagebg/menuBg.png);*/
background-color: #f5f4f2;
}
.header__gnavInner {
font-family: "PMingLiU" ,"ヒラギノ明朝 W6 JIS2004", "Hiragino Mincho W6 JIS2004", MingW6, serif;
padding:5px 0;
text-align: center;
vertical-align: middle;
width: 100%;
max-width: 100%;
position: relative
}
.header__gnavList {
line-height: 1;
margin: 0;
list-style: none;
list-style-type: none;
padding: 0
}
.header__gnavItem {
position: inherit;
width: 100%;
text-align: center
}
.header__gnavItem > a {
font-family: "PMingLiU", "ヒラギノ明朝 W6 JIS2004", "Hiragino Mincho W6 JIS2004", MingW6, serif;
font-style: normal;
position: relative;
display: block;
line-height: 1.7;
padding: 5px;
font-weight: 600;
font-size: 17px;
letter-spacing: 1px;
color: #000;
}
.header__gnavItem>a:before {
display: block;
position: absolute;
top:50%;
right:1px;
width:200px;
height:40px;
margin-top: -1.25em;
background:url("/images/pagebg/menuHr.png");
content: '';
opacity: 0;
background-position: center center;
background-size:contain;
background-repeat: no-repeat !important;
transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
-o-transition: all .15s ease-out;
-webkit-transition: all .15s ease-out;
-webkit-transition: width 0.3s ease-out;
transition: width 0.3s ease-out;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
z-index: -1
}
.header__gnavItem:hover a:before {
opacity: 1
}
/*---------------
分類選單
------------------*/
.sortItem {
line-height: 1.55;
color: #5a8b65;
font-size: 14px;
font-weight: bold;
text-align: center
}
/*---------
login
---------*/
.bottom__nav {
position:relative;
width:100%;
text-align: center;
margin-top:5px
}
.bottom__nav .login{
overflow: hidden;
position: relative;
background: url(/images/pagebg/loginBg.png);
background-repeat: no-repeat;
background-size:contain;
background-position: center;
margin-bottom: 5px;
display: block;
text-align: center;
}
.bottom__nav .login a {
cursor: pointer;
font-family: "PMingLiU", "ヒラギノ明朝 W6 JIS2004", "Hiragino Mincho W6 JIS2004", MingW6, serif;
letter-spacing: 1px;
color: rgba(0,0,0,0.75);
display: block;
text-align: center;
line-height:3.5;
font-weight: 700;
text-shadow: 0 0 12px white;
}
.bottom__nav .login a:hover{
color:#0b60af;
text-decoration:none}
/*---------
socail
---------*/
.header__sns {
margin-top:0px;
position: relative;
z-index: 100;
bottom: 0px;
width: 100%;
text-align: center;
line-height: 1;
}
.header__sns ul{
left: 0;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
list-style-type: none
}
.header__snsItem {
display: inline-block;
padding: 0 4px;
}
.header__snsItem span{
display: block;
padding:7px 5px
}
.header__snsItem a{
font-family: "PMingLiU", "ヒラギノ明朝 W6 JIS2004", "Hiragino Mincho W6 JIS2004", MingW6, serif;
font-weight: 600;
font-size: 15px;
letter-spacing: 1px;
color: rgba(0,0,0,0.75)
}
.header__snsItem a:hover {
color: #0b60af;
text-decoration: none;}
.header__snsItem img{
width: 32px;
height: auto;
border: none
}
/*-----------------
Privacy/contact
-----------------*/
.header__Privacy{
font-family: "PMingLiU" ,"ヒラギノ明朝 W6 JIS2004", "Hiragino Mincho W6 JIS2004", MingW6, serif;
padding:5px 0;
text-align: center;
vertical-align: middle;
width: 90%;
max-width: 90%;
position: relative;
margin:0px auto;
display: block;
border-top: 1px solid rgba(0,0,0,.1);
}
.header__Privacy ul {
line-height: 1;
margin: 0;
left: 0;
list-style: none;
list-style-type: none;
padding: 0;}
.header__Privacy ul li {
font-family: "PMingLiU", "ヒラギノ明朝 W6 JIS2004", "Hiragino Mincho W6 JIS2004", MingW6, serif;
font-style: normal;
position: relative;
display: block;
font-weight: 600;
color: rgba(0,0,0,0.75);
}
.header__Privacy ul li a {
font-family: "PMingLiU", "ヒラギノ明朝 W6 JIS2004", "Hiragino Mincho W6 JIS2004", MingW6, serif;
font-style: normal;
position: relative;
display: block;
line-height: 1.45;
padding: 5px;
font-weight: 600;
font-size: 15px;
letter-spacing: 1px;
color: rgba(0,0,0,0.75);
}
.header__Privacy ul li a:hover{
color:#0b60af;
text-decoration:none}
/*---------
qrcode
---------*/
.pc-Qrcodebox{
display: block;
width: 100%;
max-width:100%;
position: relative;
text-align: center;
margin:6px auto 0px auto;
padding:0px
}
.pc-Qrcodebox img{
max-width:90px;
width:90px;
height: auto;
text-align: center;
border: none
}
@media (max-width:1440px){
.header_logo
{width: 10em;
height: 10em;
top: 0px
}
.header__gnavItem>a{
line-height: 1.85;
padding:5px
}
.pc-Qrcodebox {
margin: 0px auto 0px auto;
padding: 0px 0 15px 0}
}
@media (max-width:1366px){
.header{padding-bottom: 60px}
.header_inner{ max-height:1024px; }
.header_logo { width:9.25em;height:9.25em;top: 5px}
.header__gnavInner { padding:5px 0}
.bottom__nav {top:108%;bottom: 0px}
.header__sns { top:118%}
}
@media (max-width:1280px){
.header{min-height: auto}
.header_inner{
display:block;
position: relative;
/*z-index: 2;*/
min-height:100%;
max-height: 100%;
width: 100%;
top: 0px;
left: 0;
}
}
@media (max-width:1152px){
.header_gnav { top: calc(20% + 15px); margin-top:0px;}
}
@media (max-width: 1024px){
.header_gnav { margin-top: 10px;}
}
.hamburger-menu{display: none}
.appeared{left: 0}
/*-------------------
mobile
-------------------*/
@media (max-width:911px){
.header {
box-shadow: 0 0 1px rgba(0,0,0,.3);
-webkit-box-shadow: 0 0 1px rgba(0,0,0,.3);
-moz-box-shadow: 0 0 1px rgba(0,0,0,.3);
max-width: 100%;
width: 100%;
padding-bottom: 0;
min-height: 75px;
/*height: 75px;*/
overflow-y: hidden;
overflow-x: hidden;
position: absolute;
background-image: none;
}
.header_inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 0;
left: 0;
height: auto;
min-height: 100%;
/*z-index: 2;*/
width: 100%;
max-width: 100%;
/*transform: translate3d(0,0,999px);
-webkit-transform: translate3d(0,0,999px);*/
}
.header_logo {
vertical-align: middle;
width: 100%;
height: auto;
top: 0;
border-bottom: 0;
left: auto;
position: fixed;
height: 75px;
/*background-image: url(/images/pagebg/menuBg.png);*/
background-color: #f5f4f2;
}
.header_logo img {
width:73px;
height: auto;
left:50%;
}
.header__sns { display: none}
.header__snsList{margin: 25px auto}
/*----hamBuger---*/
.hamburgerMenu {
cursor: pointer;
position:fixed;
display: block !important;
width: 45px;
height:45px;
margin: 15px;
border: none;
z-index: 1001;
left: 0px;
}
.hamburgerMenu span {
position: absolute;
transform: rotate(0deg);
transition: .4s ease-in-out;
opacity: 1;
left:0%;
display: block;
width: 100%;
height: 1.25px;
border-radius: 10px;
background: rgb(0,0,0);
}
.hamburgerMenu span:nth-child(1) {
top: 10px;
}
.hamburgerMenu span:nth-child(2) {
top:22px;
}
.hamburgerMenu span:nth-child(3) {
top:35px;
}
/*-------------------
mobile menu txt
-------------------*/
.header_gnav {
display: block;
position: fixed;
left: -100%;
width: 18.750em;
padding: 20px 10px;
overflow-y: scroll;
top: 0;
margin-top: 75px;
z-index: 9999;
width: 250px;
height: 100%;
min-height: 100vh;
-webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 5px rgb(0 0 0 / 8%);
box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 5px rgb(0 0 0 / 8%);
transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
border-right: #ddd solid 1px;
background: #f7f7f7;
padding-bottom: 120px;
opacity: 1 !important;
/*transform: translate3d(0,0,999px);
-webkit-transform: translate3d(0,0,999px);*/
/*-webkit-transform: translateZ(9999px);
-moz-transform: translateZ(9999px);
-o-transform: translateZ(9999px);
transform: translateZ(9999px);
transform:translate3d(0,0,9999px);*/
}
.header__gnavList{width: 100%;}
.header__gnavItem{position: relative;width: 100%;}
.header__gnavItem>a {padding:8px 5px}
.header__gnavItem>a:before {
left: 5%;
right: 30%;
width: 210px;
margin: auto;
top: 0%;
background-size: cover;
}
}
/*----------------------------------
copyright
------------------------------*/
footer {
clear: both;
position: relative;
z-index: 1;
color: #111;
padding:0;
margin: auto;
content: "";
float: none;
display: table;
position: relative;
clear: both;
width: 100%;
max-width: 100%;
color: #555;
align-items: center;
}
.copyright {
border-top: 1px solid #e0e0e0;
align-items: center;
text-align: center;
padding: 15px 0;
display: block;
margin: 0 auto;
}
.copyright a{
text-align: center;
color: #777;
text-align: center;
outline: none;
text-decoration: none;
}
.warning_Txt {
color: #cf2828;
}
.Mar_Left_auto {
margin-left: auto;
}
.Mar_Right_auto {
margin-right: auto;
}
.Mar-Top5px {
margin-top: 5px;
}
.Mar-Top10px {
margin-top: 10px;
}
.Mar-Bom10px {
margin-bottom: 10px;
}
.Mar-R10px {
margin-right: 10px;
}
.w5p {
width: 5% !important;
}
.w10p {
width: 10% !important;
}
.w15p {
width: 15% !important;
}
.w20p {
width: 20% !important;
}
.w25p {
width: 25% !important;
}
.w30p {
width: 30% !important;
}
.w40p {
width: 40% !important;
}
.w45p {
width: 45% !important;
}
.w50p {
width: 50% !important;
}
.w55p {
width: 55% !important;
}
.w60p {
width: 60% !important;
}
.w70p {
width: 70% !important;
}
.w75p {
width: 75% !important;
}
.w80p {
width: 80% !important;
}
.w85p {
width: 85% !important;
}
.w90p {
width: 90% !important;
}
.w95p {
width: 95% !important;
}
.w100p {
width: 100% !important;
}
.w170px {
width: 170px !important;
}
.w160px {
width: 160px !important;
}
.w125px {
width: 125px !important;
}
.Min-w400px {
min-width: 400px;
}
.Pad10px {
padding: 10px;
}
.BK_A7CAD7 {
background: #A7CAD7;
}
.numeric-list {
list-style: none;
counter-reset: li;
padding-left: 0;
margin-left: .625rem;
color: #262626;
}
.numeric-list > li {
padding: 4px 12px 4px 18px;
}
.WhiteContent {
background: #fff;
padding: 6px;
line-height: 1.65;
border-radius: 8px;
}
.Mar_0
{
margin:0;
}
@media print{
.header{display:none;}
.mainContents {margin-left:0;width:100%;}
footer{display:none;}
#CommentArea {display:none;}
.mainContents {background-image:none !important}
.blockImg{background-image:none !important}
.mainContents:before{background-image:none !important}
#WebToolsBox {display:none;}
.pageTitBox{margin-top:5%}
.RwdTableRe th {
font-size:12px !important;
}
.RwdTableRe td {
font-size: 12px !important;
}
#btnPrint {
display:none;
}
.pagerTit_Ch {
font-size: 14px !important;
}
.pagination-container {
display: none;
}
#pagetop {
display:none;
}
.loginArea {
display:none;
}
}
/*!
* Datepicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Improvements by Andrew Rowls
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/
.datepicker {
padding: 4px;
border-radius: 4px;
direction: ltr;
font-size:0.85em
/*.dow {
border-top: 1px solid #ddd !important;
}*/
}
.datepicker-inline {
width: 220px;
}
.datepicker.datepicker-rtl {
direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
float: right;
}
.datepicker-dropdown {
top: 0;
left: 0;
}
.datepicker-dropdown:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-top: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
}
.datepicker-dropdown:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-top: 0;
position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
bottom: -7px;
border-bottom: 0;
border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
bottom: -6px;
border-bottom: 0;
border-top: 6px solid #fff;
}
.datepicker > div {
display: none;
}
.datepicker.days div.datepicker-days {
display: block;
}
.datepicker.months div.datepicker-months {
display: block;
}
.datepicker.years div.datepicker-years {
display: block;
}
.datepicker table {
margin: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
text-align: center;
width: 30px;
height: 30px;
border-radius: 4px;
border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
background: #eeeeee;
cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
background: none;
color: #999999;
cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
color: #000000;
background-color: #ffdb99;
border-color: #ffb733;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
color: #000000;
background-color: #ffcd70;
border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
background-image: none;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
background-color: #ffdb99;
border-color: #ffb733;
}
.datepicker table tr td.today:hover:hover {
color: #000;
}
.datepicker table tr td.today.active:hover {
color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
background: #eeeeee;
border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
color: #000000;
background-color: #f7ca77;
border-color: #f1a417;
border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
color: #000000;
background-color: #f4bb51;
border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
background-image: none;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
background-color: #f7ca77;
border-color: #f1a417;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
color: #ffffff;
background-color: #999999;
border-color: #555555;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
color: #ffffff;
background-color: #858585;
border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
background-image: none;
}
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
background-color: #999999;
border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
color: #ffffff;
background-color: #428bca;
border-color: #357ebd;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
color: #ffffff;
background-color: #3276b1;
border-color: #285e8e;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
background-image: none;
}
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
background-color: #428bca;
border-color: #357ebd;
}
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
border-radius: 4px;
}
.datepicker table tr td span:hover {
background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
background: none;
color: #999999;
cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
color: #ffffff;
background-color: #428bca;
border-color: #357ebd;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
color: #ffffff;
background-color: #3276b1;
border-color: #285e8e;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
background-image: none;
}
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
background-color: #428bca;
border-color: #357ebd;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
color: #999999;
}
.datepicker th.datepicker-switch {
width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
background: #eeeeee;
}
.datepicker .cw {
font-size: 0.625em;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
cursor: default;
background-color: transparent;
}
.input-group.date .input-group-addon i {
cursor: pointer;
width: 16px;
height: 16px;
}
.input-daterange input {
text-align: center;
}
.input-daterange input:first-child {
border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
width: auto;
min-width: 16px;
padding: 4px 5px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
text-shadow: 0 1px 0 #fff;
vertical-align: middle;
background-color: #eeeeee;
border-width: 1px 0;
margin-left: -5px;
margin-right: -5px;
}
.datepicker.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000 !important;
float: left;
display: none;
min-width: 160px;
list-style: none;
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 5px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
*border-right-width: 2px;
*border-bottom-width: 2px;
color: #333333;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 0.8125em;
line-height: 1.428571429;
}
.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
padding: 0;
}
.btn-other
{
color: #fff;
background-color: #2892db;
border-color: #2892db;
}
.btn-other:hover,
.btn-other:focus,
.btn-other.focus {
color: #fff;
background-color: #3D9DDF;
border-color: #3D9DDF;
}
.btn-work
{
color: #fff;
background-color: #404040;
border-color: #404040;
}
.btn-work:hover,
.btn-work:focus,
.btn-work.focus {
color: #fff;
background-color: #524E4E;
border-color: #524E4E;
}
.btn-search
{
color: #fff;
background-color: #404040;
border-color: #404040;
margin-left:1%;
}
.btn-search:hover,
.btn-search:focus,
.btn-search.focus {
color: #fff;
background-color: #524E4E;
border-color: #524E4E;
}
@media (max-width: 768px) {
.btn-search {margin:0}
}
.btn-Delete
{
color: #fff;
background-color: #DE5E53;
border-color: #DE5E53;
}
.btn-Delete:hover,
.btn-Delete:focus,
.btn-Delete.focus {
color: #fff;
background-color: #E16D63;
border-color: #E16D63;
}
.btn-Permission
{
color: #fff;
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.btn-Permission:hover,
.btn-Permission:focus,
.btn-Permission.focus {
color: #fff;
background-color: #E5AE61;
border-color: #E5AE61;
}
.btn-Init {
color: #fff;
background-color: #209975;
border-color: #209975;
}
.btn-Init:hover,
.btn-Init:focus,
.btn-Init.focus {
color: #fff;
background-color: #52C283;
border-color: #52C283;
}
.MoreBtn
{
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
/* padding: .375rem .75rem; */
font-size: 1rem;
line-height: 1.3;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
cursor: pointer;
width: 5em;
}
.More_white
{
background: #fff;
color: #343a40;
border-color: #fff;
}
.ResetExpiredBtn
{
color:red
}