@charset "utf-8";
* { -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

::selection { background: #00BFFF; color: #fff;}

html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd  { margin: 0; padding: 0;}

img { outline: none; vertical-align: middle;}

a { outline: none; text-decoration: none; transition: all ease-in-out 0.3s;}
a { color: #333;}

h1, h2, h3, h4, h5, h6 { color: #333;}
h1 { font-size: 2.142em;}
h2 { font-size: 1.857em;}
h3 { font-size: 1.428em;}
h4 { font-size: 1.142em;}
h5 { font-size: 1em;}
h6 { font-size: 0.85em;}

form, input, select, textarea, button { font-family: "Roboto Condensed", "Roboto", "微软雅黑", "微軟正黑體", Arial, Helvetica, sans-serif;}


/* margin, padding */
.mar-0 { margin: 0;}


.pad-0 { padding: 0;}

.pad-tb-30px { padding-top: 30px; padding-bottom: 30px;}

/* float & position */
.flt-left { float: left;}
.flt-right { float: right;}
.pos-left { left: 0;}
.pos-right { right: 0;}

/* form elements */
input[type="text"], .input { padding: 10px; font-size: 1.05em; border: 1px solid #e9e9e9; border-radius: 3px;}

.btn { display: inline-block; text-decoration: none; border-radius: 3px; transition: all ease-in-out 0.3s; cursor: pointer;}
.btn:hover, .btn:focus {
	-ms-filter: hue-rotate(30deg);
	-webkit-filter: hue-rotate(30deg);
	filter: hue-rotate(30deg);
	box-shadow: inset 0 0 35px rgba(0,0,0,0.35);
	}
.btn-large { padding: 15px 35px; font-size: 1.65em;}
.btn-small { padding: 9px 25px; font-size: 1.1em;}

.btn-blue { background-color: #00BFFF; color: #fff; border: 1px solid #00BFFF;}
.btn-blue-dark { background-color: #2581C4; color: #fff; border: 1px solid #2581C4;}
.btn-blue-dark:hover, .btn-blue-dark:focus {
	-ms-filter: hue-rotate(5deg);
	-webkit-filter: hue-rotate(5deg);
	filter: hue-rotate(5deg);
}

.btn-border-white { background-color: rgba(255,255,255,0.65); color: #666; border: 1px solid #666;}


/* text: align & color */
.aln-left { text-align: left;}
.aln-center { text-align: center;}
.aln-right { text-align: right;}

.txt-blue-light { color: #00BFFF;}

/* Section */
.section-title { padding: 30px 0; font-size: 1.72em; color: #333; font-weight: normal;}
.section-title span { display: inline-block; padding-left: 15px; color: #00BFFF;}

.section-title:after { display: block; content: ""; margin-top: 26px; width: 40px; height: 4px; background-color: #d6d6d6;}

/* Page title */
.page-title { margin-left: 15px; margin-right: 15px;}
.page-title h2 { padding: 30px 0 20px 0; font-size: 2.142em; color: #333; font-weight: normal;}
.page-title span { display: block; font-size: 0.667em; color: #00BFFF;}

.page-title:after { display: block; content: ""; margin-bottom: 30px; width: 40px; height: 4px; background-color: #d6d6d6;}

.page-title time { display: block; float: left; margin-top: 35px; margin-right: 30px; width: 70px; background-color: #efefef; font-size: 0.85em; text-align: center;}
.page-title time em { display: block; background-color: #00BFFF; color: #fff; font-size: 2.4em;}


/* FCK content */
.fck-content { margin: 0 15px; padding: 20px 0; font-size: 1.215em; line-height: 1.8;}
.fck-content ul, .fck-content ol { padding-left: 1.5em; margin-top: 1em; margin-bottom: 1em;}

/* Paging */
.paging { padding-top: 10px; padding-bottom: 50px; text-align: center;}
.paging a { display: inline-block; margin: 0 3px; padding: 10px 16px; background-color: #efefef; border-radius: 3px;}
.paging a:hover { background-color: #dedede;}
.paging a.disable { color: #aaa;}
.paging a.active { background-color: #00BFFF; color: #fff;}

/* Page turning */
.page-turning { padding-top: 10px; padding-bottom: 50px; text-align: center;}
.page-turning a { color: #999; margin: 0 6px 20px;}
.page-turning .btn-back:before { display: inline-block; content: ""; margin-left: -10px; margin-right: 15px; width: 14px; height: 14px; background-image: url(../img/icon-back.png); vertical-align: middle;}


/* Filter */
.filter { border: 1px solid #e9e9e9; border-radius: 3px;}
.filter a { display: inline-block; padding: 9px 16px; color: #777; line-height: 1.45em;}
.filter a.active { color: #00BFFF;}


/*Dealer*/
.dealer-wrap { width:100%; height:600px; margin-bottom:30px; }
.dealer-wrap iframe { width:100%; height:100%;     border: 1px solid #CDCDCD;}
.contact-info-wrap { border-top: 1px solid #d6d6d6; }
.contact-info {       border-right: 1px solid #d6d6d6; 	 padding: 50px 60px 20px 0; }
.dealer-btn { padding: 63px 0 20px 60px; text-align: center;}
.dealer-btn a { width:306px; height:100px; display: block; background: url(../img/dealer-btn.png) no-repeat top center; margin:auto; }
.dealer-btn a:hover { background-position:  bottom center; }
@media (max-width:767px) {
	.contact-info,.dealer-btn,.contact-info-wrap { padding:0; border:none; }
	.dealer-btn { margin-bottom:30px; }
	.dealer-btn a { margin:0; }

}