@charset "utf-8";

/* Reset */
*,
*:after,
*:before {
	margin: 0;
    padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cf:before, .cf:after { 
	content:"";
	display:table;} 
.cf:after {clear:both;}
.cf {zoom:1;}
html, body {
	margin:0; 
	padding:0;
	height:100%;
	margin:0 auto;
	font-family: Microsoft JhengHei;
	background-color:#FFFFFF;
}
img{
	border:0;
}
a:focus { outline:0; }
a:link,a:visited,a:active,a:hover {
    text-decoration: none;
}
.database_busy {
    display: none; 
}       
.database_busy img {
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 8888;
    padding: 8px;
    border-radius: 8px;
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

/* header
---------------------------------------------*/
#header{
	width:100%;
	min-width:1200px;
	height:45px;
	background:url(../images/header_bg.png) top center repeat-x;
}
.header_a{
	width:1150px;
	margin:0 auto;
}
h1{
	float:left;
	width:154px;
	height:45px;
}
.border{
	background:url(../images/nav_line.png) top right no-repeat;
}
.icon_menu{
	margin-top:12px;
	margin-left:3px;
}
#et_service {
	font-size: 13px;
	color: #999999;
	height:23px;
	background-color: #FFFFFF;
	border: #ca0000 1px solid;
}
/* advertisement
---------------------------------------------*/
#advertisement{
	width:100%;
	min-width:1200px;
	height:265px;
	/*background:url(../images/advertisement_bg.png) top center repeat-x;*/
}
.flexslider{
	position:relative;
	margin:0 auto;
	height:265px;
	overflow:hidden;
	background:url(../images/loading.gif) 50% no-repeat;
}
.slides{
	position:relative;
	z-index:1;
}
.slides li{
	height:265px;
}
.slides li a{
	display:block;
	width:100%;
	height:100%;
	text-align:left;
	text-indent:-9999px;
}
.flex-control-nav{
	position:absolute;
	bottom:10px;
	z-index:2;
	left:48%;
	text-align:center;
}
.flex-control-nav li{
	display:inline-block;
	width:14px;
	float:left;
	height:14px;
	margin:0 5px;
	*display:inline;
	zoom:1;
}
.flex-control-nav a{
	display:inline-block;
	width:14px;
	height:14px;
	line-height:40px;
	overflow:hidden;
	background:url(../images/dot.png) right 0 no-repeat;
	cursor:pointer;
}
.flex-control-nav .flex-active{
	background-position:0 0;
}

/* nav_a
---------------------------------------------*/
#nav_a {
	width:1096px;
	height:190px;
	margin:0 auto;
	padding-top:12px;
	background:url(../images/nav_a_bg.jpg) top center no-repeat;
}
#nav_a ul {
	list-style:none;
	/*width:755px;*/
	width:962px;
	margin:0 auto;
}
#nav_a li {
	float:left;
	display:inline;
	list-style:none;
}
.nav_space {
    margin-right:83px;
}
#nav_a p {
	width:126px;
	padding-top:9px;
	text-align:center;
}
.nav_01{
	animation-delay:0.1s;
	-webkit-animation-delay:0.1s;
}
.nav_02{
	animation-delay:0.2s;
	-webkit-animation-delay:0.2s;
}
.nav_03{
	animation-delay:0.3s;
	-webkit-animation-delay:0.3s;
}
.nav_04{
	animation-delay:0.4s;
	-webkit-animation-delay:0.4s;
}
.nav_05{
	animation-delay:0.5s;
	-webkit-animation-delay:0.5s;
}

/* house_object
---------------------------------------------*/
#house_object{
	width:100%;
	min-width:1200px;
	height:388px;
	padding-top:20px;
}
#house_object h2{
	width:1096px;
	height:30px;
	margin:0 auto;
	text-align:left;
}
/* search
---------------------------------------------*/
.search{
	width:1096px;
	height:95px;
	margin:0 auto;
}
.form_textarea{
	width:250px;
	font-size:15px;
	font-family: Microsoft JhengHei;
	outline:0 none;
	color:#999999;
	border:1px solid #C5C5C5;
	height:35px;
	line-height:35px;
	vertical-align: top;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.06) inset;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.06) inset;
	padding:0 10px;
	margin-right: 20px;
}
#select{
    width: 1096px;
    margin:0 auto;
    text-align: left;
    font-size: 15px;
}
.nav-main{
    width: 100%;
    height: 100%;
    list-style-type: none;
}
.nav-main i{
    display: inline-block;
	float:right;
	margin-top:14px;
    width: 7px;
    height: 7px;
	background:url(../images/down-icon.png) no-repeat;

}
.hover-up{
    transition-duration: .5s;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.hover-down{
    transition-duration: .5s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.nav-main>li{
    width: 120px;
    display: block;
    float: left;
	background-color:#FFFFFF;
    margin-right: 20px;
    cursor: pointer;
	outline:0 none;
	color:#999999;
	border:1px solid #C5C5C5;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.06) inset;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.06) inset;
	padding:0 10px;
	overflow: hidden;
}
.nav-main>li:hover {
	background-color:#f0f0f0;
	color:#505050;
}

.nav-main>li.active {
	background-color:#f0f0f0;
	color:#505050;
}
.nav-main span {
    display: block;
    float: left;
    width: 90px;
    overflow: hidden;
    white-space: nowrap;	
}
.hidden-box{
	z-index:9999;
    border: 1px solid #C5C5C5;
    position: absolute;
	overflow:hidden;
    display: none;
	padding:10px;
    top: -1px;
	border-radius:3px;
	background-color:#FFFFFF;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:0 2px 10px rgba(0, 0, 0, 0.06) inset;
	-webkit-box-shadow:0 2px 10px rgba(0, 0, 0, 0.06) inset;
}
.hidden-box .search-option li.selected {
	color:#ff3e3e;
}
.hidden-box .search-option li label{
    display: block;	
	cursor: pointer;
}
.hidden-box .search-option li span {
	margin-left: 12px;
}
.input{
	width:16px;
	height:16px;
	border:none;
}
.hidden-area{
	position:relative;
	width:450px;
    left: 0px;
}
.hidden-area ul {
	list-style:none;
	cursor: pointer;
}
.hidden-area li{
	float:left;
	font-size:15px;
	line-height: 35px;
	margin:0 20px 0 20px;
	color:#505050;
}
.hidden-area li:hover{
    color:#ff3e3e;
}
.hidden-mrt{
	position:relative;
	width:450px;
    left: 0px;
}
.hidden-mrt ul {
	list-style:none;
	cursor: pointer;
}
.hidden-mrt li{	
	display:inline-block;
	width:105px;
	text-align:left;
	font-size:15px;
	line-height: 35px;
	margin:0 15px 0 15px;
	color:#505050;
}
.hidden-mrt li:hover{
    color:#ff3e3e;
}
.hidden-mrt h3{
	padding-left:15px;
	padding-top:10px;
	padding-bottom:5px;
	text-align:left;
	font-size:15px;
	color:#000000;
}
.hidden-price{
	position:relative;
	width: 250px;
    left: 140px;
}
.hidden-price ul {
	list-style:none;
	cursor: pointer;
}
.hidden-price li{
	float:left;
	font-size:15px;
	line-height: 35px;
	margin:0 20px 0 20px;
	color:#505050;
}
.hidden-price li:hover{
    color:#ff3e3e;
}
.hidden-space{
	position:relative;
	width: 250px;
    left: 280px;
}
.hidden-space ul {
	list-style:none;
	cursor: pointer;
}
.hidden-space li{
	float:left;
	font-size:15px;
	line-height: 35px;
	margin:0 20px 0 20px;
	color:#505050;
}
.hidden-space li:hover{
    color:#ff3e3e;
}
.hidden-purpose{
	position:relative;
	width: 200px;
    left: 420px;
}
.hidden-purpose ul {
	list-style:none;
	cursor: pointer;
}
.hidden-purpose li{
	float:left;
	font-size:15px;
	line-height: 35px;
	margin:0 20px 0 20px;
	color:#505050;
}
.hidden-purpose li:hover{
    color:#ff3e3e;
}
.hidden-more{
	position:relative;
	width: 1000px;
    left: 0px;
}
.hidden-more ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.hidden-more li {
	float:left;
	font-size:14px;
	color:#505050;
	width:250px;
	line-height: 35px;
	display:inline;
	list-style-type: none;
}
.hidden-more-inner {
	width: 100%;
	margin: 0 auto;
}

.hidden-more-inner > .sub_a{
	width: 150px;
	float: left;
	margin-left:10px;
}
.hidden-more-inner:before,
.hidden-more-inner:after {
	content: " ";
	display: table;
}

.hidden-more-inner:after {
	clear: both;
}

.hidden-more-inner > div a {
	color: #505050;
}
.hidden-more h3 {
	color: #0000000;
	padding-bottom:15px;
	margin: 0;
	font-size: 15px;
	font-weight:normal;
}
.close_bt{
	width:100%;
	height:30px;
	padding-top:5px;
	text-align:right;
}
/* reduce_price
---------------------------------------------*/
.reduce_price{
	width:1200px;
	overflow:hidden;
	margin:0 auto;
}
#best_reduce_price{
	width:1200px;
	margin: 0 auto;
	height:203px;
}

#reduce_price_list_Container a { 
	position:relative;
}
#reduce_price_list_Container {
	width:1200px;
}
#reduce_price_list {
	width:1200px;
	height:203px;
	position:relative;
}
#reduce_price_list .prev {
	width:40px;
	height:40px;
	display:block;
	background:url(../images/reduce_prev.png) center top;
	float:left;
	top:-135px;
}
#reduce_price_list .next {
	width: 40px; 
	display: block; 
	background: url(../images/reduce_next.png) center top; 
	float: right; 
	height: 40px; 
	top:-135px;
}

.reduce_price_list_UL {
	position:relative;
	padding-bottom:0px;
	list-style-type:none;
	margin:0px;
	padding-left:0px;
	padding-right:0px;
	float:left;
	padding-top:0px;
	left:0px;
}
.reduce_price_list_Box {
	background-repeat:no-repeat;
	float:left;
	overflow:hidden;
	margin-right:11px;
	margin-left:10px;
	list-style-type:none;
}
#botton-scroll {
	margin: 0px auto; 
	width:1200x; 
	float:left; 
	height:203px;
}
#block {
	position:relative; 
	margin: 0px auto;
	padding:0px;
	width:1096px;
	height:203px;
	overflow:hidden;
}
#block .box {
	width:253px;
	height:203px;
	float:left;
}
.reduce_price_list_Box img{
	position:absolute;
}

.reduce_price_gallery {
	margin: 0;
	padding: 0;
	width: 253px;
	height: 203px;
	overflow: hidden;
	position: relative;
}
.reduce_price_gallery img {
	position: absolute;
	border: 0;
}
.reduce_price_gallery .caption {
	position: absolute;
	font-size:16px;
	top: 161px;
	line-height:26px;
	width: 253px;
	padding: 10px;
	cursor: pointer;
	color: #FFFFFF;
	background-color:#000000;
}
.reduce_price_gallery .caption .title {
	font-size:18px;
	padding-bottom:5px;
  }
.reduce_price_gallery .caption .price {
	font-size:20px;
	color:#f8e212;
}
.reduce_price_gallery .caption #table {
	width:100%;
	display: table;
}
.reduce_price_gallery .caption .tr {
	display: table-row;
}
.reduce_price_gallery .caption .td {
	display: table-cell;
}
/* special_chanel
---------------------------------------------*/
#special_chanel{
	width:100%;
	min-width:1200px;
	height:470px;
}
.chanel{
	width:1096px;
	margin:0 auto;
}
.chanel h2{
	width:324px;
	height:40px;
	margin:0 auto;
	margin-bottom:35px;
	text-align:center;
}
.chanel ul {
	list-style:none;
}
.chanel li {
	font-size:0;
	float:left;
	margin-bottom:6px;
	display:inline;
	list-style:none;
}
.chanel_space {
    margin-right:6px;
}
.revealOnScroll {
  opacity: 0;
  filter:alpha(opacity=0);
}
.chanelItem {
    height: 545px;
    position: relative;
    width: 172px;

}
.chanelInfoWrap, .chanelInfo {
    height: 172px;
    position: absolute;
    width: 545px;
}
.chanelInfoWrap {
    background: #F9F9F9;
}
.chanelInfoWrap p{
	font-size:17px;
	color:#FFFFFF;
	line-height:30px;
}
.chanelInfo > div {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
	text-align: center;
}
.chanelInfoFront {
    transition: all 0.6s ease-in-out 0s;
}
.chanelInfoBack {
    background:#2798d3;
    opacity: 0;
    transform: scale(1.1);
    transition: all 0.4s ease-in-out 0.2s;
	display: none;
}
.chanelInfoBack1 {
    background:#f6642b;
    opacity: 0;
    transform: scale(1.1);
    transition: all 0.4s ease-in-out 0.2s;
	display: none;
}
.chanelInfoBack2 {
    background:#FCC800;
    opacity: 0;
    transform: scale(1.1);
    transition: all 0.4s ease-in-out 0.2s;
	display: none;
}
.chanelInfoBack3 {
    background:#e60012;
    opacity: 0;
    transform: scale(1.1);
    transition: all 0.4s ease-in-out 0.2s;
	display: none;
}
.value, .value .chanelInfoFront {
	width:545px;
	height:172px;
	background-image: url(../images/chanel_01.jpg);}

.market, .market .chanelInfoFront {
	width:545px;
	height:172px;
	background-image: url(../images/chanel_02.jpg);
}
.activities, .activities .chanelInfoFront {
	width:545px;
	height:172px;
	background-image: url(../images/chanel_06.jpg);
}
.expert, .expert .chanelInfoFront {
	width:545px;
	height:172px;
    background-image: url(../images/chanel_05.jpg);
}
.chanelInfo h3 {
    color: #FFFFFF;
    font-size: 26px;
    margin: 55px 0 0 0;
    text-align: center;
    text-transform: uppercase;
	line-height:26px;
}

.chanelItem:hover .chanelInfoFront {
    opacity: 0;
    transform: scale(0);
}
.chanelItem:hover .chanelInfoBack  {
    opacity: 1;
    transform: scale(1);
	display: block;
}
.chanelItem:hover .chanelInfoBack1 {
    opacity: 1;
    transform: scale(1);
	display: block;
}
.chanelItem:hover .chanelInfoBack2 {
    opacity: 1;
    transform: scale(1);
	display: block;
}
.chanelItem:hover .chanelInfoBack3 {
    opacity: 1;
    transform: scale(1);
	display: block;
}

/* accompanied_link
---------------------------------------------*/
#accompanied_link{
	width:100%;
	min-width:1200px;
    margin-bottom: 60px;
}
.link{
	width:1096px;
	margin:0 auto;
	text-align:center;
}
.link h2{
	width:324px;
	height:40px;
	margin:0 auto;
	margin-bottom:35px;
	text-align:center;
}
/* five accompanied_link
---------------------------------------------*/
.link ul {
	list-style:none;
}
.link1_4 {
    display: inline-block;
}
.link1_4 img {
    max-width: 150px;
    margin-left: 1px;
    margin-right: 1px;
}
.link_4 {
	width:267px;
	height:175px;
	padding-top:11px;
	display: inline-block;
	list-style:none;
	text-align:center;
	margin-left:2px;
	margin-right:2px;
}
.link_5 {
	width:204px;
	height:151px;
	padding-top:11px;
	display: inline-block;
	list-style:none;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
	background:url(../images/link_list_bg.png) top left no-repeat;
}
/* three accompanied_link
---------------------------------------------*/
.link_3 {
	width:267px;
	height:175px;
	padding-top:11px;
	display: inline-block;
	list-style:none;
	text-align:center;
	margin-left:45px;
	margin-right:45px;
}
/* one accompanied_link
---------------------------------------------*/
.link_1 {
	width:1080px;
	height:155px;
	display: inline-block;
	list-style:none;
	text-align:center;
}

/* web_guide
---------------------------------------------*/
#web_guide {
	width:100%;
	min-width:1200px;
	height:160px;
	background-color:#f8f8f8;
	border-top:#eaeaea 1px solid;
}
#guide{
	width:1044px;
	overflow:hidden;
	margin:0 auto;
	padding-top:30px;
}
.guide-sub ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.guide-sub li {
	float:left;
	font-size:13px;
	width:70px;
	display:inline;
	list-style-type: none;
	line-height:24px;
}

.guide-sub-inner {
	width: 100%;
	margin: 0 auto;
}

/*.guide-sub {
	display: block;
	width: 100%;
	left: 0;
}*/

.guide-sub {
	display: block;
    margin: auto;
    width: 990px;
    left: 0;
}

/*.guide-sub-inner > .sub_a{
	width: 174px;
	float: left;
	padding-left:24px;
}*/

.guide-sub-inner > .sub_a{
	width: 198px;
	float: left;
	padding-left:48px;
}
.guide-sub-inner > .sub_a.pa-0{
	padding-left:0px;
}

.guide-sub-inner > .sub_b{
	width: 174px;
	float: left;
	padding-left:59px;
}

.guide-sub-inner:before,
.guide-sub-inner:after {
	content: " ";
	display: table;
}

.guide-sub-inner:after {
	clear: both;
}

.guide-sub-inner > div a {
	color: #666666;
}

.guide-sub h3 {
	color: #505050;
	padding-bottom:10px;
	font-size: 16px;
	font-weight:100;
	letter-spacing:1px;
	margin-bottom:10px;
	border-bottom:#e3e3e3 1px solid;
	font-weight:bolder;
}

/* etwarm_award
---------------------------------------------*/
#etwarm_award{
	width:100%;
	min-width:1200px;
	height:160px;
	padding-top:19px;
	background-color:#f8f8f8;
    margin-top: 20px;
}
.award{
	width:1030px;
	margin:0 auto;
}
.award ul {
	list-style:none;
}
.award li {
	float:left;
	width:174px;
	height:85px;
	margin-left:32px;
	display: inline;
	list-style:none;
	text-align:center;
}
.award li:first-of-type {

	margin-left:0px;

}
.award p {
	text-align:center;
	color:#666666;
	font-size:14px;
	line-height:20px;
	font-weight:bolder;
}

/* footer
---------------------------------------------*/
#footer {
	width:100%;
	height:265px;
	min-width:1200px;
	padding-top:32px;
	background-color:#f8f8f8;
	border-top:#eaeaea 1px solid;
	
}
#footer img {
	vertical-align:middle;
	margin:0 5px 0 5px;	
}
.others{
	width:1096px;
	height:130px;
	margin:0 auto;
	text-align:center;
	font-size:14px;
	color:#666666;
	margin-bottom:15px;
}
.copyright{
	width:1096px;
	margin:0 auto;
	text-align:center;
	font-size:14px;
	color:#666666;
	line-height:30px;
}