html,body { margin:0; padding:0; background-color:#fcedc6!important; font-family: Verdana,"Microsoft JhengHei", Arial, Helvetica, sans-serif;}
img { border:none;display:block;}


/*版頭*/
.main_ALL {
	width:100%;
	height:auto;
	clear:both;
	background-color:#fcedc6;
}

.main_top{
	width:100%;
	background-image:url(../images/C211214002_bg_top.jpg); 
	background-position:center top; 
	background-repeat:no-repeat; 
	clear:both;
	height:400px;
}


.prod_bar_01{
	display:none;
	width:1220px;
	height:47px;
	margin:0 auto;
	margin-top:100px;
	margin-bottom:50px;
	background-image:url(../images/C21112500_bar_01.png);
	background-repeat: no-repeat;
	background-position: center top;
	 }
	 
.brand_main_bg{
	width:1220px;
	height:380px;
	border-radius:10px; -moz-border-radius:10px; /* Firefox 3.6 and earlier */
	margin:0 auto;
	background-repeat: no-repeat;
	background-position: center top;
/*	background-color:#fadf71;*/
	clear:both;}


.brand_main_bg h2{
	display: none;
	width:1220px;
	margin:0 auto;
	padding-top:30px;
	font-size:50px;
	text-align:center;
	color:#554b46;
	padding-bottom:20px;
}


.brand_main_bg img {
	border-radius: 10px;
}



	
/*footer*/

.RWD_footer { width:100%; background-color:#eeeeee; margin-top:20px;}
.RWD_footer ul { max-width:1200px; margin:0 auto; padding:15px 10px; overflow:hidden;}
.RWD_footer ul li { width:100%; margin:0; padding:0; line-height:20px; font-size:12px; color: #333333; text-align: center;}
.RWD_footer ul li:nth-child(2) a { color:#666666;}
.RWD_footer ul li:nth-child(2) a:link { color:#666666; text-decoration:none;}
.RWD_footer ul li:nth-child(2) a:visited {	color:#666666; text-decoration:none;}
.RWD_footer ul li:nth-child(2) a:hover { color: #e5004f; text-decoration:none;}
.RWD_footer ul li:nth-child(2) a:active { color: #e5004f; text-decoration:none;}
.RWD_footer ul li:nth-child(3) { color:#666666;}

/*回TOP*/
#GoTOP { position:relative;	max-width:1220px;	margin:0 auto; z-index:999; }
#gotop_sidebar { position: absolute; right: 20px; display:block; }
#gotop_box { position:fixed; bottom:75px; z-index:9; }
.gotop_main { width: 70px; height:70px;}
.gotop_main a { line-height:70px; text-align:center; display:block; background-color:#000000; font-size:25px; color:#FFFFFF; filter:alpha(opacity=70); opacity: 0.7; text-decoration:none; font-family:Arial, Helvetica, sans-serif; border-radius:50%; cursor:pointer;}

.gotop_main a:link { filter:alpha(opacity=70); opacity: 0.7;}
.gotop_main a:visited {	filter:alpha(opacity=70); opacity: 0.7;}
.gotop_main a:hover { filter:alpha(opacity=90); opacity: 0.9; transition: all .3s;}
.gotop_main a:active { filter:alpha(opacity=70); opacity: 0.7;}



/* Media Query ，也就是當寬度 < 736 px 時將載入下面這段 CSS */
 @media only screen and (max-width: 736px) {
	 
html,body { margin:0; padding:0;  background-image:none; background-color:#fcedc6!important;}



/*版頭*/

.main_ALL {
	width:100%;
	height:auto;
	clear:both;
	background-image:none;
}
	 
.main_top {
	width:100%;
	height: auto;
	margin: 0 auto;
	padding-bottom: 56.39%;
	background-image:url("../images/C211214002_bg_top_m.jpg"); 
	background-size: cover;
	background-position:center top; 
	background-repeat:no-repeat; 
	clear:both;
	position: static;
}
	
.prod_bar_01{
	display:none;	
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:5%;
	margin-bottom:3%;
	background-image:url(../images/C21112500_bar_01m.png);
	background-repeat: no-repeat;
    padding-bottom:6.39%;
    background-size:cover; 
	background-position: center top;
	float:left;
	position:static;
}
	 
.brand_main_bg{
	width:100%;
	height:auto;
	border-radius:30px; -moz-border-radius:30px; /* Firefox 3.6 and earlier */
	margin:0 auto;
	padding:3%;
/*	background-color:#fadf71;*/
	clear:both;	
	float:left;
}


.brand_main_bg h2{
	display: none;
	width:100%;
	height:auto;
	padding-top:30px;
	font-size:25px;
	text-align:center;
	color:#554b46;
	padding-bottom:5%; float:left; position:static;
}
	 
	 
.brand_main_bg a img {
	width: 100%;
	border-radius: 10px;
}

	 

.RWD_footer { width:100%; background-color:#eeeeee; margin-top:20px;clear:both;}
.RWD_footer ul { width:96%; margin:0 auto; padding:15px 2%; overflow:hidden;}
.RWD_footer ul li { width:100%; margin:0; padding:0; line-height:18px; font-size:12px; color: #333333; text-align: center; list-style:none;}
.RWD_footer ul li:nth-child(2) { display:none;}
.RWD_footer ul li:nth-child(3) { display:none;}
/*回TOP*/
#gotop_sidebar {right: 45px;}
#gotop_box { bottom:70px;}
.gotop_main { width: 40px; height:40px;}
.gotop_main a { line-height:40px; text-align:center; display:block; background-color:#000000; font-size:15px; color:#FFFFFF; filter:alpha(opacity=70); opacity: 0.7; text-decoration:none; font-family:Arial, Helvetica, sans-serif; border-radius:50%;}
}