body{background:#000;}

.main *{position: relative;outline:none;}/*google藍色框線*/

.main,.bg,.bg2,.bg3,.bg4,.bg5,.c1,.c2,.c3,.c5,.c6,.c7,.c8
{ 
	width: 100%;
	box-sizing: border-box;
}
/*加box-sizing: border-box; padding 不影響文字*/

.main ol,li{
	list-style: none;
}

.main a{ 
		text-decoration: none; 
		display: block; 
		overflow: hidden;
		cursor: pointer;

}



/*定位*/
.abs{ position: absolute; left: 50%; display: block;}
.fix{ position: fixed; z-index: 1;}

/*排版*/
.fbox{display: flex;}

/*背景*/

/*測試*/
.tsb{ border:solid 1px #00fcff;}


 @import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
 * {font-family: 'Noto Sans TC';}



/*=====================footer start===============================================================*/

#footer a{  display:inline; color: #fff;z-index: 999; }
#footer{ width:100%; height:100px; background:rgba(52,30,23,0.6); color: #fff; position: absolute;min-width: 1360px;}
    #footer .footer-wrapper{ width:1200px; padding:20px 0px 0px 0px; margin:0px auto;}
        #footer .footer-wrapper .logo{ float:left; width:193px; margin:0px 0px 0px 120px;}
        #footer .footer-wrapper .logo img{ width:193px;}
        #footer .footer-wrapper .copyright{ float:left; margin:16px 0px 0px 30px; text-align:center; font-size:13px; z-index: 1;}
            #footer .footer-wrapper .copyright a, #footer .footer-wrapper .copyright p{ }
            #footer .footer-wrapper .copyright p{ margin:3px 0px 0px 0px;}
        #footer .footer-wrapper .kind{ float:left; width:47px; margin:9px 0px 0px 25px;}
        #footer .footer-wrapper p.note{ float:none; font-size:13px; line-height:17px; margin:0px 0px 0px 8px;display: inline-block;}

@media (max-width:1024px) {

#footer{ 
    position: relative;
    display: inline-block;
    width: 100%;
    background: #204c6d;
    min-width: auto;
}
#footer .footer-wrapper{ width:100%;background:#000; padding-bottom:8%;}
    #footer .footer-wrapper .logo{     
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
}
    #footer .footer-wrapper .logo img {
        width: 50%;
}
    #footer .footer-wrapper .copyright {
     font-size: 12px;
    text-align: center;
    line-height: 17px;
    color: #c1c1c1;
    margin: 0 auto;
    width: 100%;
 }      
	#footer .footer-wrapper .copyright a, #footer .footer-wrapper .copyright p{ color:#fff;}
    #footer .footer-wrapper .box{ width:80%; overflow:hidden; margin:0px auto;}
#footer .footer-wrapper .kind {
    float: none;
    display: block;
    width: 40px;
    margin: 0 auto;
    padding: 15px 8px 5px 8px;
}
#footer .footer-wrapper p.note{  width: 95%; margin-top: 5%;text-align: center;}


}