@charset "utf-8";

/*
	css
	├── 基本設定
	├── 共用
	├── 套件修改
	├── 模組
	├── layout
	└── index
*/


/* 基本設定 */
html{ font-size: 14px; }
body{
	font-family: 'Font Awesome 5 Free', 'Open Sans', Helvetica, Arial, '微軟正黑體', 'Microsoft JhengHei', 'Microsoft YaHei', 'LiHei Pro', sans-serif;
	letter-spacing: 0.01em;
	color: #333;
	background: #fff;
}
.fa,.far,.fas { font-family: inherit; }

.transition{ 
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a{
	color: inherit;
	text-decoration: none;
	-o-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease, filter 0.3s ease;
	-webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease, filter 0.3s ease;
	-moz-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease, filter 0.3s ease;
	transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease, filter 0.3s ease;
}
a:hover, a:focus{ color: #1497d6; text-decoration: none; }


/* 共用
=========================================================*/

	/*文字顏色*/
	.text-color{ color:#075c9e; }/*藍*/
	.text-contrast{ color: #FFEF4F; }/*黃*/
	.text-white{ color: #fff;}/*white*/
	.text-grey{ color: #6b6b6b;}/*灰*/
	.text-color-reset{ color: #333; }/*預設字色*/

	/* 麵包屑 */
	.breadcrumb .active{ color: #1893E6; }

	/* background */
	.bg-color{ background: #1893E6; }
	.bg-white{ background: #fff; }
	.bg-contrast{ background: #FFE643; }
	.bg-lightgrey{ background: #E9ECEF; }
	.pageDeco{ margin-bottom: -30px; max-width: 80%; }
	.pageDeco-cartResult{ margin-bottom: -5%; max-width: 80%; }
	@media (min-width: 992px){
		.bg-landscape{ padding: 0 1rem; /*padding-bottom: 300px;*/ background: url(/theme/images/bg_landscape@2x.png) center bottom no-repeat; background-size: 100% auto; }
		.pageDeco-cart{ margin-top: 50px; }
		.pageDeco-cartResult{ margin-bottom: -40px; }
	}
	@media (max-width: 991px){
		.pageDeco-cart{ margin-left: 30%; max-width: 60%; }
	}
	
	/* button */
	.btn-primary{ background: #1893E6; }
	.btn-outline-default{ color: #333; background: #fff; border: solid 1px #ddd; }
	.btn-outline-default:hover{ color: #fff; background: #1893E6; border-color: #1893E6; }

	/*badge*/
	.badge-lightGrey{ color: #212529; background-color: #eaeaea; }

	/* radio+checkbox */
	.custom-radio .custom-control-label, .custom-checkbox .custom-control-label{ padding-top: 0.1em; }
	.custom-radio .custom-control-input:checked~.custom-control-label::before{
		background: #fff;
	}
	.custom-radio .custom-control-input:checked~.custom-control-label::after{ 
		background: #1C7CD5;
		background-clip: padding-box;
		border: solid 1px #1C7CD5;
		border-radius: 50%;
		box-shadow: inset 0 0 0 0.2em #fff;
	}

	/* 標題 */
	/* 標題-裝飾線 */
	.title-decoline{ margin: 1em 0; font-size: 1.875rem; text-align: center; }
	.title-decoline:before, .title-decoline:after{ 
		content: ""; display: inline-block; vertical-align: middle; width: 15%; height: 0; margin: -0.2em 0.5em 0; border-top: solid 1px;
	}
	/* 標題-有浮動右邊的icon */
	.title-floatIcon{ margin: 0 -0.5em 0 0; padding-right: 0.5em; }
	.title-floatIcon .fas{ float: right; margin-left: 0.5em; line-height: inherit; transition: .3s ease; }

	/* 圖片裁切置中 */
	.imgfit{ display: block; position: relative; overflow: hidden; text-align:left; } /*需要裁切的圖 (比例須個別另下) */
	.imgfit-3-2{ padding-top: 66.66%; } /* 寬高 3:2 */
	.imgfit img{ position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover;}
	/* Internet Explorer 8+ (And old Firefox 1.x) */
	@media screen\0{
		.imgfit{ z-index: 0; }
		.imgfit img{ position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100% !important; height: auto !important;}
	}
	/* Microsoft Edge Browser 12+ (All) - @supports method */
	@supports (-ms-ime-align:auto){
		/*.imgfit img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100% !important; height: auto !important;}*/
	}

	/*loading*/
	#loader{ 
		position: fixed; left: 50%; top: 50%; z-index: 99999999; width: 150px; height: 150px; margin: -75px 0 0 -75px;
		background: url(/theme/images/loaging.gif) no-repeat; background-size: cover; 
		-webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;
	}

	/* 回頂部 */
	.gotop{ 
		display: none; position: fixed; bottom: 50px; right: 15px; z-index: 99; padding: 0.5em; width:1em; height:1em; line-height: 1em;
		font-size: 20px; text-align: center; color: #fff; background: #ffdf11; border-radius: 50%; 
		box-sizing: content-box; cursor: pointer; transition:all 0.9s ease;
	}
	.gotop:hover{ color: #fff; background: #ffea61; }

	/* 寬度 */
	.w-6em{ width: 6em; }

	/* 高度 */
	/* 高度滿版 */
	.h-50-window{ height: 50vh; }
	.h-fill-window{ height: calc(100vh - (4.1 * 16px)); }
	@media (min-width: 576px){
		.h-sm-fill-window{ height: calc(100vh - (4.1 * 18px)); }
	}
	
	/* 卷軸區塊 */
	.overflow-x-hidden{ overflow-x: hidden; }
	.overflow-y-auto{ overflow-y: auto; }
	.overflow-y-auto::-webkit-scrollbar-track{ background-color: #fff; -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.2);}
	.overflow-y-auto::-webkit-scrollbar{ height:8px; width: 8px; background-color: #F5F5F5;}
	.overflow-y-auto::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #aaa; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.2);}



/* 套件修改
=========================================================*/

	/* datepicker套件 */
	.t-check-in{ border-radius: .25rem 0 0 .25rem; }
	.t-check-out{ border-radius: 0 .25rem .25rem 0; }
	.t-picker-only{ padding: 1px 0; background: #fff; border: 1px solid #ced4da; border-radius: .25rem; }
	.t-picker-only .t-datepicker-day{ left: 0; }
	.t-dates{ height: auto; padding: .375rem .75rem; }
	.t-check-in .t-date-info-title, .t-check-out .t-date-info-title{ top: .5rem; font-size: 1rem; opacity: 1; }

    /* google 驗證 */
    .g-recaptcha>*{ display: block; margin: 0 auto; }
    @media (max-width: 365px){
        .g-recaptcha { transform:scale(0.83); transform-origin:0 0; }
    }

/* 模組
=========================================================*/

	/*卡片式說明-白底icon版*/
	.infoCard-graphics{ display: block; padding: 25px 15px; font-size: 16px; background-color: #fff; box-shadow: 0px 35px 20px -40px rgb(133, 133, 133); }
	.infoCard_icon{ display: block; margin-bottom: 20px; font-size: 2.8125em; }
	.icon-red{ color: #f57b7b; }
	.icon-orange{ color: #ffa657; }
	.icon-blue{ color: #4dacdd; }
	.icon-green{ color: #72c373; }
	.infoCard_title{ font-size: 1.25em; font-weight: 600; }
	.infoCard-graphics p{ max-height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

	/*卡片式說明-照片版*/
	.infoCard-photo{ position: relative; display: block; font-size: 20px; }
	.infoCard-photo .infoCard-photo_img{ padding-top: 60%; }
	.infoCard-photo .infoCard-photo_img img{ width: 100%; height: 100%; }
	.infoCard-photo_caption{ width: 100%; position: absolute; bottom: 0; left: 0; right: 0; padding: 0.5em; color: #fff;
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.79) 99%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.79) 99%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.79) 99%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
	}
	.infoCard-photo_caption .title-floatIcon{ font-size: 1em; font-weight: 600; }


/* layout
=========================================================*/
	#wrapper{ overflow: hidden; }
	.container{ clear: both; }

	/* header */
	.header{ position: relative; padding: 0.55em 0; font-size: 16px; color: #3d3d3d; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.1); }
	.header_logo{ max-width: 50%; padding:0.2em 0; }
	.header_logo img{ max-width: 100%; max-height: 2.6em; width: auto; height: auto; vertical-align:middle; }

	/* menu */
	.header_menu a{ display:inline-block; padding: 0.6em 0.2em; }
	.header_menu .fas{ margin-right: 0.3em; }

	@media (min-width: 576px){
		.header{ font-size: 18px; }
		.header_logo{ max-width: 180px; }
		.header_menu a{ padding: 0.4em 0.8em; }
	}


	/* footer */
	.footer{ font-size: 15px; color: #ffffff; background-color: #1A6BA3; }
	.footer a:hover{ color: inherit; text-decoration: underline; }
	.footer_cont{ padding: 50px 0 20px 0; }
	.footer_grid h3{ font-size: 1.33em; }
	.footer_grid ul{ margin: 0; padding: 0; }
	.footer_grid li{ display: block; margin: 0 0 0.5em; }
	.footer_grid li .fas{ margin-right: 0.3em; }
	.footer_partner li{ display: inline-block; width: 33.33%; margin-right: -0.3em; padding-right: 0.5em; }
	.footer_partner .imgfit{ padding-top: 39.6%; }

	.footer_copyright{ background-color: #02243D; padding: 1.33em 0; }
	@media (min-width: 768px){
		.footer_partner li{ width: 25%; }
	}


/* 搜尋車款
=========================================================*/
	.searchCarForm{ background: #FFE643;}
	.searchCarForm .col-form-label{ min-width: 6.5em; }
	.searchCarForm hr{ border-color: #fff; }
	.searchCarForm .custom-control-label::before{ background: #fff; }
	.searchCarForm .t-picker-only .t-datepicker-day{ left: -6em; }
	@media (min-width: 992px){
		/*.searchCarForm{ max-width: 355px; }*/
	}

/* index
=========================================================*/

	/* key view >> kv */
	.kv{ position: relative; }
	.kv .swiper-slide{ width: 100%; }
	.kv_silder .imgfit{ padding-top: 50%; }
	.kv_pagination .swiper-pagination-bullet{ width: 40px; height: 5px; background: #D6D6D6; border-radius: 0; opacity: 1; }
	.kv_pagination .swiper-pagination-bullet-active{ width: 60px; background: #FFDF11; }
	.kv_form{ position: relative; z-index: 2; }
	@media (min-width: 576px){
		.kv_silder .imgfit{ padding-top: 30%; }
		.kv_form_title{ position: absolute; z-index: -1; left: 0; bottom: 100%; }
		.kv_form_title_bear{ position: relative; overflow: hidden; margin-bottom: -7px; }
		.kv_form_title_bear img{ display: block; margin: 0 0 -2px -5px; }
		.kv_form_title_bubble{ 
			position: relative; top: 2px; left: 89px; width: 4em; height: 4em; margin-bottom: -4em; padding: 1em 0; 
			font-size: 18px; line-height: 1.1; text-align: center; color: #fff; background: #1893E6; border-radius: 50%;
		}
		.kv_form_title_bubble:after{ content: ""; position: absolute; bottom: 3px; left: 0; width: 18px; height: 16px; background: url(/theme/images/kv_bubble_angle.png); }
	}
	@media (min-width: 992px){
		.kv{ overflow: hidden; }
		.kv_silder .swiper-wrapper, .kv_silder .swiper-wrapper *{ height: 100%; }
		.kv_silder .imgfit{ padding-top: 0; }
		.kv_form{ min-height: 555px; max-height: 100%; width: 355px; order: -1; }
		.kv_form_title{ left: 100%; bottom: 0; }
	}
	@media (max-width: 575px){
		.kv_form_title{ position: relative; margin-top: -2rem; }
		.kv_form_title_bear img{ width: 7rem; height: auto; margin-left: -1.3rem; }
		.kv_form_title_bubble{
			position: absolute; left: 6rem; bottom: 1rem; right: -0.5rem; padding: 0.7em 0 0.6em; 
			font-size: 22px; font-weight: bold; text-align: center; border-radius: 3em; color: #441717; background: #FFCC3C;
		}
		.kv_form_title_bubble:after{ content: ""; position: absolute; top: 0; left: -20px; width: 39px; height: 31px; background: url(/theme/images/kv_bubble_angle_m.png); background-size: contain; }
	}

	/* 選車型 */
	.carType_checkbox{ display: none; }
	.carType{ position: relative; font-size: 13px; height: 40px; line-height: 41px; border-radius: .25rem; background: #fff; cursor: pointer; }
	.carType_num{ position: relative; margin-left: auto; margin-right: 0.6em; }
	.carType_num big{ font-size: 2.07em; font-weight: bold; font-family: Arial, san-sirif; text-shadow: -2px 1px #fff, 1px 1px #fff; }
	.carType_name{ position: relative; width: 5em; text-align: center; background: #ECECEC; border-radius: 0 .25rem .25rem 0; }
	.carType_name>span{ display: inline-block; vertical-align: middle; line-height: 1.2; }
	.carType .fa-check-circle{ display: none; position: absolute; top: 0; right: 0; margin: -0.3em -0.35em; font-size: 1.15em; color: #f00; }
	.carType .fa-check-circle:before{ position: relative; z-index: 2; }
	.carType .fa-check-circle:after{ content: ""; position: absolute; left: 0; top: 0; width: .8em; height: .8em; margin: .1em; background: #fff; border-radius: 50%; }
	.carType_icon{ position: relative; width: 100%; margin-right: -100%; background: 0 bottom no-repeat; background-size: contain; 
		-webkit-filter: grayscale(100%); filter: grayscale(100%);
    }
	.carType_icon-small{ background-image: url(/theme/images/car_small@2x.png); }
	.carType_icon-normal{ background-image: url(/theme/images/car_normal@2x.png); filter: grayscale(100%) brightness(120%); -webkit-filter: grayscale(100%) brightness(120%); }
	.carType_icon-suv{ background-image: url(/theme/images/car_suv@2x.png); }
	.carType_icon-mpv{ background-image: url(/theme/images/car_mpv@2x.png); filter: grayscale(100%) contrast(40%) brightness(140%); -webkit-filter: grayscale(100%) contrast(40%) brightness(140%); }
	.carType_icon-van{ background-image: url(/theme/images/car_van@2x.png); }
	.carType_icon-elec{ background-image: url(/theme/images/car_elec@2x.png); }
	.carType_icon-moto{ background-image: url(/theme/images/car_moto@2x.png); }
	.carType_icon-others{ background-image: url(/theme/images/car_others@2x.png); filter: grayscale(100%) contrast(40%) brightness(140%); -webkit-filter: grayscale(100%) contrast(40%) brightness(140%); }
	.carType_checkbox:checked~.fa-check-circle{ display: block; }
	.carType:active .carType_icon, .carType_checkbox:checked~.carType_icon{ filter: none; -webkit-filter: none; }
	.carType:active .carType_name, .carType_checkbox:checked~.carType_name{ color: #fff; background: #1893E6; }
	@media (min-device-width: 1200px){
		.carType:hover .carType_icon{ filter: none; -webkit-filter: none; }
		.carType:hover .carType_name{ color: #fff; background: #1893E6; }
	}


	/* 租車 */
	.rent{ padding: 4em 0; }
	.rent_btngroup .btn{ display: block; margin: .5em .2em; text-align: left; }
	.rent_btngroup .btn .fas{ margin-right: 0.3em; opacity: .3; }
	.rent_btngroup .btn:hover .fas{ opacity: 1; }
	.rent-place{ background: url(/theme/images/rentbg_taiwan_m.png) 0 bottom no-repeat; background-size: contain; }
	.rent-flight{ padding-bottom: 100px; background: #40A1E3 url(/theme/images/rentbg_flight.png) 50% bottom no-repeat; }
	.rent-station{ padding-bottom: 100px; background: #f5f5f5 url(/theme/images/rentbg_station.png) -80px bottom no-repeat; background-size: auto 60px; }
	@media (min-width: 576px){
		.rent_btngroup .btn{ margin: .5em; }
		.rent-place{ background-image: url(/theme/images/rentbg_taiwan.png); background-size: auto 100%; }
		.rent-flight{ background-position: right bottom; }
		.rent-station{ background-size: auto; background-position: -100px bottom; }
	}
	@media (max-width: 575px){
		.rent_btngroup li:nth-child(12)~li{ display: none; }
		.rent_more{ padding: .5em; }
		.rent_more:before{ content: "展開 "; }
		.open.rent_btngroup li{ display: block!important; }
		.open.rent_btngroup~.rent_more:before{ content: "收合 "; }
		.open.rent_btngroup~.rent_more .fas:before{ content: "\f068"; }
	}
	@media (max-width: 374px){
		.rent_btngroup .btn{ padding-left: 0.5em; padding-right: 0.5em; font-size: 0.875rem; }
	}

	/*人氣車行*/ 
	.dealers{ padding: 60px 0; background-color: #fff; }
	.dealers_item{ display: block; }
	.dealers_item:hover{ box-shadow: 0px 0px 0px 4px #1893E6; }
	.dealers_img{ padding-top: 75%; }
	.dealers_caption{ padding: 1em; font-size: 1rem; color: #fff; background-color: #1893E6; }
	.dealers_caption .title-floatIcon{ font-size: 1em; }
	.dealers_item:hover .title-floatIcon .fas{ transform: translateX(0.5em); }


	/*其他資訊*/
	.information-block{ padding: 60px 0; background-color: #f5f5f5; }



/* search_place
=========================================================*/
	/*.searchMap_result{ min-height: 0;}*/
	.searchMap_scrollbox{ -webkit-flex: 1 1; -ms-flex: 1 1; flex: 1 1; }
	@media (min-width: 992px){
		.searchMap{ height: calc(100vh - (4.1 * 18px)); }
		.searchMap_mapCont{ height: 100%;}
		.searchMap_result{ -webkit-order: -1; -ms-order: -1; order: -1; }
	}
	@media (max-width: 991px){
		.searchMap_mapCont{ min-height: 50vh; flex-basis:100%; }
	}

	.shopList{ font-size: 12px; }
	.shopList>li{ position: relative; padding: 1em 1em 0.5em; cursor: pointer; }
	.shopList>li>*{ position: relative; }
	.shopList_name{ margin-bottom: 0.2em; font-size: 1.33em; font-weight: 600; }
	.shopList_name .badge{ vertical-align: middle; margin-top: -0.2em; font-size: 12px; font-weight: normal; }
	.shopList_address{ margin-bottom: 0.2em; color: #888; }
	.shopList_price big{ font-size: 1.33em; }
	.shopList_shopPhoto{ padding-top: 74%; }
	.shopList_link{ display: none; float: right; padding-top: 0.3em; }
	.shopList>li.active, .shopList>li:hover{ background: #F5F5F5; }
	.shopList>li.active .shopList_link, .shopList>li:hover .shopList_link{ display: block; }
	.gotoShopDetail [data-toggle="popover"]{ position: relative; z-index: 2; }

	.shopList-singleCard{ font-size: 14px; }
	.shopList-singleCard .shopList_name{ font-size: 1.5em; }
	.shopList-singleCard .shopList_info p{ padding-left: 1.5em; }
	.shopList-singleCard .shopList_address{ color: inherit; }
	.shopList-singleCard .shopList_info .fas, .shopList-singleCard .shopList_info .far{ margin-left: -1.5em; }
	.shopList-singleCard .shopList_price{ margin: 0.5em 0; font-size: 1em; text-align: right; }
	.searchMap_scrollbox .shopList-singleCard .shopList_price{ font-size: 1em; }
	.shopList-singleCard .shopList_price big{ font-size: 1.6em; }
	@media (min-width: 1200px) {
		.shopList-singleCard .shopList_price{ font-size: 1.3em; }
	}


	.carList .card{ border-radius: 0; border: 0; border-bottom: solid 1px #ddd; }
	/*.carList .card+.card{ border-top: 1px solid rgba(0,0,0,.125); }*/
	.card-car .card-body{ padding: 1.25rem 0; }
	.car_name{ font-size: 1.4em; color: #007ACC; }
	.car_facility{ font-size: 12px; background: #E9ECEF; }
	.car_facility li{ display: inline-block; vertical-align: middle; margin: 0.3em 0.2em; }
	.car_place{ font-size: 1em; }
	.car .badge{ padding: .5em 1.5em; font-weight: 400; }
	.car_info{ font-size: 0.928em; }
	.car_info>p{ padding-left: 1.5em; }
	.car_info>p>.fa-fw{ margin-left: -1.5em; color: #999; }
	.car_price{ margin: 0; text-align: right; }
	.car_price big{ margin-right: 0.3em; font-size: 2.28em; font-weight: bold; }
	.car_btnRent{ font-size: 16px; height: 2.5em; line-height: 2.5em; padding: 0 0 0 2em; border: 0; }
	.car_btnRent:before{ content: ""; float: right; width: 4em; height: 3.25em; margin-top: -0.7em; margin-left: 0.5em; background: url(/theme/images/car_btnRent_deco@2x.png) right bottom no-repeat; background-size: contain; }
	.car_note{ padding: 0.6em 0.3em 0.6em 3.5em; overflow: hidden; /*color: #fff; background: #ED3B72;*/
		background: #e9ecef url(/theme/images/car_note_deco@2x.png) 0.3em 0.5em no-repeat; background-size: 2.5em;
	}
	.car_slider.car_slider{ padding-bottom: 20px; }
	.car_pagination.car_pagination{ bottom: -5px; }
	@media (min-width: 1200px) {
		.car_slider{ float: left; width: 40%; }
		.car_name, .car_detailblock{ margin-left: 40%; padding-left: 1rem; }
		.car_name{ font-size: 1.714em; }
		.car_name:before{ content: ""; display: inline-block; width: 0; border-left: solid 6px #1893E6; height: 0.83em; margin-right: 0.3em; }
		.car_facility{ margin: 0.3em 0 0.5em; font-size: 1em; }
		.car_facility li{ margin-left: 1.5em; }
		/*.car_note{ padding: 0.6em 0.3em 0.6em 6em; background: #ED3B72 url(/theme/images/car_note_deco@2x.png) 0.6em center no-repeat; background-size: 4.6em auto; }*/
	}
	@media (min-width: 768px) {
		.car_price{ float: left; }
		.car_btnRent{ float: right; }
	}
	@media (max-width: 1201px) {
		.car_slider{ float: left; width: 30%; }
		.car_name, .card .car_facility { margin-left: 32%; }
		.car_place{ clear: both; }
		.car_note{ font-size: 0.8em; clear: both; }
	}
	@media (max-width: 575px) {
		.card .car_facility{ margin-left: 0; clear: left; }
		.car_btnRent{ width: 100%; }
	}


	.icon{ display: inline-block; vertical-align: middle; margin-top: -0.1em; width: 1em; height: 1em; font-size: 1.42em; background: center center no-repeat; background-size: contain; }
	.icon-manual{ background-image: url(/theme/images/icon_manual.png); }
	.icon-automatic{ background-image: url(/theme/images/icon_automatic.png); }
	.icon-seater{ background-image: url(/theme/images/icon_seater@2x.png); }
	.icon-cylinder{ background-image: url(/theme/images/icon_cylinder@2x.png); }
	.icon-cardoor{ background-image: url(/theme/images/icon_cardoor@2x.png); }
	.icon-nosmoking{ background-image: url(/theme/images/icon_nosmoking@2x.png); }


/* car_detail 
=========================================================*/
	.title-msg{ padding:1em; font-size: 14px; color: #fff; background: #1893E6; }
	.title-msg big{ font-size: 1.4em; }
	.title-msg:before{ content: ""; float: left; width: 2.77em; height: 5.8em; margin-right: 0.3em; background: url(/theme/images/msg_deco@2x.png) no-repeat; background-size: contain; }

	.insurance_title{ font-size: 1.285em; font-weight: 600; }
	.insurance_stitle{ font-size: 1.071em; font-weight: 600; }
	.insurance_feacture .fa-star{ color: #FFAA20; }
	.insurance_point .fas{ color: #DC6068; }

	.insurance-checked{ position: relative; border: solid 3px #1893E6; }
    .insurance-checked .insurance_icon{ display: block!important; position: absolute; top: 0; right: 0; width: 1em; height: 1em; margin: -0.6em; padding: 0.3em; 
        font-size: 25px; line-height: 1; text-align: center; border-radius: 50%; box-sizing: content-box; 
        color: #fff; background: #E61610; }

	.cardetail_totalPrice{ margin: 0.8em 0; font-size: 26px; font-weight: bold; text-align: right; color: #E61610; }
	.cardetail_totalPrice big{ margin: 0 0.3em; font-size: 1.73em; }
	.cardetail_totalPrice-small{ font-size: 19px; }

	.btn-buy{ display: block; font-size: 22px; height: 2.28em; line-height: 2.28em; text-align: center; color: #fff; background: #D9534F; border-radius: 4px; }
	.btn-buy:before{ content: ""; display: inline-block; vertical-align: bottom; width: 4.28em; height: 4.28em; margin-top: -2em; margin-right: 10px; margin-left: -1em;
		background: url(/theme/images/btn_buy_deco@2x.png) 0 bottom no-repeat; background-size: contain; }

	.insurance{ padding: 1.5em 1em; }
	@media (min-width: 768px) {
		.title-msg{ font-size: 18px; }
		.title-msg big{ font-size: 1.66em; }
		.insurance{ padding: 1.5em 1em 1.5em 180px; background: url(/theme/images/pic_insurance@2x.png) 1em 1.5em no-repeat; background-size: 150px auto; }
		.btn-buy{ font-size: 32px; }
	}
	@media (max-width: 767px) {
		.title-msg{ padding-left: 4em; }
		.title-msg:before{ margin-left: -3.2em; }
		.title-msg .fa-car{ display: none; }
		.insurance_feacture{ margin: 1em 0; padding-left: 30%; background: url(/theme/images/pic_insurance@2x.png) 1% no-repeat; background-size: 24% auto; }
		#addInsurance{ font-size: 1.2em; white-space: normal; }
		#addInsurance span{ display: block; font-size: 0.8em; }
		/*.cardetail_totalPrice{ margin-bottom: 3em; }*/
	}

/*cart
=========================================================*/
	.title-msg-bubble{ position: relative; z-index: 1; margin-bottom: 1em; font-size: 18px; }
	.title-msg-bubble:before{ content: ""; position: absolute; left: 0; top: 0; width: 2.7em; height: 5.88em; background: url(/theme/images/msg_deco@2x.png) no-repeat; background-size: contain; }
	.title-msg-bubble big{ font-size: 1.2em; font-weight: 600; }
	.title-msg-bubble .icon{ font-size: 1.66em; }
	.title-msg-bubble .icon-smile{ background-image: url(/theme/images/icon-smile@2x.png); }
	.title-msg-bubble .icon-fail{ background-image: url(/theme/images/icon-fail.png); }
	@media (min-width: 992px) {
		.title-msg-bubble{ padding-left: 3.5em; }
		.title-msg-bubble:before{ content: ""; position: absolute; left: 0; top: 0; width: 2.7em; height: 5.88em; background: url(/theme/images/msg_deco@2x.png) no-repeat; background-size: contain; }
		.title-msg-bubble>div{ position: relative; padding: 1em; color: #fff; background: #1893E6; text-align: center; }
		.title-msg-bubble>div:before{ content: ""; position: absolute; top: 0; left: 0; width: 35px; height: 16px; margin: 15px 0 0 -15px;
			background: url(/theme/images/title_msg_bubble_deco@2x.png) no-repeat; background-size: contain; }
		.title-msg-bubble-success>div{ background: #5CB85C; }
		.title-msg-bubble-fail>div{ background: #D9534F; }
		.title-msg-bubble-success>div:before{ background-image: url(/theme/images/title_msg_bubble_deco_green@2x.png); }
		.title-msg-bubble-fail>div:before{ background-image: url(/theme/images/title_msg_bubble_deco_red@2x.png); }
	}
	@media (min-width: 1200px) {
		.title-msg-bubble big{ font-size: 1.66em; }
	}
	@media (max-width: 991px) {
		/*.title-msg-bubble>div{ padding-left: 3.5em; }*/
		.title-msg-bubble>div:before{ content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 2.7em; height: 5.88em; background: url(/theme/images/msg_deco@2x.png) no-repeat; background-size: contain; }
		.title-msg-bubble p{ position: relative; margin-left: 3.5em; margin-bottom: 1em; padding: 0.5em 1em; color: #fff; background: #1893E6; text-align: center; }
		.title-msg-bubble p:before{ content: ""; position: absolute; top: 0; left: 0; width: 35px; height: 16px; margin: 15px 0 0 -15px;
			background: url(/theme/images/title_msg_bubble_deco@2x.png) no-repeat; background-size: contain; }
		.title-msg-bubble-success p{ background: #5CB85C; }
		.title-msg-bubble-fail p{ background: #D9534F; }
		.title-msg-bubble-success p:before{ background-image: url(/theme/images/title_msg_bubble_deco_green@2x.png); }
		.title-msg-bubble-fail p:before{ background-image: url(/theme/images/title_msg_bubble_deco_red@2x.png); }
		.title-msg-bubble .icon{ display: none; }
	}

	.pageBtn{ margin-top: 1em; text-align: center; }
	@media (min-width: 576px) {
		.pageBtn{ margin-top: 3em; }
		.pageBtn .btn+.btn{ margin-left: 1em; }
	}
	@media (max-width: 575px) {
		.pageBtn .btn.order-1{ width: 100%; }
		.pageBtn .btn:not(.order-1){ padding-left: 0; padding-right: 0; font-size: 1em; border: 0; }
	}