@charset "utf-8";
/* css document */

.mainarea{padding:0px 0 40px 0; background:#fff;}

.aboutarea{
	position:relative;
	padding:30px 0 0 0 ;}
	
.aboutarea a:before{
	z-index: 999;
    content: "";
    display: block;
    width: 100%;
    height: 105px;
    background: url(/uploads/image/images/top_cut.png) no-repeat center top;
    background-size: cover;
    position: absolute;
    top: -104px;
    left: 0;}

.sidebox{
	float:left;
	width:265px;
	margin-right:30px;}
	

.side_menu a.main{
	display:none;}

.mainbox{
	overflow:hidden;}

.mainbox .titlebox_s{
	position:relative;
	margin-bottom:30px;}

.mainbox .titlebox_s h2{
	font-size: 15px;
	color: #0054a7;
	border-bottom:1px solid #dcdcdc;}

.mainbox .titlebox_s h2 strong{
	display:block;
	font-weight:normal;}

.mainbox .titlebox_s h2 em{
	display:inline-block;
	font-size:20px;
	color:#222;
	text-transform:uppercase;
	border-bottom:3px solid #ca171d;
	padding-bottom:10px;}
	
	
.mainbox .box{
	margin:20px 0;
	border:1px solid #dcdcdc;
	 box-shadow:0 2px 2px rgba(125, 125, 125, 0.28);
	padding:20px;}	
	

.classnote{
	padding-bottom:10px;
	font-size:15px;
	color:#222;
	text-align:center;
	line-height:1.8;}

.classnote img{
	max-width:100%;}	
	
/*新訊列表*/
ul.newslist{}

ul.newslist li{
	border-top: 1px solid #e4e2e2;/*訊息分隔線*/
	padding:25px 0;/*訊息間距*/}

ul.newslist li:first-child{
	border:none;}

.newsdate{/*發布日期*/
	padding:5px 0;
	font-size:12px;
	color:#818181;
	letter-spacing:1px;
	text-transform:uppercase;}

.newsdate strong{
	font-weight:normal;}

.newsdate strong i{
	margin-right:2px;
	font-size:14px;
	color:#ae4233;}

.newsdate b{
	margin-left:3px;}

.newicon{/*分類小圖示*/
	padding:3px 5px;
	padding:5px 5px 2px 5px\9;
	margin-right:3px;
	display:inline-block;
	font-family:新細明體;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	border-radius:3px;}

ul.newslist li .img{/*訊息圖片*/
	float:left;
	margin-right:10px;
	overflow:hidden;
	width:20%;}

ul.newslist li .img img{
	border:4px solid #dcdcdc;
	display:block;
	width:100%;}

ul.newslist li .txt{/*文字區*/
	overflow:hidden;}

ul.newslist li .txt h3{/*訊息標題*/
	font-size:18px;
	font-weight:600;
	color:#222;
	margin-bottom:3px;}

ul.newslist li .txt h3 a{/*訊息標題*/
	display:inline-block;
	vertical-align:middle;
	color:#000;}

ul.newslist li .txt h3 a:hover{/*訊息標題滑過效果*/
	color:#ca171d;}

ul.newslist li .txt p{/*列表說明*/
	margin-top:10px;
	font-size:14px;
	color:#909090;
	line-height:1.8;}
	
.btn{/*送出按鈕*/
	}

.btn a{/*送出按鈕*/
	cursor:pointer;
	display:inline-block;
	padding:7px 15px;
	font-size:16px;
	color:#fff;
	box-shadow:2px 2px 2px #ccc;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;}
	

/********標題區*******/
.titlearea{
	clear:both;
	margin-bottom:30px;
	border-bottom:1px dashed #b6b6b6;/*下邊線*/
	padding:15px 10px;/*下邊線與標題距離*/}	

.titlearea h3{/*標題區左-訊息標題*/
	font-size:20px;
	font-weight:normal;
	color:#2f2f2f;
	overflow:hidden;}

.titlearea h3 strong{
	display:block;
	font-weight:normal;}

.titlearea h3 b{/*標題區左-訊息日期*/
	font-size:12px;
	color:#a3a3a3;
	font-weight:normal;
	margin-left:5px;}

.titlearea .btn-fb{/*fb*/
	float:left;}


@media (max-width: 960px){
.sidebox{
		float:none;
		width:100%;
		margin:0 0 20px 0;}
	
.side_menu a.main{
		display:block;
		font-size:15px;
		color:#222;
		border:1px solid #ccc;
		position:relative;
		padding:10px;
		border-radius:5px;
		background: #eeeeee; /* old browsers */
		background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 100%); /* ff3.6  */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* chrome,safari4  */
		background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* chrome10 ,safari5.1  */
		background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* opera 11.10  */
		background: -ms-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* ie10  */
		background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 100%); /* w3c */
		filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#eeeeee', endcolorstr='#eeeeee',gradienttype=0 ); /* ie6-9 */
	}
	
.side_menu a.main i{
		display:block;
		font-size:15px;
		
		position:absolute;
		right:10px;
		top:50%;
		margin-top:-6px;}
	
.side_menu ul{
		display:none;}	
}


@media (max-width: 767px){

.aboutarea{
	position:relative;
	background:#fff;
	padding:20px 0;}

.aboutarea a:before{
	display:none;}
}

@media (max-width: 640px){
	
	ul.newslist li .img{
		display:none;}
	
	ul.newslist li{
	border-top: 1px solid #e4e2e2;/*訊息分隔線*/
	padding:10px 0;/*訊息間距*/}
	
	
}

/****圖示顏色****/
.newicon_green{
	background: #abd85d;
background: ;
background: -moz-linear-gradient(-45deg,  #abd85d 0%, #81b625 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#abd85d), color-stop(100%,#81b625));
background: -webkit-linear-gradient(-45deg,  #abd85d 0%,#81b625 100%);
background: -o-linear-gradient(-45deg,  #abd85d 0%,#81b625 100%);
background: -ms-linear-gradient(-45deg,  #abd85d 0%,#81b625 100%);
background: linear-gradient(135deg,  #abd85d 0%,#81b625 100%);
filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#abd85d', endcolorstr='#81b625',gradienttype=1 );}

.newicon_brown{
	background: #ed842e;
background: ;
background: -moz-linear-gradient(-45deg,  #ed842e 0%, #d26f1e 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ed842e), color-stop(100%,#d26f1e));
background: -webkit-linear-gradient(-45deg,  #ed842e 0%,#d26f1e 100%);
background: -o-linear-gradient(-45deg,  #ed842e 0%,#d26f1e 100%);
background: -ms-linear-gradient(-45deg,  #ed842e 0%,#d26f1e 100%);
background: linear-gradient(135deg,  #ed842e 0%,#d26f1e 100%);
filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#ed842e', endcolorstr='#d26f1e',gradienttype=1 );
}

.newicon_pink{
	background: #f48daf;
background: ;
background: -moz-linear-gradient(-45deg,  #f48daf 0%, #ef4984 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f48daf), color-stop(100%,#ef4984));
background: -webkit-linear-gradient(-45deg,  #f48daf 0%,#ef4984 100%);
background: -o-linear-gradient(-45deg,  #f48daf 0%,#ef4984 100%);
background: -ms-linear-gradient(-45deg,  #f48daf 0%,#ef4984 100%);
background: linear-gradient(135deg,  #f48daf 0%,#ef4984 100%);
filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#f48daf', endcolorstr='#ef4984',gradienttype=1 );
}

.newicon_blue{
	background: #00b7ea;
background: ;
background: -moz-linear-gradient(-45deg,  #00b7ea 0%, #009ec3 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3));
background: -webkit-linear-gradient(-45deg,  #00b7ea 0%,#009ec3 100%);
background: -o-linear-gradient(-45deg,  #00b7ea 0%,#009ec3 100%);
background: -ms-linear-gradient(-45deg,  #00b7ea 0%,#009ec3 100%);
background: linear-gradient(135deg,  #00b7ea 0%,#009ec3 100%);
filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#00b7ea', endcolorstr='#009ec3',gradienttype=1 );
}

.newicon_navy{
	background: #3f4c6b;
background: ;
background: -moz-linear-gradient(-45deg,  #3f4c6b 0%, #3f4c6b 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#3f4c6b), color-stop(100%,#3f4c6b));
background: -webkit-linear-gradient(-45deg,  #3f4c6b 0%,#3f4c6b 100%);
background: -o-linear-gradient(-45deg,  #3f4c6b 0%,#3f4c6b 100%);
background: -ms-linear-gradient(-45deg,  #3f4c6b 0%,#3f4c6b 100%);
background: linear-gradient(135deg,  #3f4c6b 0%,#3f4c6b 100%);
filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#3f4c6b', endcolorstr='#3f4c6b',gradienttype=1 );
}

.newicon_orange{
	background: #ffa84c;
background: ;
background: -moz-linear-gradient(-45deg,  #ffa84c 0%, #ff7b0d 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d));
background: -webkit-linear-gradient(-45deg,  #ffa84c 0%,#ff7b0d 100%);
background: -o-linear-gradient(-45deg,  #ffa84c 0%,#ff7b0d 100%);
background: -ms-linear-gradient(-45deg,  #ffa84c 0%,#ff7b0d 100%);
background: linear-gradient(135deg,  #ffa84c 0%,#ff7b0d 100%);
filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#ffa84c', endcolorstr='#ff7b0d',gradienttype=1 );
}

.newicon_gold{
	background: #eab92d;
background: ;
background: -moz-linear-gradient(-45deg,  #eab92d 0%, #c79810 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#eab92d), color-stop(100%,#c79810));
background: -webkit-linear-gradient(-45deg,  #eab92d 0%,#c79810 100%);
background: -o-linear-gradient(-45deg,  #eab92d 0%,#c79810 100%);
background: -ms-linear-gradient(-45deg,  #eab92d 0%,#c79810 100%);
background: linear-gradient(135deg,  #eab92d 0%,#c79810 100%);
filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#eab92d', endcolorstr='#c79810',gradienttype=1 );
}

.newicon_burgundyred{
background: rgb(169,3,41);
background: ;
background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1)));
background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#a90329', endcolorstr='#6d0019',gradienttype=0 );
}

.newicon_purple{
background: rgb(203,96,179);
background: ;
background: -moz-linear-gradient(top,  rgba(203,96,179,1) 0%, rgba(173,18,131,1) 50%, rgba(222,71,172,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,96,179,1)), color-stop(50%,rgba(173,18,131,1)), color-stop(100%,rgba(222,71,172,1)));
background: -webkit-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);
background: -o-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);
background: -ms-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);
background: linear-gradient(to bottom,  rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);
filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#cb60b3', endcolorstr='#de47ac',gradienttype=0 );
}