@charset "utf-8";
/* @import url('fonts.css'); */
*, :before, :after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
html{
	/* min-width: 1040px; */
	min-width: 1200px;
}
body{
	border: 0 none;
    font-family: Microsoft JhengHei;
	font-size: 15px !important;
    height: 100%;
    margin: 0 auto;
    min-width: 1000px;
    padding: 0;
    position: relative;
    width: 100%;
}
a{
	text-decoration: none;
	color: #ff9000;
}
h2{
	line-height: 27px;
	font-size: 19px;
	color: #f5f800;
	margin-bottom: 5px;
	font-weight: 400;
}
hr{
	margin-top: 25px;
	margin-bottom: 25px;
	height: 1px;
	width: 100%;
	background-color: rgba(129, 48, 31, 1);
}
.openhouse hr{
	margin-top:-5px;
}
.ie8_wrap{
	display: none;
}
#wrapper {
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: relative;
}
#top_wrapper{
	width: 100%;
	padding: 0 20px;
	position: relative;
	display: table;
	height: 100px;
}
#top_wrapper > div{
	display: table-cell;
	vertical-align: middle;
}
#top_wrapper > div#left-col{
	width: 450px;
}
#top_wrapper > div#left-col a{
	display: inline-block;
	vertical-align: middle;
}
#top_wrapper > div#left-col a:first-child{
	margin-right: 35px;
}
#top_wrapper > div#right-col{
	text-align: right;
	vertical-align: top;
	padding-top:15px;
}
#top_wrapper > div#right-col>a, #top_wrapper > div#right-col>div>a{
	position:relative;
	display: inline-block;
	/* margin-right: 5px; */
	padding: 5px 10px 5px 40px;
	font-size:0;
	background-repeat:no-repeat;
	/* background-position:calc(100% - 10px) calc(100% - 2px); */
	border-radius:15px;
	height:calc(10px + 20px);
	z-index:2;
}
#top_wrapper > div#right-col>div>a{padding-left:45px;}
#top_wrapper > div#right-col>a:before, #top_wrapper > div#right-col>div>a:before{
	position:absolute;
	content:"";
	top:0;
	left:10px;
	width:30px;
	height:30px;
	background-repeat:no-repeat;
	background-position:0 0;
}
/* #top_wrapper > div#right-col>a:hover:after{
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:30px;
	background-color:#7C191E;
	z-index:0;
} */
#top_wrapper > div#right-col>a:hover, #top_wrapper > div#right-col>div>a:hover{
	background-color:#7C191E;
}
#top_wrapper > div#right-col>a:nth-child(1):before{
	background-image:url(../images/menu-img-home.png);
}
#top_wrapper > div#right-col>a:nth-child(2):before{
	background-image:url(../images/menu-img-event.png);
}
#top_wrapper > div#right-col>a:nth-child(3):before{
	background-image:url(../images/menu-img-form.png);
}
#top_wrapper > div#right-col>div>a:before{
	background-image:url(../images/menu-img-download.png);
}
#top_wrapper > div#right-col>a:nth-child(1):hover:before{
	background-image:url(../images/menu-img-home-over.png);
}
#top_wrapper > div#right-col>a:nth-child(2):hover:before{
	background-image:url(../images/menu-img-event-over.png);
}
#top_wrapper > div#right-col>a:nth-child(3):hover:before{
	background-image:url(../images/menu-img-form-over.png);
}
#top_wrapper > div#right-col>div>a:hover:before, #top_wrapper > div#right-col>div:hover>a:before{
	background-image:url(../images/menu-img-download-over.png);
}

/* #top_wrapper > div#right-col a:hover,
#top_wrapper > div#right-col a:focus{
	background-color: #B04E0D;
	color: #ffffff;
} */
#top_wrapper > div#right-col > div{
	display: inline-block;
	text-align: center;
	vertical-align: top;
	/* margin-top: 28px; */
	margin-right: 15px;
	position: relative;
	z-index: 50;
}
#top_wrapper > div#right-col div a{
	margin: 0;
}
#top_wrapper > div#right-col div.subNav{
	display: none;
	margin-top: 0;
	position: absolute;
	top: 10px;
	left: -5px;
	margin-right: 0;
	/* padding-top: 44px; */
	overflow: hidden;
	/* width: 143px; */
}
#top_wrapper > div#right-col div.subNav a{
	position:relative;
	width: 100%;
	padding: 5px 15px;
	display: block;
	border: 0;
	font-size: 0;
	/* border-top: 1px solid rgba(255,255,255,.6) !important; */
	border-radius: 0;
	background-repeat:no-repeat;
	background-position:15px 5px;
}
#top_wrapper > div#right-col div.subNav a:before{
	position:absolute;
	content:"";
	width:5px;
	height:5px;
	border-radius:50%;
	top:11px;
	left:3px;
	background-color:#EAB873;
}
#top_wrapper > div#right-col div:hover a{
	background-color: transparent;
	box-shadow: none !important;
}
#top_wrapper > div#right-col div:hover > a{
	border-color: transparent;
}
#top_wrapper > div#right-col div:hover .subNav{
	display: block;
	/* height: 145px; */
	background-color: #7C191E;
	/* border: 3px solid #ffffff; */
	border-radius: 15px;
	padding:40px 10px 20px 10px;
}
#top_wrapper > div#right-col div.subNav a:hover{
	color: #f0f966;
	background-color: #EAB873;
}
#top_wrapper > div#right-col div.subNav a:hover:before{
	background-color:#7C191E;
}
/* #top_wrapper > div#right-col a#dl_app_form:after{
	content: '';
	width: 7px;
	height: 7px;
	z-index: 10;
	display: inline-block;
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	transform: rotate(225deg);
	position: absolute;
	bottom: 4px;
	left: 50px;
}
#top_wrapper > div#right-col a#dl_app_form:hover:after,
#top_wrapper > div#right-col a#dl_app_form:focus:after{
	border-color: #ffffff;
} */
#top_wrapper > div#right-col a.lang{
	/* padding-left: 15px;
	color: #6b6960;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0;
	padding-left: 0;
	margin-left: 10px;
	margin-right: 0;
	font-weight: bold;
	background-color: transparent;
	border: 0;
	box-shadow: none; */
	margin-left: 10px;
	padding:5px 10px;
}
/* #top_wrapper > div#right-col a.lang:hover,
#top_wrapper > div#right-col a.lang:focus{
	color: #b04e0d;	
} */
.form #top_wrapper > div#right-col a.lang{
	color: #6b6960;
}
#top_wrapper > div#right-col a.lang:before{display:none;}
#top_wrapper > div#right-col a.lang:after{
	content: '';
	width: 1px;
	height: 100%;
	position: absolute;
	left: -14px;
	top: 0;
	background-color: #7C191E;
}
/* .index #top_wrapper > div#right-col a.lang:after{
	background-color: rgba(107, 105, 96, .7);
} */
#middle_zone{
	position: relative;
	width: 100%;
	padding: 0 50px 15px 50px;
	margin: 0 auto;
	border-bottom:10px solid #953D31;
}
#middle_zone:before{
	content:"";
	position:absolute;
	left:0;
	bottom:10px;
	width:100%;
	height:5px;
	background-color:#953D31;
}
#middle_zone.index{
	min-height: 695px;
}
#middle_zone.listing{
	/* min-height: 400px; */
	/* top: ; */
}
.mid_content{
	/* width: 960px; */
	width: 980px;
	margin: 0 auto;
}
.mid_content .title img{
	display: block;
}
.index.mid_content{
	top: -75px;
	height: 650px;
	z-index: 15;
	display: block;
	/* display: none; */
}
.index.mid_content .content_wrapper{
	height: 650px;
}

#preload_img{
	display: none;
}

#footer{
	z-index: 99;
	position: relative;
	width: 100%;
	background: #fff;
	position: relative;
	padding: 0 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	/* display: table; */
	color: #953D31;
}
#footer > div{
	/* display: table-cell; */
	display: block;
	vertical-align: middle;
}
#footer > div *{
	display: inline-block;
	vertical-align: middle;
}
#footer > div:first-child p{
	vertical-align: top;
	margin-top: 8px;
	margin-bottom: 10px;
	display:block;
}
#footer > div:first-child{
	margin-bottom: 20px;
}
#footer > div img{
	margin-right: 20px;
	vertical-align: middle;
}
#footer > div:last-child{
	/* text-align: right; */
	margin-top: 10px;
}
#footer > div:last-child p{
	margin-bottom: 0;
}
#footer > div:nth-child(2) img{
	/* transform:scale(0.7); */
	/* margin-right:0px; */
	position:relative;
	max-width:5%;
}

.paper{
	/* position: fixed; */
	position: absolute;
	top: 40px;
	left: 0;
	/* width: 1920px; */
	width: 1400px;
	opacity: 1;
}

@keyframes rotating {
  from {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.paper.rotating {
  -webkit-animation: rotating 80s linear infinite;
  -moz-animation: rotating 80s linear infinite;
  -ms-animation: rotating 80s linear infinite;
  -o-animation: rotating 80s linear infinite;
  animation: rotating 80s linear infinite;
}



/* general style */
.f_left{
	float: left;
}
.f_right{
	float: right;
}


/* pop style */
#bad_weather_pop{
	display:none;
	position:relative;
	border:4px solid #953D31;
	border-radius:40px;
	padding:85px 40px 100px 40px;
	width:980px;
	background:url(../images/bg-bad-weather.gif) no-repeat 100% 100% #F4DAB7;
	/* background-color:#F4DAB7; */
    overflow:visible;
}
#bad_weather_pop:before{
	content: " ";
	position: absolute;
	/* z-index: -1; */
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	border: 2px solid #953D31;
	border-radius:34px;
    pointer-events: none;
}
#bad_weather_pop .title{
	width:404px;
	height:166px;
	position:absolute;
	top:-102px;
	left:50%;
	transform:translateX(-50%);
	/* opacity:0; */
}
#bad_weather_pop .title img{
	margin:0 auto;
	display:block;
}
#bad_weather_pop .title.en{
    background: url(../../en/images/title_bg.png) no-repeat 0 0;
}
#bad_weather_pop .title.en img{
	padding-top:65px;
}
#bad_weather_pop .title.tc{
    background: url(../../tc/images/title_bg.png) no-repeat 0 0;
}
#bad_weather_pop .title.tc img{
	padding-top:85px;
}
#bad_weather_pop .close_btn{
	width:60px;
	height:60px;
	display:inline-block;
	border-radius:50%;
	border:4px solid #7C191E;
	background-color:#F4DAB7;
	position:absolute;
	right:40px;
	top:-34px;
}
#bad_weather_pop .close_btn span{
	width:52px;
	height:52px;
	display:inline-block;
	border:4px solid #F4DAB7;
	background-color:#7C191E;
	border-radius:50%;
	position:relative;
}
#bad_weather_pop .close_btn span:before, #bad_weather_pop .close_btn span:after{content:''; height:4px; width:22px; display:block; background:#F4DAB7; position:absolute; top:20px; left:11px; transform:rotate(-45deg);}
#bad_weather_pop .close_btn span:after{transform:rotate(45deg);}
#bad_weather_pop .hd{text-align:center; font-size:20px; color:#7C191E; font-weight:bold; line-height:30px; padding-bottom:30px;}
#bad_weather_pop .item_wrap{display:flex;}
#bad_weather_pop .item_wrap .item{border:1px solid #7C191E; border-radius:20px; width:calc(50% - 10px); overflow:hidden;}
#bad_weather_pop .item_wrap .item:nth-child(2){margin-left:10px;}
#bad_weather_pop .item_wrap .item .item_hd{text-align:center; background-color:#7C191E; color:#F4DAB7; font-weight:bold; padding:8px 0;}
#bad_weather_pop .item_wrap .item .item_content{padding:15px 30px; color:#7C191E;}
#bad_weather_pop .item_wrap .item .item_content ol{list-style-type:decimal; padding-left:20px;}
#bad_weather_pop .item_wrap .item .item_content ol li{margin-bottom:20px;}