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

html,body{margin:0; padding : 0 height : 100%;}
.container{width : 100%; height : 100%; background: url('../img/main/bg.png') center repeat;}
.contants{width : 930px; height : 620px; margin :auto; }
.main_info{text-align:center;}
.main_info_box{width : 400px; height: 65px;margin: 43px 32.5px 68px 32.5px; float : left;}
.main_info_box-left{text-align : right;}
.main_info_box-right{text-align : left; }

.link_shred{width : 420px; height : 420px; background : url('../img/main/shred.png') center no-repeat; display : inline; cursor : pointer;transition-property:background;transition-duration:200ms;}
.link_shred:hover{width : 420px; height : 420px; background : url('../img/main/shredon.png') center no-repeat; display : inline; cursor : pointer;transition-property:background;transition-duration:200ms;}
.link_system{width : 420px; height : 420px; background : url('../img/main/system.png') center no-repeat; display : inline; cursor : pointer;transition-property:background;transition-duration:200ms;}
.link_system:hover{width : 420px; height : 420px; background : url('../img/main/systemon.png') center no-repeat; display : inline; cursor : pointer;transition-property:background;transition-duration:200ms;}

.branch{height: 420px;width : 930px; margin : 0 auto;}
.main_branch_box{margin : 0 12.5px 0 32.5px; float : left;}