@charset "utf-8";

/* CSS Document */

/************************************************************/

/************************************************************/

#top{

    height: 300px;

    position: relative;

}

#top .photo_b{

    width: 400px;

    height: 300px;

    float: left;

    margin-right: 15px;

}

#top .photo_b img{

    max-width: 400px;

    max-height: 300px;

    height: auto !important;

}

#top .link a{

    width: 105px;

    height: 30px;

    display: block;

    background: url('../images/japanese/link.png')no-repeat;

    float: right;

}

#top .link a:hover{

    background: url('../images/japanese/link_.png')no-repeat;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

#top .name{

    width: 240px;

    font-size: 23px;

    font-weight: bolder;

    color: #525252;

    float: left;

}

#top .photo_s{

    width: 240px;

    float: left;

    left: 415px;

    bottom: 0px;

    position: absolute;

}

#top .photo_s li{

    float: left;

    list-style: none;

    margin-right: 7px;

    margin-top: 7px;

    opacity: 0.5;

}

#top .photo_s li img{

    max-width: 112px;

    max-height: 84px;

    height: auto !important;

}

#top .photo_s li:hover{

    opacity: 1;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

#tab{

    width: 760px;

    height: 37px;

    background: url('../images/japanese/line.jpg') bottom repeat-x;

    margin-top: 57px;

    margin-bottom: 30px;

}

#tab a{

    width: 103px;

    height: 32px;

    display: block;

    font-size: 15px;

    color: #FFF;

    line-height: 32px;

    font-weight: bolder;

    text-align: center;

    background: url('../images/japanese/tab.png')no-repeat;

    float: left;

    margin-right: 8px;

}

#tab a:hover , #tab a.act{

    background: url('../images/japanese/tab_.png')no-repeat;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

/************************************************************/

/************************************************************/

#style{

    width: 760px;

}

#style dl{

    border-bottom: 1px solid #CCCCCC;

    margin-bottom: 55px;

}

#style dl:last-child{

    border-bottom: none;

    margin-bottom: 0px;

}

#style dt{

    width: 100%;

    display: inline-block;

    margin-bottom: 20px;

}

#style dt span{

    color: #000000;

    font-size: 20px;

    background: #EFEFEF;

    padding: 5px 30px;

}

#style dd{

    float: left;

    margin-right: 40px;

    margin-bottom: 30px;

}

#style dd:nth-child(5n+6){

    margin-right: 0px;

}

#style .photo{

    width: 120px;

    height: 120px;

    position: relative;

}

#style .photo img{

    max-width: 100%;

    max-height: 120px;

    height: auto !important;

}

#style .photo a:hover:after{

    content: '';

    width: 120px;

    height: 120px;

    position: relative;

    background: url(../images/japanese/cover.png) 50px center no-repeat , rgba(0,0,0,0.5);

    display: block;

    position: absolute;

    top: 0;

    left: 0;

}

#style .name{

    width: 120px;

    font-size: 14px;

    color: #000000;

    font-weight: bold;

}

.content_in im{

	max-width:100%;

	height:auto !important;

}

.fancybox-slide_wrap .fancybox-outer,.fancybox-slide_wrap .fancybox-iframe,.fancybox-slide_wrap .fancybox-inner{

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

}

.fancybox-slide_wrap .fancybox-close{

    background: url(../images/close.png) center center no-repeat;

    width:81px;

    height:16px;

    top:-26px;

    right:0px;

}

.fancybox-slide_wrap .slide_name{

    position: absolute;
	bottom:100%;
    /*top:-30px;*/

    left:0px;

    font-size: 19px;

    line-height: 26px;

    font-family: '微軟正黑體';

    padding-left: 28px;

    color: #FFF;

    background: url(../images/name.png) left 5px no-repeat;
	padding-right:100px;

}