@charset "utf-8";
body{
	margin: 0px;
	font-family: 'Poppins', sans-serif,"メイリオ","微軟正黑體", Microsoft JhengHei;
	letter-spacing: 2px;
	background: #fff;
}
img{border:none;}
.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix{display: inline-block;}
html[xmlns] .clearfix,.note_btn{display:block;}
* html .clearfix{height: 1%;}
#logo img,#main01 img,#main02 img,#main03 img{width:100%;border-bottom:1px solid #ccc;box-shadow: 2px 2px 1px 2px #f3eeee;}
#main04 img{width:100%;}
h1{  
	font-size:1.8em;
	text-align: center;
	color: #333;
}
a{text-decoration: none;}
@media screen and (min-width:1180px){	
#container{
	width: 900px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
#gotop{
 	display: none;
	position: fixed;
    right:200px;
    bottom: 300px;       
    cursor: pointer;
    z-index: 999;
}
.ad_top{
	background: url(../images/top.png);
	height: 56px;
	width: 55px;
}
.ad_top:hover{background-position: bottom;}
.menu_top{	
	background:#000;
	color:#fff;
	height:35px;
	font-size:.8em;
	line-height:35px;
	width:70%;
	padding:0 15%;
	margin:0 auto;
}
.menu_top a{color: #fff;text-decoration: none;}
.menu_top a:hover{color: #FF0;}
.p_logo,.menu_top_link{float:left;}
.menu_top_lan{float:right;}
#header{
	position: relative;
	width: 100%;
	min-width: 1260px;
	background:#fff;
}
.link01{
	color: #333;
	font-size:1.2em;
	background: url(../images/icon.png) no-repeat 0;
}
.link01:hover{color: #63C;}
.cellphone{display:none;}
.all_note{
	font-size: 1em;
	font-family: "微軟正黑體";
	line-height: 2em;
	width: 96%;
	padding:.5% 2%;
	text-align:center;
	color: #333;
	background:#fff;
}
footer{
	width: 100%;	
	-moz-box-shadow: inset 3px 0 15px 0 rgba(51,51,51,0.5);
	-webkit-box-shadow: inset 3px 0 15px 0 rgba(51,51,51,0.5);
	box-shadow: inset 3px 0 15px 0 rgba(51,51,51,0.5);	
	border-top:1px solid #cccccc;
}
.fo_logo{width:400px;margin:0 auto;}
.copyright{
	font-family: "微軟正黑體";
	color:#ccc;
	background: #211f20;
	border-top: 3px solid #65e9f9;
}
.fo_txt{
	font-size:.8em;
	width:70%;
	padding:0;
	line-height:2.5em;
	text-align:center;
	margin:0 auto;
	border-top:1px solid #3c3b3b;
	border-bottom:1px solid #3c3b3b;
}
.fo_b{	
	font-size: 12px;
	line-height: 20px;
	margin:0 auto;
	padding:.5% 0;
	width: 100%;
	text-align: center;
	color: #ccc;
}
.fo_b a{color:#fff;}
}
@media screen and (max-width:1180px){
.no_b ol,.no_b ul{margin:0;padding:0 8%;}
#logo{
	width:100%;
	text-align:center;
	background:#fff;
}
#container{
	position:relative;
	width:100%;
	margin: 0 auto;
	padding:0;
}	
.pc{display:none;}
.all_note{
	font-size:.75em;
	line-height:2em;
	font-family: "微軟正黑體";
	width: 90%;
	padding:2% 5%;
	color: #333;
	background:#fff;
	border-top: 1px solid #ccc;
}
footer{width: 100%;padding:0;}
.copyright{
	font-family: "微軟正黑體";
	color:#ccc;
	background: #211f20;
	border-top: 3px solid #65e9f9;
	padding:5% 0;
}
.fo_txt{
	font-size:.75em;
	line-height:2em;
	text-align:center;
}
.fo_b{
	font-size:.8em;
	text-align:center;
	padding:2%;
}	
}	
::-webkit-scrollbar{width:12px;height: 12px;}
::-webkit-scrollbar-thumb{background: #666 !important;}
::-webkit-scrollbar-track{
	    background: #FFFFFF;
    -webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
    border: 1px solid #D8D8D8;
}
::selection{
    background: #F9A386;
    color: #fff;
    text-shadow: none;
}