@charset "utf-8";

/* header */
#wrap {width:969px; margin:0 auto; padding:0 12px; position:relative; height:100%;}
#header {position:relative; padding:0 0 1em 300px; min-height:5.5em; width:664px;}
#header .logo{position:absolute; left:0; top:10px;}

#header dl {position:absolute; right:0; top:0;}
#header dl dt{display:none;}
#header dl dd {background:url(../../images/font.gif) left top no-repeat; height:27px; width:151px;}
#header dl dd ul {float:right; padding:5px 10px 0 0;}
#header dl dd ul li {float:left; width:16px; height:16px; text-indent:-9999px; overflow:hidden;background:url(../../images/font.gif) left top no-repeat; margin:0 0 0 6px;}
#header dl dd ul li.sm{background-position:-81px -5px;}
#header dl dd ul li.md{background-position:-103px -5px;}
#header dl dd ul li.lg{background-position:-125px -5px;}
body.fsSm {font-size:65%;}
body.fsMd {font-size:75%;}
body.fsnull {font-size:75%;}
body.fsLg {font-size:95%;}
body.fsSm #header dl dd ul li.sm {background:url(../../images/font_o.gif) -81px -5px no-repeat;}
body.fsMd #header dl dd ul li.md {background:url(../../images/font_o.gif) -103px -5px no-repeat;}
body.fsnull #header dl dd ul li.md {background:url(../../images/font_o.gif) -103px -5px no-repeat;}
body.fsLg #header dl dd ul li.lg {background:url(../../images/font_o.gif) -125px -5px no-repeat;}

#header .sub {padding:23px 0 0.2em 0; line-height:1; font-weight:bold;}
#header h1 {font-size:130%;}
#header p.date {position:absolute; top:47px; right:0;}

#titleArea {width:513px;}

#topCont {height:435px; overflow:hidden; z-index:0; margin:0 0 8px;}

#video {float:left; height:417px; width:280px; background:#dedede; padding:9px; margin:0 8px 0 0;}
#video .inner {padding:0; margin:0 auto 4px; width:256px; height:auto; position:relative; text-align:center;
/* css 3 */
/*
-moz-box-shadow: 0 0 2px #666;
-webkit-box-shadow: 0 0 2px #666;
*/
}

#video .texts {background:#fff; height:auto; overflow:hidden;}
#video .texts h2 {font-size:110%; padding:0 0 3px; margin:4px; border-bottom:1px dotted #8e8e8e;}
#video .texts dl {overflow:auto; margin:4px;}
#video .texts dl dt {font-weight:bold; margin:0 0 4px;}
#video .texts dl dd{padding-right:8px;}

#slideArea {background:#dedede; float:left; width:479px; height:435px; overflow:hidden; position:relative;}
#slide {background:#dedede; float:left; width:479px; height:435px; overflow:hidden; position:relative; position:relative;}
#slide ul li {float:left; position:absolute; bottom:15px;}
#slide ul li.back{left:9px;}
#slide ul li.play{left:92px;}
#slide ul li.showlist {left:190px;}
#slide ul li.zoom {left:288px;}
#slide ul li.next {left:407px;}
#slide p{position:absolute;top:9px; left:9px;width:462px;
/* css 3 */
-moz-box-shadow: 0 0 2px #666;
-webkit-box-shadow: 0 0 2px #666;
}

#playList {width:175px; height:433px; border:1px solid #999999; float:right;}
#playList h2{border-bottom:1px solid #999999;}
#playList div {padding:5px; height:388px; width:165px; overflow:auto;}
#playList div p.head{border-bottom:1px dotted #000; padding:0 0 4px; margin:0 0 3px;}
#playList div p.head a {background:url(../../images/arr01.gif) left 0.4em no-repeat; padding:0 0 0 10px;}
#playList div dl {padding:0 0 0px 4px;}
#playList div dl dl{padding:0;}
#playList div dl dt {background:url(../../images/arr02.gif) 0 0.1em no-repeat; padding:0 0 0.5em 10px;line-height: 1.2em;}
#playList div dl dl dt {background:none; padding:0; float:left;}

#playList div dl dd {padding:0 0 5px 10px;}
#playList div dl dl dd {padding:0 0 0 4em;line-height: 1.2em;}
* html #playList div dl dl dd {text-indent:-0.25em; padding-left:3.6em;}

#playList div ul li {background:url(../../images/arr03.gif) 0 0.3em no-repeat; padding:0 0 0 8px;line-height: 1.2em;}
#playList a.large {font-weight:bold;}
#playList dt.hidden {height:0;width:0;display:none;}


#thumbs {height:419px; width:463px; padding:8px; background:#dedede; z-index:999; float:left; top:6.5em; right:183px; overflow:hidden; display:none;}
#thumbs div.inner {background:#fff; overflow:auto; height:370px; overflow-x:hidden;
/* css 3 */
-moz-box-shadow:inset 0 0 2px #666;
-webkit-box-shadow:inset 0 0 2px #666;
-moz-box-shadow: 0 0 2px #666;
-webkit-box-shadow: 0 0 2px #666;
}
 * html #thumbs {top:6.3em;}
 
#thumbs div.inner ul {margin:0 auto; padding:10px 0 0 20px; width:426px;}
#thumbs div.inner ul ul {padding:0; width:122px;}
#thumbs div.inner li {float:left; width:122px; line-height:1; padding-bottom:6px; padding-right:20px;}
#thumbs div.inner li img{border:1px solid #7b7b7b;}
#thumbs div.inner li li{width:auto; margin:0; padding:0;}
#thumbs div.inner li li img{border:none;}
#thumbs .close {width:106px; margin:10px auto 1px; z-index:-1}
 #thumbs div.inner ul{zoom:1;}
 #thumbs div.inner ul:after{content:''; display:block; clear:both;}

#bottomCont {z-index:0; margin:0 0 8px;}
 #bottomCont {zoom:1; clear:both;}
 #bottomCont:after{content:''; display:block; clear:both;}

#bottomCont #leftCont{width:785px; float:left;}
#bottomCont #rightCont{width:177px; float:right; text-align:center;}

#bottomCont dl{border:1px solid #999; padding:0px 0; margin:0 0 9px; height:47px; overflow:hidden;}
 #bottomCont dl{zoom:1; clear:both;}
 #bottomCont dl:after{content:''; display:block; clear:both;}

#bottomCont dl dt {float:left;}
#bottomCont dl dd {padding:0 0 0 179px;}
#bottomCont dl dd ul{padding:12px 0 0; height:37px; overflow:auto;}
#bottomCont dl dd ul li {float:left; background:url(../../images/icnPDF.gif) 25px 0.5em no-repeat; padding:0.3em 0 1em 47px; white-space:nowrap;}
#bottomCont dl dd ul{zoom:1;}
#bottomCont dl dd ul:after{content:''; display:block; clear:both;}
#bottomCont dl dd ul li a{color:#cb0000}

#bottomCont ul li {float:left; padding:0 0 8px;}
#bottomCont ul li.pr5 {padding:0 5px 8px 0;}
#bottomCont ul li .socialmedia {padding:0 1px 0px 1px;}
/* slide */
a.disable{
    cursor:default;
}
a.enable{
    cursor:pointer;
}