﻿@charset "utf-8";
/* CSS Document */
/* --------------------------------------
 *                共用元件
 * -------------------------------------- */
/*基本*/
body { 
  margin     : 0; 
  padding    : 0;
  font-family: \5FAE\8EDF\6B63\9ED1\9AD4, Arial, sans-serif ;
} 
.clearfix:before, .clearfix:after {   
    content:"";   
    display:table;   
}   
.clearfix:after{   
    clear:both;   
    overflow:hidden;   
}   
.clearfix{   
    *zoom:1;   
}
/*------共用--區塊_all------*/
.WRAPPER {position:relative; display:inline-block; margin:0; padding:0; overflow:hidden; }
.WRAPPER * {-webkit-box-sizing:border-box; box-sizing:border-box;}
@media only screen and (min-width: 1240px) {
	.WRAPPER { width: 100%;}
}

.mainKv{max-width: 1220px; margin: 0 auto; position: relative;}

.forWeb{display: block;}
.forPhone {display:none;}
.mobile{ display: none; }
.head{width: 1240px; margin: 0 auto; display: flex; position: relative; justify-content: space-between; align-content: center; flex-wrap: nowrap;}
.logo{width: 260px; display: inline-block; cursor: pointer; position: relative; padding: 5px 0;}
.logo img { width: 100%;}
.icons { display: flex; flex-wrap: nowrap; margin: auto 0;}
.icons div { margin: 0 5px;}
.fb-btn{ width: 70px; margin: auto 0;}
.linetest{width: 70px; margin: auto 0;}
@media screen and (max-width:900px){ 
	.forWeb{display: none;}
	.forPhone {display: block;}
	.mobile{ display: block; }
	.mainKv img {max-width:100%;height:auto !important;}
	.head{width: 100%; margin: 0 auto; }
	.head .logo { width: 40vw;}
    .top{ width: calc(100%/2 - 4px);
          height: 100%;
          margin: 5px 0px 0px 0px;
          padding: 0px;
          display: inline-block;
	}
}

/*左邊menu*/
.ui-toolbar,.ui-toolbar a{ font-family:Verdana, Geneva, sans-serif;}
.ui-toolbar a:hover{text-decoration:none;}
.b-arrow-r,.b-arrow-l{background:url("arrow.png") no-repeat;border-radius: 0px 8px 8px 0px}
.ui-btn{
    font-family:"Microsoft jhenghei", Arial, Helvetica, sans-serif;
    width:40px;
    height:40px;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    cursor:pointer;opacity:0.9;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    text-align:right;
    background-color:#2d2d2d;
    display:block;
    margin-bottom:5px;}
.ui-btn:hover{background-color:#838383;}
.b-arrow-r{background-position:-40px 0;}
.b-arrow-l{background-position:0 0;}
.ui-toolbar{display:block;position:fixed;top:80px;width:123px;z-index:999;}
.ui-toolbar{ left:0;}

@media screen and (max-width:900px){ 
    .RmenuArrow, .RmenuBox, .ui-toolbar  { display: none !important; }
}

/*menu_box*/
.menu_box{font-family:Arial,"Microsoft jhenghei", Helvetica, sans-serif;text-align:center;font-size:15px;top:70px;z-index:10000;background:rgba(0, 0, 0, 0.63);padding:4px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;width:118px;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);-webkit-transition:transform .25s;-moz-transition:transform .25s;transition:transform .25s;}
.menu_box2{font-family:Arial,"Microsoft jhenghei", Helvetica, sans-serif;text-align:center;font-size:15px;top:70px;z-index:10000;background:rgba(0, 0, 0, 0);padding:4px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;width:118px;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);-webkit-transition:transform .25s;-moz-transition:transform .25s;transition:transform .25s;}
.menu_box dl,.menu_box dd,.menu_box ul{margin:0;padding:0;}
.menu_box dd a{line-height:18px;display:block;margin:0 0 5px;}
.menu_box li,.menu_box .s_sub,.menu_box .site_evt li a{margin:0;padding:1px 0;}
.site_evt li a{margin:0;padding:4px 0;}
.menu_box .head{margin:0px auto 0;}
.menu_box .head a{display:block;width:110px;height:110px;}
.menu_box .s_sub dt{border-bottom:solid 1px #d3d3d3;font-size:18px;margin:5px;color:#fff;text-align:center;line-height:30px;}
.menu_box .s_sub d{font-size:18px;margin:5px;color:#fff;text-align:center;line-height:30px;}
.menu_box .menu_list{margin:0 0 3px;}
.menu_box .menu_list li a{font-size:15px;color:#e2e2e2;letter-spacing:2px;background:transparent;margin:4px;padding:0 4px;height:18px;overflow:hidden;}
.menu_box .menu_list li a:hover{background:#e2e2e2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#000;}
.menu_box .menu_list1{margin:0 -8px 3px;}
.menu_box .menu_list1 li a{font-size:15px;color:#e2e2e2;letter-spacing:2px;background:transparent;margin:5px;padding:0 4px;height:18px;overflow:hidden;}
.menu_box .menu_list1 li a:hover{background:#e2e2e2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#000;}
.menu_box .site_evt li{margin:-4px 0 -11px 0;}
.menu_box ul,.site_evt2{list-style:none;}


/*ui-toolbar*/
.ui-toolbar .menu_box{ margin-left:5px;}
.ui-toolbar .ui-btn.b-arrow-l,.ui-toolbar .ui-btn.b-arrow-r{left:0;}
.ui-toolbar.s_close .b-arrow-r,.ui-toolbar .b-arrow-l{display:block;}
.ui-toolbar.s_close .b-arrow-l,.ui-toolbar .b-arrow-r{display:none;}

.ui-toolbar.s_close .menu_box{-webkit-transform:translateX(-105%);-moz-transform:translateX(-105%);transform:translateX(-105%);}

.ui-toolbar .s_main dd>a{font-size:18px;color:#000;background:#e2e2e2;line-height:30px;}
.ui-toolbar .s_main dd>a:hover{background:#000;color:#fff;}
.ui-toolbar .menu_box .site_evt li{width:110px;height:46px;}

.ui-toolbar .menu_box2{ margin-left:5px;}
.ui-toolbar .ui-btn.b-arrow-l,.ui-toolbar .ui-btn.b-arrow-r{left:0;}
.ui-toolbar.s_close .b-arrow-r,.ui-toolbar .b-arrow-l{display:block;}
.ui-toolbar.s_close .b-arrow-l,.ui-toolbar .b-arrow-r{display:none;}

.ui-toolbar.s_close .menu_box2{-webkit-transform:translateX(-105%);-moz-transform:translateX(-105%);transform:translateX(-105%);}

.ui-toolbar .s_main dd>a{font-size:18px;color:#000;background:#e2e2e2;line-height:30px;}
.ui-toolbar .s_main dd>a:hover{background:#000;color:#fff;}
.ui-toolbar .menu_box2 .site_evt li{width:110px;height:46px;}
.site_evt2 li{margin:0;padding:0 0 5px;}
.site_evt3 li{margin:0;padding:0 -2px 0 10px;width:110px;height:110px;}





/********* 手機back to top 按鈕 *********/	
.toTopbtn { 
	display:none;
	position:fixed; 
	z-index:999;
	width:45px;
    height:45px;
	padding:3px; 
	font:13px/30px Arial, Helvetica, sans-serif; 
	line-height: 50px;
	text-align:center; 
	color:#fff;  
	background-color:rgba(164,164,164,0.7); 
	cursor:pointer;
	opacity: 1;
	 filter: alpha(opacity=80);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
	border-radius:100%; 
}
.toTopbtn::before { 
	content: ""; 
	position:absolute; 
	top:6px; 
	left:17px; 
	border: 5px solid #000;
	border-color: transparent transparent #fff; 
}
@media screen and (max-width:900px){
.toTopbtn { 
	position:fixed;
	bottom: 9%;
	right: 3%;}
	
	}
/********* END// 手機back to top 按鈕 *********/
/********* 手機板下方menu *********/
@media only screen and (max-width:900px){
.menu_area {
	width:100%;
	height: 13vw;
	background: transparent -webkit-gradient(linear,left top,left bottom,from(#3b619a),to(#121143)) 0 0 no-repeat padding-box;
	position: fixed;
	bottom: 0;
	z-index: 999
}
.flip, .flip2, .flip3, .flip4{
	font-size: 2.5vw;
	font-weight: bold;
	line-height: 2em;
	margin:0 ;
	padding:0 0 5px 0;
	text-align:center;
	color: #feface;
	cursor:pointer;
	font-family:'Arial','微軟正黑體';
	position:fixed;bottom:0;
	width:calc(100%/4);
	z-index: 999;
	}
.flip2{left:calc(100%/4);}
.flip3{right:calc(100%/4);}   
.flip4{right:0;} 

.flip a, .flip2 a,.flip3 a,.flip4 a{color: #feface;}
.flip a:active,.flip2 a:active,.flip3 a:active,.flip4 a:active{color: #feface;}

.tab-icon {
    background-image: url(bottom_tab-off01.png);
	background-position: center;
    background-repeat: no-repeat;
	background-size: 100%;
    width: 6vw;
    height: 6vw;
    margin: 2px auto 0;
	}
.tab-icon2 {
    background-image: url(bottom_tab-off02.png);
	background-position: center;
    background-repeat: no-repeat;
	background-size: 100%;
    width: 6vw;
    height: 6vw;
    margin: 2px auto 0;
	}
.tab-icon3 {
    background-image: url(bottom_tab-off03.png);
	background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 6vw;
    height: 6vw;
    margin: 2px auto 0;
	}
.tab-icon4 {
    background-image: url(bottom_tab-off04.png);
	background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 6vw;
    height: 6vw;
    margin: 2px auto 0;
	}
.panel2{
	margin-bottom:55px;
	padding:10px 10px 15px;
	text-align:center;
	background-color: rgba(0,0,0,0.7);;
	border:solid 1px #c3c3c3;
	display:none;
	font-family:'Arial';
	font-size: 3.5vw;
	position:fixed;
	bottom:0;right: 0;
	width:100%;
	z-index: 888;
	clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 35% 95%, 38% 100%, 41% 95%, 0 95%);
	}
.panel2 li{
	width: 20vw;
    line-height: 6vw;
    margin: 1vw 0.5vw;
    padding: 1vw;
    background: #F8C136;
    border-radius: 3px;
    list-style: none;
    display: inline-block;
	}
.panel2 li a{
	color: #102f4b;
	}
.panel3{
	margin-bottom:55px;
	padding:10px 10px 15px;
	text-align:center;
	background-color: rgba(15,48,74,0.7);;
	border:solid 1px #c3c3c3;
	display:none;
	font-family:'Arial';
	font-size: 3.5vw;
	position:fixed;
	bottom:0;right: 0;
	width:100%;
	z-index: 888;
	clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 81% 95%, 83% 100%, 85% 95%, 0 95%);
	}
.panel3 li{
	width: 20vw;
    line-height: 6vw;
    margin: 1vw 0.5vw;
    padding: 1vw;
    background: #F8C136;
    border-radius: 3px;
    list-style: none;
    display: inline-block;
	}
.panel3 li a{
	color: #102f4b;
	}
}
/********* END手機板下方menu *********/	
/* --------------------------------------
 *                背景
 * -------------------------------------- */
/*PC背景*/
.bg1240 { position: relative; background:url() no-repeat top center; }/*刊頭背景*/
.bg { position: relative; background:url("../../images/bg_01.jpg") repeat-y top center;}
.bg2 { position: relative; background:url(../../images/bg_02.png) no-repeat top center;}
.bg3 { position: relative; background:url(bg_03.jpg) no-repeat top center ;}
/*底下套版背景*/
.sectionBg { text-align:center;background:url() repeat-y center top #fff;}
/*Phone背景*/
@media screen and (max-width:900px){ 
	.bg { 
		background-size:100%;
	}
	.bg2 { 
		background-size:120%;
	}
	.bg3 { 
		background-size:100%;
	}
}

/* --------------------------------------
 *                Footer
 * -------------------------------------- */
.footer { padding: 10px 0px; font-size: 12px; line-height: 16px; background: #FFF; }
.footer p { margin: 0px; text-align: center; }
.footer a {	color: #0072ff; text-decoration: none; }
.footer a:hover { color:#0072ff; text-decoration: underline; }
.copyright { font-size: 10px; color: #6f6f6f}
.footerbox{width: 1240px; margin: 0 auto;}
@media screen and (max-width:900px){ 
	.footerbox{width: 100%; margin: 0 auto;}
}

/********* 右側menu *********/
.RmenuArrow {
    position: fixed;
    width: 40px;
    z-index: 999;
    top: 80px;
    right: 0;
    cursor: pointer;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    margin-bottom: 1px;
    text-align: right;
    background-color: #2d2d2d;
	border-radius: 8px 0 0 8px;
}
.RmenuArrow:hover {
    background-color: #565656;
}
#RMenuIn {
    display: none;
}
.RmenuBox {
    width: 130px;
    position: fixed;
    z-index: 10000;
    top: 124px;
    right: 0;
    background-color:rgba(0, 0, 0, 0.63);
	border-radius: 8px 0px 0px 8px;
	font-family: Verdana,'微軟正黑體';
	
}
.RmenuBox ul{padding:0; margin:0;}
.RmenuBox li {
    width: 100%;
    text-align: center;
	list-style:none;
	padding:0;
	margin:0;
}
.RmenuBox li a{
    color: #fff;
    display: block;
    padding: 3px 3px;
    border-radius: 2px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.RmenuBox p{margin:0; }
.RMenuBtn, #RmenuTop a {
    width: 100%;
    text-align: center;
    padding: 12px 5px 8px;
    margin-bottom: 1px;
    font-size: 14px;
	line-height: 20px;
    cursor: pointer;
    position: relative;
    color: #e9e5d9;
}
.RMenuBtn:hover, li.nav-active, li.nav-active p {
    background-color: #e9e5d9;
    color: #0f304a;
	border-radius: 16px;
}
.RMenuBtn::before {
    content: '';
    position: absolute;
    width: 86%;
    height: 1px;
    bottom: -4px;
    right: 7%;
    background: #000;
	opacity: 0.3;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    z-index: 9999;
}
.RmenuTop::before {
    height: 0;
}
.topArrow {
    width: 20px;
    height: 20px;
    vertical-align: -2px;
}
.RmenuTop {
    padding: 5px 8px 8px 0;
}
/********* END/右側menu *********/

/********* 手機板上方menu *********/
.mFixed {
    position: fixed;
    top: -1px !important;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
}

.scroll_mob::-webkit-scrollbar {
    height: 0px
}
.scroll_pc::-webkit-scrollbar {
    height: 0px
}
.scroll_pc::-webkit-scrollbar-track {
    background-color: #EAEAEA;
}
 
.scroll_pc::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 0px solid slategrey;
}
#menu {
    width: 100%;
    height: 30px;
    z-index: 999;
    text-align: center;
    color: #fff;
    font-size: 15px;
	font-family: '微軟正黑體';
    line-height: 20px;
    padding: 2px 5px;
	background:#110239;
    border-bottom: 0px solid #eee;
    transition: 0s;
    -webkit-transition: 0s;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space:nowrap;
}
#menu a {
    color: #fff;
}
#menu span {
    vertical-align: baseline;
    font-weight: normal;
    color: #cacaca;
}
#menu .btn-bottom {
    height: 100%;
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: auto;
    padding:2px 3px;
    white-space:nowrap;
}

#menu .btn-bottom:nth-last-child(1)::before {
    width: 0px;
}
@media only screen and (max-width:900px) {
    .RmenuArrow, .RmenuBox  { display: none !important; }	
}
/********* END手機板上方menu *********/	

/* --------------------------------------
 *              CSS特效
 * -------------------------------------- */
/*閃亮*/
.brightness-play { -webkit-animation:brightness2-play 2s 1s linear infinite ; animation:brightness2-play 2s 1s linear infinite; -webkit-animation-delay:1s; animation-delay:1s;}
@keyframes brightness2-play {
  0% { filter:brightness(100%);}
  80% { filter:brightness(100%);}
  90% { filter:brightness(200%);}
  100% { filter:brightness(100%);}
}

/*上下飄*/
.shakeHorizontal { -webkit-animation: shake-horizontal 2s  infinite both;animation: shake-horizontal 2s  infinite both;}
@-webkit-keyframes shake-horizontal {
	0%,100% { -webkit-transform: translateY(-4px); transform: translateY(-4px);	}
	50% { -webkit-transform: translateY(4px); transform: translateY(4px);}
}
@keyframes shake-horizontal {
	0%,100% { -webkit-transform: translateY(-4px); transform: translateY(-4px);	}
	50% { -webkit-transform: translateY(4px); transform: translateY(4px);}
}

/*斜閃亮*/
.lightSweep {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: none 0% 0% / auto repeat scroll padding-box border-box
	  rgba(0, 0, 0, 0);
	overflow: hidden;
	z-index: 1;
	pointer-events: none;
	-webkit-filter: brightness(1.5);
	-webkit-mask-size: 300% 200%;
	-webkit-mask-image: -webkit-linear-gradient(
	  -45deg,
	  rgba(255, 255, 255, 0) 40%,
	  rgba(255, 255, 255, 1) 50%,
	  rgba(255, 255, 255, 0) 60%
	);
	-webkit-transition: -webkit-mask-position;
	-webkit-animation-timing-function: linear;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-filter: brightness(1.5);
	-moz-mask-size: 300% 200%;
	-moz-mask-image: -webkit-linear-gradient(
	  -45deg,
	  rgba(255, 255, 255, 0) 40%,
	  rgba(255, 255, 255, 1) 50%,
	  rgba(255, 255, 255, 0) 60%
	);
	-moz-transition: -webkit-mask-position;
	-moz-animation-timing-function: linear;
	-moz-transform: translate3d(0, 0, 0);
	-o-filter: brightness(1.5);
	-o-mask-size: 300% 200%;
	-o-mask-image: -webkit-linear-gradient(
	  -45deg,
	  rgba(255, 255, 255, 0) 40%,
	  rgba(255, 255, 255, 1) 50%,
	  rgba(255, 255, 255, 0) 60%
	);
	-o-transition: -webkit-mask-position;
	-o-animation-timing-function: linear;
	-o-transform: translate3d(0, 0, 0);
	filter: brightness(1.5);
	mask-size: 300% 200%;
	mask-image: -webkit-linear-gradient(
	  -45deg,
	  rgba(255, 255, 255, 0) 40%,
	  rgba(255, 255, 255, 1) 50%,
	  rgba(255, 255, 255, 0) 60%
	);
	transition: -webkit-mask-position;
	animation-timing-function: linear;
	transform: translate3d(0, 0, 0);
	transition-duration: 2.5s;
	animation: lightmove 2.5s ease-out infinite;
  }
  @keyframes lightmove {
	from {
	  -webkit-mask-position: 150% 0px;
	  -moz-mask-position: 150% 0px;
	  -o-mask-position: 150% 0px;
	  mask-position: 150% 0px;
	}
	to {
	  -webkit-mask-position: 0% 0px;
	  -moz-mask-position: 0% 0px;
	  -o-mask-position: 0% 0px;
	  mask-position: 0% 0px;
	}
  }
  
  


/********* END// CSS特效 *********/	


/********* 活動說明 *********/	
.rule{ width: 1220px; margin: 0 auto; padding:20px 50px 50px; font-size:18px; line-height:30px; text-align:left;color:#1D1D1D;font-family: '微軟正黑體';background: #fff;}
.rule a{color: saddlebrown;}
.rule a:hover{color: palevioletred;}
.rule ul{list-style:none;margin-left:14px;}
.rule ol{list-style: none;  border-radius: 20px; padding: 2px 12px;}
.rule p{color: #e32201;font-size: 22px;line-height: 32px;padding: 10px 0;font-weight: bold;text-align: left;}
.rule h1{font-size: 22px; line-height: 38px; padding-bottom: 16px;}
.rule h2{font-size: 22px; line-height: 24px; color: #e02c6d; margin: 12px 0 20px;}
.rule label{color: #fff; font-size: 22px; margin: 35px 30px 10px; padding: 4px 10px;
    background-color: #93032e; border-radius: 10px; display: block; width: 216px; text-align: center;}
@media screen and (max-width:900px){
	.rule{ width: 100%; padding:2vw 4vw 5vw; font-size: 3.5vw; line-height:6vw; text-align:left; }
	.rule ul{margin: 0; padding:1vw 0 2vw ; background: none;}
	.rule ol{margin: 0; padding:0vw 0vw 2vw; }
	.rule ol li{margin: 1vw;}
	.rule p{font-size: 4vw;line-height: 5vw;}
	.rule h1{font-size: 4vw; line-height: 6vw; padding-bottom: 2vw;}
	.rule h2{font-size: 4vw; line-height: 6vw; margin: 2vw 0 1vw;}
	.rule label{font-size: 3vw; line-height: 5vw; margin:2vw auto; padding: 1vw 10vw;}
}

.rule ol>li>ol{
      display: block;
    }
    input[type=checkbox]{
      display: none;
    }
    ol li input[type=checkbox]:checked+ol{
      display: none;
    }

/********* END// 活動說明 *********/	



/********* 下面格廣告 *********/
.btm_ad{width: 1240px; margin: 0 auto;}
.btm_ad ul{padding-bottom:3px; margin:3px 0px;}
.btm_ad ul li{ display:inline-block; margin:0px; padding:0px 2px 3px 2px;width: calc(100%/4 - 5px);  }
.btm_ad li img{width:100%;}


@media only screen and (max-width:900px) {
	.btm_ad{width: 100%; margin:1vw auto;}
	.btm_ad ul{width:100%; padding-bottom:1vw; margin: 0;}
	.btm_ad ul li{width: calc(100%/2 - 3px);display:inline-block;margin:0; padding:0vw 0.5vw 1vw 0.5vw;}
	.btm_ad li img{ width:100%;}
}



/*********此封專用CSS*********/

@media only screen and (max-width:900px) {
	
}



.myBox {position: relative; background:url(../../images/bg_03.png) no-repeat top center;}
.myBox a:nth-child(2) { margin-top: -13em;}
.myBox a:nth-child(3) { margin-top: -11em;}
.myBox a:nth-child(4) { margin-top: -5em;}
.myBox a:nth-child(5) { margin-top: -10em;}
@media only screen and (max-width:900px) {
	.myBox a:nth-child(2) { margin-top: -4em;}
.myBox a:nth-child(3) { margin-top: -3em;}
.myBox a:nth-child(4) { margin-top: -1em;}
.myBox a:nth-child(5) { margin-top: -3em;}
	.myBox a img { max-width: 110% !important; width: 110% !important; margin-left: -5%;}
}


.worry { display: flex;}

@media only screen and (max-width:900px) {
	.worry { flex-wrap: wrap;}

	.worry img { max-width: 50% !important;}
}



.text-price{margin: 0 0 0.5em 0 !important;}
.higher .text-price .text-3xl { font-size:2.04em !important; font-weight: bold; }

.repair { background-color: #ff0000; display: flex; flex-wrap: wrap; padding-bottom: 2em; justify-content: center;}


@media only screen and (max-width:900px) {
	.repair a { width: 48% !important;}
}



.bg-yellow {background-color: #FF0000 !important; color: #ffffff !important; font-weight: bold;}

.text-ellipsis-1 { font-size:1.5em; font-weight: bold; margin:0.5em 0 0 0 !important;}

@media only screen and (max-width:900px) {
	.higher ul li:nth-child(4n+1) { padding-bottom: 0.4em; margin-bottom: 1.1em; background-color: #fff;}
	.higher ul li:nth-child(4n+1) .card {box-shadow: 0 0 0;}
}

@media only screen and (max-width:900px) {
	.pdTitle { max-width: 130% !important; width: 130% !important; margin-left: -15%;}
	
}
