/*
	index.css
	authour：stella
	create date：2016.10.18

	1.變數命名皆為小寫英文字母
	例：contentlink

	2.參數的位置順序為：單行順序。
	例：#mainlayer{background:#93ab21;color:white;font-size:18px;text-align:center;width:624px;height:472px;padding:0px;margin:0px;float:left;}
*/
@media (max-width:1023px) and (min-width:0px){
  #d-header,#header-fixed{display:none;}
  /*-----m-header start-----*/
  #m-header{position:fixed;top:0;background:#0066cc;width:100%;height:40px;z-index:99;}
  #m-header .m-header-item{float:left;}
  #m-header #m-header-link{float:right;}
  #m-header .m-header-item::after{clear:both;}
  #m-header #m-header-menu #m-header-menu-btn{display:block;background:url('../../../public_images/index/png/m-header-menu-btn.png') no-repeat;width:40px;height:40px;cursor:pointer;}
  #m-header #m-header-menu #m-header-menu-bar{position: absolute;background:#0072e5;width:100%;text-align:center;font-size:16px;display:none;}
  #m-header #m-header-menu #m-header-menu-bar li{line-height:50px;}
  #m-header #m-header-menu #m-header-menu-bar li:hover{background:#0d85ff;}
  #m-header #m-header-menu #m-header-menu-bar li a{color:white;}
  #m-header #m-header-menu .shadow{position:fixed;background:rgba(0,0,0,0.5);top:40px;left:0;width:100%;height:150%;bottom:0;z-index:-1;display:none}
  #m-header #m-header-logo img{width:75%;margin:5px 0;}
  #m-header #m-header-link .m-header-link{display:inline-block;vertical-align:top;text-align:center;width:40px;height:40px;padding:3px 0;box-sizing:border-box;color:white;cursor:pointer;}
  #m-header #m-header-link .m-header-link:hover{color:#f2f2f2;}
  #m-header #m-header-link .m-header-link .fa{display:block;font-size:20px;}
  #m-header #m-header-link .m-header-link span{font-size:10px;}
  #m-header #m-header-link .m-header-link .submenu{float:right;font-size:14px;background:#0072e5;display:none;}
  #m-header #m-header-link .m-header-link .submenu::after{clear:both;}
  #m-header #m-header-link .m-header-link .submenu li{width:100px;padding:10px 30px;line-height:20px;}
  #m-header #m-header-link .m-header-link .submenu li:hover{background:#0d85ff;}
  #m-header #m-header-link .m-header-link .submenu li a{color:white;}
  #m-header #m-header-link .m-header-link #memberarea-submenu li{width:150px;}
  #m-header #m-header-link #m-header-memberarea{margin-right:5px;display:none;}
  #m-header #m-header-link #m-header-memberarea ul{width: 140px;text-align: right;margin-top: 1px;margin-left: -95px;background: #0072e5;display: none;}
  #m-header #m-header-link #m-header-memberarea ul li{display:block;padding: 10px;cursor:pointer;line-height:20px;}
  #m-header #m-header-link #m-header-memberarea ul li a{color:white;text-decoration:none;}
  /*-----m-header end-----*/
  /*-----全域設定開始------*/
  *{outline:none;}
  section{width:100%;}
  .section{position:relative;height:100%;box-sizing:border-box;}
  .section::after{clear:both;}
  .section a{color:white;}
  .m-section{position:relative;height:100%;box-sizing:border-box;margin:0 20px;}
  .m-section::after{clear:both;}
  .m-section a{color:white;}
  figure{margin:0;height:100%;}
  /*-----全域設定結束------*/
  /*-----footer start-----*/
  footer{background:#303030;font-size:12px;color:white;text-align:center;padding:30px 0;}
  footer .wrapper .connect a{color:white;font-size:28px;}
  footer .wrapper .connect a:hover{color:#cccccc;}
  footer .wrapper .connect .link-email{margin-right:20px;}
  footer .wrapper .horizon{margin:20px;line-height:1.5;}
  footer .wrapper .horizon .horizon-1{border-bottom:2px solid #1b1b1b;}
  footer .wrapper .horizon .horizon-2{border-bottom:2px solid #4d4d4d;}
  footer .wrapper .language{margin:0 auto 20px;line-height:1.5;cursor:pointer;position:relative;width:200px;}
  footer .wrapper .language:hover{color:#cccccc;}
  footer .wrapper .language .fa-caret-up{display:none;}
  footer .wrapper .language-menu{display:none;background:#3c4859;position:absolute;margin-top:-110px;left:0;}
  footer .wrapper .language-menu li{padding:10px 30px;line-height:20px;}
  footer .wrapper .language-menu li:hover{background:#49586c;}
  footer .wrapper .language-menu li a{color:white;}
  footer .copyrights{line-height:1.5;}
  footer .copyrights #fcshop{color:white;}
  footer .copyrights #fcshop:hover{color:#cccccc;}
  /*-----footer end-----*/
  /*-----gotop-btn start-----*/
  .gotop-btn{position:fixed;right:10px;bottom:10px;z-index:99;}
  .gotop-btn .gotop{background:rgba(0,0,0,0.5);display:block;width:50px;height:50px;font-size:25px;line-height:48px;border-radius:100%;color:white;text-align:center;}
  /*-----gotop-btn end-----*/
}