@charset "utf-8";
/* CSS Document */

/*index*/
.iiword{ width:100%; position:absolute; z-index:9990; text-align:center; color:#fff;font-family:"Microsoft JhengHei","微軟正黑體","ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","nsimsun","宋体"; top:250px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6)}
.iiword h1{ font-size:30px; padding-bottom:20px; font-weight:normal}
#itop{ position:absolute;top:0; z-index:9999; font-size:15px}
.swipe {
  overflow: hidden;
  visibility:visible;
  position: relative; 
}
.swipe-wrap {
  overflow: hidden;
  height:100%;
  position: relative;
}
.swipe-wrap > div {
  width:100%;
  height:100%;
  position:absolute;
  background-size:100%;
}
.swipe-wrap .cover{ background-size:80%; background-repeat:no-repeat; background-position:top center}


#slider {height:100%; width:100%; list-style:none; padding:0; margin:0; background:#000;mix-width: 1410px;}
.swipe-wrap div a { display:block; width:100%; height:100%;}
#slider  img{ width:auto; height:100%}
.swipe-wrap div span { display:block;width:100%; height:500px; margin:0 auto ; top:230px; position:absolute; color:#FFF;}

.swipe-wrap div h2 a,.swipe-wrap div p a{ color:#FFF; transition: color 0.4s;
     -moz-transition: color 0.4s;
     -webkit-transition: color 0.4s;
     -ms-transition: color 0.4s;
     -o-webkit-transition: color 0.4s;}
.swipe-wrap div span a { color:#FFFFFF; opacity:0.7; text-shadow:1px 1px 1px rgba(0,0,0,0.8);}
.swipe-wrap div span a:hover { opacity:1}/**/
#slidedot { display:block; list-style:none; position:absolute; left:50%; bottom:20px; z-index:9900;  padding:5px 0; margin:0; display:none}
#slidedot li { display:block; list-style:none; width:10px; height:10px;; float:left; margin-left:15px; margin-top:1px; background:url(../images/index/circle.png); transition: width 0.3s, height 0.3s, margin-top 0.3s;
     -moz-transition: width 0.3s, height 0.3s, margin-top 0.3s;
     -webkit-transition: width 0.3s, height 0.3s, margin-top 0.3s;
     -ms-transition: width 0.3s, height 0.3s, margin-top 0.3s;
     -o-webkit-transition: width 0.3s, height 0.3s, margin-top 0.3s; }
#slidedot li:first-child { margin-left:0}
#slidedot li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#slidedot li.currentdot { background:url(../images/index/circle2.png); width:10px; height:10px;margin-top:0; }
.mobile{ width:100%; height:auto; overflow:hidden; display:none}
.mobile img{ width:100%}