@charset "utf-8";
/* css document */
@import url(/uploads/css/ecss/reset.css);
@import url(/uploads/css/ecfcss/font-awesome.min.css);
@import url(/uploads/css/ecss/rwdgrid.css);

body{
	font-family: helvetica, arial, sans-serif, "微軟正黑體", heiti tc, "メイリオ";
	font-size:13px;
	overflow-x:hidden;}

/*css3*/
a{
	cursor:pointer;
	color:#010101;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;}

a:hover{
	color:#589000;}
button{
	cursor:pointer;
	color:#010101;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	border:none;
	font-family: helvetica, arial, sans-serif, "微軟正黑體", heiti tc, "メイリオ";
	font-size:13px;}

button:hover{
	color:#589000;}

[class*='col-'] {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

.b-box{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

.col-1{
	width:100%;}

.col-2{
	width:50%;}

.col-3{
	width:33.33%;}

.col-4{
	width:25%;}

.col-5{
	width:20%;}

.btn_color1{/*按鈕主色1*/
	background:#990000 ;
	color:#fff;}

.btn_color1:hover{
	background:#d6132a;}

a.btn_color2{/*按鈕主色2*/
	background:#a0a0a0;
	color:#fff;}

a.btn_color2:hover{
	background:#999;}
	

/*--button--*/
.btnstyle01 a {
  position: relative;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 8px 40px;
  box-sizing: border-box;
  font-size: 12px;
  font-family: "catamaran";
  font-weight: 300;
  color: #fff;
  text-transform: uppercase;
  transition: all .5s ease-in-out; }
  .btnstyle01 a:hover {
    border-color: #e7303f;
    background: #e7303f;
    padding: 8px 50px;
    color: #fff; }
    .btnstyle01 a:hover:after {
      color: #fff; }
  .btnstyle01 a:after {
    content: '\f105';
    font-family: fontawesome;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translatey(-50%);
    transition: all .5s ease-in-out; }	
	

input[type="text"]{
	-webkit-appearance: none;}

textarea{
	-webkit-appearance: none;}

.outerwrap{
	position:relative;}

.wrap{
	width:1160px;
	margin:0 auto;}



.label{
	padding:5px 7px;
	color:#fff;
	background:rgba(0,0,0,0.8);}

.black{
	position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 102;
	display:none;}


/*****網頁頭*****/
header{}

header{
	padding:20px 0 0 0;
	top:0;
	left:0;
	width:100%;
	z-index:101;
background: #ffffff; /* old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* ff3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* chrome10-25,safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* w3c, ie10 , ff16 , chrome26 , opera12 , safari7  */
filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#ffffff', endcolorstr='#e5e5e5',gradienttype=0 ); /* ie6-9 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition:all 0.4s ease;}

header:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:5px;
	background:#d6132a;}
header .wrap{
	position:relative;}

header .topbox{
	position:relative;}

/*logo*/
header h1{
	display:inline-block;
	float:left;
	width:330px;
	margin-top:5px;
	transition:all 0.4s ease;}
	
header h1 a{
	display:block;
	width:100%;
	height:66px;
	background:url(/uploads/image/eimages/logo.svg) no-repeat;
	background-size:contain;
	text-indent:-9999px;}
	
header .rightbox{
	text-align:right;}
header .rightbox .loginbox,
header .rightbox .cartbox,
header .rightbox .searchbox{
	display:inline-block;}
	
header .rightbox a{
	display:inline-block;
	font-size:14px;
	padding-right:30px;
	color:#000;}
	
header .rightbox a:hover{
	color:#d6132a;}
	
header .rightbox .searchbox{
	position:relative;}
	
header .rightbox .searchbox input{
	background:none;
	border-radius:2px;
	border:1px solid rgba(0,0,0,0.3);
	width:115px;
	color:#888888;
	font-size:14px;
	box-sizing:border-box;
	padding:6px 0 6px 18px;}
	
header .rightbox .searchbox a{
	padding:0;
	position:absolute;
	right:6px;
	top:8px;
	font-size:14px;}
	
header .rightbox a.fb{
	padding:0;
	margin:0 20px 0 10px;
	font-size:13px;
	vertical-align:middle;}
	
header .rightbox a.fb:hover{
	color:#3b5998;}
	
/*menu*/
.menubox{
	display:inline-block;
	float:right;
	transition:all 0.4s ease;}

ul.menu > li{
	position:relative;
	display:inline-block;
	padding-left:10px;}
ul.menu > li:before{
	content:"";
	position:absolute;
	left:10px;
	top:16px;
	width:1px;
	height:20px;
	background:#000;}
ul.menu > li:first-child:before{
	display:none;}
ul.menu li > a{
	display:block;
	font-size: 16px;
	color:#000;
	padding:15px 8px;
	position:relative;
	z-index:1;}

ul.menu li > a:after{
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	width:0;
	height:5px;
	background:#d6132a;
	transition:all 0.3s ease;
	z-index:-1;}
	
ul.menu li > a:hover:after,
ul.menu li > a.current:after{
	left:0;
	width:100%;}
	
ul.menu li > a:hover,
ul.menu li > a.current{
	color:#036}
	
ul.menu li > a em{
	display:block;
	font-size:13px;
	color:#d6132a;
	padding-top:5px;}
	
ul.menu > li .submenu{
	display:none;
	width:140px;
	text-align:center;
	position:absolute;
	left:0;
	top:100%;
	z-index:99;}

ul.menu > li .submenu a{
	display:block;
	background:rgba(0,0,0,0.7);
	padding:10px;
	font-size:14px;
	color:#fff;
	border-bottom:1px solid #666;}

ul.menu > li .submenu a:hover{
	color:#fff;}
	

/*手機menu*/
.m_menu{
	display:none;}
	
/*****banner******/
.bannerarea{
	clear:both;
	position:relative;}
.bannerarea .wrap{
	width:1260px;
	padding:0;}
 .bannerbox ul li{
	
	}
.bannerarea.ins .bannerbox ul li img{
	display:none!important;}

/*頁尾資訊*/
footer {
  padding: 50px 0;
  background:#ca171d;
}

footer .downlogo {
  float: left;
  width: 114px;
  margin-right: 15px;
}

footer .downlogo img {
  display: block;
  width: 100%;
}

footer h5.copyright {
  float: left;
  width: calc(100% - 187px);
  font-size: 14px;
  font-family: arial, sans-serif, "微軟正黑體";
  line-height: 1.5;
  font-weight: normal;
  color: #fff;
   padding-left:10px;
}

footer h5.copyright br {
  display: none;
}

footer h5.copyright b {
  display: block;
  color: #fff;
  letter-spacing: .05em;
}

footer h5.copyright em {
  display: block;
  color: #fff;
}

footer h5.copyright li {
  float: left;
  width: 100%;
  color: #fff;

}

footer h5.copyright li:nth-of-type(1), footer h5.copyright li:nth-of-type(2) {
  width: 100%;
}

footer h5.copyright li a {
  color: #fff;
}

footer h5.copyright li a:hover {
  text-decoration: underline;
}

footer .rightbox {
  text-align: right;
}

footer .social a {
  position: relative;
  display: inline-block;
  width: 84px;
  height: 84px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255,255, 0.4);
  color: #fff;
  text-align: center;
  margin-left: 20px;
  transition: all .5s;
}

footer .social a:hover {
 border: 1px solid rgba(255, 255,255, 1);
  color: #fff;
}

footer .social a:hover path{
	fill: #fff !important;
}

footer .social a:after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: sans-serif;
  letter-spacing: .05em;
}

footer .social a i {
  position: absolute;
  top:25px;
  left: 50%;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
  font-size: 26px;
}


footer .design {
  text-align: right;
  margin-top: 20px;
  color: #8e8772;
}

footer .design a {
  color: #bcb193;
}

footer .design a:hover {
  color: #000;
}

footer .row {
  clear: both;
  padding: 15px 0;
  overflow: hidden;
}


ul.downmenu {
  border: 1px solid #142f79;
  border-left: none;
  border-right: none;
  text-align: center;
}

ul.downmenu li {
  display: inline-block;
}

ul.downmenu li a {
  display: block;
  padding: 7px 10px;
  font-size: 12px;
  color: #142f79;
}

footer .qrcode {
  display: inline-block;
  vertical-align: middle;
}

footer .fbbox {
  margin-left: 15px;
  display: inline-block;
  vertical-align: middle;
}

.endarea {
  clear: both;
  text-align: center;
  padding: 8px 0;
  color: #fff;
  background: #000;
}


/*********內頁**********/
.bannerbox{}
.bannerbox img{
	display:block;
	width:100%;}

/*bx小圓點*/
.bannerarea .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	bottom:20px;
	z-index:100;}

.bannerarea .bx-wrapper .bx-pager.bx-default-pager a{
	background:#fff;
	border:1px solid #fff;
	border-radius:100%;}

.bannerarea .bx-wrapper .bx-pager.bx-default-pager a:hover{
	background:#fff;}

.bannerarea .bx-wrapper .bx-pager.bx-default-pager a.active{
	background:#d70c19;
	border:1px solid #d70c19;}

	
.mainarea{
	background:#f0f0f0;
	padding:90px 0;}

.mainarea .titlebox{
	margin-bottom:10px;
	position:relative;
	}



/*網站導覽bread*/
.mainarea .titlebox .bread{
	font-family:"微軟正黑體", sans-serif;
	font-size:12px;
	color:#545454;
	position:absolute;	
	right: 10px;
	top: 13px;}

 .mainarea.titlebox .bread a{
	padding-top:20px;
	color:#545454;}
	

 .mainarea.titlebox .bread a i{
	font-size: 20px;
	color: #545454;}

 .mainarea.titlebox .bread span{
	padding:0 7px;
	color:#545454;}

.mainarea .contentbox{
	clear:both;}

.mainarea .contentbox h3.articletitle{/*文章標題*/
	clear: both;
	margin-bottom: 20px;
	font-size: 25px;
	font-weight: normal;
	color: #774323;
	font-family:arial,"新細明體";}

.mainarea .contentbox h3.articletitle strong{
	font-weight:normal;
	padding-left:60px;
	}
.mainarea .contentbox .leftbox{
	padding:0 55px 0 0;}
.mainarea .contentbox .rightbox{
	padding:0 0 0 20px;}
.mainarea.ins .contentbox .rightbox{
	padding:0;}
	
/*文字編輯器*/
.texteditor{
	clear:both;
	font-size:16px;
	color:#666666;
	line-height:2;}
.texteditor span.title{
	color:#b79448;}
.texteditor a{
	color:#06f;}

.texteditor img, .contentbox img{
	max-width:100%;}

.texteditor ul{
	list-style:disc outside;
	padding-left:30px;}

.texteditor ol{
	list-style:decimal outside;
	padding-left:30px;}

.texteditor table{
	border-collapse:collapse;
	font-size:16px;
	text-align:center;}

.texteditor table th{
	padding:5px;
	text-align:center;
	background:#f1bc3c;
	color:#fff;
	border:1px solid #fff;
	font-weight:normal;}
.texteditor table tr:nth-child(even) td{
	background:#e6e6e6;}
.texteditor table td{
	padding:5px;
	border:1px solid #fff;}

table.breakpoint > tbody > tr > td.expand{
	cursor:pointer;
	background:  no-repeat 5px center;
	padding-left: 40px;}

.texteditor strong.title{
	display:block;
	font-size:22px;
	font-weight:normal;
	color:#51649a;}

.texteditor hr{
	border:none;
	height:1px;
	background:#f1f1f1;}

/*類別*/
.m_classlink{
	display:none;}
	
.classbox{
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	margin:30px 0 20px 0;}

ul.classlink{
	text-align:center;}

ul.classlink li{
	display:inline-block;
padding:10px 0;}

ul.classlink li a{
	display:block;
	margin:0 3px;
	font-size:15px;
	padding:5px 30px;
	line-height:20px;
	color:#000;
	position:relative;
	transition:all 0.2s linear;
}

ul.classlink li a:hover{
	background:#c92b2f;
	color:#fff;
	-webkit-transform: translatey(-5px);
	transform: translatey(0px);}

ul.classlink li a.current{
background:#000;
border:1px solid #000;
	color:#fff;}

ul.classlink li a.current:after{
	content:" ";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 7.5px 0 7.5px;
	border-color: #000 transparent transparent transparent;
	position:absolute;
	bottom:-5px;
	left:50%;
	margin-left:-7.5px;}
/*標籤*/
.tagbox{
	padding:20px 0;}

.tagbox b{
	display:inline-block;
	margin-right:10px;}

.tagbox ul{
	display:inline-block;}

.tagbox ul li{
	display:inline-block;}

.tagbox ul li a{
	display:block;
	margin:0 3px;
	font-size:13px;
	padding:5px 10px;
	color: #51649a;
	border: 1px solid #51649a;
	
	position:relative;}

.tagbox ul li a:hover, 
.tagbox ul li a.current{
	background:#51649a;
	color:#fff;}

.tagbox ul li a.current:before{
	content: "\f00d";
	font-family: 'fontawesome';
	font-size:12px;
	margin-right:5px;}

/*側邊標題字*/
.sectiontitle{
	font-size: 20px;
	font-weight:normal;
	}

.sectiontitle strong{
	color: #ca171d;
	font-weight:600;
	display:block;
	position:relative;}

.sectiontitle strong a{
	display:block;	
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;}

.sectiontitle strong a:hover{}

/******頁籤*******/
.tab{
	margin-top:55px;
	position:relative;
	z-index:1;}
.tab:before{
	content:"";
	position:absolute;
	left:0;
	bottom:0px;
	width:100%;
	height:1px;
	background:#b5b5b5;
	z-index:-1;}
.tab a{
	display:block;
	float:left;
	padding: 10px 30px;
	font-size:17px;
	margin-right:8px;
	border-radius: 8px 8px 0 0;
	border: 1px solid #b5b5b5;
	background:#fff;
	color:#000;}

.tab a.current{
	border: 1px solid #646464;
	background:#646464;
	color:#fff;}

ul.tabcontent{
	padding:30px 0;}

ul.tabcontent > li{
	display:none;}

ul.tabcontent li .texteditor{
	margin:0;}

ul.tabcontent h3.sectiontitle{
	display:none;}
	
/*側邊_menu*/
.side_menu{}

.side_menu ul{}

.side_menu ul li{
	border-bottom:1px solid #fff;
	position:relative;}

.side_menu ul li > a{
	display:block;
	background:#333;
	padding:8px 20px;
	font-size: 15px;
	color:#fff;}

.side_menu ul li > a:hover{
	background:#ca171d;
	color:#fff;}

.side_menu ul li > a.current{
	background: #ca171d;
	color:#fff;}

.side_menu ul li > a.current:after{
	content:"-" !important;
	background:#fff;
	display:block;
	width:18px;
	height:18px;
	font-size:14px;
	line-height:18px;
	text-align:center;
	color:#ca171d;
	border-radius:100%;
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-9px;}

.side_menu ul li > a.hassub{
	position:relative;}
	
.side_menu ul li > a.hassub:after{
	content:" ";
	background:#fff;
	display:block;
	width:18px;
	height:18px;
	font-size:14px;
	line-height:18px;
	text-align:center;
	color:#666;
	border-radius:100%;
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-9px;}

.side_menu ul li > a b{
	margin-left:10px;
	font-size:13px;
	font-weight:normal;
	color:#222;}

.side_menu ul li dl{
	display:none;}

.side_menu ul li dl dt{
	border-bottom:1px dashed #9a9a9a;}

.side_menu ul li dl dt a{
	display:block;
	padding:8px 20px;
	font-size: 14px;
	color:#222;}

.side_menu ul li dl dt a:before{
	font-family:"fontawesome";
	content:"\f04e";
	font-size:12px;
	margin-right:5px;
	transform: scale(0.7);
    display: inline-block;}

.side_menu ul li dl dt a:hover,
.side_menu ul li dl dt a.current{
	font-weight:600;
	background:#dcdcdc;
	color:#ca171d;}



/*側邊_聯絡資訊*/
.side_contactinfo ul{}

.side_contactinfo ul li{
	margin-bottom:20px;}

.side_contactinfo ul li a{
	
	font-size:16px;
	color:#414141;}

.side_contactinfo ul li a i{
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	border: 2px solid #a5a5a5;
	width: 35px;
	height: 35px;
	font-size: 20px;
	color: #a5a5a5;
	line-height: 35px;
	text-align: center;
	border-radius: 100%;}

.side_contactinfo ul li a b{
	display:inline-block;
	vertical-align:middle;
	font-weight:normal;}




/**********適應性**********/
/************************/
@media (max-width: 1180px){/*1160 20(卷軸寬度)*/
.mainarea .slick-dots{
	bottom:-5px;}
.mainarea .slick-dots li{
	padding:0;}
.mainarea .slick-dots li.slick-active button:before{
	background:#d6132a;}
.mainarea .contentbox .leftbox{
	padding: 0 30px 0 0;}
	
.bannerbox{}	
.bannerarea .wrap{
	width:100%;
	height:auto;
	padding:0;}	
	
	
.outerwrap{
	padding-top:60px;}

.wrap{
	width:100%;
	padding:0 10px;}

header{
	display:none;}
	
	
/*手機menu*/
.m_menu{
	display:block;
	width:100%;
	box-shadow:0 2px 5px rgba(126, 126, 126, 0.68);
	position:fixed;
	top:0;
	left:0;
	z-index:9999;}

.m_menu .mask{
	display:none;
	background:rgba(0,0,0,0.9);
	position:fixed;
	width:100%;
	height:100%;
	padding-bottom:60px;
	top:0;
	left:0;
	z-index:10;}

.m_menu .controlbox{
	background: #fff;
	position:relative;
	z-index:99;}

.m_menu .controlbox a.main{
	display: block;
	float: left;
	width: 50px;
	height: 60px;
	font-size: 24px;
	color: #d7172e;
	line-height: 60px;
	text-align: center;}


.m_menu .controlbox .m_logo img {
    display: block;
    width: 158px;
    margin: auto;
    padding: 5px 0;
    position: relative;
    left: 0px;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }

.m_menu .controlbox .right{
	float:right;
	margin-right:10px;
	margin-top:20px;}

.m_menu .controlbox .right a{
	display:inline-block;
	vertical-align:middle;
	margin-left:8px;
	font-size:13px;
	color:#fff;
	position:relative;}


.m_menu .controlbox .language{
	position:relative;}

.m_menu .controlbox .language > a{
	display:block;
	padding:5px 10px;
	color:#222;
	border:1px solid #ccc;}

.m_menu .controlbox .language > a i{
	margin-left:5px;}

.m_menu .controlbox .language .submenu{
	display:none;
	position:absolute;
	width:100%;
	top:100%;
	left:0;}

.m_menu .controlbox .language .submenu a{
	display:block;
	margin-top:1px;
	padding:8px 10px;
	background:rgba(255,255,255,0.8);
	font-size:13px;
	color:#222;}
	
.m_menu .hidebox{/*手機menu內容*/
	display:none;
	background:rgb(0, 0, 0 0.9); /* old browsers */
	width:100%;
	padding:60px 0;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	z-index:11;
	text-align:center;
	box-sizing:border-box;}

.m_menu .hidebox p.sp{
	display:none;
	padding:10px;
	font-size:13px;
	color:#fff;
	background: #c80303;}

.searchbox_m{
	display:inline-block;
	position:relative;
	padding:20px 0;}

.searchbox_m input[type="text"]{
	display:inline-block;
	vertical-align:middle;
	width:200px;
	height:30px;
	padding-left:10px;
	border:1px solid #ccc;}

.searchbox_m a{
	position:absolute;
	top:20px;
	right:8px;
	vertical-align:middle;
	font-size:15px;
	line-height:30px;
	color:#a9a9a9;}


.m_menu .mfun{
	padding:30px 0;
	text-align:center;}

.m_menu .mfun a{
	margin:0 1px;
	display: inline-block;
	font-size: 20px;
	background:#ca171d;
	color: #fff;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 100%;}

.m_menu ul.nav{}
	
.m_menu ul.nav li{
	border-top: 1px solid #222;}

.m_menu ul.nav li a{
	padding:20px 10px;

	display:block;
	font-size:15px;
	color:#fff;
	text-align:center;
	position:relative;}
.m_menu ul.nav li a em{
	display:none;}		
.m_menu ul.nav li a i{
	display:block;
	
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-7px;}

.m_menu ul.nav li .submenu{
	display:none;}

.m_menu ul.nav li .submenu a{
	padding:10px 20px;}

.m_menu ul.nav li .submenu a:hover{
	background:#999;}
	
ul.downmenu li{
	margin:5px 0;}
	
footer .social a {
    margin-right: 18px;
    margin-left: 0;
  }
	

}
@media (max-width: 960px){
	.sectiontitle{
	margin-bottom:0px;
	display:none;
	}
	
/*	.bannerarea.ins .bannerbox ul li{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:230px;}*/

	.mainarea .contentbox .leftbox{
		padding:0;}
	.mainarea.ins .contentbox .rightbox,
	.mainarea .contentbox .rightbox{
		padding:0px ;}
		
/*類別*/

.classbox{
	border-top:none;
	border-bottom:none;
	margin:10px 0 ;}

ul.classlink{
	
	clear:both;
	display:block;
	margin:0;}

ul.classlink li{
	display: block;
	margin-bottom:5px;}

ul.classlink li:before{
	content:none;}

ul.classlink li:last-child:after{
	content:none;}

ul.classlink li a{
	display:block;
	font-size:15px;
	padding:10px;
	border:1px solid #d5dadc;
	border-radius:4px;
	text-align:center;}

ul.classlink li a.current{

}

ul.classlink li a.current:after{
	display:none;}
	
	
footer .row{border-right:none}

/*bread*/
.mainarea .titlebox .bread{
	display:none;}
}



@media (max-width: 767px){
	
.mainarea{}

.mainarea .wrap{
	padding:0 10px;}

.mainarea .cotentbox{
	padding:0px ;}
	
.mainarea .titlebox{
	margin-bottom:0px;
	position:relative;
	padding-bottom:0px;
	}	
.texteditor img, .contentbox img{
	width:100%;
	height:auto;
	max-width:100%;}

}

/*640*/
@media (max-width: 640px){
.bannerarea.ins .bannerbox ul li{
	}

  footer {
    padding: 30px 0;
  }
  footer .downlogo {
    margin-left: 10px;
 
  }
  footer h5.copyright {
    width: 50%;
	 padding-left: 10px;
  }
  footer h5.copyright li:nth-of-type(1), footer h5.copyright li:nth-of-type(2) {
    width: 80%;
    max-width: 100%;
   
  }
  footer .social a {
    width: 90px;
    height: 90px;
    margin-right: 12px;
  }
  footer .social a:after {
    bottom: 20px;
    font-size: 13px;
  }
  footer .social a i {
    top: 25px;
   
  }
.texteditor img, .contentbox img{
	width:100%;
	height:auto;
	max-width:100%;}

}

@media (max-width: 510px) {
	

   footer .downlogo {
	 width:100px;
    margin-left: 30px;
    margin-bottom:20px;
  }
	
  footer h5.copyright {
    width: 100%;
	 padding-left:30px;
  }
	
  footer .social a {
    width: 45px;
    height: 45px;
    margin-right: 10px;
  }
  footer .social a:after {
    display: none;
  }
  footer .social a i {
  	-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 20px;
  }
  footer .social a svg{
  	width: 17px;
  	height: 17px;
  }
.texteditor img, .contentbox img{
	width:100%;
	height:auto;
	max-width:100%;}

}

/*480*/
@media (max-width: 480px){

  
.col-2{
	float:none;
	width:100%;}

.col-3{
	float:none;
	width:100%;}

.col-4{
	float:none;
	width:100%;}

.col-5{
	float:none;
	width:100%;}

/*頁籤*/
.tab{}

.tab a{
	padding: 10px;
    font-size: 15px;}
.texteditor img, .contentbox img{
	width:100%;
	height:auto;
	max-width:100%;}
  
	   
	  
}


/***hover效果1: 放大淡出***/
.imh_opacity{
	background:#000;}

.imh_opacity img{	
	transition:all 0.3s linear;
	-webkit-backface-visibility: hidden;}

.imh_opacity:hover img{
	opacity:0.8;
	transform:scale(1.05);}

/***hover效果1: 放大淡出detail***/
.imh_detail{
	background:#000;
	overflow:hidden;}

.imh_detail img{	
	transition:all 0.3s linear;
	-webkit-backface-visibility: hidden;}

.imh_detail a:before{
	display:block;
	content:"details ";
	padding:10px 20px;
	font-size:13px;
	color:#fff;
	border:2px solid #fff;
	opacity:0;
	position:absolute;
	left:50%;
	margin-left:-45px;
	top:50%;
	margin-top:-80px;
	z-index:99;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;}

.imh_detail:hover a:before{
	opacity:1;
	margin-top:-20px;}

.imh_detail:hover img{
	opacity:0.3;
	transform:scale(1.05);}

/***hover效果1: 放大淡出zoom***/
.imh_zoom{
	background:#000;
	overflow:hidden;
	position:relative;}

.imh_zoom img{	
	transition:all 0.3s linear;
	-webkit-backface-visibility: hidden;}

.imh_zoom a:before{
	display:block;
	font-family: 'fontawesome';
	content:"\f002";
	font-size:18px;
	color:#fff;
	background:#000;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	border-radius:100%;
	position:absolute;
	left:50%;
	top:-30px;
	margin-top:-20px;
	margin-left:-20px;
	z-index:99;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;}

.imh_zoom:hover a:before{
	top:50%;}

.imh_zoom:hover img{
	opacity:0.3;
	transform:scale(1.05);}