@charset "UTF-8";

/* */

.scrolly{overflow-y:scroll;}

.nonbg{background-image:none  !important;}
.nonbd{border:none  !important;}

/*text*/

.txtnormal{font-weight:normal!important; color:#333;}
.txtGrn{color:#099  !important;}
.txtGrnb{color:#099 !important; font-weight:bold;}
.txtnBl{color:#115fad  !important;}
.txtBl{color:#115fad  !important;}
.txtRd{color:#e06c2c  !important;}
.txtBlb{color:#115fad; font-weight:bold;}
.txtBlL{color:#115fad  !important;}
.txtRdL{color:#e06c2c  !important;}
.txtGre{color:#006600  !important;}
.txtDGre{color:#003113  !important;}


.txtnWb{color:#fff; font-weight:bold  !important;}
.txtnWl{color:#fff  !important;}
.txtlG{color:#999  !important;}
.txtGr{color:#ccc  !important;}


.bold{font-weight:bold  !important;}
.center{text-align:center  !important;}
.left{text-align:left  !important;}
.right{text-align:right  !important;}
.lHeight100{line-height:100%  !important;}
.lHeight80{line-height:80%  !important;}

.text10{font-size:77%;}
.text11{font-size:85%;}
.text12{font-size:93%;}
.text13{font-size:100%;}
.text14{font-size:108%;}
.text15{font-size:116%;}
.text16{font-size:123.1%;}
.text17{font-size:131%;}
.text18{font-size:138.5%;}
.text19{font-size:146.5%;}
.text20{font-size:153.9%;}
.text21{font-size:161.6%;}
.text22{font-size:167%;}
.text23{font-size:174%;}
.text24{font-size:182%;}
.text25{font-size:189%;}
.text26{font-size:197%;}

/*margin*/

.mrL1{margin-left:1%  !important;}
.mrL2{margin-left:2% !important;}
.mrL3{margin-left:3% !important;}
.mrL4{margin-left:4% !important;}
.mrL5{margin-left:5% !important;}
.mrL6{margin-left:6% !important;}
.mrL7{margin-left:7% !important;}
.mrL8{margin-left:8% !important;}
.mrL9{margin-left:9% !important;}
.mrL10{margin-left:10% !important;}
.mrL15{margin-left:15% !important;}
.mrL20{margin-left:20% !important;}

.mrR1{margin-right:1% !important;}
.mrR2{margin-right:2% !important;}
.mrR3{margin-right:3% !important;}
.mrR4{margin-right:4% !important;}
.mrR5{margin-right:5% !important;}
.mrR6{margin-right:6% !important;}
.mrR7{margin-right:7% !important;}
.mrR8{margin-right:8% !important;}
.mrR9{margin-right:9% !important;}
.mrR10{margin-right:10% !important;}
.mrR15{margin-right:15% !important;}
.mrR20{margin-right:20% !important;}

.mrT1{margin-top:1% !important;}
.mrT2{margin-top:2% !important;}
.mrT3{margin-top:3% !important;}
.mrT4{margin-top:4% !important;}
.mrT5{margin-top:5% !important;}
.mrT6{margin-top:6% !important;}
.mrT7{margin-top:7% !important;}
.mrT8{margin-top:8% !important;}
.mrT9{margin-top:9% !important;}
.mrT10{margin-top:10% !important;}
.mrT15{margin-top:15% !important;}
.mrT20{margin-top:20% !important;}

.mrB1{margin-bottom:1% !important;}
.mrB2{margin-bottom:2% !important;}
.mrB3{margin-bottom:3% !important;}
.mrB4{margin-bottom:4% !important;}
.mrB5{margin-bottom:5% !important;}
.mrB6{margin-bottom:6% !important;}
.mrB7{margin-bottom:7% !important;}
.mrB8{margin-bottom:8% !important;}
.mrB9{margin-bottom:9% !important;}
.mrB10{margin-bottom:10% !important;}
.mrB15{margin-bottom:15% !important;}
.mrB20{margin-bottom:20% !important;}

/*padding*/

.pdL1{padding-left:1% !important;}
.pdL2{padding-left:2% !important;}
.pdL3{padding-left:3% !important;}
.pdL4{padding-left:4% !important;}
.pdL5{padding-left:5% !important;}
.pdL6{padding-left:6% !important;}
.pdL7{padding-left:7% !important;}
.pdL8{padding-left:8% !important;}
.pdL9{padding-left:9% !important;}
.pdL10{padding-left:10% !important;}
.pdL15{padding-left:15% !important;}
.pdL20{padding-left:20% !important;}

.pdR1{padding-right:1% !important;}
.pdR2{padding-right:2% !important;}
.pdR3{padding-right:3% !important;}
.pdR4{padding-right:4% !important;}
.pdR5{padding-right:5% !important;}
.pdR6{padding-right:6% !important;}
.pdR7{padding-right:7% !important;}
.pdR8{padding-right:8% !important;}
.pdR9{padding-right:9% !important;}
.pdR10{padding-right:10% !important;}
.pdR15{padding-right:15% !important;}
.pdR20{padding-right:20% !important;}

.pdT1{padding-top:1% !important;}
.pdT2{padding-top:2% !important;}
.pdT3{padding-top:3% !important;}
.pdT4{padding-top:4% !important;}
.pdT5{padding-top:5% !important;}
.pdT6{padding-top:6% !important;}
.pdT7{padding-top:7% !important;}
.pdT8{padding-top:8% !important;}
.pdT9{padding-top:9% !important;}
.pdT10{padding-top:10% !important;}
.pdT15{padding-top:15% !important;}
.pdT20{padding-top:20% !important;}

.pdB1{padding-bottom:1% !important;}
.pdB2{padding-bottom:2% !important;}
.pdB3{padding-bottom:3% !important;}
.pdB4{padding-bottom:4% !important;}
.pdB5{padding-bottom:5% !important;}
.pdB6{padding-bottom:6% !important;}
.pdB7{padding-bottom:7% !important;}
.pdB8{padding-bottom:8% !important;}
.pdB9{padding-bottom:9% !important;}
.pdB10{padding-bottom:10% !important;}
.pdB15{padding-bottom:15% !important;}
.pdB20{padding-bottom:20% !important;}

/*border*/

.bdtDaC{border-top:1px dashed #ccc  !important;}
.bdbDaC{border:none; border-bottom:1px dashed #ccc  !important;}
.bdbDo{border:none !important; border-bottom:1px dotted #ccc  !important;}
.bdSoG{border:1px solid #ccc  !important;}
.bdSoE{border:1px solid #eee  !important;}
.bdSoO{border:1px solid #ff9000  !important;}
.bdSoB{border:#3f9eff 1px solid  !important;}

.bdlSo3bl{border-left:3px solid #39c; padding-left:7px; margin:5px auto;}
.bdlSo3gr{border-left:3px solid #999; padding-left:7px; margin:5px auto;}
.bdlSo3wh{border-left:3px solid #fff; padding-left:7px; margin:5px auto;}


/*height*/

.h200{ height:200px;}
.h300{ height:300px;}
.h400{ height:400px;}
.h500{ height:500px;}
.h600{ height:600px;}
.h700{ height:700px;}
.h800{ height:800px;}

/*width*/
.w10{width:10px  !important;}
.w20{width:20px  !important;}
.w30{width:30px  !important;}
.w40{width:40px  !important;}
.w50{width:50px  !important;}
.w60{width:60px  !important;}
.w70{width:70px  !important;}
.w80{width:80px  !important;}
.w90{width:90px  !important;}
.w100{width:100px  !important;}
.w110{width:110px  !important;}
.w120{width:120px  !important;}
.w130{width:130px  !important;}
.w140{width:140px  !important;}
.w150{width:150px  !important;}
.w160{width:160px  !important;}
.w170{width:170px  !important;}
.w180{width:180px  !important;}
.w190{width:190px  !important;}
.w200{width:200px  !important;}
.w210{width:210px  !important;}
.w220{width:220px  !important;}
.w230{width:230px  !important;}
.w240{width:240px  !important;}
.w250{width:250px  !important;}
.w260{width:260px  !important;}
.w270{width:270px  !important;}
.w280{width:280px  !important;}
.w290{width:290px  !important;}
.w300{width:300px  !important;}
.w310{width:310px  !important;}
.w320{width:320px  !important;}
.w330{width:330px  !important;}
.w340{width:340px  !important;}
.w350{width:350px  !important;}
.w360{width:360px  !important;}
.w370{width:370px  !important;}
.w380{width:380px  !important;}
.w390{width:390px  !important;}
.w400{width:400px  !important;}
.w410{width:410px  !important;}
.w420{width:420px  !important;}
.w430{width:430px  !important;}
.w440{width:440px  !important;}
.w450{width:450px  !important;}
.w460{width:460px  !important;}
.w470{width:470px  !important;}
.w480{width:480px  !important;}
.w490{width:490px  !important;}
.w500{width:500px  !important;}
.w510{width:510px  !important;}
.w520{width:520px  !important;}
.w530{width:530px  !important;}
.w540{width:540px  !important;}
.w550{width:550px  !important;}
.w560{width:560px  !important;}
.w570{width:570px  !important;}
.w580{width:580px  !important;}
.w590{width:590px  !important;}
.w600{width:600px  !important;}
.w610{width:610px  !important;}
.w620{width:620px  !important;}
.w630{width:630px  !important;}
.w640{width:640px  !important;}
.w650{width:650px  !important;}
.w660{width:660px  !important;}
.w670{width:670px  !important;}
.w680{width:680px  !important;}
.w690{width:690px  !important;}
.w700{width:700px  !important;}
.w710{width:710px  !important;}
.w720{width:720px  !important;}
.w730{width:730px  !important;}
.w740{width:740px  !important;}
.w750{width:750px  !important;}
.w760{width:760px  !important;}
.w770{width:770px  !important;}
.w780{width:780px  !important;}
.w790{width:790px  !important;}
.w800{width:800px  !important;}
.w810{width:810px  !important;}
.w820{width:820px  !important;}
.w830{width:830px  !important;}
.w840{width:840px  !important;}
.w850{width:850px  !important;}
.w860{width:860px  !important;}
.w870{width:870px  !important;}
.w880{width:880px  !important;}
.w890{width:890px  !important;}
.w900{width:900px  !important;}
.w910{width:910px  !important;}
.w920{width:920px  !important;}
.w930{width:930px  !important;}
.w940{width:940px  !important;}
.w950{width:950px  !important;}
.w960{width:960px  !important;}
.w970{width:970px  !important;}
.w980{width:980px  !important;}
.w990{width:990px  !important;}
.w1000{width:1000px  !important;}

/*layout*/
.ear{ear:both  !important;}
.flNone{float:none  !important;}
.flRight{float:right  !important;}
.flLeft{float:left  !important;}
.flRightLi li{float:right  !important;}
.flLeftLi li{float:left  !important;}
.flLeftdt dt{float:left !important; ear:both;}
.flLeftdt dd{float:right  !important;}
.block{display:block  !important;}
.bgfff{background:#fff  !important;}

.nonbg{background-image:none  !important;}
.nonbd{border:none  !important;}

/* ===================
Grid Parts
===================*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16{
	display: inline;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
}

.win body .grid_1, .win body .grid_2, .win body .grid_3, .win body .grid_4, .win body .grid_5, .win body .grid_6, .win body .grid_7, .win body .grid_8, .win body .grid_9, .win body .grid_10, .win body .grid_11, .win body .grid_12, .win body .grid_13, .win body .grid_14, .win body .grid_15, .win body .grid_16{
	margin-left: .92%;
	margin-right: .92%;
}

.container_12 .grid_3, .container_16 .grid_4{ width: 23%; }
.container_12 .grid_6, .container_16 .grid_8{ width: 48%; }
.container_12 .grid_9, .container_16 .grid_12{ width: 73%; }
.container_12 .grid_12, .container_16 .grid_16{ width: 98%; }

.alpha{ margin-left: 0; }
.omega{ margin-right: 0; }

.container_12 .grid_1{ width: 6.333%; }
.container_12 .grid_2{ width: 14.666%; }
.container_12 .grid_4{ width: 31.333%; }
.container_12 .grid_5{ width: 39.666%; }
.container_12 .grid_7{ width: 56.333%; }
.container_12 .grid_8{ width: 64.666%; }
.container_12 .grid_10{ width: 81.333%; }
.container_12 .grid_11{ width: 89.666%; }

.container_16 .grid_1{ width: 4.25%; }
.container_16 .grid_2{ width: 10.5%; }
.container_16 .grid_3{ width: 16.75%; }
.container_16 .grid_5{ width: 29.25%; }
.container_16 .grid_6{ width: 35.5%; }
.container_16 .grid_7{ width: 41.75%; }
.container_16 .grid_9{ width: 54.25%; }
.container_16 .grid_10{ width: 60.5%; }
.container_16 .grid_11{ width: 66.75%; }
.container_16 .grid_13{ width: 79.25%; }
.container_16 .grid_14{ width: 85.5%; }
.container_16 .grid_15{ width: 91.75%; }

.container_12 .prefix_3, .container_16 .prefix_4{ padding-left: 25%; }
.container_12 .prefix_6, .container_16 .prefix_8{ padding-left: 50%; }
.container_12 .prefix_9, .container_16 .prefix_12{ padding-left: 75%; }

.container_12 .prefix_1{ padding-left: 8.333%; }
.container_12 .prefix_2{ padding-left: 16.666%; }
.container_12 .prefix_4{ padding-left: 33.333%; }
.container_12 .prefix_5{ padding-left: 41.666%; }
.container_12 .prefix_7{ padding-left: 58.333%; }
.container_12 .prefix_8{ padding-left: 66.666%; }
.container_12 .prefix_10{ padding-left: 83.333%; }
.container_12 .prefix_11{ padding-left: 91.666%; }

.container_16 .prefix_1{ padding-left: 6.25%; }
.container_16 .prefix_2{ padding-left: 12.5%; }
.container_16 .prefix_3{ padding-left: 18.75%; }
.container_16 .prefix_5{ padding-left: 31.25%; }
.container_16 .prefix_6{ padding-left: 37.5%; }
.container_16 .prefix_7{ padding-left: 43.75%; }
.container_16 .prefix_9{ padding-left: 56.25%; }
.container_16 .prefix_10{ padding-left: 62.5%; }
.container_16 .prefix_11{ padding-left: 68.75%; }
.container_16 .prefix_13{ padding-left: 81.25%; }
.container_16 .prefix_14{ padding-left: 87.5%; }
.container_16 .prefix_15{ padding-left: 93.75%; }

.container_12 .suffix_3, .container_16 .suffix_4{ padding-right: 25%; }
.container_12 .suffix_6, .container_16 .suffix_8{ padding-right: 50%; }
.container_12 .suffix_9, .container_16 .suffix_12{ padding-right: 75%; }

.container_12 .suffix_1{ padding-right: 8.333%; }
.container_12 .suffix_2{ padding-right: 16.666%; }
.container_12 .suffix_4{ padding-right: 33.333%; }
.container_12 .suffix_5{ padding-right: 41.666%; }
.container_12 .suffix_7{ padding-right: 58.333%; }
.container_12 .suffix_8{ padding-right: 66.666%; }
.container_12 .suffix_10{ padding-right: 83.333%; }
.container_12 .suffix_11{ padding-right: 91.666%; }

.container_16 .suffix_1{ padding-right: 6.25%; }
.container_16 .suffix_2{ padding-right: 16.5%; }
.container_16 .suffix_3{ padding-right: 18.75%; }
.container_16 .suffix_5{ padding-right: 31.25%; }
.container_16 .suffix_6{ padding-right: 37.5%; }
.container_16 .suffix_7{ padding-right: 43.75%; }
.container_16 .suffix_9{ padding-right: 56.25%; }
.container_16 .suffix_10{ padding-right: 62.5%; }
.container_16 .suffix_11{ padding-right: 68.75%; }
.container_16 .suffix_13{ padding-right: 81.25%; }
.container_16 .suffix_14{ padding-right: 87.5%; }
.container_16 .suffix_15{ padding-right: 93.75%; }

.first{margin-left: 0;clear: left;}
.grid_clear{clear: left;}

/* ===================
jquery ui kit
===================*/

/* Start Search Box */
#search-box{width: 200px; height: 28px; margin: 0; position: absolute; display: block; top: 20px; left: 0px;}

#search-form {width: 200px; height: 28px; margin: 0; position: relative;}

#search-input {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; margin: 0; padding: 5px 35px 5px 5px; width: 158px; outline:none; color: #999; background: #ececec; border: 1px solid #d2d2d2; border-bottom: 1px solid #d8d8d8; border-radius: 3px; -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 0px 6px rgba(0,0,0,0.07); -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 0px 6px rgba(0,0,0,0.07); -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 0px 6px rgba(0,0,0,0.07); box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 0px 6px rgba(0,0,0,0.07);}

#search-input:focus {background: #fcfcfc; color: #666; border: 1px solid #d2d2d2; border-bottom: 1px solid #d8d8d8;}

#search-button {position: absolute; left: 172px; top: 0px; width: 28px; height: 28px; text-indent: -9999px; outline: none; border: 1px solid #ccc; border-bottom: 1px solid #d2d2d2; border-radius: 0px 3px 3px 0px; cursor: pointer; -webkit-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); -moz-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); -o-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); background: #ececec url(../img/ui/sb.png) 0 0 no-repeat;}

#search-button:hover {-webkit-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75); -moz-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75); -o-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75); box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75);}

#search-button:active {-webkit-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.58), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px -14px 13px rgba(255,255,255,0.57); -moz-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.58), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px -14px 13px rgba(255,255,255,0.57); -o-box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.58), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px -14px 13px rgba(255,255,255,0.57); box-shadow: -2px 0px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.58), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px -14px 13px rgba(255,255,255,0.57);}
/* End Search Box */

/* Start File Button */
#file-upload {width: 244px; height: auto; margin: 0; position: absolute; display: block; top: 60px; left: 0px; padding-right: 6px;}

#file-form {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666; text-shadow: 0px 1px 0px rgba(255,255,255,0.59); width: 80px; height: 31px; padding: 0; outline: none; background: #ececec; border: 1px solid #d8d8d8; border-bottom: 1px solid #ccc; border-radius: 3px; cursor: pointer; overflow: visible; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);}

#file-form:hover {-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75);}

#file-form:active {border: 1px solid #d2d2d2; border-bottom: 1px solid #d8d8d8; border-radius: 3px; -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -16px 15px rgba(255,255,255,0.20); -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -16px 15px rgba(255,255,255,0.20); -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -16px 15px rgba(255,255,255,0.20); box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -16px 15px rgba(255,255,255,0.20);}

#file-form::before {content: 'Upload'; position: absolute; left: 20px; top: 8px; color: #666; text-shadow: 0px 1px 0px rgba(255,255,255,0.59);}

#file-form:hover::before {color: #888; text-shadow: 0px 1px 0px rgba(255,255,255,0.69);}

#file-form:active::before {color: #696969; text-shadow: 0px 1px 0px rgba(255,255,255,0.53);}

#file-button {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #999; width: auto; height: auto; padding: 6px; text-indent: -9999px; position: absolute; top: 0; left; 0; margin: 0; display: block; cursor: pointer;}
/* End File Button */

/* Start Rectangular Button */
#r-b {display: inline; position: absolute; margin: 0; width: 80px; height: 32px; top: 108px; left: 0px;}

#rectangular-button {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; position: relative; display: block; color: #666; text-shadow: 0px 1px 0px rgba(255,255,255,0.59); background: #ececec; padding: 6px 20px 7px 20px; outline: none; border: 1px solid #d8d8d8; border-bottom: 1px solid #ccc; border-radius: 3px; cursor: pointer; overflow: visible; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.57); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.57); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.57); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.57);}

#rectangular-button:hover {color: #888; text-shadow: 0px 1px 0px rgba(255,255,255,0.69); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.75); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.75); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.75); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.75);}

#rectangular-button:active {color: #696969; text-shadow: 0px 1px 0px rgba(255,255,255,0.53); border: 1px solid #d2d2d2; border-bottom: 1px solid #d8d8d8; border-radius: 3px; -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20); -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20); -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20); box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14pxpx rgba(255,255,255,0.20);}
/* End Rectangular Button */

/* Start Circular Button */
#c-b {display: inline; position: absolute; margin: 0; width: 80px; height: 32px; top: 154px; left: 0px;}

#circular-button {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; position: relative; display: block; color: #666; text-shadow: 0px 1px 0px rgba(255,255,255,0.59); padding: 6px 20px 7px 20px; outline: none; background: #ececec; border: 1px solid #d8d8d8; border-bottom: 1px solid #ccc; border-radius: 30px; cursor: pointer; overflow: visible; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.57); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.57); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.57); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.57);}

#circular-button:hover {color: #888; text-shadow: 0px 1px 0px rgba(255,255,255,0.69); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.75); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.75); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.75); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.75);}

#circular-button:active {color: #696969; text-shadow: 0px 1px 0px rgba(255,255,255,0.53); border: 1px solid #d2d2d2; border-bottom: 1px solid #d8d8d8; -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20); -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20); -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20); box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20);}
/* End Circular Button */

/* Start Pagination */
#pagination {display: block; position: absolute; margin: 0; width: auto; height: auto; left: 0px; top: 252px;}

#pagination-table, #pagination-body, #pagination-text, #pagination-numbers {display: block; position: relative; margin: 0; width: auto; height: auto; padding: 0;}

.pagination-number {color: #666; text-shadow: 0px 1px 0px rgba(255,255,255,0.59); font-size: 12px; display: inline; position: relative; margin: 0px 1px 0px 1px; width: auto; height: auto; background: #ececec; padding: 6px 10px 6px 10px; outline: none; border: 1px solid #d8d8d8; border-bottom: 1px solid #ccc; border-radius: 3px; cursor: pointer; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57);}

.pagination-number:hover {color: #888; text-shadow: 0px 1px 0px rgba(255,255,255,0.69); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75);}

.pagination-number:active {color: #696969; text-shadow: 0px 1px 0px rgba(255,255,255,0.53); border: 1px solid #d2d2d2; border-bottom: 1px solid #d8d8d8; -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20);}

.pagination-number.dots, .pagination-number.dots:hover, .pagination-number.dots:active {color: #666; text-shadow: 0px 1px 0px rgba(255,255,255,0.59); background: none; border: none; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; padding: 9px 2px 3px 2px; cursor: default;}

.pagination-number.current {color: #696969; text-shadow: 0px 1px 0px rgba(255,255,255,0.53); border: 1px solid #d2d2d2; border-bottom: 1px solid #d8d8d8; -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20);}
/* End Pagination */

/* Start Dropdown Select */
#dropdown {display: block; position: absolute; margin: 0; width: auto; height: auto; top: 199px; left: 0px;}

#dropdown-select {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-appearance: button; -webkit-user-select: none; font-size: 13px; overflow: visible; text-overflow: ellipsis; white-space: nowrap; color: #666; text-shadow: 0px 1px 0px rgba(255,255,255,0.59); display: inline; position: relative; margin: 0px 1px 0px 1px; width: auto; height: auto; background: #ececec url(../img/ui/ddui.png) 0 0 no-repeat; padding: 5px 69px 6px 13px; outline: none; border: 1px solid #d8d8d8; border-bottom: 1px solid #ccc; border-radius: 3px; cursor: pointer; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);}

#dropdown-select:hover {color: #888; text-shadow: 0px 1px 0px rgba(255,255,255,0.69); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75);}

#dropdown-select:active {color: #696969; text-shadow: 0px 1px 0px rgba(255,255,255,0.53); border: 1px solid #d2d2d2; border-bottom: 1px solid #d8d8d8; -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20);}

.dropdown-option {color: #666; background: #f9f9f9;}

#dropdown-select:before {-webkit-margin-start: 3px; background: rgba(102, 102, 102, 0.74); border-radius: 100%; content: ''; display: inline-block; font-size: 12px; font-weight: 400; height: 6px; left: 0; margin-top: 3px; opacity: 1; position: absolute; top: 0; vertical-align: top; width: 6px; -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.69), inset 0px 1px 3px rgba(0,0,0,0.35);}


@media(max-width:640px){

#pege_navi select, #contents_navi select, #restrant_navi select{ width:100% !important; height:2em; line-height:2em; -webkit-appearance: button; -webkit-user-select: none; overflow: visible; text-overflow: ellipsis; white-space: nowrap; color: #666; text-shadow: 0px 1px 0px rgba(255,255,255,0.59); display: inline; position: relative; margin: 0px 1px 0px 1px; width: auto; height: auto; background: #ececec url(../img/ui/ddui.png) right center no-repeat; padding: 5px 69px 6px 13px; outline: none; border: 1px solid #d8d8d8; border-bottom: 1px solid #ccc; border-radius: 3px; cursor: pointer; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);}


#pege_navi select:hover, #contents_navi select:hover, #restrant_navi select:hover{color: #888; text-shadow: 0px 1px 0px rgba(255,255,255,0.69); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75);}


#pege_navi select:active, #contents_navi select:active, #restrant_navi select:active{color: #696969; text-shadow: 0px 1px 0px rgba(255,255,255,0.53); border: 1px solid #d2d2d2; border-bottom: 1px solid #d8d8d8; -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20);}

.dropdown-option {color: #666; background: #f9f9f9;}

#pege_navi select:before, #contents_navi select:before, #restrant_navi select:before{-webkit-margin-start: 3px; background: rgba(102, 102, 102, 0.74); border-radius: 100%; content: ''; display: inline-block; font-size: 12px; font-weight: 400; height: 6px; left: 0; margin-top: 3px; opacity: 1; position: absolute; top: 0; vertical-align: top; width: 6px; -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.69), inset 0px 1px 3px rgba(0,0,0,0.35);}
}

/* End Dropdown Select */

/* Start Radio Buttons */
#radio {display: inline; position: absolute; margin: 0; width: auto; height: auto; top: 20px; right: 31px;}

.radio-button {cursor: pointer; margin: 0; -webkit-appearance: none; -webkit-margin-start: 0; -webkit-margin-end: 3px; display: inline-block; height: 14px; position: relative; vertical-align: baseline; width: 14px; background: #ececec; border-radius: 100%; border: 1px solid #d8d8d8; border-bottom: 1px solid #ccc; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 6px 7px rgba(255,255,255,0.57); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 6px 7px rgba(255,255,255,0.57); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 6px 7px rgba(255,255,255,0.57); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 6px 7px rgba(255,255,255,0.57);}

.radio-button:hover {color: #888; text-shadow: 0px 1px 0px rgba(255,255,255,0.69); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 6px 7px rgba(255,255,255,0.78); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 6px 7px rgba(255,255,255,0.78); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 6px 7px rgba(255,255,255,0.78); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 6px 7px rgba(255,255,255,0.78);}

.radio-button:active {color: #696969; text-shadow: 0px 1px 0px rgba(255,255,255,0.53); border: 1px solid #d2d2d2; border-bottom: 1px solid #d8d8d8; -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -6px 7px rgba(255,255,255,0.20); -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -6px 7px rgba(255,255,255,0.20); -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -6px 7px rgba(255,255,255,0.20); box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -6px 7px rgba(255,255,255,0.20);}

.radio-button:checked::before {-webkit-margin-start: 3px; background: rgba(102, 102, 102, 0.74); border-radius: 100%; content: ''; display: inline-block; font-size: 12px; font-weight: 400; height: 6px; left: 0; margin-top: 3px; opacity: 1; position: absolute; top: 0; vertical-align: top; width: 6px; -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.69), inset 0px 1px 3px rgba(0,0,0,0.35);}
/* End Radio Buttons */

/* Start Checkboxes */
#checkboxes {display: inline; position: relative; margin: 0; width: auto; height: auto;}

.checkbox {cursor: pointer; margin: 0; -webkit-appearance: none; -webkit-margin-start: 0; -webkit-margin-end: 3px; display: inline-block; height: 14px; position: relative; vertical-align: baseline; width: 14px; background: #ececec; border-radius: 3px; border: 1px solid #d8d8d8; border-bottom: 1px solid #ccc; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 6px 7px rgba(255,255,255,0.57); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 6px 7px rgba(255,255,255,0.57); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 6px 7px rgba(255,255,255,0.57); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 6px 7px rgba(255,255,255,0.57);}

.checkbox:hover {color: #888; text-shadow: 0px 1px 0px rgba(255,255,255,0.69); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 6px 7px rgba(255,255,255,0.78); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 6px 7px rgba(255,255,255,0.78); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 6px 7px rgba(255,255,255,0.78); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 6px 7px rgba(255,255,255,0.78);}

.checkbox:active {color: #696969; text-shadow: 0px 1px 0px rgba(255,255,255,0.53); border: 1px solid #d2d2d2; border-bottom: 1px solid #d8d8d8; -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -6px 7px rgba(255,255,255,0.20); -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -6px 7px rgba(255,255,255,0.20); -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -6px 7px rgba(255,255,255,0.20); box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -6px 7px rgba(255,255,255,0.20);}

.checkbox:checked::before {-webkit-margin-start: 0; content: ''; display: inline-block; font-size: 12px; font-weight: 400; height: 12px; left: 0; margin-top: 0; opacity: 1; position: absolute; top: 0; vertical-align: top; width: 12px;}

.checkbox:checked.tick::before {background: transparent url(../img/ui/cbui.png) -1px -0px no-repeat; opacity: 1;}

.checkbox:checked.cross::before {background: transparent url(../img/ui/cbui.png) -22px 0px no-repeat; opacity: 1;}

.checkbox:checked.add::before {background: transparent url(../img/ui/cbui.png) -43px 0px no-repeat; opacity: 1;}
/* End Checkboxes */

/* Start Media Buttons */
#media-buttons {display: inline; position: absolute; right: 33px; width: auto; top: 203px; margin: 0; height: auto; cursor: default;}

.media-button {width: 24px; height: 24px; color: #666; text-shadow: 0px 1px 0px rgba(255,255,255,0.59); font-size: 12px; display: inline; position: relative; margin: 0px 1px 0px 1px; background: #ececec; outline: none; border: 1px solid #d8d8d8; border-bottom: 1px solid #ccc; border-radius: 3px; cursor: pointer; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 12px 11px rgba(255,255,255,0.57); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 12px 11px rgba(255,255,255,0.57); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 12px 11px rgba(255,255,255,0.57); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 12px 11px rgba(255,255,255,0.57);}

.media-button:hover {color: #888; text-shadow: 0px 1px 0px rgba(255,255,255,0.69); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 12px 11px rgba(255,255,255,0.75); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 12px 11px rgba(255,255,255,0.75); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 12px 11px rgba(255,255,255,0.75); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 12px 11px rgba(255,255,255,0.75);}

.media-button:active {color: #696969; text-shadow: 0px 1px 0px rgba(255,255,255,0.53); border: 1px solid #d2d2d2; border-bottom: 1px solid #d8d8d8; -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -12px 11px rgba(255,255,255,0.20); -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -12px 11px rgba(255,255,255,0.20); -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -12px 11px rgba(255,255,255,0.20); box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -12px 11px rgba(255,255,255,0.20);}

.media-button.previous::before {content: 'mb'; text-indent: -9999px; display: block; position: relative; width: 16px; height: 16px; background: transparent url(../img/ui/mbui.png) -7px -4px no-repeat;}

.media-button.pause::before {content: 'mb'; text-indent: -9999px; display: block; position: relative; width: 16px; height: 16px; background: transparent url(../img/ui/mbui.png) -37px -4px no-repeat;}

.media-button.play::before {content: 'mb'; text-indent: -9999px; display: block; position: relative; width: 16px; height: 16px; background: transparent url(../img/ui/mbui.png) -67px -4px no-repeat;}

.media-button.stop::before {content: 'mb'; text-indent: -9999px; display: block; position: relative; width: 16px; height: 16px; background: transparent url(../img/ui/mbui.png) -97px -4px no-repeat;}

.media-button.next::before {content: 'mb'; text-indent: -9999px; display: block; position: relative; width: 16px; height: 16px; background: transparent url(../img/ui/mbui.png) -127px -4px no-repeat;}
/* End Media Buttons */

/* Start Circle Buttons */
#circle-buttons {display: inline; position: absolute; left: 108px; width: auto; top: 105px; margin: 0; height: auto; cursor: default;}

.circle-button {width: 28px; height: 28px; color: #666; text-shadow: 0px 1px 0px rgba(255,255,255,0.59); font-size: 12px; display: inline; position: relative; margin: 0px 2px 0px 2px; background: #ececec; outline: none; border: 1px solid #d8d8d8; border-bottom: 1px solid #ccc; border-radius: 100%; cursor: pointer; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57);}

.circle-button:hover {color: #888; text-shadow: 0px 1px 0px rgba(255,255,255,0.69); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75);}

.circle-button:active {color: #696969; text-shadow: 0px 1px 0px rgba(255,255,255,0.53); border: 1px solid #d2d2d2; border-bottom: 1px solid #d8d8d8; -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20);}

.circle-button.previous::before {content: 'mb'; text-indent: -9999px; display: block; position: relative; width: 16px; height: 16px; background: transparent url(../img/ui/bui.png) -7px -6px no-repeat;}

.circle-button.next::before {content: 'mb'; text-indent: -9999px; display: block; position: relative; width: 16px; height: 16px; background: transparent url(../img/ui/bui.png) -43px -6px no-repeat;}

.circle-button.add::before {content: 'mb'; text-indent: -9999px; display: block; position: relative; width: 16px; height: 16px; background: transparent url(../img/ui/bui.png) -79px -6px no-repeat;}

.circle-button.tick::before {content: 'mb'; text-indent: -9999px; display: block; position: relative; width: 16px; height: 16px; background: transparent url(../img/ui/bui.png) -115px -6px no-repeat;}

.circle-button.cross::before {content: 'mb'; text-indent: -9999px; display: block; position: relative; width: 16px; height: 16px; background: transparent url(../img/ui/bui.png) -151px -6px no-repeat;}
/* End Circle Buttons */

/* Start Square Buttons */
#square-buttons {display: inline; position: absolute; left: 108px; width: auto; top: 151px; margin: 0; height: auto; cursor: default;}

.square-button {width: 28px; height: 28px; color: #666; text-shadow: 0px 1px 0px rgba(255,255,255,0.59); font-size: 12px; display: inline; position: relative; margin: 0px 2px 0px 2px; background: #ececec; outline: none; border: 1px solid #d8d8d8; border-bottom: 1px solid #ccc; border-radius: 3px; cursor: pointer; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57);}

.square-button:hover {color: #888; text-shadow: 0px 1px 0px rgba(255,255,255,0.69); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75);}

.square-button:active {color: #696969; text-shadow: 0px 1px 0px rgba(255,255,255,0.53); border: 1px solid #d2d2d2; border-bottom: 1px solid #d8d8d8; -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20);}

.square-button.previous::before {content: 'mb'; text-indent: -9999px; display: block; position: relative; width: 16px; height: 16px; background: transparent url(../img/ui/bui.png) -7px -6px no-repeat;}

.square-button.next::before {content: 'mb'; text-indent: -9999px; display: block; position: relative; width: 16px; height: 16px; background: transparent url(../img/ui/bui.png) -43px -6px no-repeat;}

.square-button.add::before {content: 'mb'; text-indent: -9999px; display: block; position: relative; width: 16px; height: 16px; background: transparent url(../img/ui/bui.png) -79px -6px no-repeat;}

.square-button.tick::before {content: 'mb'; text-indent: -9999px; display: block; position: relative; width: 16px; height: 16px; background: transparent url(../img/ui/bui.png) -115px -6px no-repeat;}

.square-button.cross::before {content: 'mb'; text-indent: -9999px; display: block; position: relative; width: 16px; height: 16px; background: transparent url(../img/ui/bui.png) -151px -6px no-repeat;}
/* End Square Buttons */

/* docs */
#docs {display: block; position: absolute; margin: 0; width: auto; height: auto; top: 340px; left: 91px;}

#download, #documentation {color: #666; text-shadow: 0px 1px 0px rgba(255,255,255,0.59); font-size: 12px; display: inline; position: relative; margin: 0px 5px 0px 5px; width: auto; height: auto; background: #ececec; padding: 6px 10px 6px 10px; outline: none; border: 1px solid #d8d8d8; border-bottom: 1px solid #ccc; border-radius: 3px; cursor: pointer; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.57);}

#download:hover, #documentation:hover {color: #888; text-shadow: 0px 1px 0px rgba(255,255,255,0.69); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 14px 13px rgba(255,255,255,0.75);}

#download:active, #documentation:active {color: #696969; text-shadow: 0px 1px 0px rgba(255,255,255,0.53); border: 1px solid #d2d2d2; border-bottom: 1px solid #d8d8d8; -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20); box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -14px 13px rgba(255,255,255,0.20);}

/* */

.item-hover{
overflow:hidden;
/zoom: 1;
opacity: 0.5;
}

/* ===================
Clear Floated Elements
===================*/

.clear{
clear:both;
}

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.cf:after {  
visibility:hidden;/*見えなくする*/ 
height:0;/*見えなくする*/
display: block;/*block要素にする*/
font-size: 0;
content: " ";
clear: both;
}
* html .cf             { zoom: 1; } /* IE6 */  
*:first-child+html .cf { zoom: 1; } /* IE7 */  

.hidden{
display:none;
}