@charset "utf-8";
#mainarea .area {
	width: 100%;
	margin-bottom: 25px;
}
#mainarea .area .left_index {
	float: none;
	width: 100%;
}
#mainarea .area .right_index {
	float: right;
	width: 300px;
	display: none;
}
#mainarea .area .left_index h2 {
	font-size: 24px;
	line-height: 32px;
	font-weight: normal;
	color: #1f1f1f;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
#mainarea .area .left_index .news_index h2 {
	background-image: url(../images/icon_a.png);
}
#mainarea .area .left_index .activity h2 {
	background-image: url(../images/icon_b.png);
}

#mainarea .area .left_index .twopart .listmenu:first-child h2 {
	background-image: url(../images/icon_c.png);
}
#mainarea .area .left_index .twopart .listmenu:last-child h2 {
	background-image: url(../images/icon_d.png);
}
#mainarea .area .left_index .news_index .bignews {
	float: none;
	height: auto;
	width: 100%;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #ff5842;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #f8f8f8;
	border-right-color: #f8f8f8;
	border-left-color: #f8f8f8;
	margin-bottom: 25px;
}
#mainarea .area .left_index .news_index{
	margin-bottom: 25px;
	width: 94%;
	margin-right: auto;
	margin-left: auto;
}

#mainarea .area .left_index .news_index .list {
	display: table;
	width: 100%;
}
#mainarea .area .left_index .news_index .list .bignews .picp {
	height: auto;
	width: 100%;
	position: relative;
}

#mainarea .area .left_index .news_index .list .bignews .picp {
	height: auto;
	width: 100%;
	position: relative;
}



#mainarea .area .left_index .news_index .list .bignews .picp:before {
	background-image: url(../images/news_bigpic_tag.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	content:"";
	
}
#mainarea .area .left_index .news_index .list .bignews .textpart {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#mainarea .area .left_index .news_index .list .bignews .textpart .titlearea {
	font-size: 18px;
	line-height: 24px;
	color: #1f1f1f;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f8f8f8;
}
#mainarea .area .left_index .news_index .list .bignews .textpart .titlearea a {

	color: #1f1f1f;
}
#mainarea .area .left_index .news_index .list .bignews .textpart .titlearea div:first-child {
	height: 24px;
	overflow: hidden;
}
#mainarea .area .left_index .news_index .list .bignews .textpart .titlearea div {
	margin-bottom: 10px;
}
#mainarea .area .left_index .date{
	font-size: 12px;
	line-height: 25px;
	color: #9f9f9f;
}
#mainarea .area .left_index .news_index .list .litlist ul li .date {
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;	
}
#mainarea .area .left_index .date a {
	color: #ff5842!important;
	font-size:12px!important;
	line-height:20px!important;
}

#mainarea .area .left_index .date a:before {
	content:"【";
}
#mainarea .area .left_index .date a:after{
	content:"】";
}
#mainarea .area .left_index .news_index .list .bignews .textpart p {
	font-size: 14px;
	line-height: 25px;
	color: #777777;
	margin: 0px;
}
#mainarea .area .left_index .news_index .list .bignews .textpart p a {
	color: #FF5842;
}
#mainarea .area .left_index .news_index .list .litlist ul li {
    height: auto;
    width: 48%;
    margin-right: 2%;
    margin-bottom: 10px;
    float: left;
    border: 1px solid #f8f8f8;
}
#mainarea .area .left_index .news_index .list .litlist ul li:nth-child(2n) {
	margin-right: 0px;
}
#mainarea .area .left_index .news_index .list .litlist ul li:nth-child(3), #mainarea .area .left_index .news_index .list .litlist ul li:last-child {
	margin-bottom: 0px;
}
#mainarea .area .left_index .news_index .list .litlist ul li .picp {
    height: auto;
    width: 100%;
}
#mainarea .area .left_index .news_index .list .litlist ul li .picp img {
	height: 98px;
	width: 218px;
}
#mainarea .area .left_index .news_index .list .litlist ul li .title {
	font-size: 16px;
	line-height: 24px;
	color: #1f1f1f;
	text-align: left;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	height: 72px;
	overflow: hidden;
}
#mainarea .area .left_index .news_index .list .litlist ul li .title a{
	color: #1f1f1f;
}
#mainarea .area .left_index .activity {
	height: auto;
	width: 100%;
	display: none;
}
#mainarea .area .left_index .activity .bannerpart {
	width: 100%;
	margin-bottom: 25px;
	position: relative;
}
#mainarea .area .left_index .activity .bannerpart .slide {
	height: auto;
	width: 100%;
}
#mainarea .area .left_index .activity .bannerpart .slide div.sd {
	width: 100%;
	position: relative;
}
#mainarea .area .left_index .twopart {
	display: none;
	width: 100%;
}
#mainarea .area .left_index .twopart .listmenu {
	float: left;
	width: 48%;
	margin-right: 4%;
}
#mainarea .area .left_index .twopart .listmenu:last-child {
	margin-right: 0%;
}
#mainarea .area .left_index .twopart .listmenu ul {
	height: auto;
	width: 100%;
}
#mainarea .area .left_index .twopart .listmenu ul li {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f8f8f8;
	display: table;
	height: 90px;
	width: 100%;
}
#mainarea .area .left_index .twopart .listmenu ul li .picp {
	float: left;
	height: 90px;
	width: 90px;
}
#mainarea .area .left_index .twopart .listmenu ul li .textarea {
	font-size: 16px;
	line-height: 24px;
	color: #1f1f1f;
	padding-right: 15px;
	padding-left: 105px;
	height: 90px;
	text-align: left;
}

#mainarea .area .left_index .twopart .listmenu ul li .textarea a{
	font-size: 16px;
	line-height: 24px;
	color: #1f1f1f;
	height: 48px;
	overflow: hidden;
}
#mainarea .area .right_index .calendar ,#mainarea .right_area .calendar {
	height: auto;
	width: 100%;
	margin-bottom: 25px;
}
#mainarea .area .right_index .calendar h2,#mainarea .right_area .calendar h2 {
	font-size: 24px;
	line-height: 32px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 0px;
	padding-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	background-color: #7b694c;
	padding-top: 5px;
	cursor: pointer;
}


#mainarea .area .right_index .calendar h2 div:before ,#mainarea .right_area .calendar h2 div:before{
	content:"";
	background-image: url(../images/icon_e.png);
	background-repeat: no-repeat;
	background-position: left center;
	display:block;
	height: 32px;
	width: 47px;
	float:left;	

}
#mainarea .area .right_index .calendar h2 div:after,#mainarea .right_area .calendar h2 div:after{
	content:"";
	background-image: url(../images/close_c.png);
	background-repeat: no-repeat;
	background-position: right center;
	display:block;
	height: 32px;
	width: 47px;
	float:left;	

}
#mainarea .area .right_index .calendar h2.stay div:after,#mainarea .right_area .calendar h2.stay div:after{

	background-image: url(../images/close_c2.png);


}
#mainarea .area .right_index .calendar h2 span,#mainarea .right_area .calendar h2 span {
	float: left;
}
#mainarea .area .right_index .calendar h2 div,#mainarea .right_area .calendar h2 div {
	display: table;
	width: auto;
	margin-right: auto;
	margin-left: auto;
}

#mainarea .area .right_index h2{
	font-size: 24px;
	line-height: 32px;
	font-weight: normal;
	color: #1f1f1f;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
	margin-bottom: 10px;
	padding-bottom: 8px;

}
#mainarea .area .right_index .shareour h2 {
	background-image: url(../images/icon_f.png);
}
#mainarea .area .right_index .lease h2 {
	background-image: url(../images/icon_g.png);
}
#mainarea .area .right_index .floor_plan h2 {
	background-image: url(../images/icon_h.png);
}
#mainarea .area .right_index .calendar .openarea .monthchose a ,#mainarea .right_area .calendar .openarea .monthchose a {
	height: 46px;
	width: 30px;
	position: absolute;
	top: 0px;
	display: block;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	background-color: #8f7a58;
	background-repeat: no-repeat;
	background-position: center center;
}

#mainarea .area .right_index .calendar .openarea .monthchose a:first-child,#mainarea .right_area .calendar .openarea .monthchose a:first-child {
	left: 0;
	background-image: url(../images/arrow_a.jpg);
}
#mainarea .area .right_index .calendar .openarea .monthchose a:last-child,#mainarea .right_area .calendar .openarea .monthchose a:last-child {
	right: 0;
	background-image: url(../images/arrow_b.jpg);	
}
#mainarea .area .right_index .calendar .openarea .week,#mainarea .right_area .calendar .openarea .week {
	height: 42px;
	width: 99.4%;
	background-color: #FFF;
	border: 1px solid #e9e4db;
}
#mainarea .area .right_index .calendar .openarea .week ul,#mainarea .right_area .calendar .openarea .week ul {
	display: table;
	height: 42px;
	width: 100%;
	background-color: #FFFFFF;
	text-align: center;
	
}
#mainarea .area .right_index .calendar .openarea .week ul li,#mainarea .right_area .calendar .openarea .week ul li {
	line-height: 42px;
	color: #8F7A58;
	float: left;
	height: 42px;
	width: 14.2%;
}




#mainarea .area .right_index .calendar .openarea .monthchose,#mainarea .right_area .calendar .openarea .monthchose {
	font-size: 16px;
	line-height: 46px;
	color: #FFF;
	height: 46px;
	width: 100%;
	position: relative;
	background-color: #7B694C;
	text-align: center;
	
}
#mainarea .area .right_index .calendar .openarea .date,#mainarea .right_area .calendar .openarea .date {
	background-image: url(../images/date_bg.jpg);
}
#mainarea .area .right_index .calendar .openarea .date table tr td,#mainarea .right_area .calendar .openarea .date table tr td {
	line-height: 40px;
	height: 40px;
	text-align: center;
}
#mainarea .area .right_index .calendar .openarea .date table tr .pass,#mainarea .area .right_index .calendar .openarea .date table tr .future,#mainarea .right_area .calendar .openarea .date table tr .pass,#mainarea .right_area .calendar .openarea .date table tr .future {
	color: #B8A78B;
	background-color: #faf9f7;
}
#mainarea .area .right_index .calendar .openarea .date table tr .chose,#mainarea .right_area .calendar .openarea .date table tr .chose {
	color: #FFF;
	background-color: #7B694C;
}
#mainarea .area .right_index .shareour {
	width: 100%;
	margin-bottom: 25px;
}
#mainarea .area .right_index .shareour ul {
	display: table;
	height: auto;
	width: 100%;
}
#mainarea .area .right_index .shareour ul li {
	float: left;
	height: auto;
	width: 15%;
	margin-right: 2%;
}
#mainarea .area .right_index .shareour ul li a img {
	height: auto;
	width: 100%;
	opacity:0.7;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#mainarea .area .right_index .shareour ul li a:hover img {

	opacity:1;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#mainarea .area .right_index .shareour ul li:last-child{
	margin-right: 0%;
}
#mainarea .area .right_index .fans_fb,#mainarea .area .right_index .floor_plan,#mainarea .area .right_index .lease {
	height: auto;
	width: 100%;
	margin-bottom: 25px;
}
#mainarea .area .right_index .calendar .openarea .date table tr td a,#mainarea .right_area .calendar .openarea .date table tr td a {
	color: #340000;
}
#mainarea .area .right_index .lease .text h3 {
	font-size: 16px;
	line-height: 24px;
	color: #1f1f1f;
	font-weight: normal;
	text-align: left;
	margin-bottom: 0px;
	margin-top: 2px;
}
#mainarea .area .right_index .lease .text p {
	font-size: 14px;
	line-height: 25px;
	color: #777;
	margin: 0px;
	padding: 0px;
}
#banner .slick-arrow {
	background-color: rgba(0,0,0,0);
	background-repeat: no-repeat;
	background-position: center center;
	height: 39px;
	width: 39px;
	position: absolute;
	display: block;
	padding-top: 39px;
	bottom: 50%;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	z-index: 2000;
	cursor: pointer;
	outline:none;
}
#banner .slick-prev {
	left: 20px;
	background-image: url(../images/left_arrow.png);
	
}

#banner .slick-next {
	right: 20px;
	background-image: url(../images/right_arrow.png);
}
#banner .slick-dots{
	display:table;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	bottom:15px;
	    width: 100%;
	
	}
#banner .slick-dots li{
	display: inline-block;
	margin-right: 20px;
	margin-left: 20px;	
	}
	
#banner .slick-dots li button{
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	background-color: #c2c2c2;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 12px;
	width: 12px;
	border-radius:6px;
	display: block;
	outline:none;
	}

#banner .slick-dots li.slick-active button{

	background-color: #3b7daf;
	
	}






/*--------------------關於松菸---------------------*/
#mainarea .mainarea .left_area .maintextarea.abus .inpic {
	border-bottom-color: #ff5842;
	margin-bottom: 20px;
}

#inslide {
	position: relative;
	height: auto;
	width: 100%;
}
#inslide div.d {
	position: relative;
	height: auto;
	width: 100%;
}
#inslide div.d img {
	height: auto;
	width: 100%;
}




#inslide div.d .intortext {
	background-color: rgba(0,0,0,0.8);
	color: #fff;
	padding: 10px;
	width: 65%;
	position: absolute;
	height: auto;
	left: 10px;
	bottom: 10px;
	text-align: left;
	z-index:3000;
}
#inslide div.d .intortext h4 {
	font-size: 18px;
	line-height: 26px;
	color: #FFF;
	text-align: left;
	font-weight: normal;
}
#inslide div .intortext p {
	font-size: 14px;
	line-height: 24px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
}

#inslide .slick-arrow {
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	height: 38px;
	width: 38px;
	position: absolute;
	display: block;
	padding-top: 39px;
	bottom: 10px;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	z-index: 2000;
	cursor: pointer;
	outline: none;
	opacity:0.7;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#inslide .slick-arrow:hover {
	
	opacity:1;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#inslide .slick-prev {
	right: 49px;
	background-image: url(../images/inslide_left.png);	
}

#inslide .slick-next {
	right: 10px;
	background-image: url(../images/inslide_right.png);
}#mainarea .mainarea .left_area .maintextarea .text {
	font-size: 14px;
	line-height: 26px;
	color: #777777;
}
/*--------------------關於松菸---------------------*/
#mainarea .mainarea .right_area .right_newslist {
	width: 100%;
	margin-bottom: 25px;
	position: relative;
}
#mainarea .mainarea .right_area .right_newslist .title {
	font-size: 24px;
	line-height: 32px;
	color: #1f1f1f;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f8f8f8;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 38px;
}
#mainarea .mainarea .right_area .right_newslist .list .newsone .picp {
	height: 90px;
	width: 90px;
	margin-right: 10px;
	float: left;
}
#mainarea .mainarea .right_area .right_newslist .list .newsone .text h2 ,#mainarea .mainarea .right_area .right_newslist .list .newsone .text h2 a{
	font-size: 16px;
	line-height: 24px;
	color: #1f1f1f;
	font-weight: normal;
	text-align: left;
	height: 72px;
	overflow: hidden;
}

#mainarea .mainarea .right_area .right_newslist .list .newsone {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f8f8f8;
	position: relative;
}
#mainarea .mainarea .right_area .right_newslist .list .newsone .text .date,#mainarea .mainarea .left_area .maintextarea .date,#newslist .date {
	font-size: 12px;
	line-height: 18px;
	color: #9f9f9f;
}
#mainarea .mainarea .right_area .right_newslist .list .newsone .text .date span a,#mainarea .mainarea .left_area .maintextarea .date span a,#newslist .date span a {
	color: #ff5842;
}
#mainarea .mainarea .right_area .right_newslist .list .newsone .text .date span a:before,#mainarea .mainarea .left_area .maintextarea .date span a:before,#newslist .date span a:before {
	content:"【";
}
#mainarea .mainarea .right_area .right_newslist .list .newsone .text .date span a:after,#mainarea .mainarea .left_area .maintextarea .date span a:after,#newslist .date span a:after{
	content:"】";
}
#mainarea .mainarea .right_area .right_newslist .list .newsone > a {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}







.right_area .slick-arrow {
	background-color: rgba(0,0,0,0);
	background-repeat: no-repeat;
	background-position: center center;
	height: 14px;
	width: 14px;
	position: absolute;
	display: block;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	z-index: 2000;
	cursor: pointer;
	outline: none;
	top: -25px;
}
.right_area .slick-prev {
	right: 30px;
	background-image: url(../images/rightpart_left.png);	
}

.right_area .slick-next {
	right: 10px;
	background-image: url(../images/rightpart_right.png);
}





#sright_1 .title {
	background-image: url(../images/icon_d.png);
}
#sright_2 .title {
	background-image: url(../images/icon_j.png);
}
#sright_3 .title {
	background-image: url(../images/icon_a.png);
}
#sright_4 .title {
	background-image: url(../images/icon_c.png);
}
#fileload {
	height: auto;
	width: 100%;
}
#fileload ul {
	display: table;
	width: 100%;
}
#fileload ul li {
	float: left;
	width: 31.333%;
	margin-right: 2%;
	border: 1px solid #dddddd;
	background-color: #f8f8f8;
	margin-bottom: 20px;
}

#fileload ul li:nth-child(3n) {
	margin-right: 0%;

}
#fileload ul li .picp img {
	height: auto;
	width: 100%;
}
#fileload ul li .textp {
	padding: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f8f8f8;
	text-align: left;
}
#fileload ul li .textp h3 {
	font-size: 18px!important;
	line-height: 30px!important;
	font-weight: normal;
	height: 30px;
	overflow: hidden;
	margin: 0px!important;
	padding: 0px!important;
}
#fileload ul li .textp p {
	font-size: 14px;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
	color: #666666;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#fileload ul li .textp .button {
	display: table;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	background-color: #ff5842;
	height: 28px;
	width: auto;
}
#fileload ul li .textp .button a {
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #FFF;
	height: 28px;
	width: auto;
	background-image: url(../images/load_button_bg.jpg);
	background-repeat: no-repeat;
	background-position: 15px top;
	padding-right: 15px;
	padding-left: 45px;
}


#mainarea .mainarea .left_area .titleline .map.title {
	background-image: url(../images/icon_h.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 20px;
}


#mainarea .mainarea .left_area .titleline .about.title {
	background-image: url(../images/icon_i.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 20px;
}

#mainarea .mainarea .left_area .titleline .faq.title {
	background-image: url(../images/icon_f.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 20px;
}

#mainarea .mainarea .left_area .titleline .member.title {
	background-image: url(../images/icon_m.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 20px;
}
#mainarea .mainarea .left_area .titleline .creat.title {
	background-image: url(../images/icon_d.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 20px;
}
#mainarea .mainarea .left_area .titleline .epaper.title {
	background-image: url(../images/icon_l.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 20px;
}


/*--------------------關於松菸---------------------*/


/*--------------------最新消息---------------------*/



#mainarea .mainarea .left_area .titleline .news.title {
	background-image: url(../images/icon_a.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 20px;
}


#mainarea .mainarea .left_area .titleline .exhibition.title {
	background-image: url(../images/icon_j.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 20px;
}
#mainarea .mainarea .left_area .titleline .rental.title {
	background-image: url(../images/icon_k.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 20px;
}

#mainarea .mainarea .left_area .titleline .talkabus.title {
	background-image: url(../images/icon_c.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 20px;
}

#mainarea .mainarea .left_area .titleline .exhibition2.title,#mainarea .mainarea .left_area .titleline .hot.title {
	background-image: url(../images/icon_b.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 20px;
}




#mainarea .mainarea .left_area .maintextarea.news .inpic {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#mainarea .mainarea .left_area .maintextarea.news .inpic img {
	height: auto;
	width: 100%;
}
#mainarea .mainarea .left_area .maintextarea .date {
	padding-top: 10px;
	padding-bottom: 15px;
}
#mainarea .mainarea .left_area .maintextarea .tagline {
	display: block;
	padding: 0px;
}
#mainarea .mainarea .left_area .titleline .changpage {
	position: absolute;
	height: 32px;
	width: auto;
	right: 0px;
	bottom: 2px;
	display: none;
}
#mainarea .mainarea .left_area .titleline .changpage a {
	line-height: 32px;
	display: block;
	float: left;
	height: 32px;
	color: #1f1f1f;
	border: 1px solid #665a44;
	background-repeat: no-repeat;
}

#mainarea .mainarea .left_area .titleline .changpage a:first-child {
	padding-right: 40px;
	padding-left: 80px;
	background-image: url(../images/x2_2.jpg);
	background-position: 10px  center;
}

#mainarea .mainarea .left_area .titleline .changpage a:last-child {
	padding-right: 80px;
	padding-left: 40px;	
	background-image: url(../images/x2.jpg);
	background-position: 150px  center;
}

#mainarea .mainarea .left_area .titleline .changpage a.stay {
	color: #FFF;
	background-color: #665a44;	

}


#mainarea .mainarea .left_area .titleline .changpage a:first-child.stay {
	padding-right: 40px;
	padding-left: 80px;
	background-image: url(../images/x1.jpg);
	background-position: 10px  center;
}

#mainarea .mainarea .left_area .titleline .changpage a:last-child.stay {
	padding-right: 80px;
	padding-left: 40px;	
	background-image: url(../images/x1_2.jpg);
	background-position: 150px  center;
}
#newslist,#exhibition {
	height: auto;
	width: 100%;
	margin-bottom: 50px;
}
#newslist ul li .picp,#exhibition ul li .picp {
	background-color: #FFF;
	padding: 6px;
	border: 1px solid #CCC;
	float: none;
	display: block;
	margin-bottom: 10px;
}
#newslist ul li .picp img,#exhibition ul li .picp img {
	height: auto;
	width: 100%;
}
#newslist ul li,#exhibition ul li {
	padding-top: 20px;
	padding-bottom: 20px;
	display: table;
	width: 100%;
	/*float: left;
	margin-right: 4%;*/
	word -break:break-all;
}
#newslist ul li .textarea,#exhibition ul li .textarea {
	padding-left: 3%;
	padding-right: 3%;
}
#newslist ul li .textarea .date,#exhibition ul li .textarea .date {
	text-align: left;
	padding-top: 0px!important;
	padding-bottom: 10px!important;
}
#newslist ul li .textarea h3,#exhibition ul li .textarea h3 {
	font-size: 16px!important;
	line-height: 24px!important;
	color: #1f1f1f!important;
	font-weight: normal;
	margin-bottom: 10px!important;
}
#newslist ul li .textarea p,#exhibition ul li .textarea p {
	font-size: 14px;
	line-height: 25px;
	color: #777;
	text-align: left;
	margin: 0px!important;
	padding: 0px!important;
	display: none;
}

#newslist ul li .textarea p a:before ,#exhibition ul li .textarea p a:before {
	content:"…";
}
#newslist ul li .textarea p a,#exhibition ul li .textarea p a {
	color: #FF5842;
}
#pageline {
	display: table;
	margin-right: auto;
	margin-left: auto;
	font-family: "微軟正黑體", Arial;
}
#pageline a {
	line-height: 22px;
	text-align: center;
	margin: 2px;
	float: left;
	height: 22px;
	width: 22px;
	border: 1px solid #CCC;
	font-size: 14px;
	color: #777777;
}
#pageline .next, #pageline .prev {
	margin-right: 15px;
	margin-left: 15px;
}
#pageline .stay {
	color: #555;
	background-color: #dcdcdc;
}






#mainarea .mainarea .left_area .maintextarea .taglinex {
	font-size: 14px;
	line-height: 25px;
	color: #777;
	display: table;
	margin-bottom: 20px;
}
#mainarea .mainarea .left_area .maintextarea .taglinex div {
	float: none;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 30px;
}
#mainarea .mainarea .left_area .maintextarea .taglinex div span {
	color: #FFF;
	background-color: #665a44;
	text-align: center;
	height: 30px;
	margin-right: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
#mainarea .mainarea .left_area.downspace .hotactivity .slidepart {
	margin-right: 15px;
	margin-left: 15px;
	padding-right: 30px;
	padding-left: 30px;
	position: relative;
}
#hotslide{
	width: 100%;
}

#hotslide div:last-child {

	margin-right: 0%;

}
#hotslide div a img {

	border: 1px solid #E4E4E4;
}
.slidepart .slick-arrow {
	background-repeat: no-repeat;
	background-position: center center;
	height: 15px;
	width: 10px;
	position: absolute;
	display: block;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	z-index: 2000;
	cursor: pointer;
	outline: none;
	top: 48%;
	background-color: #FFF;
}
.slidepart .slick-prev {
	left: -20px;
	background-image: url(../images/arrow_down1.jpg);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none
}

.slidepart .slick-next {
	right: -20px;
	background-image: url(../images/arrow_down2.jpg);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none
}#mainarea .mainarea .left_area.downspace .maintextarea .text h4 {
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
	text-align: left;
	margin-top: 30px;
}
#mainarea .mainarea .left_area.downspace .maintextarea.talkabus .inpic {
	border-bottom-color: #ff5842;
}
#rental_toll {
	height: auto;
	width: 100%;
	text-align: center;
}
#rental_toll img {
	max-width:100%;
	height:auto;
}
#mainarea .mainarea .left_area.downspace .maintextarea .text.rental p {
	margin-top: 0px;
	padding-top: 0px;
}
#mainarea .mainarea .left_area.downspace .maintextarea .text.rental p a {
	color: #FF5842;
	text-decoration: underline;
}
#rental_load {
	height: auto;
	width: 100%;
}
#rental_load ul {
	height: auto;
	width: 100%;
}
#rental_load ul li {
	float: left;
	width: 32%;
	margin-right: 1.5%;
	border: 1px solid #ddd;
	background-color: #f8f8f8;
	margin-bottom: 15px;
}
#rental_load ul li:nth-child(3n) {

	margin-right: 0%;

}
#rental_load ul li .q {
	padding: 15px;
}
#rental_load ul li .q h3 {
	font-size: 18px!important;
	line-height: 30px!important;
	color: #1f1f1f!important;
	font-weight: normal;
	height: 60px;
	overflow: hidden;
	margin-bottom: 0px!important;
}
#rental_load ul li .q .info {
	display: table;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #1f1f1f;
	text-align: left;
	height: 20px;
	overflow: hidden;
}
#rental_load ul li .q .info span:after {
	content:"/";
}

#rental_load ul li .q .info span:last-child:after {
	content:"";
}
#rental_load ul li .q .butline {
	text-align: center;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	display: table;
}
#rental_load ul li .q .butline a {
	font-size: 14px;
	line-height: 28px;
	color: #FFF;
	background-color: #ff5842;
	display: block;
	height: 28px;
	width: auto;
	padding-right: 10px;
	padding-left: 40px;
	background-image: url(../images/load_button_bg.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#mainarea .mainarea .left_area.downspace .maintextarea.news .text p img.teacher {
	height: auto;
	width: 100%;
}
#epaper {
	width: 80%;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	color: #333;
}
#epaper .formsq {
	height: auto;
	width: 100%;
	margin-top: 20px;
	margin-left: 10px;
}
#epaper .formsq form fieldset {
	display: table;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom:15px;
}
#epaper .formsq form fieldset label {
	line-height: 30px;
	float: left;
	width: 15%;
	padding-left: 5%;
	text-align: left;
	display: block;
}
#epaper .formsq form fieldset div {
	float: left;
	width: 80%;
	text-align: left;
}
#epaper .formsq form fieldset div input[type="text"] {
	height: 30px;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #bbb;
	padding-right: 10px;
	padding-left: 10px;
	outline:none;
}
#epaper .formsq form fieldset div label {
	min-width: 32%;
	width: auto;
	margin-right: 1.33333%;
	margin-bottom: 10px;
	padding-left: 0px;
	line-height: 30px;
	font-size: 14px;
}
#epaper .formsq form fieldset div label input[type="checkbox"] {
	float: left;
	height: 16px;
	width: 16px;
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
	margin-left: 4px;
}
#epaper .formsq form fieldset div label span {
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	display: block;
	margin-top: 3px;
	float: left;
	white-space: nowrap;
}
#epaper .formsq form fieldset .butline {
	display: table;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	float: none;
	margin-top: 30px;
}
#epaper .formsq form fieldset .butline input {
	float: left;
	height: 32px;
	width: 140px;
	margin-right: 30px;
	margin-left: 30px;
	text-align: center;
	font-size: 16px;
	font-family: "微軟正黑體", Arial;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#butjoin,#butjoin2 {
	display:table;
	width:100%;
	margin-top:15px;
}
#butjoin2 {
	text-align: center;
	margin-bottom: 40px;
}
#butjoin input{
	float: right;
	height: 32px;
	width: 120px;
	padding-left:30px;
	margin-right: 0px;
	margin-left: 40px;
	text-align: center;
	font-size: 16px;
	font-family: "微軟正黑體", Arial;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#butjoin2 input {
	float: none;
	height: 32px;
	width: 120px;
	padding-left:30px;
		margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 16px;
	font-family: "微軟正黑體", Arial;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#epaper .formsq form fieldset .butline input[type="button"] {
	background-color: #929292;
	color: #FFF;
	background-image: url(../images/submit_pic2.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#epaper .formsq form fieldset .butline input[type="submit"],#butjoin input[type="button"],#butjoin2 input[type="button"] {
	background-color: #ff5842;
	color: #FFF;
	background-image: url(../images/submit_pic.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#butjoin2 input[type="button"] {
	background-color: #ff5842;
	color: #FFF;
	background-image: url(../images/submit_pic3.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
}
#member h2 {
	margin-bottom: 30px;
}
#member {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}
#member form fieldset {
	font-size: 18px;
	line-height: 20px;
	color: #333;
	margin-bottom: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: table;
	height: auto;
	width: 100%;
}
#member form fieldset label {
	float: left;
	height: 30px;
	width: 15%;
	padding-right: 2%;
	font-size: 16px;
	line-height: 30px;
	color: #333;
	text-align: right;
}
#member form fieldset input[type="text"], #member form fieldset input[type="password"] {
	float: left;
	height: 30px;
	width: 70%;
	border-radius: 5px;
	border: 1px solid #bbb;
	padding-right: 10px;
	padding-left: 10px;
	outline:none;
}
#member form fieldset .butline {
	display: table;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
#member form fieldset .butline input {
	font-size: 12pt;
	line-height: 30px;
	color: #FFF;
	margin-right: 15px;
	margin-left: 15px;
	float: left;
	font-family: "微軟正黑體", Arial;
	background-color: #ff5842;
	background-image: url(../images/login_icon.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-right: 20px;
	padding-left: 50px;
	height: 30px;
	width: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#member form fieldset .butline input.sentso {
	font-size: 12pt;
	line-height: 30px;
	color: #FFF;
	margin-right: 15px;
	margin-left: 15px;
	float: left;
	font-family: "微軟正黑體", Arial;
	background-color: #ff5842;
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-right: 20px;
	padding-left: 50px;
	height: 30px;
	width: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../images/submit_pic.jpg);
}
#member form fieldset .butline a {
	display: block;
	height: 30px;
	width: auto;
	margin-right: 15px;
	margin-left: 15px;
	float: left;
	font-size: 12pt;
	line-height: 30px;
	color: #FFF;
	background-image: url(../images/fbx_icon.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-right: 20px;
	padding-left: 50px;
	background-color: #385895;
}
#joinmember .note {
	height: 75px;
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}
#joinmember .step {
	height: auto;
	width: 100%;
}
#joinmember .mainjointext {
	font-size: 14px;
	line-height: 25px;
	color: #777;
}
#joinmember .mainjointext h3 {
	font-size: 14px!important;
	line-height: 25px!important;
	color: #777!important;
	text-align: left!important;
	display: block!important;
	padding: 0px!important;
	font-weight: normal;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#joinmember .mainjointext ol {
	margin: 0px!important;
	padding: 0px!important;
}
#joinmember .mainjointext ol li {
	list-style-type: decimal;
	margin-left: 20px;
	text-align: left;
}
#joinmember .mainjointext .butline {
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}
#joinmember .mainjointext .butline form.step1 {
	display: table;
	height: auto;
	width: 100%;
}
#joinmember .mainjointext .butline form.step1 fieldset {
	float: left;
	width: 50%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
}
#joinmember .mainjointext .butline form.step1 fieldset label {
	text-align: left;
	float: left;
}
#joinmember .mainjointext .butline form.step1 fieldset input[type="button"],#joinmember .mainjointext .butline form.step1 fieldset input[type="submit"],#joinmember .mainjointext .butline form.step1 fieldset a {
	background-image: url(../images/submit_pic.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
	height: 30px;
	width: auto;
	padding-right: 20px;
	padding-left: 50px;
	background-color: #FF5941;
	color: #FFF;
	font-size: 12pt;
	line-height: 30px;
	font-family: "微軟正黑體", Arial;
	float: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
}
#joinmember h2 {
	font-size: 24px;
	line-height: 32px;
	color: #1f1f1f;
	margin-bottom: 20px;
	text-align: left;
}
#joinmember p {
	color: #777;
	margin-top: 0px;
	padding-top: 0px;
	font-size: 14px;
	line-height: 25px;
}
#joinform {
	margin-top: 40px;
	margin-bottom: 40px;
}
#joinform form fieldset {
	height: auto;
	width: 100%;
	margin-bottom: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: table;
}

#joinform form fieldset > label {
	height: 30px;
	width: 15%;
	font-size: 16px;
	line-height: 24pt;
	color: #1f1f1f;
	text-align: left;
	padding-left: 5%;
	float: left;
}

#joinform form fieldset > label span {

	color: #990000;

}
#joinform form fieldset > div {
	float: left;
	width: 80%;
	height: auto;
	text-align: left;
}
#joinform form fieldset div input[type=text],#joinform form fieldset div input[type=password] {
	height: 30px;
	width: 200px;
	margin-right: 10px;
	float: left;
	border-radius: 5px;
	border: 1px solid #ccc;
	padding-right: 10px;
	padding-left: 10px;
}
#joinform form fieldset div span {
	font-size: 12px;
	line-height: 30px;
	color: #F90;
}
#joinform form fieldset div label {
	margin-right: 20px;
	float: left;
}
#joinform form fieldset .address input[type=text] {
	width: auto;
}
#joinform form fieldset div select {
	float: left;
	height: 30px;
	width: auto;
	margin-right: 15px;
	border-radius:5px;
}
#joinform form fieldset .address input[type="text"] {
	width: 400px;
}
#joinform form fieldset div label span {
	font-size: 14px;
	line-height: 30px;
	color: #1f1f1f;
	float: left;
}
#joinform form fieldset div label input[type="checkbox"] {
	float: left;
	height: 16px;
	width: 16px;
	margin-right: 5px;
	    margin-top: 8px;
}
#joinform form fieldset .code input[type="text"] {
	width: 80px!important;
	margin-right: 10px;
}
#joinform form fieldset .code img {
	float: left;
	border: 1px solid #333;
}
#joinform form fieldset .code a {
	font-size: 14px;
	line-height: 30px;
	color: #bbb;
	margin-left: 10px;
}
#joinform form fieldset .butline {
	margin: 0px!important;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D6D6D6;
	width: 100%;
	text-align: center;
}
#joinform form fieldset .butline input[type="reset"] {
	background-color: #929292;
	background-image: url(../images/submit_pic2.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
	height: 30px;
	margin-right: 30px;
	margin-left: 30px;
	padding-right: 20px;
	padding-left: 50px;
	font-family: "微軟正黑體", Arial;
	font-size: 12pt;
	line-height: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
	cursor: pointer;
}

#joinform form fieldset .butline input[type="submit"] {
	background-color: #ff5842;
	background-image: url(../images/submit_pic.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
	height: 30px;
	margin-right: 30px;
	margin-left: 30px;
	padding-right: 20px;
	padding-left: 50px;
	font-family: "微軟正黑體", Arial;
	font-size: 12pt;
	line-height: 30px;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;

}
#map {
	height: auto;
	width: 100%;
}
#map .floor img {
	height: auto;
	width: 100%;
}
#map .floor {
	position: relative;
	margin-bottom: 20px;
}
#map .mapposition {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#map .mapposition img {
	height: auto;
	width: 100%;
}
#map .mapposition ul {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
#map .mapposition ul li {
	position: absolute;
	height: 18px;
	width: 18px;
}
#map .mapposition ul li a {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	background-color: #000;
	background-image: url(../images/center.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 14px;
	width: 14px;
	border-radius: 14px;
	border: 2px solid #FC530E;
	cursor: pointer;
}
#map .mapposition ul li div {
	font-size: 18px;
	line-height: 30px;
	white-space: nowrap;
	position: absolute;
	font-weight: bold;
	color: #FFF;
	background-color: rgba(0,0,0,0.7);
	padding: 10px;
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	z-index: 500;
	display: none;
	left: -50px;
}


#map .mapposition ul li.stay div {

	opacity:1;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	display:block;
}

#map .mapposition ul li div span {
	display: block;
	font-size: 14px;
}
#map .floor .gofloor2 {
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	z-index: 300;
	height: 100%;
	width: 100%;
	left: 0%;
	top: 0px;
	position: absolute;
}
#faq {
	height: auto;
	width: 100%;
}
#faq div ul li .q a {
	color: #1F1F1F;
	text-align: left;
	padding-left: 10px;
	font-size: 16px;
	line-height: 30px;
}
#faq div ul li {
	margin-bottom: 10px;
	text-align: left;
}
#faq div ul li .q {
	margin-bottom: 10px;
}
#faq div ul li .q:before {
	content:"Q";
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	color: #FFF;
	background-color: #FF5842;
	text-align: center;
	display: block;
	float: left;
	height: 30px;
	width: 30px;
}
#faq div ul li .a {
	font-size: 14px;
	line-height: 24px;
	color: #777;
	padding-left: 35px;
	position: relative;
	display: none;
	margin-bottom: 25px;
}

#faq div ul li .a:before {
	content: "A";
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	color: #FFF;
	background-color: #75a200;
	text-align: center;
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#mainarea .area .left_index .activity .bannerpart .slide .sd .text {
	color: #F0F0F0;
	background-color: rgba(0,0,0,0.8);
	width: 90%;
	position: absolute;
	left: 2%;
	bottom: 2%;
	font-size: 12px;
	padding-top: 4%;
	padding-right: 3%;
	padding-bottom: 4%;
	padding-left: 3%;
}
#mainarea .area .left_index .activity .bannerpart .slide .sd .text h3 {
	font-size: 15px;
	line-height: 24px;
	font-weight: normal;
	text-align: left;
}
#mainarea .area .left_index .activity .bannerpart .slide .sd .text h4 {
	font-size: 12px;
	line-height: 21px;
	font-weight: normal;
	text-align: left;
}
#mainarea .area .left_index .activity .bannerpart .slide .sd .text p span {
	margin-right: 12px;
}

#indexactive .slick-arrow,#indexactive2 .slick-arrow {
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	height: 38px;
	width: 38px;
	position: absolute;
	display: block;
	padding-top: 39px;
	bottom: 46%;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	z-index: 2000;
	cursor: pointer;
	outline: none;
	opacity:0.7;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#indexactive .slick-arrow:hover,#indexactive2 .slick-arrow:hover {
	
	opacity:1;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#indexactive .slick-prev,#indexactive2 .slick-prev  {
	left: 10px;
	background-image: url(../images/inslide_left.png);	
}

#indexactive .slick-next,#indexactive2 .slick-next {
	right: 10px;
	background-image: url(../images/inslide_right.png);
}
#mainarea .area .left_index .news_index .list .bignews .picp a img {
	height: auto;
	width: 100%;
}
#mainarea .area .left_index .news_index .list .litlist ul li .picp a img {
	height: auto;
	width: 100%;
}
#indexactive .sd img {
	height: auto;
	width: 100%;
}
#mainarea .area .left_index .activity.mobile {
	display: block;
}
#copyright .sq .infomation div:nth-child(2) {
	    display: none!important;
}
#copyright .sq .infomation div span {
	display: block;
	margin: 0px;
	padding: 0px;
}
#logobar .mobile_menubut {
	display: block;
	height: 35px;
	width: 35px;
	position: absolute;
	top: 18px;
	right: 18px;
	cursor: pointer;
}
#logobar .mobile_menubut a{
	display: block;
	height: 35px;
	width: 35px;
	background-size: 100% 100%;
	font-size: 0px;
	line-height: 0px;
	color: #FFF;
	background-image: url(../images/mobile_menubar.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#exhibition ul {
	display: table;
}
#exhibition ul li:nth-child(2n) ,#newslist ul li:nth-child(2n){
	margin-right: 0px;
}
#jumpMenu2,#jumpMenu2SelectBoxItContainer {
	display: none;
}
#mobile_exhibiton_tag {
	display: table;
	height: auto;
	width: 100%;
	margin-bottom: 20px;
}
#mobile_exhibiton_tag ul li {
	font-size: 12pt;
	line-height: 20pt;
	color: #675B45;
	float: left;
	width: 49%;
	border: 1px solid #645B3E;
}
#mobile_exhibiton_tag ul {
	display: table;
	width:100%;
}
#mobile_exhibiton_tag ul li a {
	display: block;
	color: #665A44;
}
#mobile_exhibiton_tag ul .stay a{
	color: #FFF!important;
	background-color: #645B3E;
}
#newslist ul {
	display: table;
	width: 100%;
}
#map .pc {
	display: none;
}
#map .floorinfo.mobile img {
	height: auto;
	width: 100%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
#map .floorinfo.mobile {
	width: 90%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
#exhibition ul li .textarea h3 a {
	color: #1f1f1f;
}
#calendar {
		max-width: 900px;
		margin-left:auto;
		margin-right:auto;
		
	}








#memberaction h5 {
	font-size: 14px;
	line-height: 26px;
	color: #FF5842;
	text-align: left;
	margin-bottom: 10px;
}
#memberaction form label {
	font-size: 14px;
	line-height: 30px;
	color: #777;
	float: left;
	margin-right: 10px;
}
#memberaction form {
	display: table;
	height: auto;
	width: 100%;
}
#memberaction form fieldset {
	margin: 0px;
	padding: 0px;
	display:table;
	width:100%;
	margin-bottom:10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: auto;
}
#memberaction form fieldset input[type="text"] {
	float: left;
	height: 28px;
	width: 140px;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #777;
	border-radius:5px;
}

#memberaction form fieldset input[type="button"],#memberaction form fieldset input[type="submit"],#memberaction form fieldset input[type="reset"]{
	float: left;
	height: 30px;
	width: auto;
	padding-right: 15px;
	padding-left: 15px;
	border: 1px none #777;
	font-size: 12pt;
	line-height: 30px;
	color: #FFF;
	background-color: #FF5842;
	margin-right: 10px;
	display: block;
	font-family: "微軟正黑體", Arial;
}