@charset "utf-8";
/* CSS Document */
/***普通通用*********************************************************/
html{
	height:100%;
}
body {
	height:100%;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 0px;
	color: #333333;
	position:relative;
	background: #C1C1C1;
	font-family:Arial,"微軟正黑體";
}
#wrapper {
	width: 100%;
	margin: 0 auto;
	position: relative;
	display: flex;
	background:#C1C1C1;

}
#wrapper_box {
	width: 100%;
	clear: both;
	position: relative;
}
#wrapper > #footer_info{
    display:none;
}
/***普通通用*********************************************************/
/***LOGO*******************************************************/
#logo{
	margin-bottom: 20px;
}
/***LOGO*******************************************************/
/***主視圖******************************************************/
#banner_box {
	width: 100%;
	position: relative;
}
#banner {
    width: calc(100% - 350px);
	/*background:url(../data/wrapper/banner/bg.png) no-repeat;*/
	margin:0px 0 60px 0px;
	top:220px;
	left:350px;
    position:absolute;
    transition: all .16s ease;
    box-sizing:border-box;
}
.rslides li a img{
    border:10px solid #696969;
}
#loading {
	position: absolute;
	top: 49.5%;
	left: 34%;
	z-index: 1;
	width: 16px;
	height: 16px;
	text-indent: -999em;
	display: block;
	background-image: url(../scripts/flexslider/progress.gif);
}
/***主視圖********************************************************/
/***主要內容******************************************************/
#head_box {
	width:100%;
	min-width: 1075px;
	height:120px;
	margin: 0 auto;
	position: relative;
	background: url(../data/wrapper/img/top_bg.jpg) center top repeat-x;
}
#head {
	width:245px;
	height:325px;
	padding:45px 0 0 50px;
}
/*********************************************************/
/*********************************************************/
.slick-slider li{
    list-style:none;
}
#banner .slick-slider{
    padding: 20px 10px 21px 10px;
}
#banner .slick-slider li {
    width: 14px;
    height: 14px;
    display: inline-block;
    list-style: none;
    background: #CCC;
    margin: 0 3px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../../data/wrapper/banner/slider-nav.png) no-repeat;
}
    .fb,#community,.copyright{
        margin-bottom:10px;
    }
/*********************************************************/
/*********************************************************/



@media screen and (max-width: 1000px){
    #banner {
    margin-top:0px !important;
    }
    #inews{
        margin-bottom:40px !important;
    }
}
@media screen and (max-width: 590px){
    #iabout{
       padding: 35px 39px 0px 39px !important;
       background: url(../data/wrapper/img/about_title.jpg) 39px 10px no-repeat !important;
    }
}