/* CSS Document */

body{font:12px/1.231 Arial,sans-serif;background:url(images/bg_body.png) repeat;-webkit-text-size-adjust:none;overflow-x:hidden;}
	
	.bk-name h1,.pp_hd h2{margin:0;padding:0;font-size:15px;line-height:22px;word-wrap:break-word;}
	.t-nav ul,.t-nav li,.b-nav ul,.b-nav li,.box01 ul,.box01 li,.list01 ul,.list01 li,.prolist ol,.prolist ol li{margin:0;padding:0;list-style:none;}
	
	.t-nav li a,.t-nav li a.on{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;}

#wrap{overflow:hidden;position:fixed;width:100%;height:100%;}
.thumblist{
margin:0 5px;
}
#content{
overflow:hidden;
}

#mediaLoading{
position:fixed;
height:50px;
width:120px;
z-index:17;
bottom:0px;
right:0px;
color:#ffffff;
line-height:50px;
background:#000000;
}
#mediaLoading .imagegif{
position:relative;
height:50px;
width:50px;
float:left;
background:url(images/ajax-loader.gif) no-repeat 50% 50%;
}
#viewLoading{
width:100%;
height:100%;
background:url(images/loading40.gif) no-repeat 50% 50% #000000;
position:absolute;
z-index:4;
opacity:0.6;
}
#view_image{
position:relative;
}
.view_image{
float:left;
}
#view_scope .stay_image{
-webkit-transition:all 0 ease-in-out;
-moz-transition:all 0 ease-in-out;
-o-transition:all 0 ease-in-out;
-ms-transition:all 0 ease-in-out;
transition:all 0 ease-in-out;
}
#view_scope #moving_image{
-moz-box-shadow:9px 2px 20px rgba(10%,10%,12%,0.5),-8px 0px 15px rgba(10%,10%,12%,0.4);
-webkit-box-shadow:9px 2px 20px rgba(10%,10%,12%,0.5),-8px 0px 15px rgba(10%,10%,12%,0.4);
box-shadow:9px 2px 20px rgba(10%,10%,12%,0.5),-8px 0px 15px rgba(10%,10%,12%,0.4);
}
#view_scope .animate{
-webkit-transition: all 0.3s ;
-moz-transition: all 0.3s ;
-ms-transition: all 0.3s ;
-o-transition: all 0.3s ;
transition: all 0.3s ;
}

#header{
	z-index:3;width:96%;background:#333;border-bottom:3px solid #cdcdcd;padding:0 3% 0 2%;height:60px;position:fixed;left:0;top:0;
	-webkit-box-shadow:0px 2px 4px rgba(0,0,0, 0.5);-moz-box-shadow:0px 2px 4px rgba(0,0,0, 0.5);box-shadow:0px 2px 4px rgba(0,0,0, 0.5);
}
	
	.left{display:inline;float:left;}
	.right{display:inline;float:right;}
	.left.t-nav{width:30%;}
		.t-nav li,.t-nav li span,.t-nav li em.bar,.t-nav li a{display:inline;float:left;}
		.t-nav li{background:url(images/header/line_t-nav.jpg) repeat-y scroll left top;padding:0 0 0 10px;}
		.t-nav li span{background:url(images/header/line_t-nav.jpg) repeat-y scroll right top;padding:0 10px 0 0;margin-right:-2px;position:relative;}
		.t-nav li em.bar{position:absolute;left:-10px;bottom:0;height:3px;width:100%;padding:0 10px 0 0;}
			.share.on em.bar{background:#74A6CC;}
		.t-nav li a{width:40px;height:25px;padding:35px 5px 0;background-repeat:no-repeat;background-position:center 10px;text-align:center;font-weight:bold;color:#999;}
			.i-back{background-image:url(images/header/item_back.png);}li.on .i-back,.i-back:hover{background-image:url(images/header/item_back-on_bak.png);color:#fff;}
			.i-share{background-image:url(images/header/item_share.png);}li.on .i-share,.i-share:hover{background-image:url(images/header/item_share-on.png);color:#fff;}
			.i-buy{background-image:url(images/header/item_buy.png)}li.on .i-buy,.i-buy:hover{background-image:url(images/header/item_buy-on.png);color:#fff;}
			.i-music{background-image:url(images/header/item_music.png)}li.on .i-music,.i-music:hover{color:#fff;}
			.nbitem{
				position:absolute;right:0;bottom:-3px;border:2px solid #fff;text-align:center;font-size:11px;color:#fff;padding:0;width:15px;height:15px;text-align:center;line-height:15px;font-weight:bold;font-size:10px;
				background:#B22D00;
				background:-webkit-gradient(linear, 0 0, 0 bottom, from(#B22D00), to(#8E3728));
				background:-webkit-linear-gradient(#B22D00, #8E3728);
				background:-moz-linear-gradient(#B22D00, #8E3728);
				background:-ms-linear-gradient(#B22D00, #8E3728);
				background:-o-linear-gradient(#B22D00, #8E3728);
				background:linear-gradient(#B22D00, #8E3728);
				-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
				-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.3);-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.3);box-shadow:2px 2px 5px rgba(0,0,0,0.3);
			}
		.t-nav li.on a{color:#fff;}
		.t-nav li li{background:none;padding:0;}
			.t-nav li li span{background:none;padding:0;}
			.t-nav li li a{padding:0;}
	.bk-name{display:inline;float:left;width:40%;text-align:center;}
		.bk-name h1{
			height:60px;line-height:62px;color:#AAAC62;font-size:15px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
			-webkit-text-shadow:0px 2px 4px rgba(0,0,0, 0.5);-moz-text-shadow:0px 2px 4px rgba(0,0,0, 0.5);text-shadow:0px 2px 4px rgba(0,0,0, 0.5);
		}
	.box01{
		display:none;position:absolute;width:94%;padding:15px 4% 15px 3%;left:0;top:60px;background:#fff;border-top:3px solid #74A6CC;
		-webkit-box-shadow:0px 2px 4px rgba(0,0,0, 0.2);-moz-box-shadow:0px 2px 4px rgba(0,0,0, 0.2);box-shadow:0px 2px 4px rgba(0,0,0, 0.2);
	}
		.share .box01 table{margin:0 auto;float:none;display:table;}
			.share .box01 li,.share .box01 li *{display:inline;}
			.share .box01 li a{text-indent:-9999px;width:26px;height:26px;background-repeat:no-repeat;background-position:left top;margin:0 2px;}
				.i-fb{background-image:url(images/header/item_fb.jpg);}
				.i-tw{background-image:url(images/header/item_tw.jpg);}
				.i-gg{background-image:url(images/header/item_gg.jpg);}
				.i-pu{background-image:url(images/header/item_pu.jpg);}
				.i-mixi{background-image:url(images/header/item_mi.jpg);}
				.i-we{background-image:url(images/header/item_we.jpg);}
				.i-mixi{background-image:url(images/header/item_mi.jpg);}
				.i-line{background-image:url(images/header/item_li.jpg);}
				.i-qq{background-image:url(images/header/item_qq.jpg);}
				.i-link{background-image:url(images/header/item_link.jpg);}
				.i-page{background-image:url(images/header/item_page.jpg);}
				.i-iframe{background-image:url(images/header/item_iframe.jpg);}
				.i-addthis{background-image:url(images/header/item_addthis.jpg);}
			.share .box01 li a:hover{background-position:left bottom;}
			.share .box01 li a span{background:none !important;width:26px;height:26px;}
#content{z-index:2;min-height:415px;height:100%;}
	.bk-main{position:relative;width:100%;height:100%;text-align:center;}
		#view_scope{text-align:center;position:relative;}
		.bk-main div{margin:0 auto;}
	.bk-prev,.bk-next{text-indent:-9999px;position:fixed;width:45px;height:92px;top:50%;margin-top:-41px;background-repeat:no-repeat;}
		#prevpage{background-image:url(images/content/bg_bk-prev.png);left:0;}
		#nextpage{background-image:url(images/content/bg_bk-next.png);right:0;}
	.list01{display:none;position:fixed;width:90%;height:70px;padding:10px 5% 10px 5%;left:0;bottom:49px;background:rgba(0,0,0,0.8);overflow:hidden;z-index:102;}
		.slider{height:70px;}
		.slider li{display:initial;margin:0 0px;}
		.slider .showlist{margin:0 5px;}
	.list02{display:none;position:fixed;width:96%;padding:10px 3% 10px 2%;left:0;top:60px;bottom:50px;background:rgba(0,0,0,0.8);overflow:hidden;z-index:103;}
		.overflow-h{position:absolute;width:90%;height:90%;margin:2% 0 0 2%;overflow:auto;}
		.list02 ul{list-style:decimal-leading-zero;color:#fff;font-size:14px;}
		.list02 li{padding:5px 2%;}
		.list02 li a{color:#fff;display:block;padding:3px 2%;}
		.list02 li a:hover{background:#666;}
	.list03{display:none;position:fixed;width:100%;height:100%;left:0;top:0px; bottom:0px;background:rgba(0,0,0,0.8);overflow:hidden;z-index:103;}
		.overflow-h1{position:absolute;width:100%;height:50%; overflow-y: auto; overflow-x: hidden;}
		.list03 ul{list-style:none;color:#fff;font-size:14px;}
		.list03 li{padding: 10px;}
		#list-note{color: #fff; margin:50px auto;width: 95%;}
		.list03 textarea{width: 98%;min-height: 250px;color: #fff;background: gray;opacity: 1;padding: 3px;border: 0px;margin: 0 auto;margin-top: 10px;display: block;}
		.list03 textarea{display: none;}
		.list03 tr{color:#fff}
		.list03 tr:hover{background:#AAAC62;}
		.list03 .del-note{display: none;width: 30px;}
		.list03 .del-note p{color: red;font-size: 20px;font-weight: bold;}
		.list03 .note-page-content p{ width: 50px;}
		.list03 .note-content p{width: auto;overflow: hidden;font-size: 13px;height: 18px;}
		.list03 .header-note-mobile{text-align: left; color: #fff; font-size: 15px; line-height: 28px; margin-left: 10px;}
		.list03 .background-note-mobile{background: gray; height: 30px;}
	.i-full-close{display:none;text-indent:-9999px;position:fixed;left:10px;bottom:10px;background:url(images/footer/item_full-close.png) no-repeat scroll left top;width:30px;height:30px;z-index:5;}
	.i-note-close{float: right; margin-right: 10px; margin-top: 3px; background-color: #333;}
#footer{z-index:3;width:96%;background:rgba(0,0,0,0.6);padding:0 3% 0 2%;height:50px;line-height:52px;position:fixed;left:0;bottom:0;color:#fff;}
	.b-nav{}
		.b-nav,.b-nav *{display:inline;float:left;}
		.b-nav li a{text-indent:-9999px;width:25px;height:50px;padding:0 10px;background-repeat:no-repeat;background-position:center 13px;background-size:25px auto;}
			.i-list01{background-image:url(images/footer/item_list01.png);}
			.i-list02{background-image:url(images/footer/item_list02.png);}
			.i-full{background-image:url(images/footer/item_full.png);}
			.i-note{background-image:url(images/footer/note_bt0001.png);}
			.b-nav .i-back{background-image:url(images/footer/item_back.png);}
			.b-nav .i-share{background-image:url(images/footer/item_share.png);}
			.b-nav .i-buy{background-image:url(images/footer/item_buy.png);}
			.b-nav .i-music{background-image:url(images/footer/item_music.png);}
		.b-nav li a:hover{background-color:rgba(255,255,255,0.2);}
	.bk-title{display:inline;float:left;width:25%;margin:0 auto;text-align:center;font-size:15px;}
	.bk-pg{display:inline;float:right;text-align:right;}
		.bk-pg em{font-style:normal;}
	.b-nav.right{display:inline;float:right;padding:0 2% 0 0;width:auto;}
		.b-nav.right li{position:relative;}
		.b-nav.right li .nbitem{bottom:24px;}
		.b-nav.right li .music_close{top:inherit;bottom:14px;left:0px;font-size:10px;width:12px;height:12px;line-height:12px;}

#footer-note{background: gray; position: absolute; bottom: 0px; width: 100%;align-items: center;text-align: center;}
.button {
    background-color: #f5f5f5;
    border: none;
    color: #222;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
}
td {
  padding-bottom:10px;
  padding-right:10px;   
}

td:first-child {
  padding-right:0;
}
.button-modified-note {border-radius:2px;padding:5px 40px;font-size: 16px;margin: 5px 5px;}
.button-add-note {border-radius:2px;padding:5px 40px;font-size: 16px;margin: 5px 5px;}
.button-add-finish {border-radius:2px;background-color: rgba(255, 148, 77, 0.91);margin: 5px 5px;padding: 5px 40px;}
.button-cancel-note {border-radius:2px;margin: 5px 5px;padding: 5px 40px;}

.popbox,.popbox *{box-sizing:border-box;font-family:'微軟正黑體',Lato,Arial,sans-serif;}
	.popbox{z-index:9999;position:fixed;left:0;top:0;bottom:0;right:0;}
	.popmain{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;background:#333;border-top:3px solid #222;z-index:2;overflow:auto;}
		.pp_hd{position:relative;margin:0 15px;}
			.i_close{background:#222 url(images/content/item_close.png) no-repeat scroll center center;width:30px;height:30px;padding:10px;text-indent:-9999px;position:absolute;right:0;top:0;}
			.i_close:hover{background-color:#000;}
			.pp_hd h2{color:#fff;padding:10px 0;font-size:25px;font-weight:normal;}
		.pp_bd{color:#ccc;padding:10px 0 80px;font-size:15px;}
		.formbox{margin:0 17px;}
			.tfbar{margin:8px 0 0;}.tfbar b{display:block;padding:5px 0;color:#fff;}.tfbar01{padding:0;margin:20px 0 0;}
			.tfbar01 b{width:auto;position:static;font-size:18px;}.tfbar b.npr{padding:0;font-size:20px;}.tfbar span{line-height:1.4;color:#999;}
			.tfbar label{margin:0 10px 3px 0;display:inline-block;}.tfbar .tf{width:100%;padding:5px;margin:1px 0;border:1px solid #444;background:#222;color:#999;font-size:15px;}
			.tfbar .tf_ss{width:50px;}
			.npr,.npr i{color:#F90;font-style:normal;}span.ps{display:block;font-size:14px;color:#666;text-decoration:line-through;}
		.prolist ol{margin:0;}
			.prolist ol li{position:relative;margin:0 15px;padding:5px 0 8px 25px;border-bottom:1px dashed #666;}
			.prolist ol li em{width:25px;position:absolute;left:3px;top:9px;}
			.prolist ol li .pro_name{display:block;margin:4px 10px 3px 0;color:#fff;}
			.prolist ol li span{display:block;padding:5px 10px 0 0;}
			.prolist ol li .tf{width:50px;height:35px;line-height:35px;text-align:center;}
		.btnbar{padding:0 0 0 15px;background:#222;margin:20px 0 0;height:45px;line-height:47px;position:fixed;left:0;bottom:0;width:100%;}
			.set_nb{display:inline-block;}.set_nb .tf{width:60px;padding:2px 0 0 5px;height:35px;line-height:30px;}
			.btnbar .btn{float:right;background:#F90;color:#fff;border:0;padding:0 12px;height:50px;margin:0 0 0 1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
			.btnbar .btn_sw{width:83px;}
			.btnbar .btn_submit{padding:0 20px;background:#900;}
			.btnbar .tfbar{display:inline-block;margin:0;}
	.bg_b{background:rgba(0,0,0,0.8);position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}

@media(max-width:500px){
	#header{height:50px;}
		.t-nav li span{height:50px;}
		.t-nav li a{background-repeat:no-repeat;background-position:center 10px;text-align:center;font-weight:bold;color:#999;}
		.t-nav li a{text-indent:-9999px;width:40px;height:50px;padding:0;background-position:center 14px;}
		.bk-name h1{height:50px;line-height:50px;font-size:15px;}
		.box01{top:50px;}
	#content{padding-top:0px;min-height:440px;}
		.arrow-left,.arrow-right{margin-top:-15px;background-repeat:no-repeat;background-size:20px auto;background-color:rgba(0,0,0,0.2);}
		.arrow-left{background-image:url(images/content/btn_prev.png);left:5px;}
		.arrow-right{background-image:url(images/content/btn_next.png);right:5px;}
		.list01{bottom:29px;}
		.list02{left:0;top:40px;bottom:30px;}
	/*#footer{height:40px;line-height:42px;}
		.b-nav li a{height:40px;padding:0 7px;background-position:center 12px;}*/
		.bk-title{font-size:12px;}
		.bk-pg{padding-right:2%;}
		.b-nav.right li .nbitem{bottom:18px;}
		.b-nav.right li .music_close{top:50%;left:-2px;margin-top:-6px;}
		.btnbar .tfbar b.npr{font-size:13px;}
		.btnbar .btn{padding:0 5px;font-size:13px;}
}
@media(max-width:450px){
	.prolist ol li .pro_name{width:90%;}
}

.Multimedia li {
    display: list-item;
    list-style-type: disc;
    font-size: 12px;
    font-family: Arial;
    color: #000;
    text-align: left;
    margin-left: 15px;
    word-break: break-all;
}
#s-lightbox-box li {
    display: list-item;
    list-style-type: disc;
    font-size: 12px;
    font-family: Arial;
    color: #000;
    text-align: left;
    margin-left: 15px;
    word-break: break-all;
}
#s-lightbox-box h1.title{
	border-bottom: 1px solid #000;
}