/* HTML elements */
body {
    background-color: #486167;
    padding: 0px 0px 0px 0px;
    margin: auto
}

body.publicReportPadding {
    padding: 52px 0px 0px 0px;
}

strong {
    font-weight: 800;
}

a {
    text-decoration: none;
}

/* homepage header */
#header_white.top_white {
    height: 52px;
    line-height: 52px;
    position: fixed;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.1);
    box-sizing: border-box;
    padding: 0 16px;
    z-index: 1000;
    background: #fff;
    display: none;
	margin-top: -52px
}

.header_group {
    margin: auto;
    overflow: hidden;
    display: block;
    height: 52px;
    max-width: 768px;
}

#header_white .logo {
    display: inline;
    margin: auto;
    float: left;
}

#header_white .menu {
    color: #666;
}

.logo .symbol {
    display: inline-block;
}

.logo .logotype {
    display: inline-block;
}

.logo .symbol img {
    width: 40px;
    height: 40px;
    margin: auto;
    top: 0;
    bottom: 0;
    position: absolute;
}

.logo .logotype img {
    width: auto;
    height: 32px;
    margin: auto;
    margin: auto;
    top: 0;
    bottom: 0;
    position: absolute;
    padding-left: 46px;
    padding-bottom: 1px;
}

.menu {
    float: right;
    height: 52px;
    color: #fff;
    padding-right: 4px;
    font-weight: 300;
	margin: auto;
}


.bar_down {
    font-size: 15px;
	color: #fff;
	font-weight: bold;
	border-radius: 52px;
	background: #2BC6FF;
    padding: 0px 16px;
    display: inline-block;
    cursor: pointer;
    line-height: 34px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);	
}



/* top layout */

.info {
    margin: auto;
    padding-top: 22px;
}

.info .car {
    margin: auto;
	display: inline-block;
    color: white;
	position: relative;
	vertical-align: middle;
}

.info h1 {
    font-size: 14px;
    font-weight: normal;
}

.info h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 16px auto auto auto;
    line-height: 24px;
    padding-bottom: 1px;
}

.info h3 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 3px;
}

.info .car h4 {
    font-size: 14px;
    font-weight: normal;
    margin: auto;
    line-height: 18px;
	padding-top: 2px;

}

.info .car h5 {
    font-size: 14px;
    font-weight: normal;
    margin: auto;
    padding-top: 3px;
    line-height: 18px;

}

.info p {
	font-size: 13px;
	opacity: 0.4;
	margin: auto;
	padding-top: 10px;
}

.info .companylogo {
    display: inline-block;
	height: 40px;
	width: 40px;
    margin-right: 8px;
	border-radius: 20px;
	border: 1px solid rgba(0,0,0,.1);
	background-color: #efefef;
	vertical-align: middle;
}

.info.share {
    margin: auto;
   padding: 24px 16px 4px 16px;
    color: #2c2c2c;
}

.share_text {
	font-size: 14px;
	padding: 12px 16px 4px;
	line-height: 20px;
	
}

.down_text {
	font-size: 14px;
	padding: 12px 16px 4px;
	line-height: 20px;
	color: #2c2c2c;
	
}

.down_text span {
	font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    color: #2c2c2c;
    margin-bottom: 8px;
    display: block;
}

.share_text span {
	font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    color: #2c2c2c;
    margin-bottom: 8px;
    display: block;
}

.companylogo img {
    width: 40px;
    height: 40px;
	border-radius: 50%;
}


/* card layout */

.section {
    padding-right: 18px;
}

.card {
    border-radius: 0px;
    background-color: white;
    margin: auto;
	max-width: 768px;
}

.card:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
}


/* card_top layout */

.card_top {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: #f7f7f7;
	margin: auto;
    margin-bottom: 0px;
	max-width: 768px;
}

.card_top:hover {
}


/* card_middle layout */

.card_middle {
    background-color: #ffffff;
	margin: auto;	
    margin-bottom: 0px;
	max-width: 768px;
}

.card_middle_extra {
    transition: 0.3s;
    background-color: #f7f7f7;
    margin-bottom: 0px;
}

.card_middle:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
}


/* card_bottom layout */

.card_bottom {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    transition: 0.3s;
    background-color: #f7f7f7;
}

.card_bottom_extra {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.card_bottom:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
}

.card.list_top {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    transition: 0.3s;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: #fff;
    margin: auto;
}

.card.share {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    transition: 0.3s;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: #fff;
	border-top: 12px solid #eee;
    margin: auto;
}

.card.app_download {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    transition: 0.3s;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: #fff;
	border-top: 12px solid #eee;
    margin: auto;
}

.divide_block {
	height: 12px;
	background: #eee;
	margin-left: -16px;
	margin-right:-16px;
	margin-top: -24px;
	margin-bottom: 24px;
}

.divide_block.share {
	height: 12px;
	background: #eee;
	margin-left: -16px;
	margin-right:-16px;
}


.graph {
    display: none;
}

.container {
	padding: 32px 24px 24px;
    display: none;
}

.container.graphy{
    padding: 8px 24px 0px;
}


.container h1 {
    font-weight: normal;
    font-size: 11px;
    padding-top: 6px;
    padding-bottom: 3px;
    color: #8c8c8c;
}

.card_bottom .container h1 {
    font-weight: normal;
    font-size: 13px;
    padding-top: 6px;
    padding-bottom: 3px;
    color: #8c8c8c;
}


	
.card_bottom .container h2 {
    font-weight: normal;
    font-size: 13px;
    padding-top: 6px;
    padding-bottom: 3px;
    color: #2eb1d2;
}	

.container h2 {
    font-weight: normal;
    font-size: 11px;
    margin: auto;
    padding-top: 6px;
    color: #0ec2b3;
}

.container h4 {
    font-weight: normal;
    font-size: 18x;
    color: #333333;
    margin: auto;
    word-break: keep-all;
}

.container h7 {
    font-weight: normal;
    font-size: 20px;
	line-height: 28px;	
    color: #fff;
    margin: auto;
    word-break: keep-all;
}

.container .title {
    font-weight: 600;
    font-size: 26px;
	line-height: 34px;	
    color: #151515;
    margin: auto;
    word-break: keep-all;
}

.container .mcr {
	font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #151515;
    margin: auto;
    word-break: keep-all;
    opacity: 0.4;
    padding-top: 0px;
    padding-bottom: 16px;
}

.container .value_l {
    font-weight: 600;
    font-size: 26px;
	line-height: 32px;
    color: #151515;
    margin: auto;
    word-break: keep-all;
}

.container .value_text {
    font-weight: 600;
    font-size: 24px;
	line-height: 32px;
    color: #151515;
    margin: auto;
    word-break: keep-all;
	margin-bottom: 24px;
	margin-top: 12px;
}

.container .value_text.white {
    font-weight: 600;
    font-size: 24px;
	line-height: 32px;
    color: #151515;
    margin: auto;
    word-break: keep-all;
	margin-bottom: 24px;
	margin-top: 12px;
}

.container .value_text .value {
    font-weight: bold;
	color: #00AFFF;
}

.container .value_l .value {
    font-weight: bold;
	color: #00AFFF;
}

.container p {
    font-weight: 700;
    font-size: 25px;
    line-height: 32px;
    color: #2c2c2c;
    margin: 4px auto auto auto;
}

.container h5 {
    font-weight: normal;
    font-size: 16px;
	line-height: 20px;
    color: #8c8c8c;
    margin: auto;
	display: block;
}

.container h6 {
    font-weight: normal;
    font-size: 14px;
	line-height: 20px;
    color: #8c8c8c;
    margin: auto;
    padding-top: 8px;
	display: block;
}

.container .save {
    font-weight: normal;
    font-size: 16px;
	line-height: 24px;
    color: #8c8c8c;
    margin: auto;
    padding-top: 8px;
	display: block;
}

.container .save span {
    font-weight: bold;
}

.container h9 {
    font-weight: normal;
    font-size: 13px;
	line-height: 17px;
    color: #8c8c8c;
    margin: auto;
    padding-top: 12px;
	padding-bottom: 12px;
	display: block;
}


.card.dark {
    background-color: rgba(255,255,255,.1);
}
	
.container.dark.bottom {
    padding: 12px 16px;
    display: block;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: #134856;	
}

	
.card.dark .container h4 {
    font-weight: normal;
    font-size: 18px;
    color: #fff;
    margin: auto;
    word-break: keep-all;
}
	
.card.dark .container p {
    font-weight: 800;
    font-size: 25px;
    line-height: 32px;
    color: #fff;
    margin: 12px auto auto auto;
	padding-right: 54px;
}
	
.card.dark .container h5 {
    font-weight: normal;
    font-size: 13px;
	line-height: 17px;
    color: #fff;
	opacity: 0.7;
    margin: auto;
    padding-top: 3px;
	display: inline-block;

}
	
.card.dark .container.dark.bottom span {
    font-weight: normal;
    font-size: 13px;
	line-height: 17px;
    color: #fff;
	opacity: 0.4;
    margin: auto;
    padding-top: 3px;
	margin-right: 8px;
}

.card.dark .container .line {
				
	padding-top: 2px;
	padding-bottom: 2px;
	
	}
	

.info h1 {
    font-size: 14px;
	line-height: 18px;
    font-weight: normal;
		opacity: 0.8;
}

.list_wrap {
background: #FFFFFF;
box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);
border-radius: 16px;
	padding: 16px 22px;
	margin-top: 24px;
	margin-bottom: 16px;
}

.list_group {
    position: relative;
    line-height: 56px;
    margin-top: 0px;
}

.list_group.divide {
    position: relative;
    line-height: 56px;
    margin: auto;
    border-top:1px solid #E3E3E3;
}

.list_group.dividedark {
    position: relative;
    line-height: 56px;
    margin: auto;
    border-top:1px solid #E3E3E3;
}

.list_group .cell_monthly {
	position: absolute;
    margin-left: 4px;
    font-size: 16px;
    line-height: 56px;
    display: inline-block;
    font-weight: 600;

}


.list_group .cell_station {
    margin-left: 8px;
    font-size: 14px;
    line-height: 48px;
    display: inline-block;
}

.list_group .cell_title {
    margin-left: 48px;
    font-size: 16px;
    line-height: 56px;
    display: inline-block;
}

.list_group .cell_value {
    font-size: 17px;
    display: inline-block;
    float: right;
	font-weight: 600;
}

.list_group .cell_title.white {
    margin-left: 48px;
    font-size: 16px;
    line-height: 56px;
    display: inline-block;
	color: #151515;
}

.list_group .cell_value.white {
    font-size: 17px;
    display: inline-block;
    float: right;
	color: #151515;
	font-weight: 600;
}

.list_group span img {
	position: absolute;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    margin: auto;
    top: 0;
    bottom: 0;
}

.qna {
    position: relative;
    margin-top: 24px;
	padding-bottom: 16px;
}

.qna.divide {
    position: relative;
    margin: auto;
    border-top:1px solid #ddd;
	padding-bottom: 16px;
	padding-top: 16px;
}

.qna h4 {
    font-weight: normal;
    font-size: 18px;
	line-height: 24px;
    color: #333333;
    margin: auto;
    word-break: keep-all;

}

.qna p{
    position: relative;
	font-size: 18px;
    line-height: 24px;
	font-weight: bold;
	
}

.question {
	font-size: 19px;
	line-height: 24px;
	color: #f60d00;
}

.card_img_gasstation_s {
    background: url("https://macarong.net/resources/images/mycar/icon_oil_station_color.svg") no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    margin: auto;
	top: 0;
	bottom: 0;
}

.img_illustration_insurance {
    background: url("https://macarong.net/resources/images/mycar/icon_insurance_color.svg") no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    top: 0;
	bottom: 0;
    margin: auto;
}

.img_illustration_gun2 {
    background: url("https://macarong.net/resources/images/mycar/icon_oil_station_color.svg") no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    top: 0;
	bottom: 0;
    margin: auto;
}

.img_illustration_fuelefficiency {
    background: url("https://macarong.net/resources/images/mycar/icon_road_color.svg") no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    top: 0;
	bottom: 0;
    margin: auto;
}

.img_illustration_oil {
    background: url("https://macarong.net/resources/images/mycar/icon_oil_gun_color.svg") no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    top: 0;
	bottom: 0;
    margin: auto;
}

.img_illustration_won {
    background: url("https://macarong.net/resources/images/mycar/icon_money_coin_color.svg") no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    top: 0;
	bottom: 0;
    margin: auto;
}

.card_img_maintenance_s {
    background: url("https://macarong.net/resources/images/mycar/icon_repair_color.svg") no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    top: 0;
	bottom: 0;
    margin: auto;
}

.card_img_money_s {
    background: url("https://macarong.net/resources/images/report/img_illustration_money_s.png") no-repeat;
    position: absolute;
    width: 34px;
    height: 34px;
    background-size: 34px 34px;
    top: 7px;
    margin: auto;
}

.card_img_gun {
    float: right;
    background: url("https://macarong.net/resources/images/report/img_illustration_gun.png") no-repeat;
    position: relative;
    width: 90px;
    height: 63px;
    background-size: 90px 63px;
    margin: auto;
}

.card_img_engine_oil {
    float: right;
    background: url("https://macarong.net/resources/images/report/img_illustration_engine_oil.png") no-repeat;
    position: relative;
    width: 90px;
    height: 63px;
    background-size: 90px 63px;
    margin: auto;
}

.card_img_distance {
    float: right;
    background: url("https://macarong.net/resources/images/report/img_illustration_distance.png") no-repeat;
    position: relative;
    width: 90px;
    height: 63px;
    background-size: 90px 63px;
    margin: auto;
}

.card_img_dashboard {
    float: right;
    background: url("https://macarong.net/resources/images/report/img_illustration_dashboard.png") no-repeat;
    position: relative;
    width: 90px;
    height: 63px;
    background-size: 90px 63px;
    margin: auto;
}

.card_img_gasstation {
    float: right;
    background: url("https://macarong.net/resources/images/report/img_illustration_gasstation.png") no-repeat;
    position: relative;
    width: 90px;
    height: 63px;
    background-size: 90px 63px;
    margin: auto;
}

.card_img_expense {
    float: right;
    background: url("https://macarong.net/resources/images/report/img_illustration_kmperexpense.png") no-repeat;
    position: relative;
    width: 90px;
    height: 63px;
    background-size: 90px 63px;
    margin: auto;
}

.card_img_money {
    float: right;
    background: url("https://macarong.net/resources/images/report/img_illustration_money.png") no-repeat;
    position: relative;
    width: 90px;
    height: 63px;
    background-size: 90px 63px;
    margin: auto;
}

.card_img_place {
    float: right;
    background: url("https://macarong.net/resources/images/report/img_illustration_spot_gs.png") no-repeat;
    position: relative;
    width: 53px;
    height: 63px;
    background-size: 53px 63px;
    margin: auto;
}

.card_img_maintenance {
    float: right;
    background: url("https://macarong.net/resources/images/report/img_illustration_maintenance.png") no-repeat;
    position: relative;
    width: 53px;
    height: 63px;
    background-size: 53px 63px;
    margin: auto;
}


	
.card_img_mcr_badge {
    float: right;
    background: url("https://macarong.net/resources/images/report/img_illustration_mcr_badge.png") no-repeat;
    position: relative;
    width: 90px;
    height: 63px;
    background-size: 90px 63px;
    margin: auto;
}
		

.gage_bar_bg {
    border-radius: 5px;
    background-color: #dedede;
    height: 10px;
    margin: auto;
    position: relative;
}

.gage_dot_gray {
    border-radius: 5px;
    background-color: #4c4c4c;
    height: 10px;
    width: 10px;
    position: absolute;
}

.gage_dot_color {
    border-radius: 5px;
    background-color: #2eb1d2;
    height: 10px;
    width: 10px;
    position: absolute;
}


/* graph label layout */

.graph_label {
    padding-bottom: 48px;
    padding-left: 24px;
}

.label_text {
    float: left;
    color: #ababab;
    font-size: 12px;
	line-height: 16px;
}

.label_color1 {
    float: left;
    border-radius: 2px;
    background-color: #2eb1d2;
    height: 4px;
    width: 30px;
    margin: 4px 22px 4px 12px;
}

.label_color2 {
    float: left;
    border-radius: 2px;
    background-color: #81e6ff;
    height: 4px;
    width: 30px;
    margin: 4px 22px 4px 12px;
}

	

/* card_ad */

.section_ad {
    border-top: 0px solid #0ca396;
    padding: 0px 16px 24px 16px;
    display: none;
}

.card_ad {
    border-radius: 6px;
    background-color: #f7f7f7;
    margin-bottom: 8px;
    position: relative;
	border: 1px solid #eee;
}

.container_ad {
    padding: 14px 16px 12px 16px;
}

.container_ad p {
    font-weight: bold;
    font-size: 17px;
    line-height: 22px;
    color: #2c2c2c;
    margin: auto;
    word-break: keep-all;
    padding-right: 76px;
    margin: 2px auto auto auto;
}

.container_ad h4 {
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    opacity: 0.6;
    padding-right: 76px;
    margin: 4px auto auto auto;
}

.ad_bottom {
    position: relative;
    margin: 12px auto auto auto;
}

.container_ad .ad_bottom h1 {
    display: inline-block;
    font-size: 13px;
	line-height: 17px;
    color: #46e1f0;
    margin: auto 4px auto auto;
    font-weight: normal;
    font-weight: bold;
}

.container_ad .ad_bottom h2 {
    float: right;
    font-size: 13px;
	line-height: 17px;
    color: #000000;
    opacity: 0.4;
    margin: 2px 3px auto auto;
    padding-left: 16px;
    font-weight: bold;
}

.container_ad .ad_bottom h3 {
    float: right;
    font-size: 13px;
    color: #000000;
    opacity: 0.3;
    margin: 2px auto auto auto;
    font-weight: normal;
}

.card_img_ad {
    background: no-repeat;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 60px;
    height: 40px;
    background-size: 60px 40px;
    margin: auto;
}

.card_img_arrow {
    display: inline-block;
    background: url("https://macarong.net/resources/images/report/icon_arrow_round_blue.png") no-repeat;
    margin: auto 4px auto auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
}

.guide_image {
    margin-top: 40px;
	margin-left: 42px;
	margin-right: 42px;
	margin-bottom: 40px;
	padding-bottom: 32px;
}

.guide_image img {
    display: inline-block;
    width: 100%;
}


/* share_btn */

.share_image {
 	margin-top: 40px;
	margin-left: 42px;
	margin-right: 42px;
	margin-bottom: 40px;
	padding-bottom: 32px;
}

.share_image img {
	display: inline-block;
    width: 100%;
}


.btnsendmcr {
    position: relative;
    margin: auto;
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
    color: rgba(0,0,0,0.8);
    font-size: 17px;
    font-weight: bold;
    background: #fbe53b;
    padding: 13px 16px 13px 20px;
    text-decoration: none;
	border-radius: 8px;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
	margin-right: 5px;
}

.btnsendmcr:before {
    content: "\0000a0";
    display: inline-block;
    height: 22px;
    width: 22px;
    line-height: 24px;
    margin: 0px 10px 0px -4px;
    position: relative;
    top: 0px;
    left: 0px;
	background: url("https://macarong.net/resources/images/report/icon_kakao.png") no-repeat left center transparent;
    background-size: 100% 100%;
}

.btncopyurl {
    position: relative;
    margin: auto;
    -webkit-border-radius: 32;
    -moz-border-radius: 3;
    border-radius: 3px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    background: #999999;
    padding: 13px 16px 13px 20px;
    text-decoration: none;
	border-radius: 8px;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
	margin-left: 5px;
}

.btncopyurl:before {
    content: "\0000a0";
    display: inline-block;
    height: 22px;
    width: 22px;
    line-height: 24px;
    margin: 0px 10px 0px -4px;
    position: relative;
    top: 0px;
    left: 0px;
	background: url("https://macarong.net/resources/images/report/icon_link.png") no-repeat left center transparent;
    background-size: 100% 100%;
}

.btnmcr {
    position: relative;
    margin: auto;
    -webkit-border-radius: 32;
    -moz-border-radius: 32;
    border-radius: 56px;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    background: #2BC6FF;
    padding: 15px 44px 15px 24px;
    text-decoration: none;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
}

.btnmcr:before {
    content: "\0000a0";
    display: inline-block;
    height: 18px;
    width: 18px;
    line-height: 24px;
    margin: 0px 7px 0px 0px;
    position: absolute;
    top: 16px;
    right: 8px;
	background: url("https://macarong.net/resources/images/report/icon_right_arrow.png") no-repeat left center transparent;
    background-size: 100% 100%;
	opacity: 0.6;
}

.sharekakao {
    text-align: center;
	margin-top: 24px;
    padding-bottom: 72px;

}

/* table */

.tt {
	margin: auto;
	padding-top: 12px;
}

.tt table {
	border-collapse: collapse;
	width: 100%;
	clear: both;
	margin: auto;
}

.tt caption {
	width: 0;
	height: 0;
	text-indent: -1000px;
}

tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
	font-size: 13px;
	line-height: 18px;
}

.tt table tr {
	border-top: 0px solid #787878;
}

.tt table tr.grey {
	border-top: 1px solid #999;
}

.tt table #floating_tbody>tr {
	border-top: 0px solid #999;
	border-bottom: 1px solid #ddd;
}

.tt table tr.end {
	border-top: 1px solid #999;
}

.tt table tr.dark {
	border-top: 0px solid #999;
}

.tt table tr.terms {
	border-top: 1px solid #aaa;
	margin-top: 12px;
}

.tt table th {
	padding: 10px 0px;
	color: #333333;
	background-color: transparent;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	text-align: left;
}

.tt table td {
	padding: 4px 0px 4px;
	background: transparent;
	color: #fff;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	vertical-align: text-top;
	font-size: 14px;
	line-height: 16px;	
}

.tt table td.option {
	padding: 12px 0px 36px;
	color: #999;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	vertical-align: text-top;
	font-size: 12px;
	line-height: 15px;
}

.tt table td.terms {
	padding: 12px 12px 12px 0px;
	color: #666;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	border-bottom: 1px solid #aaa;
	vertical-align: text-top;
	font-size: 12px;
	line-height: 15px;
}

.tt table td.original {
	padding: 12px 0px 36px;
}

.tt table td.dark_grey {
	padding: 0px 0px 0px;
	color: #aaa;
	vertical-align: text-top;
	font-size: 12px;
	line-height: 22px;
}

.tt table #floating_tbody>tr td.front {
	padding: 0px 0px 0px;
	color: #aaa;
	vertical-align: text-top;
	font-size: 14px;
	line-height: 22px;
}

.tt table td.dark {
	padding: 0px 0px 0px;
	color: #ccc;
	vertical-align: text-top;
	font-size: 12px;
	line-height: 22px;
}

.tt table td.grey {
	color: #777;
}

.tt table td strong {
	color: #fff;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
}

.tt table #floating_tbody>tr td.front strong {
	font-weight: bold!important;
	font-size: 17px;
}

.tt table td.option strong {
	color: #999;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
}

.tt table td span {
	color: #fff;
	opacity: 0.8;
	font-size: 13px;
	line-height: 24px;
	font-weight: normal;
	margin-bottom: 4px;
}

.tt table td span.value {
	color: #fff;
	opacity: 1;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	font-size: 20px;
	line-height: 22px;
	padding-right: 4px;
}

.tt table.table-an td {
	border-bottom: 1px solid #787878;
}

.tt table td.center {
	text-align: center;
}

.mw .tt table td.end {
	border-right: none;
}

.tt p.notic {
	color: #e72644;
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
	margin-bottom: 3px;
}

.eventWrapper img {
	border: 0;
	vertical-align: top;
}

.tt table.table-an th {
	background-color: #fff;
}

.tt td ul.tableList {
	margin: 0;
	padding: 0;
}

.tt td ul.tableList li {
	margin: 0;
	padding: 0 0 0 10px;
	background: url(https://m.okcashbag.com/images/event/partner/energy/carlife3/list-dot.gif) left 5px no-repeat;
	background-size: 2px 2px;
}

ul, li {
	list-style: none;
}

.red {
    color: #f60d00!important;
}

.car_color {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}

.car_color img {
	display: block;
    height: 103px;
    width: 180px;
}