@charset "utf-8";
/*品牌總覽*/
.brand_kv, .brand_banner, .about_kv{
    width: 100%;
    height: 600px;
    background: url(../img/brand.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    background-color: #000;
}
.brand_kv .title, .in_kv .title, .about_kv .title{
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	height: 85px;
	width: 100%;
	text-align: right;
	position: absolute;
	bottom: 60px;
	padding-top: 15px;
}
.brand_kv .title p, .titleword p, .about_kv .title p{
	font-size: 50px;
    font-family: centaur-webfont;
    padding-right: 30px;
    line-height: 1em;
    letter-spacing: 2px;
}
.brand_kv .title span, .titleword span, .about_kv .title span{
	font-size: 14px;
    padding-right: 21px;
    letter-spacing: 10px;
}
.floor h2, .floor ul{
	display: inline-block;
	vertical-align: top;
}
.floor h2{
	color: #ba8748;
    font-family: "華康粗明體", dffnm7-webfont;
	width: 120px;
	height: 120px;
	line-height: 120px;
	margin: 10px 0;
	text-align: left;
	font-size: 15px;
}
.floor h2 span{
	font-family: centaur-webfont;
}
.floor ul{
	width: calc(100% - 160px)
}
.floor ul li{
	display: inline-block;
}
.floor ul li a{
	display: inline-block;
	width: 120px;
	height: 120px;
	text-align: center;
	line-height: 120px;
	margin: 10px;
}
.floor ul li a img{
	vertical-align: middle;
    transition: 0.4s;    /*中間補間*/
}
.floor ul li a:hover img{
    transform: translate(0px, -5px);   /*變大幅度的寬高一半*/
}
.brand_banner {
    background: url(../img/brand/1F_pic_01_DuRhone_1.jpg) no-repeat center center;
    background-size: cover;
}
.brand_logo{
	width: 160px;
	height: 160px;
	position: absolute;
	right:20px;
	bottom: 20px; 
}
.brand_block {
    padding: 30px;
    padding-right: 60px;
    /*position: relative;*/
}
.brand_block aside{
	position: absolute;
	left: 30;
	top: 50;
	width: 170px;
}
.brand_block aside ul li a{
	display: block;
    margin: 10px 0;
    font-size: 15px;
    cursor: pointer;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    color: #666;
}
.brand_block aside ul li a:hover, .floor ul li a:hover {
    color: #ba8748;
}
.brand_block aside ul li a.focus{
	color: #ba8748;
	cursor: default;
}
.brand_block aside h2, .s_con h2{
	color: #ba8748;
    font-family: "華康粗明體", dffnm7-webfont;
    font-size: 18px;
    margin: 25px 0;
}
.brand_block aside h2 span{
	font-size: 18px;
	padding-right: 10px;
    font-family: centaur-webfont;
}
.brand_block .brand_con{
	text-align: left;
	padding-top: 25px;
	margin-left:170px;
	padding-left: 20px;
	padding-right: 30px;
	width: auto; 
}
.brand_block .brand_con .brand_name{
	font-size: 30px;
    font-family: centaur-webfont;
    margin-bottom:10px; 
}
.brand_name{
	float: left;
}
.brand_name span{
	font-family: "華康粗明體", dffnm7-webfont;
}
.phone{
	float: right;
	font-size: 14px;
}
.brand_block .brand_con article{
	font-size: 14px;
	color: #666;
	line-height: 22px;
}
.brand_block .brand_con p{
	font-size: 15px;
	font-weight: bold;
	color: #000;
	margin-top: 25px;
	margin-bottom: 3px;
}
.arrow{
	margin:0 5px;
    margin-bottom: 2px;
}
.map{
	text-align: right;
	margin: 20px 0;
}
.banner_menu{
	background-color: #666;
	height: 80px;
	text-align: right;
	padding-right: 5px;
	overflow: hidden;
}
.banner_menu li{
	display: inline-block;
	margin: 10px 4px;
	background-color: #000;
}
.banner_menu li a{
	display: block;
	width: 80px;
	height: 60px;
    opacity: 0.4;
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    filter: alpha(opacity=40);
    background: url(../img/brand/1F_pic_01_DuRhone_1.jpg) no-repeat center center;
    background-size: cover;
}
.banner_menu li a:hover, .banner_menu li a.focus{
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
}
/*首頁*/
.in_kv{
	position: absolute;
	height: 100%;
	width: calc(100% - 220px);
}
.in_01{
	background: url(../img/index_01.jpg) no-repeat top center;
	background-size: cover;
}
.in_02{
	background: url(../img/index_02.jpg) no-repeat top center;
	background-size: cover;
}
.in_03{
	background: url(../img/index_03.jpg) no-repeat top center;
	background-size: cover;
}
.in_kv .title{
	bottom: 170px;
}
.in_kv a{
	color: #fff;
}
.titleword{
	position: absolute;
	right: 0px;
	bottom: 185px;
	z-index: 1;
	text-align: right;
}
.enter{
	vertical-align: bottom;
	margin-right: 12px;
}
.scroll{
	text-align: center;
	position: fixed;
	width: 99px;
	height: 99px;
	bottom: 100px;
	left: calc(50% - -50px);
	background: url(../img/scroll_bg.png) no-repeat center center;
}
/*關於文華*/
.about_kv{
	background: url(../img/about_01.jpg) no-repeat center center;
	background-size: cover;
}
.aboutus{
	/*background: url(../img/about_0_1.jpg) no-repeat center center;
	background-size: cover;*/
}
.service{
	background: url(../img/about_1_service.jpg) no-repeat center center;
	background-size: cover;	
}
.member{
	background: url(../img/about_2_member.jpg) no-repeat center center;
	background-size: cover;		
}
.traffic{
	background: url(../img/about_3_traffic.jpg) no-repeat center center;
	background-size: cover;
}
.ab{
	padding-bottom: 80px;
}
.ab article{
	margin-top: 20px;
	font-size: 14px;
	color: #666;
}
.ab article .strong{
	font-weight: bold;
	color: #000;
}
.ab article.floatleft{
	float: left;
	margin-right: 20px;
	width: calc(100% - 435px);
}
.ab .mapbox, .ab .route{
	float: left;
}
.ab .mapbox{
	width: 700px;
	height: 400px;
	background-color: #eee;
	margin: 5px 0;
	margin-right: 20px;
}
.ab .route {
	padding-top: 5px;
}
.ab .route ul{
	margin-bottom: 10px;
}
.ab .route li{
	width: 30px;
	height: 30px;
	display: inline-block;
	margin-right: 5px;
}
.ab .route li a{
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
}
.ab .route li a span{
	vertical-align: middle;
}
.ab .route li a:hover{
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter: alpha(opacity=80);
}
.ab .route li a.focus{
	background-color: #1f1f1f;
}
.ab .route li a.focus .car{
    background-position:-0px -456px;
}
.ab .route li a.focus .bus{
	background-position:-0px -355px;
}
.ab .route li a.focus .walk{
	background-position:-0px -301px;
}
.ab .route li a.focus .bike{
	background-position:-0px -394px;
}
.ab .route p{
	font-size: 14px;
	margin: 20px 0 5px 0;
}
.ab .route .change{
	margin: 0 10px;
	vertical-align: middle;
}
.ab .route input{
	width: 250px;
	height: 30px;
	background-color: #f6f6f6;
	border: 1px solid #cccccc;
	padding: 0 5px;
}
.ab .route a.findway{
	display: inline-block;
	color: #fff;
	background-color: #1f1f1f;
	line-height: 32px;
	padding: 0 20px;
	margin-left: 20px;
	font-size: 15px;
}
.ab_menu li a{
	/*background: url(../img/about_0_1.jpg) no-repeat center center;
	background-size: cover;*/
}
.ab .mailto{
	color: #666;
	text-decoration: underline;
}
.ab .sv_item{
	margin: 25px 0;
}
.ab .sv_item li{
	display: inline-block;
	line-height: 30px;
	font-size: 14px;
	width: 230px;
	margin-bottom: 5px;
}
.ab .sv_item li span{
	vertical-align: middle;
	margin-right: 5px;
}
.ab .parkdiscount{
	width: 100%;
	max-width: 800px;
	text-align: center;
	font-size: 14px;
	margin: 5px 0;
}
.ab .parkdiscount th{
	background-color: #e6ba53;
	padding: 5px 0;
	border-right:1px solid #fff; 
}
.ab .parkdiscount td{
	padding: 3px 0;
	border-right:1px solid #fff; 
}
.ab .parkdiscount tr.row1, .ab .card tr.row1{
	background-color: #f0f0f0;
}
.ab .parkdiscount tr.row2, .ab .card tr.row2{
	background-color: #e0e0e0;
}
.note{
	font-size: 14px;
	color: #666;
}
.ab .card{
	max-width: 800px;
	margin-top: 30px;
	font-size: 14px;
}
.ab .card th{
	background-color: #e6ba53;
	padding: 5px 0;
}
.ab .card ul{
	margin-left:25px; 
}
.ab .card ul li{
	list-style: decimal;
}
.ab .card td{
	text-align: left;
	padding: 10px 10px;
}
.ab .card td:first-child{
	background-color: #666;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #e0e0e0;
}
.ab .sv_item .strong{
	font-size: 17px;
	margin-bottom: 5px;
	color: #bc8c1b;
}
.ab .sv_item .strong span{
    font-family: centaur-webfont;
    font-size: 15px;
}
.ab .sv_item article .strong{
	color: #000;
	font-size: 14px;
	margin: 0;
}
/*最新消息*/
.news aside{
	width: 100px;
	position: absolute;
	top: 70px;
}
.news_con{
	width: 100%;
	padding-left: 150px;
	box-sizing:border-box;
	overflow: hidden;
}
.n_box{
	float: left;
	width: 280px;
	border: 1px solid #e7ba53;
	background-color: #eee;
	margin: 0 40px 40px 0;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;
	behavior: url(ie-css3.htc);
}
.n_box .pic{
	width: 280px;
	height: auto;
}
.n_box .pic img{
	display: block;
	width: 280px;
}
.n_box .topic, .n_article .topic{
	color: #ce9733;
	font-weight: bold;
	font-size: 15px;
	padding: 15px;
}
.n_box .wording, .n_box .date, .n_article .wording, .n_article .date{
	font-size: 14px;
	padding: 0 15px 15px 15px;
}
.n_article .date, .n_box .date{
	color: #ce9733;
}
.n_box:hover{
	background-color: #fff;
	border: 1px solid #f6ce74;
}
.n_article{
	border: 1px solid #e7ba53;
	background-color: #eee;
	margin-right: 80px;
	margin-bottom: 80px;
    padding-bottom: 10px;
    max-width: 900px;
}
.n_article .pic{
	width: 100%;
	max-width: 900px;
}
.n_article .pic img{
	width: 100%;
}
.n_article .topic{
	float: left;
}
.n_article .date{
	float: right;
	padding-top: 15px;
}
.dw_btn{
	background-color: #ca9c2c;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	margin:0 15px;
	padding: 5px 10px;
	float: left;
}
.st_facebook_large{
	float: right;
	margin-right: 15px;
	margin-top: 15px;
}
.loadmore{
	color: #ce9733;
	border: 1px solid #e7ba53;
	display: block;
	width: 300px;
	height: 40px;
	margin: 10px auto 50px auto;
	text-align: center;
	line-height: 40px;
}
#classmenu {
	position: relative;
    z-index: 10;
}

/*搜尋列表*/
.s_con{
	margin-bottom: 50px;
}
.s_con h2{
	letter-spacing: 2px;
	margin-bottom: 20px;
}
.s_con li{
	font-size: 14px;
	margin: 3px 0;
}
.s_con li a{
	text-decoration: underline;
	color: #000;
}
.s_con li a:hover{
	color: #666;
}
.s_news li{
	margin-bottom: 30px;
}
.ab .sv_item li{
	font-size: 13px;
}
.floor h2{
	width: 140px;
}