/* http://www.minwt.com*/
/*v1.0 plus+ | 20090501 | by minwt*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
@import url( font-awesome.css );/*icon*/
@import url( share.css );/*共用*/
@import url( js.css );/*jq專用*/
@import url( flexslider.css );/*輪播專用*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-weight:normal;
	word-spacing: 1px;
}

ol, ul {list-style: none;}
a{text-decoration:none;}
hr,.br{clear:both;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {	outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

section,footer,div,ul,li,p,input, textarea, select, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 1180px){
    *,*:before, *:after {
        -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
    }
}

/*底部置底*/
html,body{
	height:100%;
}
*html .weapper{
	height:100%;
}
.weapper{
	min-height:100%;
	position:relative;
}
.footerpadd{
	padding:60px;
}

.clearfix01:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix01 {display: inline-block;}
* html .clearfix01 { height: 1%;}
.clearfix01 {display: block;}

.weapper.de nav{
    width: 80%;
}
.weapper.de header .container{
    width: 1200px;
}
.weapper.de nav.main_menu > ul > li{
    margin-left: 25px;
}

.weapper.de nav.main_menu ul ul{
    width: 240px;
}
.weapper.de nav.main_menu > ul > li > a{
    font-size: 15px;
}

/*隱藏&顯示*/
.block{
	display:block !important;
}
.none{
	display:none !important;
}

.container{
    width: 1100px;
    margin:0 auto;
    position: relative;
}

/*header*/
header{
    width: 100%;
    float: left;
    background:  rgba(255,255,255,.9);
    padding: 30px 0 10px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}

/*section*/
section{
    width: 100%;
    float: left;
    position: relative;
    z-index: 2;
}

/*footer*/
footer{
    width: 100%;
    float: left;
}
footer > div:first-child{
    padding: 100px 0;
    border-top: 1px solid #ccc;
}
footer > div:last-child{
    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 10px;
    text-align: center;
    margin: auto;
}

footer ul,
footer ol,
footer div > ul > li li{
    width: 100%;
    float: left;
}
footer ol{
    padding-bottom: 10px;
}
footer ul ul{
    width: 60%;
}
footer div > ul > li{
    padding: 10px;
    width: 25%;
    float: left;
    font-size: 14px;
}
footer div > ul > li > a{
    width: 100%;
    color: #0063a7;
    float: left;
    font-size: 18px;
    padding-right: 20px;
    padding-bottom: 10px;
}
footer div > ul > li li{
    padding-bottom: 2px;
}
/*RWD*/

@media only screen and (max-width: 1180px){

    .container{
        width: 95%;
    }
    footer ul ul{
        width: 50%;
    }
    .over{
        overflow-y:auto;
    }

}
@media only screen and (max-width: 960px){
    header{
        padding: 20px 0;
        position: relative;
    }
    footer div > ul > li{
        width: 50%;
        padding: 10px 0;
    }




}

@media only screen and (max-width: 767px){


[class^='width-']{
	width:100% !important;
}

/*隱藏&顯示*/
.none{
	display:block !important;
}
.block{
	display:none !important;
}

.margin-right1,.margin-right2,.margin-right3{
	margin-right:0;
}
.align-right{
	text-align:left;
}
.footerpadd{
	padding:0;
}






.footerpadd{
	padding:0;
}

footer > div:first-child{
        padding: 50px 0;
    }

}
@media only screen and (max-width: 500px){
    footer div > ul > li{
        width: 100%;
        padding: 10px 0;
    }
    footer div > ul > li > ul > li{
        width: 50%;
    }
    footer ul ul{
        width: 70%;
    }

}
@media only screen and (max-width: 340px){
    footer ul ul{
        width: 100%;
        padding-top: 10px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 768px){


}