@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
  
}

body {
	background-color:#FFFFFF;
	margin: 0;	
	overflow-x:hidden;
}


img{ display:block;}

ol,ul,li{
 list-style:none;
}


.clearfix::after {
    clear: both;

    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}

/* --TAB按鈕------------------------------------- */

.top_btn{ z-index: 222; width: 149px; height: 250px; position: fixed; right:0px; top: 220px;}

/* --主要內容------------------------------------- */

#main{ width:100%;
       margin:0 auto;

     }

/* --logo------------------------------------- */

#main .logo{
	 padding-top: 45px;
	 padding-left:900px;
	 box-sizing:border-box;
}


/* --T------------------------------------- */

#main .T{
	 padding-top:30px;
	 padding-left:595px;
	 box-sizing:border-box;
}

/* --box01------------------------------------- */

#main .box1{
		width:100%;

		}	
		
/* --top------------------------------------- */

#main .top{
	background-color:#f2f2f2;
	width: 100%;
	height:70px;
}

#main .top ul{
	width: 1000px;
	margin: 0 auto;
}


#main .top li{
	float: left;
}




/* --brand------------------------------------- */
#main .brand{
		width: 100%;
		background-color: #f2f2f2;
}


#main .brand_logo{
		width: 1000px;
		margin: 0 auto;
		overflow: hidden;

}


#main .brand_logo ul{
		width: 1000px;
		overflow: hidden;
}


#main .brand_logo li{
		width: 200px;
		float: left;
}

/* --watch------------------------------------- */
#main .watch{
		width: 100%;
		background-color: #FFFFFF;
}

#main .watch_p{
		width: 1000px;
		margin: 0 auto;
		overflow: hidden;
		
}

#main .watch_p ul{
		width: 1000px;
		overflow: hidden;
		margin-bottom: 40px;
}


#main .watch_p li{
		width: 200px;
		float: left;
}


/* --content------------------------------------- */

#main .content{
	background-color: #af0000;
	width: 100%;
}

#main .contentA{
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

#main .content_W{
	width: 275px;
	height: 347px;
	padding-top: 50px;
	padding-bottom: 50px;
	float: left;
	
}

#main .content_type{
	width: 725px;
	height: 37px;
	float: left;
	padding-top: 50px;
	padding-bottom: 40px;
	
}

#main .content_logo{
	width: 725px;
	display: block;
	overflow: hidden;
}

#main .content_logo ul{
	width: 725px;
	float: left;
	margin-bottom: 50px;
}

#main .content_logo li{
	float: left;
	
}


/* --content02------------------------------------- */


#main .content02{
	background-color: #ffffff;
	width: 100%;
}


#main .content02_W{
	width: 275px;
	height: 409px;
	padding-top: 50px;
	padding-bottom: 50px;
	float: right;
	
}

#main .content02_W2{
	width: 275px;
	height: 325px;
	padding-top: 10px;
	padding-bottom: 50px;
	float: left;
	
}

/* --content03------------------------------------- */


#main .content03{
	background-color: #a71c78;
	width: 100%;
}


#main .content03_W{
	width: 275px;
	height: 360px;
	padding-top: 50px;
	padding-bottom: 50px;
	float: right;
	
}


/* --COLLECTIONS------------------------------------- */

#main .coll_t{
	width: 725px;
	height: 37px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
	
}

#main .coll_P{
	width: 1000px;
	margin: 0 auto;
}

#main .coll_P ul{
	float: left;
	margin-bottom: 50px;
}


#main .coll_P li{
	float: left;
	
}

#main .coll_txt{
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	color:#3D3D3D;
	letter-spacing: 3px;
	text-align: center;
	padding-bottom: 50px;
}


/* --footer------------------------------------- */

#footer{
		background-color:#000000;
		width:100%;
		height:60px;
		
		}

#footer ul{
		width:1000pX;
		height:60PX;
		margin:0 auto;
		}
		
#footer li {
		width:200px;
		height:60px;
		float:left;

	     }

#footer li a.f01 {
		background:url(images/footer01.jpg) no-repeat;
		width:200px;
		height:60px;
		display:block;
	     }
		 
#footer li a.f01:hover {
		background:url(images/footer01_a.jpg) no-repeat;
		 }
		 
#footer li a.f02 {
		background:url(images/footer02.jpg) no-repeat;
		width:200px;
		height:60px;
		display:block;
	     }
		 
#footer li a.f02:hover {
		background:url(images/footer02_a.jpg) no-repeat;
		 }

#footer li a.f03 {
		background:url(images/footer03.jpg) no-repeat;
		width:200px;
		height:60px;
		display:block;
	     }
		 
#footer li a.f03:hover {
		background:url(images/footer03_a.jpg) no-repeat;
		 }
		 
#footer li a.f04 {
		background:url(images/footer04.jpg) no-repeat;
		width:200px;
		height:60px;
		display:block;
	     }
		 
#footer li a.f04:hover {
		background:url(images/footer04_a.jpg) no-repeat;
		 }

#footer li a.f05 {
		background:url(images/footer05.jpg) no-repeat;
		width:200px;
		height:60px;
		display:block;
	     }
		 
#footer li a.f05:hover {
		background:url(images/footer05_a.jpg) no-repeat;
		 }