@charset "utf-8";
/*
* about style
* written date : 2012-09-23
*/

/* base */
html { height: 100%; overflow-x:hidden;margin:0;padding:0;  background:#000000;}
body{margin:0;padding:0;}
img{border:0}

#wrap{width:100%;}

/* logo */
#wrap div.ant-logo{width:57px;height:76px;position:fixed;right:30px;top:20px;z-index:20; }

/* middle copy */
#wrap div.middle-copy-about{position:fixed;z-index:20;left:0;top:40%;width:100%;height:61px;margin-top:-30px;border-bottom:1px solid #03e8fd;text-align:center;}

#wrap div.middle-copy-about img{
margin-top:25px;
background: transparent;
}

#wrap div.middle-copy-port{position:fixed;z-index:20;left:0;top:40%;width:100%;height:61px;margin-top:-30px;border-bottom:1px solid #03e8fd;text-align:center;}

/* curtain stage */
div.stage1{width:100%;margin:0 auto;clear:both;}
		div.stage1 img{width:100%;min-width:1280px;min-height:792px;}
div.stage2{width:100%;min-width:1280px; height:383px; margin:0 auto;clear:both; background:#ffffff url('../_img/about/about-section-02.jpg') center center no-repeat;padding:60px 0 0 0;}
div.stage3{width:100%;min-width:1280px; height:736px; margin:0 auto;clear:both; background:#b5dcde url('../_img/about/about-section-03.jpg') top center no-repeat ;  }
div.stage4{width:100%;min-width:1280px; height:130px; margin:0 auto;clear:both; background:url('../_img/address_bg.png') repeat; text-align:center; padding:120px 0 153px 0;}

div.stage5{width:100%;margin:0 auto;clear:both;}
		div.stage5 img{width: 100%; height:auto; min-width: 960px; min-height: 600px;}

div.port{width:100%;height:100%;margin:0 auto;clear:both;}
		div.port img{width:100%;min-width:1280px;height:100%;min-height:792px;}
/* scroll guide bar */
.scroll-guide-bar {position:fixed;z-index:20;left: 50%;bottom:190px;width:85px; height:85px;margin-left:-42px;}

/* fixed bottom navigator */
#fixed-navigator{position:fixed;width:100%;height:75px;background:transparent url('../_img/opacity-70-black-bg.png') repeat;left:0;bottom:0;z-index:10;}
#fixed-navigator ul{width:600px;margin:30px auto 0 auto;padding:0;list-sTyle:none;position:relative;}
#fixed-navigator ul li{width:54px;display:block;position:absolute;}
#fixed-navigator ul li.left{left:0;top:0;}
#fixed-navigator ul li.center{left:50%;top:0;margin-left:-27px;}
#fixed-navigator ul li.right{right:0;top:0;}
#fixed-navigator ul li a{width:54px;height:13px;display:block;text-indent:-999em;background:transparent url('../_img/layout-sprites.png') 0px -60px no-repeat;overflow:hidden;}
#fixed-navigator ul li a.fnb-01{background-position:0px -60px;}
#fixed-navigator ul li a.fnb-02{background-position:0px -90px;}
#fixed-navigator ul li a.fnb-03{background-position:0px -120px;}

#facebook { width:18px; height:18px; z-index:100; position: absolute; top:-3px; right:-150px;}

.about-02{height:1194px;}