@font-face {
  font-family: 'cwTeXMing';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/cwtexming/v3/cwTeXMing-zhonly.eot);
  src: url(//fonts.gstatic.com/ea/cwtexming/v3/cwTeXMing-zhonly.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/cwtexming/v3/cwTeXMing-zhonly.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/cwtexming/v3/cwTeXMing-zhonly.woff) format('woff'),
       url(//fonts.gstatic.com/ea/cwtexming/v3/cwTeXMing-zhonly.ttf) format('truetype');
}
.fan{
	position:relative;
}
.fan >p{
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
.fan .fantext{
    position: absolute;
    color: #515251;
    left: 20%;
    top: 40%;
}
.fan .fantext p{
    line-height: 120%;
    font-size: 16px;
    margin-top: 10px;
	font-weight: bold;
}
.fan .fantext p span{
    display: inline-block;
    position: relative;
    padding-right: 12px;
}
.fan .fantext p span:after{
	content:'/';
	color:#fff;
	position:absolute;
	right:0;
	top:0;
}
.fan .fantext p span:last-child:after{
	display:none;
}
#contact,
.a-txt p{
	margin-top: 20px;
}
#contact >p{
	color: #7a7a7a;
    font-size: 18px;
    line-height: 140%;
}
#contact form,
#contact fieldset{
	border: 0;
    margin: 0;
    padding: 0;
}
#contact form p{
    color: #616161;
    font-size: 18px;
    line-height: 120%;
    margin: 20px 0;
	overflow:hidden;
}
#contact form label{
	display:block;
	margin-bottom: 5px;
}
#contact form label strong,
span.red{
	color:#f2425d;
}

#contact form input[type="text"]{
	-webkit-appearance:none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: 7px 10px;
	border: 1px #b7b5b5 solid;
}
#contact form textarea{
    width: calc(100% - 22px);
    padding: 10px;
    border: 1px #b7b5b5 solid;
    font-size: 18px;
    color: #6f6c6c;
}
#contact form #btnOK{
	background: #c6a895;
    color: #fff;
    padding: 7px 25px;
    font-size: 16px;
	float:right;
	cursor:pointer;
}
.searchUL{
	margin: 40px 0;
}
.searchUL .search form,
.searchUL .search fieldset{
	margin:0;
	padding:0;
	overflow:hidden;
}
.searchUL .search fieldset{
	border:1px solid #d4bdaf;
	padding: 5px 10px;
}
.searchUL .search form input{
	width: calc(100% - 35px);
    padding: 5px;
	outline:none;
}
.searchUL .search form a{
	float: right;
    font-size: 18px;
	margin-top: 5px;
    color: #c6a895;
}
.contactway li{
	margin-top:10px;
    background: #c6a895;
    padding: 15px 25px;
	overflow:hidden;
}

.contactway li.mails{
}
.contactway li b{
	font-size: 18px;
    display: block;
    line-height: 100%;
    margin-bottom: 5px;
}
.contactway li p{
	float: right;
    width: calc(100% - 50px);
	font-size: 16px;
}
.contactway li a{
	color:#fff;
}
.contactway li.mails p{
	font-size: 12px;
}

.contactway li img{
	width: 40px;
	float:left;
}

aside ul li h3 a,
aside ul li h3.action a{
	text-align: center;
    background-image: none;
    background: #fcf8f7;
	color:#aa8774;
	padding: 13px 15px;
}
aside ul li:nth-child(2n) h3 a{
	background:#f7f2f0;
}
.art{
	background-image: url(/images/31/advisory/advisory-img1.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 29%;
	padding-bottom: 10px;
}
.art h1{
	color: #aa8774;
    font-size: 18px;
    border-left: 5px solid #aa8774;
    padding-left: 7px;
    line-height: 140%;
    margin-bottom: 10px;
}
.art h2{
	line-height: 110%;
    color: #868686;
    font-size: 18px;
    font-weight: normal;
    margin: 10px 0;	
}
.art .art-content{
	overflow:hidden;
	margin: 20px 0;
}
.art .art-content .askbutton{
	float:left;
	width: 124px;
	margin-right:20px;
}
.art .art-content .a-txt{
    float: left;
    width: calc(70% - 144px);
}
.art .art-content .a-txt h3,
.a-txt h3{
	color: #c1a393;
    font-size: 17px;
    line-height: 110%;
    margin-bottom: 10px;
}
.art .art-content .a-txt ul li,
.a-txt ul li{
	color: #5f5f5f;
    font-size: 15px;
    line-height: 150%;
}
.art .art-content .a-txt p{
	text-align: right;
	margin-top: 20px;
	display: none;
}
.art .art-content .a-txt p img{
	height:33px;
}
#advisoryList{
    margin: 50px 0;	
}
#advisoryList .list{
	overflow:hidden;
	border-bottom: 1px solid #ffffff;
	background: #fcf8f7;
}
#advisoryList .list:nth-child(odd){
	background: #f7f2f0;
}
#advisoryList .list:last-child{
	border-bottom:none;
}
#advisoryList .titlebar{
	border-bottom:1px solid #e2d3ca !important;
	margin-bottom:10px;
	background:none !important;
}

#advisoryList .list .ac{
	float:left;
	width:calc((65% / 4) - 1px);
	color: #a38271;
    font-size: 16px;
	text-align:center;
	padding: 15px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position:relative;
}
#advisoryList .list .ac:after,
#advisoryList .list .at:after{
	content:'';
	background:#fff;
	position:absolute;
	left:0;
	top:0;
	width:2px;
	height:100%;
	display:block;
}
#advisoryList .list .ac p,
#advisoryList .list .at p{
	text-align:center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 150%;
}
#advisoryList .list .ac p.mo,
#advisoryList .list .at p.mo{
	display:none;
}

#advisoryList .list .ac:last-child{
	border-right:none;
}
#advisoryList .list .at{
	float:left;
	width:35%;
	color: #7a7a7a;
    font-size: 16px;
	text-align:center;
	padding: 15px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position:relative;
}
#advisoryList .list.titlebar .ac,
#advisoryList .list.titlebar .at{
    font-size: 16px;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
}
#advisoryList .list .at a{
	color: #a38271;
}
#advisoryList .list .ac select{
	color: #a38271;
    border: none;
    font-size: 16px;
	font-family: 微軟正黑體, 蘋果儷中黑, "Lucida Grande", Arial, "Arial Narrow";
	background-image:url(/images/31/advisory/advisory-scrrow.png);
	background-repeat:no-repeat;
	background-position:95% 50%;
}
#advisoryList .list .ac select option{
    padding: 0;
	min-height: 22px;
}
.a-txt{
}
.a-txt h3{
}
.a-txt ul{
}
.a-txt ul li{
}
.a-txt p{
}
.a-txt p span,
#contact p label span{
	color:#f2425d;
    font-weight: bold;
    font-size: 13px;
}
#contact{
}
#contact p{
}
#contact p label{
	font-size: 17px;
    color: #232323;
}
#contact p label span{
	margin-left: 10px;
    display: inline-block;
    vertical-align: text-bottom;
}
#contact p input{
    padding: 7px 10px;
	width: 30%;
}
#contact p select{
	padding: 7px 10px;
	background-image:url(/images/31/advisory/advisory-scrrow.png);
	background-repeat:no-repeat;
	background-position:95% 50%;
    width: calc(30% + 20px);
    border: 1px solid #b7b5b5;
}
#contact p input#Checknum{
	width:100px;
}
#contact p input[type="radio"]{
	width:auto;
}
.adv-date{
	text-align:right;
	color:#757575;
	font-size:12px;
}
.adv-cate h1{
	color: #5d5c5c;
    line-height: 110%;
    font-weight: normal;
    font-size: 18px;
    padding: 10px 20px 15px;
    border-bottom: 1px solid #e9ded7;
    margin-top: 10px;
}
.adv-cate p{
    display: inline-block;
    background: #7a7a7a;
    color: #fff;
    padding: 8px 20px;
    font-size: 15px;
    line-height: 110%;
	margin-left: 20px;
}

.adv-content .style{
	margin: 30px 20px;
    overflow: hidden;
}
.adv-content .adv-a.style{
	padding-top:30px;
}
.adv-content .style .user{
	float:left;
	width:120px;
}
.adv-content .style .user p{
	text-align: center;
    color: #a1806e;
    font-size: 15px;
    margin: 10px 0;
}
.adv-content .style .replylist{
    float: right;
    width: calc(100% - 145px);
	color: #828282;
    font-size: 16px;
    line-height: 130%;
}
@media screen and (max-width: 1440px) {
	#advisoryList .list .ac,
	#advisoryList .list .at{
		font-size: 16px;
	}
	#advisoryList .list.titlebar .ac, #advisoryList .list.titlebar .at{
		font-size: 18px;
		height: 23px;
	}
	#advisoryList .list .ac select{
		font-size: 18px;
	}
	#advisoryList .list .ac{
		width:calc((75% / 4) - 1px);
	}
	#advisoryList .list .at{
		width:25%;
	}
}
@media screen and (max-width: 1280px) {
	.fan .fantext p{
		font-size:12px;
	}
	.fan .fantext{
		top: 30%;	
	}
	.fixSet h5 img{
		height: 40px;		
	}
	.contactway li{
		display: inline-block;
		width: calc(50% - 50px - 4px);
	}
}
@media screen and (max-width: 980px) {
	#advisoryList .list .ac:last-child,
	#advisoryList .list .ac:nth-last-of-type(2){
		display:none;
	}
	#advisoryList .list .ac{
		width:calc((70% / 3) - 1px);
	}
	#advisoryList .list .at{
		width:30%;
	}
	#advisoryList .list.titlebar .ac, #advisoryList .list.titlebar .at,
	#advisoryList .list .ac select{
		font-size:16px;
		
	}
	.art .art-content .a-txt p img{
		height:auto;
		width:100%;
	}
	#contact p input{
		width: 60%;
	}
	#contact p select{
		width: calc(60% + 20px);
	}
}
@media screen and (max-width: 768px) {
	.fan .fantext h2 img{
		height: 30px;
	}
	.fan .fantext p{
		margin-top:2px;
		margin-left: 5px;
	}
}
@media screen and (max-width: 640px) {
	.fan .fantext p{
		display:none;
	}
	.fixSet{
		font-size: 15px;		
	}
	#advisoryList .list .ac,
	#advisoryList .list .at{
		width:100%;
		border:none;
		border-bottom: 1px solid #e4e4e4;
	}
	#advisoryList .list .ac select{
		margin-left: 10px;	
	}
	#advisoryList .list.titlebar .ac,
	#advisoryList .list.titlebar .at{
		display:none;
	}
	#advisoryList .list.titlebar .ac.cc{
		display:block;
		text-align: left;
	}
	#advisoryList .list.titlebar .ac:nth-child(2){
		display:block;
	    text-align: left;
	}
	#advisoryList .list:nth-child(2n){
		background: rgba(255, 245, 243, 0.38);
	}
	#advisoryList .list .ac p.mo,
	#advisoryList .list .at p.mo{
		text-align:center;
		display:block;
		width:30%;
	}
	#advisoryList .list .ac p,
	#advisoryList .list .at p{
		float:left;
		width:70%;
	}
	#advisoryList .list .at{
	    white-space: initial;	
	}
	.art{
		background:none;
	}
	.art .art-content .a-txt{
		width: calc(100% - 144px);	
	}
	.contactway li{
		width: calc(100% - 50px);
	}
}
@media screen and (max-width: 480px) {
	.fixSet .black{
		font-size: 20px;	
	}
	.fixSet .imgtxt .img,
	.fixSet .imgtxt .txt{
		width:100%;
	}
	.art .art-content .askbutton{
		width: 100px;
		float: none;
		margin: 10px auto 30px;
	}
	.art .art-content .a-txt{
		width: 100%;
		float: none;	
	}
	.art h2{
		font-size: 16px;		
	}
	#contact p input{
		width: calc(100% - 22px);
	}
	#contact p select{
		width: calc(100% - 2px);
	}
	.adv-content .style .user{
	    width: 80px;	
	}
	.adv-content .style .replylist{
	    width: calc(100% - 95px);	
		font-size: 15px;
	}
	.adv-cate p{
	    margin-left: 0;	
		padding: 8px 15px;
		font-size: 12px;
	}
	.adv-cate h1{
		font-size: 17px;
		padding: 10px 20px 15px 0;		
	}
	.adv-content .style{
		margin: 30px 0;	
	}
}