/* CSS Document */
@import url(Roboto.css);
@import url(Raleway.css);
@import url(Questrial.css);
@import url(Oswald.css);
@import url(notosanstc.css);

/*==【基本設定】==*/
body{
	background:#EDEDED url(../images/bg_body03.png) repeat scroll left top;
	font:1em/1.231 'Microsoft JhengHei', '微軟正黑體', 'Questrial', sans-serif, Helvetica, sans-serif;
	overflow-x:hidden;
}

#header h1,
#footer h1,
.title{
	margin:0;
	padding:0;
	font-size:0.9375em;
	line-height:1.2;
}

.ulli,
.ulli ul,
.ulli li{
	margin:0;
	padding:0;
	list-style:none;
}

.fst_a,
.fst_a:hover,
.tab_bk .tab_hd li a,
.tab_bk .tab_hd li.on a,
.prev_logo,
.prev_logo:hover,
.wbox_t li a,
.wbox_t li.on a,
.rfixed a,
.fileup li a,
.fileup li a:hover{
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-ms-transition:none;
	transition:none;
}

#wrap{
	position:relative;
	z-index:2;
}

.inbox{
	width:1150px;
	margin:0 auto;
}

img{
	max-width:100%;
	height:auto !important;
}

/* topmbbox */
.fixed{
	overflow:hidden;
}

#topmbbox{
	position:absolute;
	left:0;
	top:-465px;
	width:100%;
	z-index:99;
}

.cktop{
	z-index:2;
	background:#92C33E url(../images/header/bg_cktop.png) no-repeat scroll left bottom;
	position:absolute;
	right:50%;
	margin-right:-570px;
	cursor:pointer;
	height:40px;
}

.incktop{
	position:relative;
	top:30px;
	left:8px;
	background:#92C33E;
	width:140px;
	padding:10px 10px 5px;
	color:#fff;
	text-align:center;
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
	-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25);
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25);
}

.incktop b{
	font-size:1em;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:block;
}

.incktop p{
	background:url(../images/header/item_arr02.png) no-repeat scroll center bottom;
	padding:0 0 10px;
}

.topmcont{
	z-index:2;
	height:385px;
	background:#92C33E;
	padding:20px 0;
	position:relative;
	overflow:hidden;
	-webkit-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.65);
	-moz-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.65);
	box-shadow:2px 2px 10px rgba(0, 0, 0, 0.65);
}

.mb01 .hd{
	padding:15px 0 10px;
}

.mb01 h2.title{
	font-size:6.25em;
	text-align:center;
	color:#fff;
	font-family:'Roboto', sans-serif;
}

.mb01 .bd{
	padding:15px 0 0;
}

.mb01 .msg{
	text-align:center;
	padding:0 0 5px;
	color:#fff;
	font-size:0.8125em;
}

.mbform{
	width:900px;
	margin:0 auto;
	padding:5px 0 0;
	text-align:center;
}

.mbform .tfbox{
	height:40px;
	padding:1px;
	margin:0 5px 5px 0;
	background:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	position:relative;
}

.mbform .tfbox .tf{
	border:0;
	height:40px;
	line-height:40px;
	width:70%;
	margin:0 0 0 10px;
	float:left;
	font-size:0.9375em;
}

.mbform .btn_ok{
	border:0;
	position:absolute;
	background:url(../images/header/btn_ok.png) no-repeat scroll center center;
	width:52px;
	height:52px;
	right:-25px;
	top:18px;
	z-index:99;
	text-indent:-9999px;
}

.mbform .btn_ok01{
	top:-5px;
}

.mbform .btn_ok02{
	top:90px !important;
}

.mbform .tfbox b{
	display:inline;
	float:left;
	background-color:#B9D297;
	background-repeat:no-repeat;
	background-position:center center;
	width:20%;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:1.25em;
	color:#fff;
	-webkit-border-radius:4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px;
}

.mbform .tfbox span{
	position:absolute;
	top:50%;
	right:8%;
	margin-top:-9px;
	background-repeat:no-repeat;
	background-position:center center;
	width:19px;
	height:18px;
	text-indent:-9999px;
}

.tfbox .i_o{
	background-image:url(../images/header/item_y01.png);
}

.tfbox .i_x{
	background-image:url(../images/header/item_x01.png);
}

.mblinks{
	position:relative;
	clear:both;
	padding:30px 0 0;
	text-align:center;
}

.mblinks a{
	display:inline-block;
	color:#fff;
	height:20px;
	line-height:20px;
	margin:3px 5px;
	font-size:0.8125em;
	padding:0 0 0 25px;
}

.mblinks a:hover{
	color:#ff0;
}

.i_fg{
	background:url(../images/header/item_forget.png) no-repeat scroll left center;
}

.i_re{
	background:url(../images/header/item_resend.png) no-repeat scroll left center;
}

.i_ck{
	background:url(../images/header/item_check.png) no-repeat scroll left center;
}

.mb_c{
	width:300px;
	margin:0 auto;
	position:relative;
	display:inline-block;
	vertical-align:top;
}

.mb_r{
	display:inline-block;
	background:url(../images/header/item_or.png) no-repeat scroll left center;
	padding:0 0 0 50px;
	margin:0 0 0 40px;
}

.abtn{
	background:rgba(0, 0, 0, 0.2);
	display:block;
	width:180px;
	padding:8px 15px 8px 60px;
	text-align:left;
	color:#fff;
	font-size:0.9375em;
	position:relative;
	margin:3px 2px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.abtn i{
	font-size:1.6666666666666667em;
	color:#fff;
	position:absolute;
	left:20px;
	top:7px;
}

.fa.fa-user-plus{
	font-size:1.4375em;
}

.abtn b{
	font-size:1.2em;
	color:#fff;
	display:block;
	font-weight:normal;
}

.abtn:hover{
	background:rgba(0, 0, 0, 0.3);
	color:#fff;
	font-weight:normal;
}

.mb_cb .abtn{
	background:#73A52F;
}

.slist{
	text-align:center;
	padding:20px 0 0;
}

.slist a{
	position:relative;
	display:inline-block;
	margin:2px;
	background:#fff;
	border:5px solid #C9E19F;
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	color:#fff;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}

.slist span{
	display:none;
	position:absolute;
	left:-15px;
	width:80px;
	text-align:center;
	bottom:-30px;
	line-height:1.2;
}

.i_back{
	background:rgba(0, 0, 0, 0.1) url(../images/header/icon_back.png) no-repeat scroll center 13px;
	color:#fff;
	position:absolute;
	width:135px;
	height:108px;
	padding:27px 0 0;
	margin-left:-67px;
	text-align:center;
	font-size:0.9375em;
	position:absolute;
	left:50%;
	bottom:-77px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}

.i_back:hover{
	background-color:rgba(0, 0, 0, 0.3);
	color:#fff;
}

#resend .mbform{
	padding:0;
}

.mb02 .hd{
	background:url(../images/header/item_mblogo.png) no-repeat scroll center top;
	width:340px;
	height:90px;
	padding:15px 0 0 80px;
	margin:30px auto 0;
	font-size:1.25em;
	color:#fff;
}

.mb02 .hd b{
	display:block;
	padding:0 0 45px;
}

.mb02 .hd p{
	font-size:0.75em;
}

.mb02 .hd .ctrllist ul{
	background:none;
	width:auto;
	padding:10px 60px 0 0;
}

.mb02 .hd .ctrllist li a{
	min-width:auto;
}

.mb02 .bd{
	padding:40px 0 0;
	margin:30px 0 0;
}

.ctrllist{
	font-size:0.875em;
	text-align:center;
}

.ctrllist ul{
	display:inline-block;
	vertical-align:top;
	text-align:left;
	width:290px;
	background:url(../images/header/line_mb03.png) no-repeat scroll 2px center;
	padding:0 0 0 15px;
}

.ctrllist ul.fst{
	background:none;
}

.ctrllist li{
	display:inline-block;
	margin:3px 1px;
	position:relative;
}

.ctrllist li a{
	display:block;
	position:relative;
	min-width:90px;
	color:#fff;
	padding:8px 10px 8px 38px;
	background:rgba(42, 76, 48, 0.5);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.ctrllist li a img{
	width:35px;
	position:absolute;
	left:2px;
	top:-1px;
}

.ctrllist li a:hover{
	opacity:0.7;
}

.ctrllist li em,
.bk_btn a em.buynb{
	position:absolute;
	right:6px;
	top:7px;
	z-index:2;
	border:2px solid #fff;
	text-align:center;
	font-size:0.6875em;
	color:#fff;
	padding:1px 3px 1px 4px;
	display:block;
	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;
}

.bg_cover{
	display:none;
	z-index:1;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.5);
}

/* Header */
#header{
	z-index:30;
	background:#fff;
}

/* 上方_連結、分享、國家 */
#header .hd{
	padding:0 10px;
	background:#1d1e20;
	position:relative;
	z-index:40;
}

.tlinks{
	display:inline;
	float:left;
}

.tlinks ul{
	display:inline;
	float:left;
}

.tlinks ul ul{
	display:block;
	float:none;
}

.tlinks li{
	display:inline;
	float:left;
	background:url(../images/header/line_01.png) no-repeat scroll left center;
	padding:9px 5px 9px 6px;
	position:relative;
}

.tlinks li.fst{
	background:none;
}

.tlinks li.i_webset{
	background:url(../images/header/item_webset.png) no-repeat scroll 5px center;
	padding:9px 5px 9px 20px;
}

.tlinks li.w01{
	background-image:url(../images/header/item_webset01.png);
}

.tlinks li.w02{
	background-image:url(../images/header/item_webset02.png);
}

.tlinks li.w03{
	background-image:url(../images/header/item_webset03.png);
}

.tlinks li a{
	color:#ccc;
	display:block;
	padding:3px;
}

.tlinks li.imp a{
	color:#96C53F;
}

.tlinks li a:hover{
	color:#92C33E;
}

.tlinks li.hv{
	color:#92C33E;
	background-color:#000;
}

.tlinks li.i_webset.hv a{
	background:none;
}

.tlinks li.li_img{
	padding:11px 8px 9px 9px;
}

.tlinks li span a{
	display:inline;
	padding:0;
}

.tlinks li span.shspan *{
	vertical-align:top !important;
}

.tlinks li.moreinfo{
	padding:0;
}

.tlinks .t_more{
	display:none;
	text-indent:-9999px;
	background:url(../images/header/icon_more.png) no-repeat scroll center center;
	height:16px;
	width:30px;
	padding:12px 5px;
}

.tlinksbox{
	display:none;
	position:absolute;
	left:0;
	top:40px;
	background:#000;
	width:280px;
	padding:10px;
	z-index:33;
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
	-webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.25);
	box-shadow:2px 2px 4px rgba(0, 0, 0, 0.25);
}

.intlinks{
	background:rgba(255, 255, 255, 0.2);
	padding:8px 10px;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.tlinks .intlinks li{
	display:block;
	float:none;
	background:none;
	padding:3px 0;
}

.tlinks .intlinks li i{
	position:absolute;
	left:50%;
	top:4px;
	margin-left:-30px;
	color:#A4C364;
	font-size:0.6875em;
	padding:0 0 0 15px;
	background-repeat:no-repeat;
	background-position:left top;
}

.i_y{
	background-image:url(../images/header/item_y.png);
	color:#A4C364;
}

.i_o{
	background-image:url(../images/header/item_o.png);
	color:#FF9C37 !important;
}

.i_x{
	background-image:url(../images/header/item_x.png);
	color:#C00 !important;
}

.tlinks li.i_webset.hv .btn_link{
	display:block;
	margin:10px auto 0;
	color:#fff;
	line-height:1.2;
	padding:8px 0;
	text-align:center;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	background:#2D8DCE;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#6DB2DF), to(#2D8DCE));
	background:-webkit-linear-gradient(#6DB2DF, #2D8DCE);
	background:-moz-linear-gradient(#6DB2DF, #2D8DCE);
	background:-ms-linear-gradient(#6DB2DF, #2D8DCE);
	background:-o-linear-gradient(#6DB2DF, #2D8DCE);
	background:linear-gradient(#6DB2DF, #2D8DCE);
}

.tlinks .btn_link span{
	display:block;
	color:rgba(255, 255, 255, 0.5);
	padding:3px 0 0;
}

.mcountry{
	background:url(../images/header/icon_01.png) no-repeat scroll 97% center;
	padding:3px 15px 3px 3px;
	cursor:pointer;
	display:inline;
	float:left;
	background-repeat:no-repeat;
	color:#ccc;
}

.ot_country{
	z-index:3;
	width:150px;
	display:none;
	position:absolute;
	left:0;
	top:40px;
	background:#000;
	padding:10px;
	box-sizing:border-box;
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
	-webkit-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:2px 2px 4px rgba(0, 0, 0, 0.25);
	box-shadow:2px 2px 4px rgba(0, 0, 0, 0.25);
}

.incountry{
	background:rgba(255, 255, 255, 0.2);
	padding:8px 10px;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.ot_country span{
	display:block;
	float:none;
	padding:5px 0;
	color:#999;
	cursor:pointer;
	font-size:0.9375em;
}

.ot_country span:hover{
	color:#96C53F;
}

/*
			.i_tw{background-image:url(../images/header/item_lg_tw.png);}
			.i_cn{background-image:url(../images/header/item_lg_cn.png);}
			.i_jp{background-image:url(../images/header/item_lg_jp.png);}
			.i_en{background-image:url(../images/header/item_lg_en.png);}
			*/

/* Logo、主選單 */
#header .bd{
	background:#fff;
	position:relative;
	z-index:30;
}

.bd_t{
	padding:5px 0;
}

#header h1.title{
	display:inline-block;
}

#header h1.title img{
	height:50px !important;
}

.lmnav_hd,
.innav,
.innav02 b{
	display:none;
}

.mnav{
	background:#93BC56;
	border-bottom:1px solid #fff;
	min-height:5px;
	-webkit-box-shadow:inset 0px 3px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:inset 0px 3px 5px rgba(0, 0, 0, 0.2);
	;
	box-shadow:inset 0px 3px 5px rgba(0, 0, 0, 0.2);
}

.mnav li{
	display:inline;
	float:left;
	padding:0 5px;
	position:relative;
}

.mnav li .fst_a{
	display:block;
	height:35px;
	line-height:35px;
	padding:2px 10px 0;
	color:#fff;
	font-size:0.875em;
}

.mnav li .fst_a:hover,
.mnav li .fst_a.on{
	background:url(../images/header/item_arr_t.png) no-repeat scroll center bottom;
}

.mnav li.fst{
	padding:0;
}

.mnav li.fst .fst_a{
	padding-left:5px;
}

/* 次選單 */
.submnav{
	z-index:999;
	display:none;
	position:absolute;
	left:-6px;
	top:37px;
	width:230px;
	background:rgba(255, 255, 255, 1);
	padding:3px 0;
	font-size:0.875em;
	-webkit-box-shadow:0 0 12px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:0 0 12px rgba(0, 0, 0, 0.25);
	box-shadow:0 0 12px rgba(0, 0, 0, 0.25);
}

.submnav li{
	display:block;
	float:none;
	padding:1px 3px;
}

.submnav li a{
	display:block;
	padding:4px 15px 5px 8px;
	color:#333;
	border-left:3px solid #ddd;
}

.submnav li a.hassub{
	background:url(../images/header/icon_02.png) no-repeat scroll 99% center;
}

.submnav li a:hover,
.submnav li a.hv{
	border-left:3px solid #93BC56;
	color:#93BC56;
}

.submnav i.i_t{
	display:none;
	position:absolute;
	left:40px;
	top:-10px;
	background:url(../images/header/item_arr_t.png) no-repeat scroll center center;
	width:15px;
	height:10px;
}

.fst .submnav i.i_t{
	left:27px;
}

.ssubmnav{
	z-index:9999;
	display:none;
	position:absolute;
	left:231px;
	top:0;
	width:175px;
	background:rgba(255, 255, 255, 1);
	padding:3px 0;
	-webkit-box-shadow:0 0 12px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:0 0 12px rgba(0, 0, 0, 0.25);
	box-shadow:0 0 12px rgba(0, 0, 0, 0.25);
}

.ssubmnav i.i_l{
	position:absolute;
	left:-10px;
	top:6px;
	background:url(../images/header/item_arr_l.png) no-repeat scroll center center;
	width:10px;
	height:15px;
}

.ssubmnav .ssubmnav{
	left:176px;
}

#header .mCustomScrollBox,
#header .mCSB_container{
	overflow:visible;
}

/* 手機主選單 */
.an_menu{
	display:none;
}

/* 手機_環保指數/搜尋 */
.mlinks{
	display:none;
}

#content{
	z-index:20;
	padding:20px 0;
}

.l{
	display:inline;
	float:left;
}

.r{
	display:inline;
	float:right;
}

.lbox{
	width:270px;
}

.rbox{
	width:850px;
}

/* 路徑 */
.gopath{
	font-size:0.75em;
	color:#000;
	padding:8px 0 15px;
}

.gopath a{
	color:#000;
}

.gopath a:hover{
	text-decoration:underline;
}

.gopath span{
	background:url(../images/content/icon_path.png) no-repeat scroll left 3px;
	padding:0 0 0 17px;
	margin:0 0 0 2px;
}

.gopath span.fst{
	background:none;
	padding:0;
}

.gopath span.last{
	color:#B54096;
}

.gopath span:first-child{
	background:none;
	padding:0;
}

.gopath span:last-child{
	color:#93bc56;
}

/* 主內容 */
.mcont{
	padding:0;
}

/* 會員專區 */
.oblock{
	padding:10px 5% 50px;
}

.inmb01 h2.title{
	color:#73A52F;
}

.inmb01 .mblinks a{
	color:#73A52F;
}

.inmb01 .mblinks a:hover{
	text-decoration:underline;
}

.inmb01 .mb_cb{
	width:300px;
	background:url(../images/header/item_or02.png) no-repeat scroll center top;
	padding:40px 0 0;
	margin:20px auto 0;
	text-align:center;
}

.inmb01 .mb_cb .abtn{
	margin:3px auto;
	height:auto;
	width:auto;
	padding:10px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.inmb01 .mb_cb .abtn b{
	color:#fff;
	display:inline;
	font-size:1.0625em;
	margin:0 0 0 5px;
}

.inmb01 .msg{
	color:#900;
}

.inmb01 .slist span{
	color:#333;
}

.inmb01 .mbform .tfbox b{
	background-color:#73A52F;
}

/* 登入 */
.mb03{
	width:300px;
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-150px;
	z-index:2;
}

.mb03 h1.title{
	text-align:center;
}

.mb03 h1.title img{
	width:240px;
}

.mb03 .msg{
	color:#900;
	padding:10px 0 0;
}

.mb03 .mbform{
	width:auto;
	padding:20px 0 0;
}

.mb03 .mbform .tfbox b{
	background-color:#92C33E;
}

#wrap .bg{
	position:fixed;
	left:-8%;
	top:-8%;
	width:120%;
	height:120%;
	z-index:1;
	overflow:hidden;
	background:url('https://image.freepik.com/free-photo/copy-breakfast-office-study-drink_1203-5831.jpg') no-repeat;
	background-size:cover;
	-webkit-filter:blur(10px);
	filter:blur(10px);
}

/* 搜尋 */
.shbar{
	position:relative;
	padding:2px 45px 2px 80px;
	height:31px;
	position:relative;
	background:#333;
	border-bottom:1px solid #fff;
	-webkit-box-shadow:inset 0px 3px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:inset 0px 3px 5px rgba(0, 0, 0, 0.1);
	;
	box-shadow:inset 0px 3px 5px rgba(0, 0, 0, 0.1);
}

.shbar.on{
	background:#93BC56;
}

.shbar.on .tf{
	color:#fff;
}

.shbar,
.shbar.on{
	-webkit-transition:all .35s ease-in-out;
	-moz-transition:all .35s ease-in-out;
	-o-transition:all .35s ease-in-out;
	-ms-transition:all .35s ease-in-out;
	transition:all .35s ease-in-out;
}

.shbar .sel{
	border:0;
	width:70px;
	height:35px;
	line-height:35px;
	color:#fff;
	position:absolute;
	left:0;
	top:0;
	font-size:0.9375em;
	padding:0 0 0 5px;
	background:#000 url(../images/header/icon_01.png) no-repeat scroll 95% center;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}

.shbar .tf{
	border:0;
	background:0;
	height:33px;
	line-height:33px;
	width:100%;
	color:#fff;
	font-size:0.9375em;
}

.btn_sh{
	position:absolute;
	right:0;
	top:0;
	background:url(../images/content/btn_sh.png) no-repeat scroll center center;
	width:40px;
	height:35px;
	text-indent:-9999px;
	border:0;
}

.shbar.mshow{
	display:none;
	z-index:0;
}

.box02_2{
	margin:0 !important;
}

.box02_2 .box_bd{
	padding:0 !important;
	background:rgba(0, 0, 0, 0.1) !important;
	-webkit-box-shadow:inset 2px 2px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:inset 2px 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow:inset 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.sel01{
	background:url(../images/content/icon_select.png) no-repeat scroll 98% center;
	padding:5px 25px 5px 10px;
	font-size:1em;
	width:100%;
	box-sizing:border-box;
	margin:1px 0;
	border:1px solid #ccc;
	-webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.1);
	box-shadow:0px 0px 2px rgba(0, 0, 0, 0.1);
	background-color:#fff;
	background-color:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#eee));
	background-color:-webkit-linear-gradient(#fff, #eee);
	background-color:-moz-linear-gradient(#fff, #eee);
	background-color:-ms-linear-gradient(#fff, #eee);
	background-color:-o-linear-gradient(#fff, #eee);
	background-color:linear-gradient(#fff, #eee);
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}

.tf_sh01{
	font-size:1em;
	padding:8px 5px;
	width:100%;
	box-sizing:border-box;
	border:1px solid #ccc;
	margin:1px 0 0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}

.btnbox02{
	padding:5px 0 0;
}

.btnbox02 .btn{
	height:35px;
	line-height:35px;
	width:100%;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	margin:2px 0;
}

/* 環保指數 */
.countbox{
	z-index:3;
	margin:10px 0 0;
}

.incount{
	background:url(../images/content/bg_countbox.jpg) no-repeat scroll center 50%;
	border:1px solid #fff;
	height:120px;
	padding:10px;
	text-align:center;
	position:relative;
	background-size:cover;
	-webkit-box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.3);
	box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.incount h2.title{
	color:#222;
	font-size:1.625em;
	margin:5px 0 0;
	-webkit-text-shadow:1px 1px 0 rgba(255, 255, 255, 0.8);
	-moz-text-shadow:1px 1px 0 rgba(255, 255, 255, 0.8);
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.8);
}

.incount_info{
	background:rgba(0, 0, 0, 0.4);
	color:#fff;
	font-size:0.9375em;
	padding:10px;
	line-height:1.6;
	position:absolute;
	left:10px;
	right:10px;
	bottom:10px;
}

.countbox.mshow{
	display:none;
	z-index:0;
}

/* 其它資訊 */
.otinfo{
	margin:10px 0 0;
	padding:0 0 10px;
}

.otinfo b{
	font-weight:normal;
	color:#666;
}

.otinfo ul{
	padding:5px 0 0;
}

.otinfo li{
	display:block;
	padding:0 0 1px;
}

.otinfo li img{
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
	opacity:.6;
	filter:Alpha(Opacity=60);
}

.otinfo li img:hover{
	-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%);
	-ms-filter:grayscale(0%);
	-o-filter:grayscale(0%);
	filter:grayscale(0%);
	filter:;
	opacity:1;
	filter:Alpha(Opacity=100);
}

/* box01 */
.box01{
	margin:20px 0 0;
}

.box01 .box_hd{
	background:url(../images/content/icon_h2_01.png) no-repeat scroll left bottom;
	padding:0 0 0 15px;
	position:relative;
}

.box01 .box_hd h2.title{
	font-size:em;
	color:#92BB55;
	padding:2px 55px 2px 10px;
	border-bottom:1px solid #93BC56;
	display:block;
	-webkit-text-shadow:1px 1px 0 rgba(255, 255, 255, 0.8);
	-moz-text-shadow:1px 1px 0 rgba(255, 255, 255, 0.8);
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.8);
}

.box01 .box_hd h2.title em{
	margin:0 0 0 5px;
}

.i_more{
	position:absolute;
	right:0;
	top:50%;
	color:#999;
	margin-top:-10px;
}

.i_more:hover{
	color:#92BB55;
}

.box01_2{
	margin:20px 0 10px;
}

.box01_2.fst{
	margin-top:0;
}

.box01_2 .box_hd{
	border:0;
	background:url(../images/content/icon_h2_02.png) no-repeat scroll left top;
}

.box01_2 .box_hd h2.title{
	border:0;
	color:#333;
	font-size:1.4375em;
}

.box01_2 .box_hd .i_more{
	font-size:0.75em;
	padding:3px 6px;
	background:#333;
	color:#fff;
}

.box01_2 .box_hd .i_more:hover{
	background:#96C53F;
}

.box01_2 .box_bd{
	padding:5px 0 0;
}

.box_bg .box_bd{
	background:#fff;
	padding:10px 10px;
	margin:5px 0 0;
	border:1px solid #ddd;
}

.lbox .box01 .box_hd h2.title{
	padding-right:5px;
}

/* 書列表01 */
.bklist01{
	padding:5px 0;
}

.bklist01 li a{
	display:block;
	padding:5px 8px 7px;
	background:url(../images/content/line_02.jpg) repeat-x scroll left bottom;
	color:#333;
}

.bklist01 li a:hover{
	background:rgba(255, 255, 255, 0.8) url(../images/content/line_02.jpg) repeat-x scroll left bottom;
	color:#92BB55;
	-webkit-box-shadow:2px 2px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:2px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow:2px 2px 0px rgba(0, 0, 0, 0.1);
}

.bklist01 .igbox{
	display:inline;
	float:left;
	width:50px;
	height:60px;
	overflow:hidden;
	background:#fff;
	margin:0 5% 0 0;
}

.bklist01 .igtxt{
	display:inline;
	float:left;
	width:175px;
	font-size:0.9375em;
}

.bklist01 p{
	font-weight:bold;
	padding:2px 0;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}

.bklist01 span{
	display:block;
	color:#999;
	font-size:0.6875em;
}

.bklist01 .igbox img{
	max-width:inherit;
	width:auto;
	max-width:100%;
	height:115% !important;
	z-index:2;
	margin:auto;
	-webkit-box-shadow:3px 3px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:3px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow:3px 3px 0px rgba(0, 0, 0, 0.3);
	-moz-transform:skewX(-15deg) skewY(15deg);
	-webkit-transform:skewX(-15deg) skewY(15deg);
	-o-transform:skewX(-15deg) skewY(15deg);
	-ms-transform:skewX(-15deg) skewY(15deg);
	transform:skewX(-15deg) skewY(15deg);
}

.bklist01 .igbox .bg_img{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-size:cover;
	z-index:1;
	opacity:0.4;
	filter:alpha(opacity=40);
	-webkit-filter:brightness(.8);
	-moz-filter:brightness(.8);
	-o-filter:brightness(.8);
	-ms-filter:brightness(.8);
	filter:brightness(.8);
}

.bklist01 li{
	display:block;
	float:none;
	width:auto;
}

.bklist01 .igbox{
	position:relative;
	width:35%;
	text-align:center;
}

.bklist01 .igtxt{
	width:60%;
}

.bklist01 .igbox img{
	z-index:3;
	position:relative;
}

/* 書列表02 */
.bklist01_2 li a{
	position:relative;
	padding:6px 6px 8px 40px;
	color:#333;
}

.bklist01_2 li em{
	position:absolute;
	left:0;
	top:15px;
	width:35px;
	text-align:center;
	font-size:1em;
}

.no1 em,
.no2 em,
.no3 em{
	color:#92BB55;
}

.bklist01_2 li p{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

/* box02 */
.box02{
	margin:20px 0 0;
}

.box02 .box_hd{
	position:relative;
}

.box02 .box_hd h2.title{
	font-size:1em;
	color:#333;
	padding:0 50px 0 0;
}

.box02 .box_bd{
	background:rgba(255, 255, 255, 0.5) url(../images/content/bg_01.jpg) repeat-x scroll left top;
	padding:10px 0 0;
	margin:5px 0 0;
}

/* 文章列表01 */
.txtlist01{}

.txtlist01 li{
	background:url(../images/content/line_02.jpg) repeat-x scroll left bottom;
}

.txtlist01 li a{
	color:#333;
	padding:10px 10px;
	display:block;
}

.txtlist01 li a:hover{
	color:#92BB55;
}

.txtlist01 li p{
	font-weight:bold;
}

.txtlist01 li span{
	color:#999;
	font-size:0.75em;
}

/* Bnr列表 */
.bnrsbox a{
	display:block;
	margin:0 0 2px;
	text-align:center;
	background:#fff;
	font-size:1em
}

/* 書列表03 */
.bklist03{
	padding:6px 5px 38px;
	background:url(../images/content/bg_bk_b.png) no-repeat scroll center bottom;
}

.bklist03 li{
	display:inline;
	float:left;
}

.owl-item{
	position:relative;
	z-index:4;
	min-height:230px;
}

.bk_hot .owl-item img{
	width:100%;
}

.owl-item span{
	position:absolute;
	right:5px;
	left:5px;
	bottom:0;
	background:url(../images/content/bg_bk_shadow01.png) no-repeat scroll right bottom;
	padding:0 3px 0 0;
}

.owl-item img{
	width:100%;
	-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1);
}

.owl-controls{
	position:absolute;
	right:60px;
	top:-40px;
}

.owl-pagination{
	display:inline;
	float:left;
	margin:8px 5px 0 0;
}

.owl-page{
	display:inline-block;
}

.owl-page span{
	background:#666;
	border-radius:50%;
	display:block;
	height:8px;
	margin:5px 2px;
	width:8px;
	-webkit-box-shadow:inset 2px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:inset 2px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow:inset 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.owl-page.active span{
	background:#fff;
	-webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow:2px 2px 2px rgba(0, 0, 0, 0.3);
}

.owl-buttons{
	display:inline;
	float:right;
}

.owl-buttons div{
	text-indent:-9999px;
	width:30px;
	height:30px;
	display:inline;
	float:left;
}

.owl-prev{
	background-image:url(../images/content/btn_bk_prev01.png);
}

.owl-next{
	background-image:url(../images/content/btn_bk_next01.png);
}

.bklistre{
	background:url(../images/content/bg_bk_b_re.png) repeat scroll center top;
	background-size:100% auto;
	padding-bottom:0;
}

.bklistre li{
	margin:0 5px 5.6% 5px;
	position:relative;
	overflow:hidden;
	width:18.5%;
}

.bklistre li span{
	display:block;
	background:url(../images/content/bg_bk_shadow01.png) no-repeat scroll right bottom;
	padding:70% 3px 80% 0;
}

.bklistre li img{
	position:absolute;
	right:3px;
	bottom:0;
	width:100%;
	-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1);
}

a.bktxt{
	position:absolute;
	left:0;
	right:3px;
	bottom:-20px;
	background:rgba(0, 0, 0, 0.4) url(../images/content/bg_bk_shadow.png) repeat-x scroll left bottom;
	color:#fff;
	padding:3px 5px 15px;
	font-size:0.875em;
	text-align:center;
	-webkit-text-shadow:none;
	-moz-text-shadow:none;
	text-shadow:none;
}

a.bktxt p{
	padding:0 0 9px;
	-webkit-text-shadow:2px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-text-shadow:2px 2px 2px rgba(0, 0, 0, 0.3);
	text-shadow:2px 2px 2px rgba(0, 0, 0, 0.3);
}

a.bktxt em{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	font-size:0.9285714285714286em;
	padding:3px 5px;
	color:#ccc;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}

a.bktxt i{
	display:block;
	background:rgba(149, 255, 95, 0.5);
	font-style:normal;
	padding:1px 3px;
	position:relative;
	top:-5px;
	font-size:0.9285714285714286em;
}

.bkicons{
	position:absolute;
	right:3px;
	bottom:0;
}

.bkicons a{
	background:#b95151;
	color:#fff;
	display:inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
}

.bkicons a:hover{
	background:#582626;
	color:#FF0;
}

/* 最新消息 */
.newslist01{
	overflow:hidden;
}

.newslist01 li,
.newslist01 li.hv,
.newslist01 li *,
.newslist01 li.hv *{
	-webkit-transition:all .35s ease-in-out;
	-moz-transition:all .35s ease-in-out;
	-o-transition:all .35s ease-in-out;
	-ms-transition:all .35s ease-in-out;
	transition:all .35s ease-in-out;
}

/*.newslist01 li a{display:block;background:url(../images/content/arrow-next.gif) no-repeat scroll -30px 22px;height:60px;position:relative;padding:0 0 0 80px;cursor:pointer;border-bottom:1px solid #eee;}*/
.newslist01 li.news-3 a{
	background-color:rgba(130, 37, 56, 0.5);
}

.newslist01 time{
	position:absolute;
	left:0;
	top:0;
	width:60px;
	text-align:center;
	height:60px;
	border-right:1px solid #eee;
	color:#ccc;
}

.newslist01 time strong{
	color:#333;
	display:block;
	font-size:1.125em;
	font-weight:300;
	margin-top:14px;
}

.newslist01 time em{
	color:#333;
	display:block;
	font-size:0.6875em;
	font-style:normal;
	font-weight:400;
	margin-top:1px;
	text-transform:uppercase;
}

.newslist01 li p{
	line-height:60px;
	color:#666;
	font-size:0.9375em;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}

.newslist01 li.hv a{
	background-position:71px 22px;
	background-color:#eee;
}

.newslist01 li.hv p{
	color:#333;
	margin-left:12px;
}

/*.newslist01 li.hv time{left:-60px;opacity:0;}*/
/*20190315 Peter 最新消息修改樣式*/
.newslist01 li a{
	display:block;
	height:60px;
	position:relative;
	padding:0 0 0 80px;
	cursor:pointer;
	border-bottom:1px solid #eee;
}

.peter_newslist01 time{
	width:150px
}

.peter_newslist01 time strong{
	font-size:0.9375em;
	margin-top:22px;
}

.peter_newslist01 li p{
	margin-left:90px;
}

.peter_newslist01 li.hv p{
	margin-left:102px;
}

/*20190315 Peter 最新消息修改樣式*/

/* 文章頁 */
.txtbox .hd{
	padding:0 0 10px;
}

.txtbox .hd h1{
	display:block;
	font-size:1.5625em;
	font-weight:normal;
	padding:5px 0 10px;
	margin:0;
	line-height:1.2;
	border-bottom:1px solid #ccc;
	word-break:break-all;
}

.txtbox .hd span{
	color:#999;
}

.txtbox .hd .sharebar{
	padding:5px 0 0;
	text-align:center;
}

.sharebar a{
	display:inline-block;
	font-size:0.8125em;
	background:#9CBE5C;
	color:#fff;
	padding:0 10px;
	margin:0;
	height:30px;
	line-height:30px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	;
	border-radius:3px;
}

.sharebar a:hover{
	text-decoration:none;
	background:#82A147;
}

.sharebar .shlinks{
	padding:0 !important;
}

.sharebar .shlinks a{
	margin:0;
	font-size:0.8125em;
	width:20px;
}

.sharebar .iBlog span{
	display:none;
}

.sharebar .iBlog span.at4-icon{
	background-size:auto;
	width:auto;
	height:auto;
}

.sharebar .iBlog span.at_a11y{
	text-indent:0;
}

.sharebar .link_fb{
	background:#6585B6 !important;
}

.sharebar .link_tw{
	background:#53C0DD !important;
}

.sharebar .link_pl{
	background:#CE682E !important;
}

.sharebar .link_gl{
	background:#E45D4B !important;
}

.sharebar .link_more{
	background:#F98F5D !important;
}

.txtbox article.Txt{
	background:none;
	padding:10px 0;
}

.pgnp{
	display:none;
}

.r.pgnp{
	display:block;
}

.txtbox .hd .sharebar a span{
	color:#fff;
}

/* acclist */
.acclist{
	width:100%;
	min-width:270px;
	margin:0 auto;
}

.acclist ul li{
	position:relative;
	border-bottom:1px dashed #ccc;
	padding:0 15px 0;
}

.acclist ul li:first-child{
	border-top:none;
}

.acclist ul li>b.n{
	position:absolute;
	left:5px;
	top:10px;
	width:28px;
	line-height:18px;
	text-align:center;
	font-size:1.25em;
	color:#666;
	font-family:'Muli', sans-serif;
	font-weight:normal;
}

.acclist ul li>a.acc_title{
	padding:5px 45px 5px 20px;
	margin:3px 0;
	font-size:1.25em;
	display:block;
	position:relative;
	outline:none;
	color:#999;
	font-weight:normal;
	line-height:1.4;
	-webkit-transition:color 0.2s ease-in-out;
	-moz-transition:color 0.2s ease-in-out;
	-o-transition:color 0.2s ease-in-out;
	-ms-transition:color 0.2s ease-in-out;
	transition:color 0.2s ease-in-out;
}

.acclist ul li>a:hover{
	color:#709828;
}

.acclist ul li>a span{
	background:transparent url(../images/content/icon_down.png) no-repeat center center;
	background-size:50% auto;
	text-indent:-9000px;
	width:26px;
	height:14px;
	position:absolute;
	top:10px;
	right:-26px;
	opacity:0;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}

.acclist ul li>a:hover span{
	opacity:1;
	right:5px;
}

.acclist ul li.acc_on{
	background:#efefef;
	padding:7px 15px 0;
	height:auto !important;
}

.acclist ul li.acc_on>b.n{
	color:#709828;
	font-size:1.25em;
	top:21px;
}

.acclist ul li.acc_on>a.acc_title{
	color:#709828;
	font-size:1.5625em;
	padding:0 35px 10px 20px;
	border-bottom:1px solid #fff;
}

.acclist ul li.acc_on>a span{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
	right:5px;
	opacity:1;
}

.acc_title br{
	display:none;
}

.acccont{
	padding:10px 5px 10px;
	color:#666;
	font-size:0.9375em;
	display:none;
}

/* 書內容頁 */
.bk_larea{
	padding:15px 0 10px;
}

.mb_img{
	position:relative;
	padding:10px 15px 10px 32%;
	margin:15px 0 0;
	background:#fff;
	border:4px solid rgba(204, 204, 204, 0.6);
}

.mb_limg{
	position:absolute;
	left:10px;
	top:7px;
	width:25%;
	overflow:hidden;
}

.mb_limg img{
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}

.mb_rinfo>p{
	font-size:0.9375em;
	padding:0 0 5px;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
}

.mb_rinfo .btn{
	height:auto;
	padding:5px;
	min-width:inherit;
	width:100%;
	background:#a7c1dc;
	-webkit-text-shadow:2px 2px 0 rgba(0, 0, 0, 0.1);
	-moz-text-shadow:2px 2px 0 rgba(0, 0, 0, 0.1);
	text-shadow:2px 2px 0 rgba(0, 0, 0, 0.1);
}

.mb_rinfo .btn small{
	display:block;
	font-size:0.75em;
}

.mb_ctrolbox .mb_limg{
	top:13px;
}

.mb_img02{
	border:0;
	background:none;
	padding:0;
	text-align:center;
	margin:20px 0 0;
}

.mb_img02 .mb_limg{
	position:static;
	margin:0 auto;
	width:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}

.mb_img02 .mb_rinfo>p{
	padding:5px 0 0;
}

.inhd{
	display:none;
}

.mb_bnr{
	max-height:270px;
	overflow:hidden;
	margin:0 !important;
	border:0 !important;
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}

.fixedbar{
	background:#fff;
	margin:15px 0 0;
	padding:15px 15px;
}

.fixedbar h2{
	font-size:1.5625em;
	line-height:30px;
	color:#aaa;
	display:inline;
	float:left;
	margin:0 10px 0 0;
}

.sortlist{
	display:inline;
	float:right;
	margin:0 8px;
	background:#ebebeb;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:inset 1px 2px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:inset 1px 2px 3px rgba(0, 0, 0, 0.2);
	box-shadow:inset 1px 2px 3px rgba(0, 0, 0, 0.2);
}

.sortlist li{
	display:inline;
	float:left;
	background:url(../images/content/line_sort.png) no-repeat scroll left top;
}

.sortlist li.fst{
	background:none;
}

.sortlist li a{
	display:block;
	padding:6px 20px;
	color:#999;
	font-weight:bold;
	font-size:0.9375em;
}

.sortlist li a:hover{
	color:#000;
}

.sortlist .fst a{
	-webkit-border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	border-radius:5px 0 0 5px;
}

.sortlist .last a{
	-webkit-border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
}

.sortlist li.on a{
	background:#69A3AF;
	color:#fff;
	font-weight:bold;
}

.sortlist li span{
	display:block;
	width:17px;
	height:17px;
	background-repeat:no-repeat;
	background-position:left top;
}

.sortlist li.on span{
	background-position:left bottom;
}

.qrbox{
	text-align:center;
	padding:10px 0;
}

.qrbox a{
	color:#333;
	margin:5px 0 0;
	display:block;
}

.qrbox img{
	width:100%;
	max-width:200px;
}

.givestar{
	position:relative;
}

.givestar span{
	display:inline-block;
	border:1px solid #ccc;
	padding:5px 10px;
	background:#fff;
	cursor:pointer;
	margin:5px auto 0;
	color:#999;
	font-size:0.9375em;
}

.givestar img{
	width:15%;
}

.starbox{
	position:absolute;
	display:none;
	text-align:center;
	padding:0;
	z-index:9;
	width:200px;
	background:#fff;
	left:50%;
	top:5px;
	margin-left:-100px;
	border:1px solid #ccc;
}

.starbox b{
	font-weight:normal;
}

.starbar{
	width:100% !important;
	padding:0 0 10px;
}

.i_star{
	margin:0 auto;
	width:100% !important;
	padding:5px 0;
}

.givestar.on .starbox{
	display:block;
}

.inrbox{
	background:#fff;
	padding:15px;
	border:1px solid #ddd;
}

.bkmain{
	position:relative;
}

.bkmain .bk_img{
	position:relative;
	background:none;
	height:auto;
	width:40%;
	padding:53% 0 0;
	overflow:hidden;
	display:inline;
	float:left;
	border:0;
	background:#1c1d1f;
	border:1px solid #333;
	box-sizing:border-box;
}

.bkmain .bk_img ul{
	position:absolute;
	right:-30px;
	top:5px;
	width:30px;
}

.bkmain .bk_img ul li{
	display:inline;
	float:left;
	margin:0 0 4px 0;
	padding:1px;
	border:1px solid #eee;
}

.bkmain .bk_img ul li.on{
	border:1px solid #8db832;
}

.bkmain .bk_img ul li img{
	position:static;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.bk_img .owl-item{
	min-height:inherit !important;
}

#sync1{
	position:absolute;
	left:0;
	top:0;
}

#sync1,
#sync1 *{
	height:100%;
}

#sync1 .owl-item{
	display:table;
}

#sync1 .item{
	display:table-cell;
	vertical-align:middle;
}

#sync2{
	position:absolute;
	left:0;
	bottom:0;
	background:rgba(0, 0, 0, 0.5);
}

#sync2 .item{
	margin:5px;
	height:40px;
	overflow:hidden;
	background:#eee;
	border:2px solid #fff;
	text-align:center;
}

#sync2 .synced .item{
	border:2px solid #93BC56;
}

#sync2 .item img{
	width:auto !important;
	height:40px !important;
}

.bk_star01{
	text-align:center;
	text-align:center;
	padding:0 0 10px;
}

.bk_star01 b{
	display:block;
	font-size:1em;
	font-weight:normal;
}

.bk_star01 #startmsg b{
	display:inline;
}

#startmsg{
	color:#666;
	display:inline;
	font-size:0.8125em;
}

.star01{
	width:18px;
}

.star02{
	width:36px;
}

.star03{
	width:54px;
}

.star04{
	width:72px;
}

.star05{
	width:90px;
}

.bkmain .bk_img i.fa{
	display:none;
	position:absolute;
	width:50px;
	height:50px;
	padding:10px;
	font-size:3.125em;
	left:50%;
	top:40%;
	margin:0 0 0 -35px;
	color:rgba(255, 255, 255, 0.8);
	-webkit-text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5);
	-moz-text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5);
	text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5);
}

.bk_txt{
	display:inline;
	float:left;
	width:57%;
	padding:0 0 0 3%;
}

.bk_txt h3.title{
	color:#8DB832;
	font-size:1.25em;
	padding:10px 0 5px;
	font-weight:normal;
	word-break:break-all;
}

.bk_txt h3.title em{
	font-size:0.6em;
	color:#999;
	padding:0 0 0 10px;
	display:inline-block;
}

.bk_txt small{
	font-size:0.6875em;
	color:#999;
	word-break:break-all;
}

.bk_txt .Txt{
	background:#dde7e7;
	padding:0 0 0 3%;
	width:97%;
	height:240px;
	margin:10px 0 0;
	font-size:0.8125em;
}

.bk_txt .Txt .inscroll{
	padding:0 15px 0 0;
}

.bk_mk{
	padding:10px 0 5px;
}

.bk_mk a{
	display:inline-block;
	margin:1px 5px 1px 0;
}

.bk_mk a:hover{
	text-decoration:underline;
}

a.show_less,
a.show_more{
	background:#6699cc;
	font-size:0.75em;
	padding:0 5px 2px;
	color:#fff;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	text-decoration:none !important;
}

.bk_ot{
	padding:5px 0 0;
}

.bk_ot b{
	font-style:normal;
	color:#78A332;
}

.bk_ot span,
.bk_ot a{
	display:inline;
	padding:0 10px 0 0;
}

.bk_ot a{
	text-decoration:underline;
	padding:0;
}

.bk_ot span i,
.bk_ot a i{
	margin:0 3px 0 0;
	color:#000;
	font-size:0.75em;
}

.bk_ot ol{
	margin:8px 0 0;
	padding:5px 0 0;
	border-top:1px dashed #ccc;
}

.bk_ot ol li{
	clear:both;
	height:40px;
	margin:3px 0 0;
	overflow:hidden;
}

.bk_ot ol li .bk_img{
	width:6% !important;
	padding-top:7% !important;
	margin:0 2% 0 0;
}

.bk_share{
	background:url(../images/content/line_03.jpg) repeat-x scroll left top;
	padding:10px 0 0;
	margin:10px 0 0;
}

.bk_share span{
	display:inline;
	float:left;
	margin:2px;
}

.tab_bk{
	margin:20px 0 0;
}

.tab_bk .tab_hd{
	border-bottom:1px solid #333;
}

.tab_bk .tab_hd li{
	display:inline;
	float:left;
	margin:5px -1px 0 0;
}

.tab_bk .tab_hd li.on{
	margin:0 0 -2px;
}

.tab_bk .tab_hd li a{
	display:block;
	border:1px solid #ccc;
	border-bottom:0;
	width:125px;
	text-align:center;
	padding:10px 0;
	color:#999;
}

.tab_bk .tab_hd li.on a{
	border:1px solid #333;
	border-bottom:3px solid #fff;
	font-size:1em;
	color:#000;
	background:url(../images/content/bg_tab.jpg) repeat scroll left top;
}

.tab_bk .tab_bd{
	margin:10px 0 0;
	background:#fff;
}

.shlinks{
	padding:20px 0px 30px;
}

.shlinks a{
	display:inline-block;
	margin:3px;
	width:50px;
}

.cpbar01 code{
	text-align:center;
}

.tab-cont .shlinks{
	padding:20px 50px 30px;
}

.box01_2 .shlinks{
	padding:20px 50px 30px;
}

.cpbar{
	background:#ECECEC;
	position:relative;
	padding:30px 5% 10px;
	margin:0 0 8px;
}

.cp_hd{
	position:absolute;
	width:100%;
	left:0;
	top:0;
	height:30px;
	line-height:20px;
}

.cp_hd *{
	display:inline;
	background:#ccc;
	padding:0 10px;
}

.cp_hd b{
	float:left;
	margin:1px;
}

.cp_hd b em{
	font-size:0.625em;
	color:#999;
}

.cp_hd a{
	float:right;
	color:#333;
	margin:1px;
}

.cp_hd a:hover{
	background:#333;
	color:#fff;
}

.cplink code{
	font-family:'Raleway', 'Microsoft JhengHei', sans-serif;
	color:#666;
	font-size:0.9375em;
	display:block;
	text-align:center;
	padding:10px 0;
	word-break:break-all;
}

.prevbox{
	background:#ddd;
	width:55%;
	padding:0;
	margin:0 2% 0 0;
	position:relative;
}

.prev_img{
	position:absolute;
	left:0;
	top:0;
	width:85%;
	margin:0 auto;
}

.prev_img img{
	width:100%;
}

.prev_logo{
	text-indent:-9999px;
	position:absolute;
	right:10px;
	bottom:10px;
	z-index:3;
	width:121px;
	height:20px;
	background:url(../images/content/item_sbk_logo.png) no-repeat scroll left top;
}

.prev_logo:hover{
	background-position:left bottom;
}

.cplink.r{
	width:43%;
}

.cplink.r code{
	text-align:left;
	font-size:0.75em;
}

.bk_set{
	display:none;
	background:#efefef;
	border:0;
	margin:5px 0 0;
	padding:2% 3%;
}

.formbox{
	font-size:0.9375em;
	padding:10px 15px 10px;
}

.formbox .msg{
	font-size:1em;
	color:#333;
	text-align:left;
}

.formbox .msg.imp{
	color:#900;
}

.formbox span.ps{
	color:#900;
	padding:3px 0 5px;
	display:inline-block;
	font-size:0.8666666666666667em;
}

.formwrap h2.title{
	background:url(../images/content/title_pat.png) repeat-x scroll left 4px;
	font-size:1.125em;
	font-weight:normal;
	padding:0 0 10px;
	margin:20px 0 0;
	color:#999;
}

.formwrap h2.title span{
	display:inline-block;
	background:#fff;
	padding:0 5px 0 0;
}

.tfbar{
	margin:0 0 10px;
	position:relative;
	padding:0 0 0 110px;
	min-height:25px;
	position:relative;
	color:#666;
}

.tfbar.l,
.tfbar.r{
	width:47%;
	box-sizing:border-box;
}

.tfbar b{
	position:absolute;
	left:0;
	top:5px;
	width:100px;
	color:#333;
	font-size:1em;
}

.tfbar b span.ps{
	position:absolute;
	left:-6px;
	top:-4px;
}

.tfbar .tf,
.gshbar .tf{
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:98% center;
	border:1px solid #c6c6c6;
	width:100%;
	box-sizing:border-box;
	padding:5px;
	font-size:1em;
	margin:2px 0;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-shadow:inset 2px 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:inset 2px 2px 4px rgba(0, 0, 0, 0.1);
	box-shadow:inset 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.tfbar .tf_s,
.gshbar .tf_s{
	width:80px;
}

.tfbar .tf_m{
	width:200px;
}

.tfbar label{
	display:inline-block;
	padding:5px 10px 5px 0;
}

.tfbar label img{
	height:25px !important;
}

.tfbar .selbar{
	margin:5px 0 0;
}

.tfbar .readonly{
	color:#666;
	display:inline-block;
	padding:5px 0 0;
}

.twotf .l{
	width:48%;
	box-sizing:border-box;
}

.twotf .r{
	width:49%;
	box-sizing:border-box;
}

.tfbar .bg_p,
.tfbar .bg_px,
.tfbar .bg_s{
	background-image:url(../images/content/icon_p.png);
	background-position:90% center;
	background-repeat:no-repeat;
}

.tfbar .bg_px{
	background-image:url(../images/content/icon_px.png);
}

.tfbar .bg_s{
	background-image:url(../images/content/icon_s.png);
}

.tfbar01{
	padding:0;
}

.tfbar01 b{
	position:static;
}

.tf_date{
	background-image:url(../images/content/item_date.png);
	margin:0 5px 0 0 !important;
}

.tf_s.tf_date{
	background-position:95% center;
	width:120px;
}

.subtfbar{
	display:none;
	padding:5px 0 5px 15px;
	margin:5px 0 5px 20px;
	border-left:5px solid #eee;
}

.tf.color{
	font-family:monospace, "MS Serif", "New York", serif;
	display:inline-block;
	width:85px;
	text-align:left;
	border:0;
	color:#CCC;
	border:1px solid #c6c6c6;
	background-image:url(../images/content/item_color.png);
	background-repeat:no-repeat;
	background-position:93% 3px;
}

.msgbox{
	text-align:center;
	padding:100px 20px;
	font-size:1.25em;
	line-height:1.6;
}

.msgbox h3.title{
	font-weight:normal;
	color:#FF7F00;
	font-size:2.5em;
}

.msgbox p.imp{
	color:#900;
}

blockquote{
	border-left:5px solid #eee;
	padding:2px 5px 2px 15px;
	margin:1em 20px 1em 40px;
	font-size:0.9375em;
	line-height:1.7;
	color:#666;
	font-style:italic;
	color:#009688;
}

blockquote b{
	font-size:1.3333333333333333em !important;
	font-weight:normal;
	color:#699 !important;
}

.formbox a:hover{
	text-decoration:underline;
}

.formbox_ft{
	padding:50px 0 0;
	text-align:left;
	font-size:0.9375em;
}

.bk_setmore{
	padding:0;
}

.bk_setmore .i_set{
	background:#333 url(../images/content/item_set.png) no-repeat scroll 3% center;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.bk_setmore .i_set a{
	display:block;
	background:url(../images/content/item_down.png) no-repeat scroll 96% center;
	padding:11px 40px;
	color:#fff;
}

.bk_setmore .i_set a b{
	display:block;
	font-size:0.9375em;
	padding:0 0 4px;
}

.bk_setmore .i_set a span{
	color:#999;
}

.bk_setmore .i_set.on a{
	background-image:url(../images/content/item_up01.png);
}

btnbox .i_set.on a b{
	padding:0;
}

.bk_clist li{
	display:inline;
	float:left;
	width:48%;
	height:30px;
	line-height:30px;
	padding:5px 1% 0;
	margin:0 0 10px;
	overflow:hidden;
}

.bk_clist li a{
	display:block;
	background:#eee;
	color:#666;
	position:relative;
	padding:0 5% 0 70px;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	min-height:30px;
}

.bk_clist li a i{
	font-size:0.8125em;
	position:absolute;
	left:1%;
	top:-0;
	color:#999;
	width:60px;
	text-align:center;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
}

.bk_clist li a:hover{
	background:#fff;
	color:#000;
}

.bk_clist li a:hover i{
	color:#000;
}

.bk_btn{
	padding:10px 0 0;
}

.bk_btn a{
	display:block;
	padding:12px 15px 12px 40px;
	background:#fff;
	color:#333;
	font-size:0.9375em;
	margin:5px 0 0;
	position:relative;
}

.bk_btn a.abtn01{
	background:rgb(222, 104, 104);
	color:#fff;
}

.bk_btn a.abtn03{
	background:rgb(234, 169, 111);
	color:#fff;
}

.bk_btn a.abtn03-2{
	background:rgb(234, 169, 111);
	color:#fff;
	padding:3px 10px;
	display:inline-block;
	margin:0 2px 5px;
}

.bk_btn a.abtn04{
	background:rgb(222, 104, 104);
	color:#fff;
	padding:3px 10px;
	display:inline-block;
	margin:0 2px 5px;
}

.bk_btn a.abtn04-2{
	background:#999;
}

.bk_btn a.abtn05{
	background:rgb(109, 119, 136);
	color:#fff;
}

.bk_btn a i.fa.fa-pencil{
	font-size:0.875em;
}

.bk_btn a.abtn_lock{
	cursor:default;
	background:rgb(157, 197, 152);
}

.bk_btn .abtn_r{
	position:absolute;
	right:0;
	top:0;
	width:70px;
	height:100%;
	background:rgba(255, 255, 255, 0.1);
	text-align:center;
	padding:12px 0 0;
	box-sizing:border-box;
	font-size:0.875em;
}

.bk_btn .abtn_r b{
	font-weight:bold;
	color:#FF0;
	font-size:0.9285714285714286em;
	padding:0 2px 0 0;
}

.bk_btn .abtn_r sub{
	display:block;
	bottom:auto;
	line-height:1.2;
}

.bk_btn a em.buynb{
	right:10px;
	top:12px;
	left:auto;
}

.bk_btn a:hover{
	/*-webkit-box-shadow:3px 3px 0 rgba(0,0,0,0.1);-moz-box-shadow:3px 3px 0 rgba(0,0,0,0.1);box-shadow:3px 3px 0 rgba(0,0,0,0.1);*/
}

.bk_btn a.on{
	border:1px solid #93BC56;
	background:#fff;
}

.bk_btn a.btn_img{
	padding:0;
}

.bk_btn i{
	margin:0 5px 0 0;
	font-size:0.875em;
	position:absolute;
	left:9px;
	top:50%;
	margin-top:-12px;
	text-align:center;
	width:28px;
	height:26px;
	line-height:26px;
}

.bk_btn em{
	padding:0 0 0 10px;
	font-size:0.8125em;
}

.bk_btn span a{
	width:49%;
	box-sizing:border-box;
	text-align:center;
	color:#fff;
	background:#333;
	border:0;
	padding:13px 5px 13px 40px;
	text-align:left;
}

.bk_btn span a:hover{
	background:#111;
}

.bk_btn a.imp{
	background:#93BC56;
}

.bk_btn a.imp:hover{
	background:#91bd50;
}

.qrbox.mshow{
	display:none;
}

.bk_btn.mshow{
	display:none;
}

.lend_info{
	padding:15px 0 20px;
	background:rgba(255, 255, 255, 0.5);
	position:relative;
}

.lend_info h3.title{
	line-height:0.5;
	text-align:center;
}

.lend_info h3.title span{
	display:inline-block;
	position:relative;
}

.lend_info h3.title span:before,
.lend_info h3.title span:after{
	content:"";
	position:absolute;
	height:3px;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	top:2px;
	width:30px;
}

.lend_info h3.title span:before{
	right:100%;
	margin-right:10px;
}

.lend_info h3.title span:after{
	left:100%;
	margin-left:10px;
}

.lend_info p{
	padding:15px 10px 5px;
	color:#b78525;
}

.lend_info ul{
	padding:10px 0 0;
	text-align:center;
}

.lend_info li i{
	position:static;
	margin:0;
	width:auto;
}

.lend_info li em{
	padding:0;
}

.lend_info .lend_more{
	position:absolute;
	right:0;
	bottom:0;
	width:auto;
	padding:5px 10px;
	font-size:0.75em;
	background:#eee;
}

.message{
	background:url(../images/content/bg_msg.png);
	-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.2);
	box-shadow:0 0 2px rgba(0, 0, 0, 0.2);
}

.message .msglist{
	max-height:350px;
	padding:10px 20px 10px 15px;
}

.message .mCSB_outside+.mCSB_scrollTools{
	right:0;
}

.message .btn_more{
	display:block;
	background:#ddd;
	color:#666;
	padding:10px 2%;
	text-align:center;
	clear:both;
}

.message .btn_more:hover{
	background:#ccc;
	color:#000;
}

.msglist{
	max-height:350px;
	padding:0 15px 20px 0;
}

.message li{
	display:inline;
	float:left;
	width:100%;
	padding:5px 0 10px;
}

.message .msgcont{
	display:inline;
	float:left;
	width:100%;
}

.message .igbox{
	display:inline;
	float:left;
	width:45px;
	height:45px;
	overflow:hidden;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.1);
	box-shadow:0px 0px 15px rgba(0, 0, 0, 0.1);
}

.message .msgtxt{
	display:inline;
	float:left;
	max-width:70%;
	margin:0 0 0 10px;
}

.message .msg-hd{
	padding:0 140px 3px 0;
	font-weight:bold;
	position:relative;
	font-size:0.9375em;
	color:#666;
}

.message .msg-hd em{
	position:absolute;
	right:0;
	top:3px;
	font-size:0.625em;
	color:#999;
}

.message .msgbar{
	position:relative;
	padding:7px 12px 9px;
	background:#fff;
	color:#666;
	border:1px solid #ddd;
	line-height:1.4;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.message .msgbar:after{
	content:'';
	width:0;
	height:0;
	border-style:solid;
	border-width:0 0 15px 15px;
	border-color:transparent transparent #ddd transparent;
	position:absolute;
	left:-15px;
	bottom:10px;
}

.message li.mymsg .msgcont{
	display:inline;
	float:right;
	width:100%;
}

.message li.mymsg .igbox{
	float:right;
}

.message li.mymsg .msgtxt{
	float:right;
	margin:0 10px 0 0;
}

.message li.mymsg .msg-hd{
	text-align:right;
	padding:0 5px 3px 140px;
	color:rgba(255, 255, 255, 0.7);
}

.message li.mymsg .msg-hd em{
	right:auto;
	left:0;
	color:rgba(255, 255, 255, 0.7);
}

.message li.mymsg .msgbar{
	background:#8eb5d0;
	color:#fff;
	border:1px solid #fff;
}

.message li.mymsg .msgbar:after{
	border-width:12px 0 0 15px;
	border-color:transparent transparent transparent #8eb5d0;
	left:auto;
	right:-15px;
}

.message li.msgdate{
	border-top:1px solid #ddd;
	text-align:center;
	padding:0;
	margin:30px 0 10px;
}

.message li.msgdate em{
	position:relative;
	top:5px;
	padding:0 5px;
	color:#999;
}

.reply{
	color:#666;
	margin:5px 0 0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.reply em{
	font-size:1.25em;
	display:inline;
	float:left;
	font-family:'Oswald', 'sans-serif';
	color:#ccc;
	font-style:italic;
}

.reply p{
	display:inline;
	float:left;
	width:90%;
	margin:4px 0 0 10px;
	font-style:italic;
	font-size:0.9375em;
}

.message li.mymsg .reply em{
	float:right;
}

.message li.mymsg .reply p{
	float:right;
	text-align:right;
}

.saybox{
	background:#ececec;
	width:100%;
	padding:5px 150px 5px 5px;
	font-size:0.75em;
	position:relative;
	box-sizing:border-box;
	border-bottom:1px solid #fff;
}

.saybox .tf{
	width:100%;
	border:0;
	padding:5px;
	min-height:50px;
	font-size:0.9375em;
	box-sizing:border-box;
}

.message .btn_send{
	width:140px;
	height:80%;
	border:0;
	font-size:1.125em;
	background:#6d7788;
	color:#fff;
	position:absolute;
	right:5px;
	top:10%;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.message .btn_send:hover{
	background:#535a67;
}

/* 書本設定 */
.bk_setbtn{
	padding:15px 0 20px;
	background:url(../images/header/line_mb02.png) no-repeat scroll center bottom;
}

.bk_setbtn li{
	border:1px solid #fff;
	background:#fff url(../images/content/icon_lnav.jpg) no-repeat scroll 97% 8px;
	margin:3px 0 0;
}

a.acctitle{
	font-size:0.9375em;
	color:#666;
	display:block;
	padding:10px 15px;
}

.bk_setbtn li.hv{
	border:1px solid #93BC56;
	background-image:url(../images/content/icon_lnav_on.jpg);
}

.bk_setbtn li.hv a.acctitle{
	color:#93BC56;
}

.bk_setbtn li.impbtn{
	border:1px solid #93BC56;
}

.bk_setbtn li.impbtn a{
	padding:10px 15px;
	font-size:0.9375em;
	display:block;
	background:#93BC56;
	color:#fff;
}

.bk_setbtn li.impbtn a:hover{
	background:#85AB4D;
}

.bk_setbtn li.impbtn02{
	border:0;
	margin:0 0 5px;
}

.bk_setbtn li.impbtn02 a{
	background:#fff;
	color:#333;
}

.bk_setbtn li.impbtn02 a:hover{
	background:#fff;
	-webkit-box-shadow:3px 3px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:3px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:3px 3px 0 rgba(0, 0, 0, 0.1);
}

.sublnav{
	display:none;
	margin:0 10px;
	padding:5px 15px 10px;
	border-top:1px solid #eee;
}

.sublnav li{
	padding:0;
	background:none;
}

.sublnav li a{
	display:block;
	background:url(../images/content/icon_04.jpg) no-repeat scroll left 10px;
	padding:3px 5px 3px 10px;
	border:0;
	font-size:0.875em;
	color:#666 !important;
}

.sublnav li a:hover,
.sublnav li.on a{
	background-image:url(../images/content/icon_04_hv.jpg);
	color:#78A332 !important;
}

.sublnav li.on{
	border:0;
	background:none;
}

.msgbox01{
	padding:5px;
	background:#bf1616;
	font-size:0.8125em;
	margin:10px 0 0;
	color:#fff;
	line-height:1.4;
}

.msgbox01 .abtn02{
	display:block;
	background:#000;
	color:#fff;
	margin:5px auto 0;
	padding:0 30px;
	text-align:center;
}

.msgbox01 .abtn02:hover{
	background:#222;
}

.help_info{
	font-size:0.9375em;
	line-height:1.6;
	padding:15px;
	margin:0 0 30px;
	border:1px dashed #999;
}

.help_info .btnbox{
	padding:15px 0 0;
}

.help_info .btnbox .btn_up{
	width:100%;
	height:50px;
	color:#15px;
}

.ck_hd{
	font-size:0.9375em;
}

.ck_right{
	float:right;
}

.pglist01 li{
	display:inline;
	float:left;
	width:23%;
	height:300px;
	margin:10px 1% 5px 0;
	border:1px dashed #999;
	background:#eee;
	text-align:center;
	position:relative;
	background:none !important;
}

.pglist01 li.li_copy{
	border:1px dashed #fff;
	-webkit-box-shadow:0 -2px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 -2px 0 rgba(0, 0, 0, 0.2);
	box-shadow:0 -2px 0 rgba(0, 0, 0, 0.2);
}

.pglist01 li .insort{
	padding:0;
}

.insort_hd{
	padding:5px 0;
	font-size:0.8125em;
	background:#ececec;
	position:relative;
}

.insort_hd p{
	position:absolute;
	left:5px;
	top:-10px;
	padding:4px 10px;
	text-align:center;
	background:#fff;
	border:1px solid #ddd;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.insort_hd .insort_del label{
	display:block;
}

.insort_hd .insort_del{
	margin:5px 0 0;
	font-size:0.75em;
	min-height:20px;
}

.pglist01 li .igbox{
	overflow:hidden;
	height:170px;
	line-height:170px;
	text-align:center;
	background:rgba(255, 255, 255, 0.5);
}

.pglist01 li .igbox img{
	max-width:90%;
	max-height:90%;
}

.insort_btn{
	padding:8px 5px 0;
	position:absolute;
	left:0;
	bottom:4px;
	width:100%;
	box-sizing:border-box;
}

.insort_btn a{
	display:block;
	padding:4px 5px;
	margin:2px 0;
	border:1px solid #ddd;
	color:#999;
}

.insort_btn a:hover{
	background:#efefef;
	border:1px solid #999;
	color:#333;
}

.sort_drag{
	cursor:move;
}

.pglist01 li .igbox{
	position:relative;
}

.pglist01 li .igbox a.sort_drag{
	position:absolute;
	left:5px;
	right:5px;
	top:5px;
	bottom:0;
	box-sizing:border-box;
	background:rgba(56, 62, 68, 0.8);
	color:#fff;
	visibility:hidden;
	z-index:-1;
}

.pglist01 li .igbox a.sort_drag.show{
	visibility:visible;
	z-index:inherit;
}

.imgpreview{
	display:block;
	margin:5px 0 0;
	border:1px dashed #ccc;
	padding:5px;
	position:relative;
	width:350px;
	color:#999;
	font-size:0.75em;
	line-height:1.4;
}

.imgpreview .igbox{
	display:inline;
	float:left;
	width:40px;
	padding:1px;
	border:1px solid #ddd;
	text-align:center;
}

.imgpreview .igbox span{
	overflow:hidden;
	display:block;
	text-align:center;
	height:50px;
	line-height:50px;
}

figure .igbox span img{
	width:100%;
}

figure .igbox span i{
	font-size:1.875em;
	line-height:50px;
}

.imgpreview p{
	display:inline;
	float:left;
	padding:0 0 0 5px;
	width:75%;
	margin:0
}

.pglist02{
	padding:5px 0 0;
}

.pglist02 li.pgdiv{
	display:inline;
	float:left;
	width:49%;
	padding:10px;
	margin:5px 1% 5px 0;
	border:1px dashed #999;
	box-sizing:border-box;
}

.pgdiv em{
	background:#eee;
	display:block;
	padding:5px 5px;
	font-size:0.6875em;
	border-left:2px solid #93BC56;
}

.pgdiv ul{
	display:inline;
	float:left;
}

.pgdiv .r{
	float:right;
}

.pgdiv .tfbar01{
	margin:5px 0 0;
	padding:0;
}

.pgdiv .tfbar01 li{
	display:inline;
}

.pgdiv .igbox{
	display:inline;
	float:left;
	width:30%;
	height:120px;
	text-align:center;
	padding:0;
	overflow:hidden;
}

.pgdiv .igbox img{
	max-width:100%;
	max-height:100%;
}

.pgdiv .pg_r{
	display:inline;
	float:right;
	width:68%;
}

.pglist02 .tfbar{
	padding:0;
	margin:5px 0 0;
}

.pglist02 .tfbar b{
	width:auto;
	display:inline-block;
	margin:0 5px 0 0;
}

.pglist02 .igbox01{
	height:40px;
}

.infobox{
	padding:15px 0;
	color:#666;
	font-size:1.25em;
	background:url(../images/header/line_mb02.png) no-repeat scroll center bottom;
}

.info_bd h3.title{
	font-size:1em;
	border:1px solid #93BC56;
	padding:5px 55px 5px 10px;
	line-height:1.4;
	color:#93bc56;
	font-weight:normal;
	word-break:break-all;
	position:relative;
	margin:5px 0 0;
	background:#fff;
}

.info_bd h3.title span{
	position:absolute;
	right:-1px;
	bottom:-1px;
	background:#333;
	min-height:50px;
	line-height:50px;
	border:1px solid #93bc56;
	-webkit-box-shadow:2px -2px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:2px -2px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px -2px 0 rgba(0, 0, 0, 0.1);
}

.info_bd h3.title img{
	max-width:45px;
}

.info_txt{
	padding:10px 3px 0;
	font-size:0.8125em;
}

.info_txt p{
	margin:5px 0;
}

.info_txt p b{
	color:#78A332;
}

.pglist01{
	margin:20px 0 0;
}

.infobox2 .info_txt{
	padding:5px 3px 0;
}

.info_txt p{
	border-left:3px solid #ccc;
	padding:0 0 0 5px;
}

.sdbar{
	position:relative;
	text-align:left;
	width:60%;
	height:5px;
	background:#999;
	display:inline;
	float:left;
	margin:13px 0 0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.sdbar .ui-slider-handle{
	position:absolute;
	z-index:2;
	width:1.2em;
	height:1.2em;
	cursor:default;
}

.sdbar .ui-slider-range{
	position:absolute;
	z-index:1;
	background:#85AB4D;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.sdbar.ui-state-disabled .ui-slider-handle,
.sdbar.ui-state-disabled .ui-slider-range{
	background:#85AB4D;
}

.sdbar .ui-slider-handle{
	top:-.6em;
	margin-left:-.6em;
	width:20px;
	height:20px;
	background:#85AB4D;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	cursor:pointer;
}

.sdbar .ui-slider-range{
	top:0;
	height:100%;
}

.sdbar_tf{
	border:0;
	width:50px;
	text-align:center;
	height:25px;
	line-height:25px;
	background:none;
	display:inline;
	float:left;
	margin:3px 0 0;
}

.gshbar{
	padding:15px;
	background:#eee;
	position:relative;
}

.gshbar .sub_gshbar{
	display:inline-block;
	margin:3px 0 0;
}

.gshbar .r{
	position:absolute;
	right:20px;
	top:50%;
	margin:-15px 0 0;
}

.gshbar .r a{
	font-size:1.5625em;
	color:#78A332;
}

.gshbar .btn_ok{
	border:0;
	background:#78A332;
	color:#fff;
	padding:8px 15px;
	margin:0 0 0 10px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.gshbar select{
	border:0;
	width:100px;
	height:35px;
	line-height:35px;
	color:#333;
	font-size:0.9375em;
	padding:0 15px 0 5px;
	border:1px solid #ccc;
	background:#fff url(../images/content/icon_select.png) no-repeat scroll 97% center;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.bkcount{}

.bkcount .bk_img{
	display:inline;
	float:left;
	width:27%;
	padding:0 3% 0 0;
}

.bkcount .bk_img img{
	position:static;
	margin:0;
	width:100%;
}

.bk_colist{
	display:inline;
	float:left;
	width:70%;
}

.bk_colist hgroup{
	padding:0 0 0 3px;
}

.bk_colist h3.title{
	font-size:1.25em;
	font-weight:normal;
	background:none;
	border-bottom:4px solid #ddd;
	color:#78A332;
	word-break:break-all;
}

.bk_colist h4.title{
	font-size:0.8125em;
	color:#888;
	font-weight:normal;
	padding:5px 0 0;
}

.bk_colist h4.title i{
	font-style:normal;
	color:#78A332;
}

.bk_colist li{
	border-bottom:1px solid #eee;
	padding:8px 100px 8px 5px;
	position:relative;
}

.bk_colist li b{
	display:block;
	color:#78A332;
	font-size:0.875em;
}

.bk_colist li span{
	color:#7f7f7f;
}

.bk_colist li em{
	position:absolute;
	right:5px;
	top:50%;
	margin-top:-12px;
	color:#78A332;
	font-size:1.125em;
}

.bk_colist li em i{
	color:#600;
}

.bk_colist .loadbar{
	float:left;
	margin:5px 0;
}

#ga_content{
	background:url(../images/content/line_01.jpg) repeat-x scroll left top;
	padding:20px 0 0;
	margin:20px 0 0;
}

.ggbox{
	clear:both;
}

.dropdown-menu{
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	min-width:160px;
	padding:5px 0;
	margin:2px 0 0;
	list-style:none;
	background-color:#ffffff;
	border:1px solid #ccc;
	border:1px solid rgba(0, 0, 0, 0.2);
	*border-right-width:2px;
	*border-bottom-width:2px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box;
}

.datepicker{
	background:rgba(0, 0, 0, 0.2);
	border:0;
	padding:4px;
}

.datepicker-days{
	background:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.table-condensed thead{
	background:#2e2e2e;
	color:#fff;
}

.table-condensed th.dow{
	font-weight:normal;
	font-size:0.625em;
	color:#666;
	border-top:1px solid #222;
}

.datepicker-months,
.datepicker-years{
	background:#fff;
}

.tb_sort th{
	cursor:pointer;
}

.tb_sort th i{
	display:inline;
	font-style:normal;
}

.tb_sort th.sort_t,
.tb_sort th.sort_b{
	background:#000;
}

.tb_sort th.sort_b i,
.tb_sort th.sort_t i{
	padding:0 12px 0 0;
}

.tb_sort th.sort_t i{
	background:url(../images/content/item_sort.png) no-repeat scroll right top;
}

.tb_sort th.sort_b i{
	background:url(../images/content/item_sort.png) no-repeat scroll right bottom;
}

.subfile{
	background:#efefef;
	margin:5px 0 0;
	padding:10px;
	position:absolute;
	left:0;
	top:0;
	z-index:9;
	border:5px solid #fff;
	-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
	box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
}

.subfile .tfbar{
	padding-left:70px;
}

.subfile b{
	font-size:0.8125em;
	width:70px;
}

.subfile img{
	height:50px !important;
	border:1px solid #fff;
	margin:5px 0 0;
}

.subfile .btn01_2{
	width:49%;
	margin:10px 0 0;
	box-sizing:border-box;
	padding:5px 0;
	text-align:center;
	height:auto;
	font-size:0.9375em;
	border:0;
}

.subfile .btn01_2.r{
	background:#999;
	border:0;
}

/* 會員專區 */
/* 我的刊物 */
.mybklist .hd{
	padding:10px 0 5px;
}

.sortli li{
	display:inline;
	float:left;
	background:url(../images/header/line_mb03.png) repeat-y scroll left center;
	padding:0 0 0 13px;
	margin:0 0 0 10px;
}

.sortli li b{
	display:inline;
	float:left;
	line-height:35px;
	padding:0 5px 0 0;
}

.myselect02{
	display:inline;
	font-size:0.9375em;
}

.myselect02 a.subtab_title{
	height:35px;
	line-height:35px;
}

.myselect02 .subtab{
	top:35px;
}

.myselect02 .subtab li{
	background:none;
	padding:0;
	margin:0;
	float:none;
	display:block;
}

.sortli li .shbar{
	padding:1px 45px 0 5px;
	background:#999;
}

.mybklist .bd{
	padding:0;
}

.bkbox{
	background:#fff;
	border:1px solid #bbb;
	padding:8px 5px 28px 50px;
	position:relative;
	margin:10px 0;
	-webkit-box-shadow:2px 2px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:2px 2px 0 rgba(0, 0, 0, 0.1);
	box-shadow:2px 2px 0 rgba(0, 0, 0, 0.1);
}

.bkbox.hv{
	border:1px solid #83B602;
}

.bkbox .bk_img{
	width:20%;
	padding-top:26.5%;
	overflow:hidden;
}

.bkbox .bk_img img{
	position:absolute;
	left:0;
	top:0;
	width:100%;
}

.bkbox .bk_txt{
	width:69%;
	padding:0 0 0 2%;
}

.bk_txt h3.title{
	color:#333;
}

.bkbox .bk_txt .bk_ot{
	color:#999;
}

.bkbox .bk_ot span i{
	color:#999;
}

.bkbox .qrbox{
	position:absolute;
	right:5px;
	top:5px;
	width:60px;
	padding:0;
}

.bkbox .msgbox01 .abtn02{
	background:#83B602;
}

.tab_bk02{
	margin:15px 0 0;
}

.tab_bk02 .tab_hd li a{
	width:auto;
	padding:5px 8px;
	height:auto;
}

.tab_bk02 .tab_hd li.on a{
	background:#efefef;
	border-bottom:3px solid #efefef;
	-webkit-box-shadow:0px -2px 0px #ccc;
	-moz-box-shadow:0px -2px 0px #ccc;
	box-shadow:0px -2px 0px #ccc;
}

.tab_bk02 .tab_bd{
	background:#efefef;
	padding:10px;
	margin:0;
	min-height:75px;
	border:1px solid #333;
	border-top:0;
}

.tab_bk02 .subtabb{
	display:none;
	position:absolute;
	right:0;
	top:30px;
	z-index:99;
	min-width:99px;
	padding:0;
	background:#fff;
	width:100%;
	box-sizing:border-box;
}

.tab_bk02 .subtabb a{
	border:0;
	color:#666;
	height:auto;
	line-height:1.2;
	padding:5px;
	background:none;
	font-weight:normal;
}

.tab_bk02 .subtabb li{
	margin:0;
	width:100%;
}

.tab_bk02 .subtabb li.mshow{
	display:none;
}

.tab_bk02 li.on .subtabb{
	display:block;
	border:1px solid #333;
}

.tab_bk02 li.on .subtabb a{
	color:#666;
	background:none;
	font-weight:normal;
	border:0;
	padding:5px 8px;
	font-size:0.875em;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.tab_bk02 li.on .subtabb li.on{
	margin:0;
}

.tab_bk02 li.on .subtabb a:hover{
	background:#eee;
}

.tab_bk02 li.on .subtabb li.on a{
	background:#93BC56;
	color:#fff;
}

.tab_bk02 li.sel_more{
	position:relative;
	float:right;
	margin:0;
}

.tab_bk02 li a.subtabb_title{
	background:#eee url(../images/content/icon_select.png) no-repeat scroll 95% center !important;
	width:auto;
	padding:5px 25px 5px 10px;
	border:1px solid #333;
	color:#333;
}

.tab_bk02 li.on a.subtabb_title{
	background-color:#efefef !important;
}

.tab_bk02 .sel_more.mshow{
	display:none;
}

.tab-cont{
	display:none;
}

.links a{
	display:inline-block;
	color:#333;
	margin:2px 15px 2px 0;
	background:url(../images/content/icon_02.png) no-repeat scroll left 10px;
	padding:2px 2px 0 10px;
	font-size:0.9375em;
}

.links a:hover{
	text-decoration:underline;
	color:#000;
}

.bk_ft{
	position:absolute;
	left:0;
	bottom:0;
	width:99%;
	height:20px;
	line-height:20px;
	background:#eee;
	padding:0 0 0 1%;
	text-align:right;
}

.bk_ft span{
	padding:0 10px 0 0;
	color:#666;
	font-size:0.75em;
}

.bk_ft .r{
	padding:0 20px;
}

.bk_ft .off{
	background:#999;
	color:#fff;
}

.bk_ft .online{
	background:#83B602;
	color:#fff;
}

.bk_ctrol{
	position:absolute;
	width:35px;
	left:7px;
	top:7px;
	bottom:0;
	text-align:center;
}

.bk_ctrol input{
	margin:8px 0 0;
}

.otctrl{
	position:absolute;
	bottom:25px;
	left:0;
}

.bk_ctrol a{
	display:block;
	width:32px;
	height:32px;
	text-indent:-9999px;
	line-height:32px;
	border:1px solid #ccc;
	margin:3px auto;
	text-align:center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.bk_ctrol a.on{
	background:#83B602;
	border:1px solid #fff !important;
	margin:3px auto 15px;
}

.bk_ctrol a i{
	display:block;
	position:static;
	width:32px;
	height:32px;
	background-repeat:no-repeat;
	background-position:center top;
}

.i_updown,
.i_updown_off{
	background-image:url(../images/content/icon_bk01.png);
	background-color:#83B602;
}

.i_updown_off{
	background-color:#999;
}

.i_view{
	background-image:url(../images/content/icon_bk02.png);
}

.i_copy{
	background-image:url(../images/content/icon_bk03.png);
}

.i_dl{
	background-image:url(../images/content/icon_bk04.png);
}

.i_del{
	background-image:url(../images/content/icon_bk05.png);
}

.i_info{
	background-image:url(../images/content/icon_bk06.png);
}

.i_set{
	background-image:url(../images/content/icon_bk07.png);
}

.bk_ctrol a:hover{
	border:1px solid #000;
}

.bk_ctrol a:hover i{
	background-position:center bottom;
	background-color:#eee;
}

.bk_ctrol01{
	position:static;
	width:auto;
}

.bk_ctrol01 a{
	display:inline-block;
	margin:2px;
}

.bkbox .msgbox01{
	position:absolute;
	left:0;
	bottom:0;
	border:0;
	padding:0;
	animation-name:santa-move;
	-webkit-animation-name:santa-move;
	-webkit-animation-duration:1.5s;
	animation-duration:1.5s;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}

@-webkit-keyframes santa-move{
	0%{
		transform:translateX(0%)
	}

	50%{
		transform:translateX(2%)
	}

	100%{
		transform:translateX(0%)
	}
}

@keyframes santa-move{
	0%{
		transform:translateX(0%)
	}

	50%{
		transform:translateX(2%)
	}

	100%{
		transform:translateX(0%)
	}
}

.bkbox .msgbox01 a{
	margin:0;
	padding:0 10px;
}

.bk_copy{
	position:relative;
}

.copy_title{
	position:absolute;
	left:0;
	top:50%;
	height:25px;
	margin-top:-12px;
	text-align:center;
	width:100%;
	font-size:1.25em;
}

.copy_title span{
	font-size:0.65em;
}

.bk_copy .bkbox{
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
}

.bk_copy .bk_ctrol{
	background:#eee;
	height:100px;
}

.bk_copy .bk_img,
.bk_copy h3.title,
.bk_copy .bk_ot,
.bk_copy .qrbox{
	background:#eee;
}

.bk_copy .bk_ot{
	margin:5px 0 0;
}

.bk_copy .qrbox{
	height:60px;
}

/* 付費刊物 */
.mb_ctrolbox{
	padding:5px 0 10px;
}

.mb_hd{
	background:url(../images/header/line_mb02.png) no-repeat scroll center bottom;
	padding:0 0 20px;
}

.mb_logo{
	display:block;
	background:url(../images/content/bg_logo.png) no-repeat scroll center top;
	background-size:100% auto;
	width:100%;
	padding:3% 0 16% 17%;
	box-sizing:border-box;
	font-size:0.875em;
	color:#333;
}

.mb_logo:hover{
	color:#93BC56;
}

.mb_hd p{
	padding:10px 0 0;
	text-align:right;
	font-size:1em;
	text-align:center;
}

.mb_hd p a{
	display:inline-block;
	font-size:0.75em;
	background:#333;
	color:#fff;
	padding:3px 10px 3px 7px;
	margin:5px 2px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.mb_hd p a:hover{
	background:#93BC56;
}

.mb_bd{
	padding:5px 0 0;
}

.mb_bd .icon{
	text-indent:-9999px;
	display:inline-block;
	width:28px;
	height:26px;
	background-position:center center;
	background-size:40px auto;
	vertical-align:middle;
}

.i_mbtn01{
	background-image:url(../images/header/item_mbctrl01-2.png);
}

.i_mbtn02{
	background-image:url(../images/header/item_mbctrl02-2.png);
}

.i_mbtn03{
	background-image:url(../images/header/item_mbctrl03-2.png);
}

.i_mbtn04{
	background-image:url(../images/header/item_mbctrl04.png);
}

.i_mbtn05{
	background-image:url(../images/header/item_mbctrl05-2.png);
}

.i_mbtn06{
	background-image:url(../images/header/item_mbctrl06-2.png);
}

.i_mbtn07{
	background-image:url(../images/header/item_mbctrl07-2.png);
}

.i_mbtn08{
	background-image:url(../images/header/item_mbctrl08.png);
}

.i_mbtn09{
	background-image:url(../images/header/item_mbctrl09-2.png);
}

.i_mbtn11{
	background-image:url(../images/header/item_mbctrl11-2.png);
}

.i_mbtn12{
	background-image:url(../images/header/item_mbctrl12-2.png);
}

.i_mbtn13{
	background-image:url(../images/header/item_mbctrl13-2.png);
}

.i_mbtn14{
	background-image:url(../images/header/item_mbctrl14-2.png);
}

.i_mbtn15{
	background-image:url(../images/header/item_mbctrl15-2.png);
}

.i_mbtn16{
	background-image:url(../images/header/item_mbctrl16-2.png);
}

.bk_make{
	background:url(../images/header/line_mb02.png) no-repeat scroll center bottom;
	padding:15px 0 15px;
}

.bk_make b{
	font-size:1.25em;
	font-weight:normal;
	display:block;
	padding:0 0 5px;
}

.btn_01{
	background:#8C0000;
	color:#fff;
	font-size:1.25em;
	border:0;
	width:100%;
	padding:10px 10px;
	margin:5px 0 0;
}

.btn_01:hover{
	background:#740000;
}

.btn_01 em{
	font-size:0.65em;
	color:rgba(255, 255, 255, 0.8);
	margin:-2px 0 0;
	display:block;
}

.subtab{
	display:none;
	position:absolute;
	left:0;
	right:0;
	top:45px;
	z-index:9;
	border:1px solid #999;
	padding:0;
	background:#fff;
	font-size:0.8125em;
}

.subtab a{
	display:block;
	border:0;
	color:#666;
	height:auto;
	line-height:1.2;
	padding:6px 10px;
	background:none;
	font-weight:normal;
	margin:1px 0;
}

.subtab a:hover,
.subtab li.on a{
	background:#efefef;
}

.subtab .ssubmnav{
	width:150px;
	border:1px solid #999;
	box-shadow:none;
}

.subtab .ssubmnav li a{
	padding:5px 8px;
}

.subtab .ssubmnav .ssubmnav{
	left:145px;
}

.subtab .ssubmnav i.i_l{
	display:none;
}

.myselect{
	display:inline-block;
}

.bk_make .myselect{
	display:block;
}

.myselect.on .subtab{
	display:block;
}

.myselect.on .subtab a{
	color:#666;
	width:auto;
	height:auto;
	line-height:1.2;
	padding:5px 0;
	background:none;
	font-weight:normal;
}

.myselect.on .subtab a:hover,
.myselect.on .subtab li.on a{
	background:#B64096;
	color:#fff;
}

.myselect{
	position:relative;
}

.myselect_nonetitle .subtab{
	position:static;
	display:block !important;
	margin:0;
	visibility:visible !important;
	opacity:1 !important;
}

.myselect_nonetitle .subtab li a{
	position:relative;
	padding-left:30px;
}

.myselect_nonetitle .subtab li a:before{
	content:"\f096";
	font-family:FontAwesome;
	font-style:normal;
	font-weight:normal;
	text-decoration:inherit;
	position:absolute;
	font-size:1.125em;
	color:lightblue;
	top:5px;
	left:10px;
	margin:0;
	color:#999;
	z-index:1;
}

.myselect_nonetitle .subtab li.on a:before{
	content:"\f14a";
	color:#93BC56;
}

.myselect_nonetitle a.subtab_title{
	display:none;
}

a.subtab_title{
	display:block;
	height:45px;
	padding:0 40px 0 10px;
	line-height:45px;
	font-size:1em;
	border:1px solid #999;
	color:#333;
	background:#fff url(../images/content/icon_select.png) no-repeat scroll 95% center;
}

.myselect li a:hover,
a.subtab_title:hover{
	text-decoration:none;
}

.tfbar .myselect{
	width:100%;
}

.tfbar .myselect li{
	position:relative;
	font-size:0.8125em;
}

.tfbar a.subtab_title{
	height:35px;
	line-height:35px;
	border:1px solid #c6c6c6;
}

.tfbar .subtab{
	top:35px;
	/*max-height:300px;overflow:auto;*/
}

.subtab li.hv a,
.subtab li.hv li a:hover,
.subtab li.hv li.on a{
	background:#eee;
}

.subtab li.hv li a{
	background:#fff;
}

.subselect{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	border:1px solid #999;
	padding:0;
}

/* 名言佳句 */
.list01{
	padding:10px 0 20px 0;
}

.list01 li{
	position:relative;
	padding:5px 5px 5px 80px;
	border-bottom:1px dotted #ccc;
	margin:1px 0 0;
	min-height:85px;
}

.list01 li.hv{
	background:#fff;
}

.list_l{
	position:absolute;
	left:15px;
	top:10px;
	width:50px;
}

.list_r h3.title{
	font-weight:normal;
	padding:5px 0 0;
}

.list_r li{
	padding:3px 40px 3px 20px;
	margin:2px 0 0;
	min-height:inherit;
	border:0;
}

.list_r li a{
	color:#666;
}

.list_r li a:hover{
	color:#93BC56;
}

.list_r li em{
	position:absolute;
	left:5px;
	top:3px;
}

.list_r li i{
	display:inline-block;
	font-style:normal;
	color:#999;
	font-size:0.875em;
}

.list_r li .bkicons{
	top:-3px;
	bottom:auto;
}

.list_r li .bkicons a{
	background:#ccc;
	color:#333;
}

.list_r li .bkicons a:hover{
	background:#333;
	color:#fff;
}

span.bkicons{
	position:static;
}

/* 步驟 */
.stepbox{
	padding:10px 0 10px;
}

.stepbox li{
	display:inline;
	float:left;
	background:url(../images/content/icon_step.png) no-repeat scroll 5px 22px;
	padding:0 0 0 25px;
}

.stepbox li.fst{
	background:none;
	padding:0;
}

.stepbox li a{
	display:block;
	width:85px;
	height:50px;
	background:no-repeat scroll left top;
	text-indent:-9999px;
}

.stepbox li a.step01{
	background-image:url(../images/content/item_step01.png);
}

.stepbox li a.step02{
	background-image:url(../images/content/item_step02.png);
}

.stepbox li a.step03{
	background-image:url(../images/content/item_step03.png);
}

.stepbox li a.mstep01{
	background-image:url(../images/content/item_make_step01.png);
}

.stepbox li a.mstep02{
	background-image:url(../images/content/item_make_step02.png);
}

.stepbox li a.mstep02_2{
	background-image:url(../images/content/item_make_step02_2.png);
}

.stepbox li a.mstep02_3{
	background-image:url(../images/content/item_make_step02_3.png);
}

.stepbox li a.mstep03{
	background-image:url(../images/content/item_make_step03.png);
}

.stepbox li a.mstep03.on{
	width:400px;
}

.stepbox li a.on{
	background-position:left bottom;
	width:350px;
}

/* 購物車 */
.wbox{
	background:#fff;
	padding:30px 30px;
	border:1px solid #ddd;
	margin:5px 0 0;
}

.wbox .box01_2 .box_hd h2.title{
	font-size:1.125em;
}

.bkbox02{
	padding:5px 5px 5px 50px;
}

.bkbox02 .bkmain{
	padding:0 170px 0 0;
}

.bkbox02 .bk_txt{
	padding:0 0 0 2%;
	/*width:100% !important;*/
}

.bkbox02 .bk_txt h3.title{
	padding:5px 0 0;
}

.bkbox02 .bk_img{
	width:14%;
	padding-top:18%;
}

.bkbox02 .bkmain .bk_img img{
	bottom:0;
}

.bkbox02 .qrbox{
	position:static;
	padding:5px 0 0;
}

.bkbox02 .otctrl{
	position:absolute;
	bottom:5px;
	left:0;
}

.buyinfo{
	position:absolute;
	right:1px;
	top:1px;
	bottom:1px;
	width:130px;
	padding:10px 15px 5px;
	text-align:center;
	background:#eee;
}

.bkbox02 .bk_img img{left:50%;top:50%;transform:translate(-50%,-50%);}
.bkbox02 .buyinfo{display:flex;flex-direction:column;justify-content:center;}
.bkbox02 .bk_txt h3.title + .bk_ot{font-size:.825em;}
.bkbox02 .bk_nb{font-size:1em;padding:0 0 3px;}
.bkbox02 .bk_nb .tf{background-color:#fff;border:1px solid #c6c6c6;width:70px;text-align:center;box-sizing:border-box;padding:3px;margin:2px 0 0 5px;border-radius:2px;box-shadow:inset 2px 2px 4px rgb(0 0 0 / 10%);text-indent:.425em;font-size:1.25em;}

.buyinfo01{
	position:static;
	padding:0;
	background:none;
	width:auto;
}

.buyinfo b{
	display:block;
	font-size:1.4375em;
	color:#8C0000;
}

.buyinfo b small{
	font-size:0.5217391304347826em;
	font-weight:normal;
}

.buyinfo span{
	display:inline-block;
	margin:0 auto;
	padding:2px 10px;
	background:#fff;
	margin:5px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.buyinfo span.imp{
	background:#900;
	color:#fff;
}

.buyinfo span.done{
	background:#93BC56;
	color:#fff;
}

.bkbox02 .bkmain{display:flex;padding:0;}
.bkbox02 .bkmain > div[style]{line-height:1;}
.bkbox02 .buyinfo{position:static;width:150px !important;}
.bk_txt + .buyinfo b{font-size:1.2em;}
.bk_txt + .buyinfo b span{display:inline;padding:0;background:none;margin:0;}

.buyinfo a{
	display:block;
	margin:3px 0 0;
}

.buytt{
	background:#fff;
	border:2px solid #93BC56;
	padding:30px 20px;
	text-align:center;
	color:#93BC56;
	font-size:1.25em;
}

.bkbox02_2{
	padding:5px;
}

.bkbox02_3 .bk_txt{
	width:90%;
}

.buybox .formbox{
	padding:5px 25px 5px;
}

/* 書本買賣 */
.wbox_t .tab_hd ul{
	display:inline;
	float:right;
	margin:0 0 -6px;
}

.wbox_t .tab_hd li{
	display:inline;
	float:left;
	background:url(../images/header/line_mb03.png) no-repeat scroll left center;
	padding:0 0 0 5px;
	margin:0 0 0 3px;
}

.wbox_t .tab_hd li a{
	font-size:0.9375em;
	color:#333;
	display:block;
	padding:5px 10px 10px;
}

.wbox_t .tab_hd li a b{
	font-size:1.25em;
	font-weight:normal;
}

.wbox_t .tab_hd li.on a{
	color:#92BB55;
	background:#fff url(../images/content/icon_03.png) no-repeat scroll center bottom;
	border:1px solid #ddd;
	border-bottom:0;
	font-weight:bold;
}

.wbox_t .tab_bd{
	/*border-top:1px dashed #ccc;padding-top:15px;*/
}

.wbox .wbox_t .tab_hd ul{
	margin:0 0 -2px;
}

.pro_t{
	border-bottom:1px dashed #ccc;
	padding:0 0 8px;
	font-size:1.25em;
	margin:0 0 20px;
}

p.imp{
	color:#900;
	font-size:0.9375em;
}

span.imp{
	color:#900;
}

/* 做書 */
.box_tbar{
	border-bottom:1px dashed #ccc;
	padding:0 5px 10px;
	font-size:0.9375em;
	color:#666;
	margin:0 0 10px 0;
}

.box_tbar span{
	padding:0 8px 0 0;
	display:inline-block;
	margin:2px 0;
}

.box_tbar span.r{
	padding:0 0 0 30px;
	background:url(../images/content/icon_limi.png) no-repeat scroll left 0;
}

.box_tbar span b{
	color:#78A332;
}

.radio_li{
	padding:0;
}

.radio_li li{
	display:inline;
	float:left;
	width:49%;
	border:1px solid #ccc;
	margin:5px 1% 0 0;
	box-sizing:border-box;
}

.radio_li li label{
	color:#999;
	display:block;
	position:relative;
	cursor:pointer;
	padding:10px 5px 13px 110px;
	margin:5px;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:40px center;
	border-radius:5px;
	font-size:0.75em;
	text-align:left;
}

.radio_li li .radio_back{
	position:absolute;
	left:20px;
	top:50%;
	z-index:2;
	margin-top:-5px;
}

.radio_li li h3{
	font-size:1.25em;
	font-weight:normal;
	padding:4px 0 5px;
}

.radio_li li.ra01 label{
	background-image:url(../images/content/item_pg01.jpg);
}

.radio_li li.ra02 label{
	background-image:url(../images/content/item_pg02.jpg);
}

.radio_li li.ra01.hv label,
.radio_li li.ra02.hv label{
	color:#333;
}

.radio_li li.ra01.on label{
	background-image:url(../images/content/item_pg01-on.jpg);
	color:#739A46;
}

.radio_li li.ra02.on label{
	background-image:url(../images/content/item_pg02-on.jpg);
	color:#739A46;
}

.radio_li li.on span{
	background:url(../images/content/item_yes.jpg) no-repeat;
	width:24px;
	height:24px;
	position:absolute;
	left:15px;
	top:50%;
	z-index:3;
	margin-top:-12px;
}

.slectwrap{
	padding:0;
}

.slectbox{
	text-align:center;
	border-bottom:1px solid #efefef;
	padding:40px 0 30px;
	background:#eee;
	margin:5px 0;
}

.upload_step-1{
	background:url(../images/content/btn_file.jpg) no-repeat scroll left top;
	display:inline-block;
	width:180px;
	height:50px;
	margin:3px 2px;
	vertical-align:top;
}

.upload_step-2{
	display:inline-block;
	width:180px;
	height:50px;
	margin:3px 2px;
}

.upload_step-2.off a{
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	opacity:0.2;
	cursor:default;
}

.btn03{
	text-indent:-9999px;
	cursor:pointer;
	display:inline;
	float:left;
	width:180px;
	height:50px;
}

.btn_file{
	background:url(../images/content/btn_file.jpg) no-repeat scroll left top;
}

.btn_upload{
	background:url(../images/content/btn_upload.jpg) no-repeat scroll left top;
	display:inline-block;
}

.upload-info{
	padding:10px;
}

.upload-info em{
	color:#994640;
	font-weight:bold;
	font-size:1.25em;
	font-style:normal;
	padding:0 5px;
}

.swfupload{
	vertical-align:inherit !important;
}

.fileup{
	background:#eee;
	text-align:center;
	padding:20px;
	margin:5px 0;
}

.fileup li{
	display:inline;
	float:left;
	width:31%;
	margin:3px 1%;
}

.fileup li a{
	display:block;
	padding:15px;
	text-align:center;
	background:#92c33e;
	color:#fff;
	border-bottom:3px solid rgba(0, 0, 0, 0.2);
	font-size:1em;
}

.fileup li a i{
	font-size:0.875em;
}

.fileup li a:hover{
	text-decoration:none;
	margin-top:3px;
	border-bottom:0;
}

.filebar{
	border-bottom:1px solid #ddd;
	margin-bottom:15px;
}

.filebar02{
	border:0;
	border-top:1px solid #ddd;
	margin:20px 0 0;
	padding:15px 0 0;
}

.imp_s{
	font-size:0.8125em !important;
}

.p_s{
	font-size:0.75em;
	line-height:1.4;
}

.fy_bd .tfbar{
	padding-left:80px;
}

.fy_bd .tfbar b{
	width:70px;
}

.fy_bd .formwrap h2.title span{
	background:#eee;
}

.fy_bd .slectbox{
	padding:20px 0;
}

.fy_bd .btn{
	height:40px;
}

.help_info h3{
	font-size:1.25em;
}

.fa.fa-arrows{
	cursor:move;
}

.fa.fa-pencil{
	font-size:1.25em;
}

/* RWD iframe */
.rwdbox{
	position:relative;
	padding-bottom:50.25%;
	padding-top:25px;
	height:0;
	width:100%;
}

.rwdbox02{
	padding-bottom:30.25%;
}

.rwdbox iframe,
.rwdbox object,
.rwdbox embed,
.rwdbox video,
.rwdbox audio{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.audiotag{
	padding:5px 0 0;
}

/* 按鈕 */
a.abtn02{
	display:inline-block;
	height:31px;
	line-height:31px;
	font-size:0.9375em;
	padding:0 10px;
	margin:2px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 2px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 2px 0 rgba(0, 0, 0, 0.1);
	box-shadow:0 2px 0 rgba(0, 0, 0, 0.1);
}

a.abtn02:hover{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	-ms-transform:translateY(2px);
	-webkit-transform:translateY(2px);
	transform:translateY(2px);
}

a.btn01_1{
	color:#333;
	background:#ececec;
	border:1px solid #ddd;
}

a.btn01_2{
	color:#fff;
	background:#333;
	border:1px solid #333;
}

.btnbox{
	padding:20px 0 0;
	text-align:right;
}

.btn_c{
	text-align:center;
	margin:20px 0 0;
}

.btn{
	height:50px;
	border:0;
	padding:0 20px;
	color:#fff;
	font-size:0.9375em;
	min-width:160px;
	margin:2px 0 2px 2px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.btn02_1{
	background:#ccc;
}

.btn02_1:hover{
	background:#c0c0c0;
}

.btn02_2{
	background:#53A3D8;
}

.btn02_2:hover{
	background:#397DAB;
}

/* 頁數 */
.pglist{
	display:table;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
	-webkit-text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);
	-moz-text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);
}

.pglist p,
.pglist ul{
	display:inline;
	float:left;
	font-size:0.75em;
}

.pglist ul{
	padding:0 4px;
}

.pglist li{
	display:inline-block;
	margin:0 1px;
}

.pglist li a,
.pglist li span{
	display:inline-block;
	width:32px;
	height:32px;
	line-height:32px;
	text-align:center;
	background:#fff;
	border:1px solid #D7D7D7;
	color:#999;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.pglist li a:hover{
	color:#000;
	border:1px solid #000;
}

.pglist li span{
	background:#93BC56;
	border:1px solid #93BC56;
	color:#fff;
}

.pglist p a{
	display:inline-block;
	width:auto;
	height:32px;
	line-height:32px;
	border:1px solid #D5CFCF;
	color:#727272;
	margin:0 3px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.pglist p a:hover{
	border:1px solid #666;
}

p.i_prev a{
	background:#fff url(../images/content/btn_prev.png) no-repeat scroll 3px center;
	padding:0 10px 0 20px;
}

p.i_pp a{
	background-image:url(../images/content/btn_pprev.png);
}

p.i_next a{
	background:#fff url(../images/content/btn_next.png) no-repeat scroll 98% center;
	padding:0 20px 0 10px;
}

p.i_nn a{
	background-image:url(../images/content/btn_nnext.png);
}

/* 廣告 */
.otbnr{
	margin:10px 0 20px;
	background:#fff;
	position:relative;
	text-align:center;
	overflow:hidden;
	border:5px solid #fff;
	-webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.25);
	box-shadow:0 0 1px rgba(0, 0, 0, 0.25);
}

.i_point{
	position:absolute;
	background:url(../images/content/icon_01.png) no-repeat scroll center center;
	width:5px;
	height:5px;
}

.i_lt{
	left:0;
	top:0;
}

.i_lb{
	left:0;
	bottom:0;
}

.i_rt{
	right:0;
	top:0;
}

.i_rb{
	right:0;
	bottom:0;
}

/* Fancybox */
.fybox{
	width:800px;
	display:none;
	background:#eee;
	position:relative;
}

.fy_hd{
	background:#93BC56;
	padding:10px 20px;
}

.fy_hd h2.title{
	display:inline-block;
	font-size:1.5625em;
	color:#fff;
	font-weight:normal;
}

.fy_hd .r{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	z-index:999;
	-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.8);
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.8);
}

.fy_hd .r a{
	display:inline;
	float:left;
	width:25%;
	height:40px;
	line-height:40px;
	background:rgba(0, 0, 0, 0.7);
	text-align:center;
	color:#fff;
	font-size:1.125em;
}

.fy_hd .r a:hover{
	background:rgba(0, 0, 0, 1);
}

.fy_hd .r a.on{
	background:#93BC56;
	color:#fff;
	font-weight:bold;
}

.fy_bd{
	padding:20px 30px 50px;
}

.fy_bd .mbrlist li{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.fy_bd .mbrlist li span{
	padding:0;
}

.fancybox-title{
	display:none;
}

.fy_bd .formbox{
	padding:0 4%;
}

/* 表格 */
.i_table_hd{
	padding:10px 0;
	font-size:0.9375em;
	line-height:1.5;
	background:#eee;
}

.i_table_hd .l{
	display:inline;
	float:left;
}

.i_table_hd .td_xoy i{
	background-position:left 5px;
}

.i_table h2{
	padding:10px 0 5px;
	display:block;
}

.i_table b{
	color:#699;
}

.i_table h2 h3{
	display:inline-block;
	color:#6ca6cf;
}

.i_table h3{
	color:#333;
	font-size:.25em;
	padding:0;
}

.i_table li{
	padding:3px 0;
}

.i_table,
.i_table table{
	display:table;
	width:100%;
	padding:0 0 10px;
	margin:10px 0 0;
	font-size:0.9375em;
	line-height:1.6;
}

.i_table tr{
	background:rgba(255, 255, 255, 0.5);
}

.i_tr.hv{
	background:rgba(255, 255, 255, 0.8);
}

.i_table th{
	padding:7px 10px;
	background:#2d2e33;
	color:#fff;
	font-size:0.8666666666666667em;
}

.i_table th i{
	font-style:normal;
}

.i_table td{
	padding:7px 10px;
	position:relative;
	border-bottom:1px solid #ddd;
	color:#666;
	word-break:break-all;
}

.ggbox .i_table td{
	font-size:0.8em;
}

.i_table mark{
	display:block;
	background:none;
	font-weight:normal;
}

mark *{
	padding:0 15px 0 0;
	font-size:0.75em;
	color:#999;
}

.td_xoy i{
	display:inlin-block;
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 15px;
}

.td_xoy .abtn{
	position:absolute;
	top:50%;
	margin-top:-11px;
}

.td_name{
	font-size:1em;
	color:#666;
}

.tb_01 td{
	font-size:.8em;
	padding:5px 5px;
}

.tb_02 td{
	font-size:0.8666666666666667em;
	padding:8px 5px;
}

.td_mb{
	background:#efefef;
}

.td_tt{
	background:#FFDADA;
	font-weight:bold;
}

.td_end{
	font-size:1.3333333333333333em;
	font-family:"Arial Black";
	background:#eee;
	padding:5px 10px;
	color:#702040;
	clear:both;
	text-align:right;
}

.td_end02{
	font-size:1.3333333333333333em;
	background:#eee;
	padding:5px 10px;
	color:#702040;
	clear:both;
	text-align:right;
}

.i_table td.td_modify{
	border:0
}

.td_table table{
	margin:0;
}

.tb_img{
	width:80px !important;
	display:inline;
	float:left;
}

.tb_li{
	display:inline;
	float:left;
	margin:0 0 0 5px;
	width:60%;
	border-left:3px solid #ccc;
	padding:0 0 0 5px;
}

.tb_li li{
	padding:0 !important;
}

/* div表格 */
.div_table{
	display:table;
	margin:0;
	width:100%;
	border-collapse:collapse;
}

.div_tr{
	display:table-row;
}

.div_th,
.div_td{
	display:table-cell;
}

.tdh_center{
	text-align:center !important;
}

.tdh_right{
	text-align:right !important;
}

.tdh_left{
	text-align:left !important;
}

.btitle{
	display:none;
}

.tb01{
	padding:0 0 20px;
}

.tb01 .div_table{
	border-collapse:collapse;
}

.tb01 .div_th{
	background:#eee;
	padding:10px 5px;
	text-align:center;
	border:1px solid #ddd;
}

.tb01 .div_td{
	padding:8px;
	border:1px solid #ddd;
	vertical-align:middle;
}

.tb01 .div_td .bk_btn i{
	position:static;
	margin:0;
	width:auto;
}

.tb01 .div_td h3.title{
	padding:0 0 5px;
}

.tb01 .div_td h3.title a{
	color:#333;
}

.tb01 .div_td ul{
	color:#999;
	line-height:1.4;
}

.div_tr02{
	background:#FFC;
	padding:10px;
}

.td_bor{
	padding:0 !important;
	border:0 !important;
	background:#fff;
}

.td_bor div{
	border:3px solid #f66;
	padding:15px 25px;
	text-align:right;
	color:#F66;
	font-size:1em;
}

.td_bor div em{
	font-weight:bold;
	font-size:1.3333333333333333em;
	padding:0 0 0 5px;
}

/* gg_search */
.gg_search{
	min-height:300px;
	padding:0;
}

.gg_search .gsc-control-cse,
.gg_search .gsc-control-cse{
	padding:0;
	background:none;
	border:0;
}

.gg_search .gsc-control-wrapper-cse{
	background:url(images/content/item_googlesearch.png) no-repeat scroll left top;
	padding:15px 0 0;
}

.gg_search .gsc-search-box{
	position:relative;
}

.gg_search table.gsc-search-box td.gsc-input{
	padding:0;
}

.gg_search td.gsc-search-button,
.gg_search td.gsc-clear-button{
	width:auto;
}

.gg_search input.gsc-input{
	border:1px solid #ccc;
	padding:8px 15px 8px 30px;
	width:100%;
	font-size:1.25em;
	background:#fff !important;
	box-sizing:border-box;
}

.gg_search input.gsc-search-button{
	position:absolute;
	right:2px;
	top:2px;
	background:#53a3d8;
	border:0;
	color:#fff;
	font-size:0.9375em;
	font-weight:bold;
	height:38px;
	width:100px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.gg_search div.gsc-clear-button{
	position:absolute;
	left:5px;
	top:50%;
	margin-top:-8px;
}

.gg_search .gs-title{
	padding-top:10px;
}

.gg_search .gs-title,
.gg_search .gs-title *{
	color:#333 !important;
	font-weight:bold;
}

.gg_search a.gs-title:hover{
	color:#85B200 !important;
}

.gg_search .gs-title a b,
.gg_search .gs-snippet b{
	color:#c30 !important;
}

.gg_search .gsc-wrapper{
	padding:10px0 0;
}

.gg_search .gsc-webResult .gsc-result{
	border:0;
}

.gg_search .gs-web-image-box,
.gg_search .gs-promotion-image-box,
.gg_search .gs-web-image-box,
.gg_search .gs-promotion-image-box{
	width:75px;
}

.gg_search .gs-web-image-box img.gs-image,
.gg_search .gs-promotion-image-box img.gs-promotion-image{
	max-width:75px;
}

.gg_search .gs-bidi-start-align{
	padding:5px 0;
	color:#666;
}

.gg_search .gsc-webResult table td{
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
}

.gg_search .gsc-results .gsc-cursor-box .gsc-cursor-page{
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:rgba(0, 0, 0, 0.4);
	text-decoration:none;
	color:#ccc;
	margin:0 1px;
}

.gg_search .gsc-results .gsc-cursor-box .gsc-cursor-current-page{
	background:#000;
	color:#fff;
}

.gg_search .gsc-cursor-box{
	text-align:center;
}

/* FB */
.box_bd .fb_iframe_widget{
	display:block;
}

.box_bd .fb_iframe_widget span{
	width:100% !important;
}

.box_bd .fb_iframe_widget iframe{
	position:static !important;
	width:100% !important;
}

#footer{
	z-index:10;
	padding:0 0 5px;
	border-bottom:5px solid #1D1E20;
}

/* 返回上方 */
.rfixed{
	position:fixed;
	right:0;
	bottom:17%;
	z-index:9;
}

.rfixed a{
	background:#2e3239 no-repeat scroll 10px center;
	color:#fff;
	font-size:0.8125em;
	display:block;
	min-height:20px;
	padding:7px 5px 7px 32px;
	-webkit-border-radius:20px 0 0 20px;
	-moz-border-radius:20px 0 0 20px;
	border-radius:20px 0 0 20px;
	-webkit-box-shadow:-3px 0 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:-3px 0 5px rgba(0, 0, 0, 0.3);
	box-shadow:-3px 0 5px rgba(0, 0, 0, 0.3);
}

.rfixed a span{
	display:none;
	padding:2px 5px 0 5px;
}

a.gotop{
	opacity:0;
	background-image:url(../images/content/icon_top.png);
}

.rfixed a.hv span{
	display:block;
}

/* Footer連結 */
.ftlinks{
	text-align:center;
	padding:0 0 10px;
}

.ftlinks li{
	display:inline-block;
	background:url(../images/footer/line_01.jpg) no-repeat scroll left 4px;
	padding:0 0 0 10px;
	margin:0 0 0 5px;
}

.ftlinks li.fst{
	background:none;
}

.ftlinks li a{
	color:#333;
}

.ftlinks li a:hover{
	text-decoration:underline;
}

/* Footer資訊 */
.ftinfo{
	text-align:center;
	background:#fff;
	border-top:20px solid #93BC56;
	line-height:1.4;
	font-size:0.75em;
}

.ftinfo .inbox{
	border-top:5px solid #eee;
	padding:10px 0 5px;
	width:auto;
	margin:0 auto;
}

/* App Info */
.appinfo{
	display:none;
	position:fixed;
	left:0;
	bottom:0;
	right:0;
	z-index:999;
	height:55px;
	background:rgba(134, 181, 67, 0.9);
}

.appinfo div{
	position:relative;
	height:42px;
	margin:0 5px;
	padding:13px 0 0 55px;
}

.appinfo div img{
	position:absolute;
	left:5px;
	top:50%;
	margin-top:-20px;
	height:40px !important;
	border:1px solid #fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.appinfo div span{
	color:#547339;
}

.appinfo div .i_dl{
	position:absolute;
	right:30px;
	top:50%;
	margin-top:-20px;
	width:60px;
	text-align:center;
	height:40px;
	line-height:40px;
	color:rgba(134, 181, 67, 0.9);
	font-size:0.9375em;
	background:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.appinfo div .fa{
	position:absolute;
	right:5px;
	top:50%;
	margin-top:-10px;
	color:#fff;
	font-size:1.25em;
}

.iosbar,
.andbar{
	display:none;
}

/* 右下角訊息 */
.otpop{
	position:fixed;
	right:0;
	bottom:0;
	width:320px;
	border:1px solid #ccc;
	background:#fff;
	z-index:999;
	-webkit-box-shadow:-3px -3px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:-3px -3px 0 rgba(0, 0, 0, 0.1);
	box-shadow:-3px -3px 0 rgba(0, 0, 0, 0.1);
}

.ot_hd{
	padding:8px 70px 8px 10px;
	background:#efefef;
	position:relative;
	border-bottom:1px solid #eee;
}

.ot_hd h2.title{
	font-size:1em;
	font-weight:normal;
	display:inline-block;
}

.ot_hd .i_close{
	position:absolute;
	right:10px;
	top:10px;
	color:#333;
}

.ot_bd{
	padding:20px 15px;
}

.ot_bd p{
	font-size:0.9375em;
}

.ckbar{
	padding:15px 0 0;
}

/* 新舊版本 */
#creatbox{
	display:none;
	background:url(../images/content/bg_cover-fb.png) repeat;
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:9999;
}

.closebox{
	height:100%;
	position:fixed;
	width:100%;
	z-index:2;
}

#creatbox .creatcont{
	width:500px;
	height:240px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-200px 0 0 -250px;
	z-index:3;
}

.slbox{
	height:120px;
	padding:5px;
	margin:10px;
	background:#fff;
	text-align:center;
	position:relative;
	background-size:100% auto !important;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:2px 3px 15px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:2px 3px 15px rgba(0, 0, 0, 0.7);
	box-shadow:2px 3px 15px rgba(0, 0, 0, 0.7);
}

.slbox a{
	display:block;
	width:100%;
	height:100%;
	box-sizing:border-box;
}

.slbox:hover{
	-webkit-box-shadow:0 0 20px rgba(255, 255, 255, 0.5);
	-moz-box-shadow:0 0 20px rgba(255, 255, 255, 0.5);
	box-shadow:0 0 20px rgba(255, 255, 255, 0.5);
}

.sl_bg01{
	height:200px;
	background-size:auto 100% !important;
}

.sl_bg01 a{
	color:#fff;
	padding:60px 20px 0;
	text-align:left;
}

.sl_bg01 a span{
	font-size:2.5em;
	display:block;
	padding:0 2px;
	font-family:Verdana, Geneva, sans-serif;
}

.sl_bg01 a span em{
	background:#fff;
	color:#85B826;
	font-size:0.35em;
	display:block;
	width:40px;
	text-align:center;
	padding:3px 8px;
	margin:5px 0 0;
	vertical-align:middle;
	position:relative;
	bottom:4px;
	font-family:'Oswald', sans-serif;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.sl_bg02 a{
	padding:25px 0 0;
	color:#999;
}

.sl_bg02 a span{
	font-size:2.1875em;
	padding:0 0 0 10px;
	font-family:Verdana, Geneva, sans-serif;
}

.creat01 .sl_bg01{
	background:#85B826 url(../images/content/bg_reader01.png) no-repeat scroll right top;
}

.creat01 .sl_bg02{
	background:#333 url(../images/content/bg_reader02.png) no-repeat scroll left bottom;
}

.creat02 .sl_bg01{
	background:#85B826 url(../images/content/bg_editor01.png) no-repeat scroll right top;
}

.creat02 .sl_bg02{
	background:#333 url(../images/content/bg_editor02.png) no-repeat scroll left bottom;
}

.sl_bg01 a b,
.sl_bg02 a b{
	display:none;
}

/* QR code 圖片 */
#qrimgbox{
	display:none;
	background:url(../images/content/bg_cover-fb.png) repeat;
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:9999;
}

#qrimgbox .qrcont{
	width:300px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-230px 0 0 -150px;
	z-index:3;
	background:url(../images/content/bg_qrcode.png);
	padding:10px;
}

.qr_hd{
	padding:5px 5px 0;
	background:#fff;
}

.qr_hd .qr_hd_span{
	display:inline;
	float:left;
	width:35%;
	height:100px;
	overflow:hidden;
	text-align:center;
	margin:0 5% 0 0;
}

.qr_hd h3.title{
	display:inline;
	float:left;
	width:60%;
	height:67px;
	overflow:hidden;
	font-size:1.125em;
	padding:15px 0 0;
	line-height:1.3;
}

.qr_bd{
	text-align:center;
	max-height:300px;
	overflow:hidden;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center 30px;
	position:relative;
}

.qr_bd:after{
	content:"";
	position:absolute;
	left:0;
	top:30px;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.5);
}

.qr_bd img{
	-webkit-transform:skewX(-15deg) skewY(15deg);
	transform:skewX(-15deg) skewY(15deg);
	width:70%;
	box-shadow:5px -3px 0 rgba(0, 0, 0, 0.5);
	margin:40px 0 0;
	z-index:5;
	position:relative;
}

#qrimgbox .i_close{
	position:fixed;
	right:0;
	top:0;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	color:#fff;
	font-size:1.25em;
}

.mbqrcont .qr_bd img{
	-webkit-transform:skewX(0deg) skewY(0deg);
	transform:skewX(0deg) skewY(0deg);
	width:100%;
	margin:20px auto 0;
}

/* 數位檔案 */
.abtn_del{
	position:absolute;
	right:0;
	top:0;
	background:#333;
	color:#fff;
	padding:5px 10px;
	font-size:1.125em;
}

.fy_bd .filebar{
	padding-right:50px;
	position:relative;
}

.fy_bd .tfbar01{
	padding:0;
}

/* 版型書 */
.remodal{
	background:url(../images/bg_body05_2X.png) repeat scroll left top !important;
	background-size:50% auto !important;
	text-align:left;
	padding:30px;
}

.btn_close{
	background:#333;
	color:#999;
	width:35px;
	height:30px;
	line-height:30px;
	text-align:center;
	border:0;
	position:absolute;
	right:0;
	top:0;
}

.tempbox{
	color:#fff;
}

.pop_hd h2.title{
	font-size:3.125em;
	color:#fff;
	display:inline-block;
}

.pop_hd span{
	font-size:0.9375em;
	margin:0 0 0 20px;
	line-height:1.4;
	display:inline-block;
}

.pop_hd span b{
	text-decoration:underline;
	color:#FF0;
	display:inline-block;
	padding:0 5px;
}

.pop_bd{
	padding:15px 0;
	position:relative;
}

.templist{
	padding:15px 0 0;
	height:330px;
}

.templist .mCSB_inside>.mCSB_container{
	margin-right:20px;
}

.templist li{
	display:inline;
	float:left;
	padding:2% 1%;
	width:23%;
}

.templist li p{
	position:absolute;
	left:4%;
	bottom:6%;
	background:rgba(0, 0, 0, 0.5);
	color:#999;
	padding:3px 5px;
}

.templist li em{
	position:absolute;
	left:50%;
	top:50%;
	width:50px;
	height:50px;
	margin:-25px 0 0 -25px;
	background:rgba(0, 0, 0, 0.5);
	color:#fff;
	text-align:center;
	line-height:50px;
	font-size:1.4375em;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}

.templist li img,
.templist li img:hover{
	-webkit-transition:all .35s ease-in-out;
	-moz-transition:all .35s ease-in-out;
	-o-transition:all .35s ease-in-out;
	-ms-transition:all .35s ease-in-out;
	transition:all .35s ease-in-out;
}

.templist li img{
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	opacity:.5;
	filter:Alpha(Opacity=50);
}

.templist li img:hover,
.templist li.on img{
	-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%);
	-ms-filter:grayscale(0%);
	-o-filter:grayscale(0%);
	filter:grayscale(0%);
	opacity:1;
	filter:Alpha(Opacity=100);
	-webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.45);
	-moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.45);
	box-shadow:5px 5px 10px rgba(0, 0, 0, 0.45);
}

.templist li:hover p{
	background:#000;
	color:#fff;
}

.loader{
	text-align:center;
	clear:both;
}

.pop_l{
	width:52%;
}

.btn_r{
	text-align:left;
}

.btn_r .btn{
	font-size:1.25em;
}

.btn_r .btn02_1{
	background:#666;
}

.classify{
	position:relative;
	padding:0 5px 0 35px;
}

.classify_set{
	position:absolute;
	left:5px;
	top:4px;
}

.classify_set a{
	color:#fff;
	font-size:1.5625em;
}

.set_item{
	display:none;
	z-index:3;
	position:absolute;
	left:0;
	top:35px;
	width:120px;
	background:#fff;
	text-align:center;
	padding:3px;
	-webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.50);
	-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.50);
	box-shadow:2px 2px 2px rgba(0, 0, 0, 0.50);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.set_item span{
	display:block;
}

.set_item span a{
	font-size:0.9375em;
	color:#999;
	display:block;
	padding:5px 8px;
}

.set_item span.on a{
	background:#333;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.inset{
	position:relative;
}

.inset:before{
	content:'';
	position:absolute;
	left:0;
	top:-10px;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 10px 10px 10px;
	border-color:transparent transparent #fff transparent;
}

.classify_links{
	position:relative;
	margin:10px 0 0;
	background:#333;
	overflow:hidden;
	-webkit-box-shadow:inset 2px 2px 2px rgba(0, 0, 0, 0.50);
	-moz-box-shadow:inset 2px 2px 2px rgba(0, 0, 0, 0.50);
	box-shadow:inset 2px 2px 2px rgba(0, 0, 0, 0.50);
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
}

.classify_links .mCSB_horizontal.mCSB_inside>.mCSB_container{
	margin:0;
}

.classify_links .mCSB_scrollTools.mCSB_scrollTools_horizontal{
	bottom:auto;
	top:100%;
}

.classify_links .mCSB_draggerContainer{
	visibility:hidden !important;
}

.classify_links .mCSB_scrollTools_horizontal a{
	top:-25px;
	background-color:#333;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:alpha(opacity=80);
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}

.classify_links .mCSB_buttonRight{
	background-position:-22px -56px !important;
}

.classify_links .mCSB_buttonLeft{
	background-position:-17px -39px !important;
}

.linksbox ul{
	margin:0 30px;
	padding:1px 0;
	list-style:none;
	white-space:nowrap;
	-webkit-overflow-scrolling:touch;
}

.linksbox li{
	display:inline-block;
	padding:0 5px 0;
}

.linksbox li a{
	display:block;
	padding:7px 6px;
	color:#777;
	font-size:1em;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

.linksbox li.on a,
.linksbox li a:hover{
	color:#fff;
}

.on_border{
	position:absolute;
	margin-left:4px;
	bottom:0;
	width:50px;
	height:3px;
	background:#fff;
}

.pop_r{
	position:absolute;
	right:6%;
	bottom:0;
	width:33%;
}

.viewpage{
	-moz-transform:skewX(-10deg) skewY(10deg);
	-webkit-transform:skewX(-10deg) skewY(10deg);
	-o-transform:skewX(-10deg) skewY(10deg);
	-ms-transform:skewX(-10deg) skewY(10deg);
	transform:skewX(-10deg) skewY(10deg);
}

.viewpage span{
	background:#333;
	display:block;
	width:100%;
	position:relative;
	padding:80% 0 60%;
	-webkit-box-shadow:10px -10px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow:10px -10px 0 rgba(0, 0, 0, 0.25);
	box-shadow:10px -10px 0 rgba(0, 0, 0, 0.25);
}

.viewpage span img{
	position:absolute;
	left:0;
	top:0;
	;
	z-index:3;
	-webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.25);
	box-shadow:2px 2px 2px rgba(0, 0, 0, 0.25);
}

.viewpage span p{
	position:absolute;
	left:50%;
	top:50%;
	margin:-20px 0 0 -80px;
	font-size:2.5em;
	color:#666;
}

.ctrlpage{
	position:absolute;
	left:0;
	bottom:30%;
	width:100%;
	text-align:center;
}

.ctrlpage .btn{
	background:#fff;
	color:#333;
	width:80px;
	height:80px;
	margin-top:30px;
	text-align:center;
	line-height:85px;
	font-size:3.125em;
	min-width:inherit;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-box-shadow:3px 3px 0 rgba(0, 0, 0, 0.50);
	-moz-box-shadow:3px 3px 0 rgba(0, 0, 0, 0.50);
	box-shadow:3px 3px 0 rgba(0, 0, 0, 0.50);
}

.btn_minus{
	float:left;
	margin-left:-30px;
}

.btn_plus{
	float:right;
	margin-right:-30px;
}

.ctrlpage .tf{
	margin:0 auto;
	background:rgba(0, 0, 0, 0.5);
	color:#fff;
	width:130px;
	height:130px;
	text-align:center;
	font-size:3.125em;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}

/* 訊息 */
.fullmsg{
	display:none;
	position:fixed;
	z-index:999;
	background:rgba(25, 58, 85, 0.7);
	min-width:250px;
	left:50%;
	top:40%;
	margin:-20px 0 0 -125px;
	text-align:center;
	font-size:1.125em;
	padding:20px 5px;
	color:#59f959;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.fullmsg p{
	padding:5px 0;
}

.fullmsg i{
	font-size:1.875em;
}

/* 小圖預覽 */
a.ig_preview img{
	height:35px !important;
}

.viewbox{
	position:absolute;
	background:rgba(69, 78, 89, 0.5);
	padding:5px;
	display:none;
	color:#fff;
	width:200px;
	z-index:9999;
}

.viewbox img{
	width:100%;
}

.i_svg{
	display:block;
	margin:5px 0 0;
}

/* 自訂樣式 */
.custom .mb_logo{
	background-image:url(../images/content/bg_logo02.png);
}

.custom .mb02 .hd{
	background-image:url(../images/header/item_mblogo02.png);
}

.custom .topmcont .mbform .tfbox b{
	background-color:#ccc;
}

.custom .mbform .btn_ok{
	background-image:url(../images/content/btn_ok02.png);
}

.custom .i_fg{
	background-image:url(../images/content/icon_forget02.png);
}

.custom .i_re{
	background-image:url(../images/content/icon_resend02.png);
}

.custom .i_ck{
	background-image:url(../images/content/icon_check02.png);
}

.custom .ctrllist li a{
	background-color:rgba(37, 37, 37, 0.8);
}

.custom .inmb01 h2.title{
	color:#666;
}

.custom .inmb01 .mblinks a{
	color:#666;
}

.custom .inmb01 .mbform .tfbox b{
	background:#666;
}

.custom .i_back{
	background-image:url(../images/header/icon_back02.png);
}

.custom .slist a{
	border:5px solid rgba(255, 255, 255, 0.5);
}

/* 文章設計 */
.tbdesign01>ul{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	vertical-align:top;
	margin:0 !important;
	padding:0 !important;
}

.tbdesign01>ul>li{
	display:flex;
	width:48%;
	flex-direction:column;
	position:relative;
	padding:0 !important;
	box-sizing:border-box;
	border:1px solid #ddd !important;
	margin:8px 1%;
}

.tbdesign01 .tbdesign_hd{
	color:#fff;
	text-align:center;
	padding:20px 0;
}

.tbdesign01 .tbdesign_price{
	text-align:center;
}

.tbdesign01 .tbdesign_price b{
	font-size:3em;
	letter-spacing:-0.05em;
	padding:0 5px;
}

.tbdesign01 .tbdesign_buy{
	text-align:right;
}

.tbdesign01 .tbdesign_buy a{
	display:inline-block;
	width:100px;
	text-align:center;
	padding:10px 5px;
	color:#fff;
	font-weight:bold;
}

.tbdesign01 ul ul{
	margin:0 20px !important;
	padding:0 !important;
	list-style:none !important;
}

.tbdesign01 ul ul li{
	list-style:none !important;
	border-bottom:1px solid #ddd !important;
	padding:10px 10px 10px 90px !important;
	position:relative;
}

.tbdesign01 ul ul li b{
	position:absolute;
	left:10px;
	top:9px;
	width:80px;
}

.tbdesign01 ul ul li span{
	display:block;
	position:relative;
}

.tbdesign01 ul ul li span i{
	display:inline-block;
	font-size:0.6875em;
	font-style:normal;
	color:#09C;
	letter-spacing:-0.05em;
	border-bottom:1px dotted #09c;
}

.tbdesign01 ul ul li span.subtools{
	display:none;
	position:absolute;
	bottom:100%;
	left:0;
	margin:0 0 10px;
	width:95%;
	background:#2d2d2d;
	color:#fff;
	padding:10px 15px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-size:0.8125em;
}

.tbdesign01 ul ul li span.subtools:after{
	content:'';
	position:absolute;
	left:15px;
	bottom:0;
	margin:0 -7px -10px 0;
	border-style:solid;
	border-width:10px 15px 0 15px;
	border-color:#2d2d2d transparent transparent transparent;
}

.tbdesign01 .tbdesign_notes{
	text-align:center;
	padding:15px;
	color:#999;
}

.tbdesign01>ul>li:nth-of-type(1) .tbdesign_hd{
	background:#c482dc;
}

.tbdesign01>ul>li:nth-of-type(1) .tbdesign_price{
	color:#c482dc;
}

.tbdesign01>ul>li:nth-of-type(1) .tbdesign_buy a{
	background:#c482dc;
}

.tbdesign01>ul>li:nth-of-type(2) .tbdesign_price{
	color:#41cac0;
}

.tbdesign01>ul>li:nth-of-type(2) .tbdesign_hd{
	background:#41cac0;
}

.tbdesign01>ul>li:nth-of-type(2) .tbdesign_buy a{
	background:#41cac0;
}

.tbdesign01>ul>li:nth-of-type(3) .tbdesign_price{
	color:#8386e7;
}

.tbdesign01>ul>li:nth-of-type(3) .tbdesign_hd{
	background:#8386e7;
}

.tbdesign01>ul>li:nth-of-type(3) .tbdesign_buy a{
	background:#8386e7;
}

.tbdesign01>ul>li:nth-of-type(4) .tbdesign_price{
	color:#7fc1f1;
}

.tbdesign01>ul>li:nth-of-type(4) .tbdesign_hd{
	background:#7fc1f1;
}

.tbdesign01>ul>li:nth-of-type(4) .tbdesign_buy a{
	background:#7fc1f1;
}

.tbdesign02>ul{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	vertical-align:top;
	margin:0 !important;
	padding:0 !important;
	list-style:none !important;
}

.tbdesign02>ul>li{
	list-style:none !important;
	margin:8px 1%;
	display:flex;
	width:48%;
	flex-direction:column;
}

.tbdesign02 p{
	overflow:visible;
}

.tbdesign02 .tbdesign_hd{
	background:#79829A;
	padding:5px 20px;
	color:#fff;
}

.tbdesign02 .tbdesign_buy{
	position:relative;
}

.tbdesign02 .tbdesign_buy a{
	position:absolute;
	right:0;
	top:-25px;
	width:100px;
	text-align:center;
	padding:10px 5px;
	background:#9fc572;
	color:#fff;
	font-weight:bold;
}

.tbdesign02 .tbdesign_notes{
	text-align:left;
	padding:15px;
	color:#666;
}

.tbdesign02 .tbdesign_notes a{
	border-bottom:1px dotted #09c;
}

.tbdesign_buy a:hover{
	-webkit-box-shadow:0 3px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow:0 3px 0 rgba(0, 0, 0, 0.15);
	box-shadow:0 3px 0 rgba(0, 0, 0, 0.15);
	-moz-transform:translateY(-5px);
	-webkit-transform:translateY(-5px);
	-o-transform:translateY(-5px);
	-ms-transform:translateY(-5px);
	transform:translateY(-5px);
}

@media(max-width:1180px){
	.tbdesign01 ul ul{
		margin:0 10px !important;
	}

	.tbdesign01 ul ul li{
		padding:7px 10px 7px 90px !important;
	}

	.tbdesign01 ul ul li b{
		top:7px;
		width:80px;
	}

	.tbdesign01 ul ul li span i{
		font-size:0.75em;
	}

	.tbdesign01 .tbdesign_hd{
		padding:10px 0;
	}
}

@media(max-width:1060px){
	.tbdesign01 ul ul li span{
		padding:5px 0;
		line-height:1.4;
	}

	.tbdesign01 ul ul li span i{
		display:block;
		text-align:right;
		margin-top:-2px;
		border-color:#b3b3b3;
		padding:0 0 3px;
	}
}

@media(max-width:720px){
	.tbdesign01 .tbdesign_notes{
		text-align:left;
	}
}

@media(max-width:630px){
	.tbdesign01>ul>li{
		width:100%;
		display:block;
	}

	.tbdesign02>ul>li{
		width:100%;
		display:block;
	}
}

.tbdesign03>ul>li,
.tbdesign03>ul>li.hv{
	-webkit-transition:all .35s ease-in-out;
	-moz-transition:all .35s ease-in-out;
	-o-transition:all .35s ease-in-out;
	-ms-transition:all .35s ease-in-out;
	transition:all .35s ease-in-out;
}

.tbdesign03>ul{
	margin:0 !important;
	padding:0 !important;
}

.tbdesign03>ul>li{
	display:inline-block;
	padding:5px !important;
	box-sizing:border-box;
	border:1px solid #ddd !important;
	width:31%;
	margin:0 0 10px;
}

.tbdesign03>ul>li h3{
	line-height:1.4;
	;
	color:#92BB55;
	font-size:1em;
	padding:10px 0 0;
}

.tbdesign03>ul>li p{
	font-size:0.8125em;
	color:#666;
}

.tbdesign03>ul>li .tb_txtbox+a{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	padding:59.25% 0 0;
	text-indent:-9999px;
	text-indent:-9999px;
}

.tbdesign03>ul>li .tb_author{
	font-size:0.75em;
	color:#ccc;
	font-style:italic;
	margin:0 0 0 3px;
	border-left:2px solid #ccc;
	padding:0 40px 0 8px;
	line-height:1.2;
}

.tbdesign03>ul>li.hv{
	-moz-transform:translateY(-5px);
	-webkit-transform:translateY(-5px);
	-o-transform:translateY(-5px);
	-ms-transform:translateY(-5px);
	transform:translateY(-5px);
}

.tb_imgbox{
	position:relative;
	width:100%;
	padding:59.25% 0 0;
	overflow:hidden;
}

.tb_imgbox span img{
	position:absolute;
	left:0;
	top:0;
	width:100%;
}

@media(max-width:1000px){
	.tbdesign03>ul>li{
		width:47%;
	}
}

@media(max-width:530px){
	.tbdesign03>ul>li{
		width:100%;
	}

	.tbdesign03>ul>li h3{
		font-size:1.375em;
		line-height:1.2;
	}

	.tbdesign03>ul>li p{
		font-size:0.9375em;
		line-height:1.4;
	}
}

.tbdesign04>ul{
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
}

.tbdesign04>ul>li{
	background:#eee;
	padding:0 !important;
	list-style:none !important;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	vertical-align:top;
}

.tbdesign04>ul>li:nth-of-type(even){
	flex-direction:row-reverse;
}

.tb_l,
.tb_r{
	display:flex;
	flex-direction:column;
	width:50%;
	padding:20px;
	box-sizing:border-box;
}

.tb_l{
	background:#fff;
}

.tb_l .igbox{
	position:relative;
	padding:15px 0 0 115px;
	height:100px;
	box-sizing:border-box;
}

.tb_l .igbox img{
	position:absolute;
	left:0;
	top:0;
}

.tb_l .igbox:before{
	content:'';
	position:absolute;
	left:100%;
	top:-5px;
	width:0;
	height:0;
	border-style:solid;
	border-width:50px 0 50px 50px;
	border-color:transparent transparent transparent #fff;
}

.tb_l .igbox p{
	font-weight:bold;
	color:#92BB55;
	font-size:1.0625em;
	line-height:1.4;
	letter-spacing:-0.05em;
	padding:10px 0 0;
}

.tb_l .igbox p b{
	font-size:1.1176470588235294em;
}

.tb_l .igtxt{
	padding:10px 0 0;
}

.tb_l .igtxt p{
	padding:0;
	font-size:0.875em;
	position:relative;
	padding:0 0 0 10px;
}

.tb_l .igtxt p:before{
	content:'-';
	position:absolute;
	left:0;
	top:0;
}

.tb_r{
	position:relative;
}

.tb_r .tb_abtns{
	width:155px;
	text-align:center;
	height:160px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-80px;
	margin-left:-77px;
}

.tb_r .tb_abtns a{
	display:inline-block;
	margin:3px 1px;
}

.tb_r .tb_abtns a:hover{
	opacity:0.7;
}

.tb_r .abtns_4{
	width:310px;
	margin-left:-155px;
}

.tbdesign04>ul>li:nth-of-type(even) .tb_l .igbox:before{
	left:auto;
	right:100%;
	border-width:50px 50px 50px 0;
	border-color:transparent #fff transparent transparent;
}

@media(max-width:1100px){
	.tb_l .igbox{
		padding:5px 0 0 115px;
	}

	.tb_r .abtns_4{
		width:155px;
		height:260px;
		margin-top:-135px;
		margin-left:-77px;
	}
}

@media(max-width:870px){
	.tbdesign04>ul>li{
		background:none;
		border-top:1px dashed #ccc !important;
		padding:50px 10px !important;
	}

	.tbdesign04>ul>li:first-child{
		border:none !important;
		padding:30px 10px 50px !important;
	}

	.tbdesign04>ul>li{
		flex-direction:row-reverse;
	}

	.tb_l{
		width:60%;
		padding:0;
	}

	.tb_r{
		width:40%;
		padding:0;
	}

	.tb_l .igbox:before{
		display:none;
	}
}

@media(max-width:550px){
	.tbdesign04>ul>li{
		display:block;
	}

	.tb_l,
	.tb_r{
		display:block;
		width:100%;
	}

	.tb_r .tb_abtns{
		width:auto;
		position:static;
		margin:20px 0 0;
		height:auto;
		text-align:left;
	}

	.tb_r .tb_abtns a{
		float:left;
		margin:3px 3px 0 0;
	}

	.tb_l .igtxt p{
		font-size:0.9375em;
	}
}

.tbdesign05 ul{
	padding:0 !important;
	margin:0 !important;
}

.tbdesign05 .tbtxt01{
	background-color:#eee;
	padding:20px 20px 20px 47%;
	position:relative;
}

.tbdesign05 .tbtxt01 *{
	z-index:2;
	position:relative;
}

.tbdesign05 .tbtxt01:before{
	content:'';
	background:url(../images/content/img/item_p01_bg01.png) no-repeat scroll top center;
	background-size:cover;
	position:absolute;
	left:0;
	bottom:0;
	width:50%;
	height:510px;
	z-index:1;
}

.tbdesign05 .tbtxt01 ul li{
	display:inline-block;
	width:23%;
	text-align:center;
}

.tbdesign05 .btn{
	background:#fff;
	padding:10px 10px;
	font-size:1.25em;
	color:#333;
	height:auto;
	display:block;
	text-align:center;
	border:1px solid #ddd;
	margin:20px 0 0;
	min-width:130px;
}

.tbdesign05 .logos{
	text-align:center;
	padding:20px 0;
}

.tbdesign05 .logos span img{
	height:55px !important;
	margin:10px 4%;
}

.tbdesign05 .tbtxt02{
	background:url(../images/content/img/bg_p01_bg02.jpg) repeat-x scroll center bottom;
	background-size:auto 100%;
	padding:0 250px 0 0;
	position:relative;
}

.tbdesign05 .tbtxt02 ul{
	text-align:center;
}

.tbdesign05 .tbtxt02 li{
	display:inline-block;
	width:32%;
	text-align:center;
	padding:6% 20px 10% !important;
	box-sizing:border-box;
}

.tbdesign05 .tbtxt02 li img{
	-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
}

.tbdesign05 .tbtxt02:before{
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	width:285px;
	height:60%;
	background:url(../images/content/img/item_p01_rbimg.png) no-repeat scroll right bottom;
	background-size:auto 100%;
}

@media(max-width:1100px){
	.tbdesign05 .tbtxt01:before{
		height:450px;
	}

	.tbdesign05 .tbtxt01 ul li{
		font-size:0.8125em;
	}

	.tbdesign05 .tbtxt02 li{
		padding:6% 5px 12% !important;
	}
}

@media(max-width:1000px){
	.tbdesign05 .tbtxt01{
		padding:20px 20px 50px;
	}

	.tbdesign05 .tbtxt01:before{
		width:130px;
		height:130px;
	}

	.tbdesign05 .btn{
		margin-left:120px;
	}

	.tbdesign05 .tbtxt02{
		padding:0;
	}

	.tbdesign05 .tbtxt02 li{
		padding:6% 5px 3% !important;
		width:19%;
	}

	.tbdesign05 .tbtxt02:before{
		display:none;
	}
}

@media(max-width:600px){
	.tbdesign05 .tbtxt01{
		padding:10px 10px 50px;
	}

	.tbdesign05 .tbtxt02 li{
		width:31%;
	}

	.tbdesign05 .tbtxt02 li:nth-of-type(even){
		display:none;
	}
}

.tbdesign06 ul{
	padding:0 !important;
	margin:0 !important;
}

.tbdesign06 .tbtxt01{
	background-color:#eee;
	padding:20px 47% 20px 20px;
	position:relative;
}

.tbdesign06 .tbtxt01 *{
	z-index:2;
	position:relative;
}

.tbdesign06 .tbtxt01:before{
	content:'';
	background:url(../images/content/img/item_p02_bg01.png) no-repeat scroll -10px -10px;
	background-size:110% auto;
	position:absolute;
	right:0;
	bottom:0;
	width:50%;
	height:100%;
	z-index:1;
}

.tbdesign06 ul,
.tbdesign06 ul li{
	margin:0 !important;
	padding:0 !important;
	list-style:none !important;
}

.tbdesign06 .tbtxt01 ul li{
	display:inline-block;
	width:24%;
	text-align:center;
	line-height:1.2;
}

.tbdesign06 .btn{
	background:#fff;
	padding:10px 10px;
	font-size:1.25em;
	color:#333;
	height:auto;
	display:block;
	text-align:center;
	border:1px solid #ddd;
	margin:20px 0 0;
	min-width:130px;
}

.tbdesign06 .list span{
	padding:5px 5px;
	font-size:1em;
	background:#9ac9ec;
	display:inline;
	float:left;
	width:18%;
	text-align:center;
	margin:0 1% 10px;
	color:#fff;
	box-sizing:border-box;
}

@media(max-width:1100px){
	.tbdesign06 .tbtxt01 ul li{
		font-size:0.8125em;
	}
}

@media(max-width:1000px){
	.tbdesign06 .tbtxt01{
		padding:20px 20px 50px;
	}

	.tbdesign06 .tbtxt01:before{
		width:160px;
		height:210px;
		right:auto;
		left:0;
		background-position:-10px 0px;
	}

	.tbdesign06 .btn{
		margin-left:120px;
	}

	.tbdesign06 .tbtxt01 ul{
		margin-left:120px !important;
	}
}

@media(max-width:600px){
	.tbdesign06 .tbtxt01{
		padding:10px 10px 50px;
	}

	.tbdesign06 .tbtxt01 ul{
		margin-left:0 !important;
		background:#eee;
	}

	.tbdesign06 .list span{
		width:23%;
		font-size:0.8125em;
	}

	.tbdesign06 .tbtxt01:before{
		background-position:-10px -60px;
		height:150px;
	}

	.tbdesign06 .tbtxt01 ul li{
		width:23%;
	}
}

.tbdesign07 .tbtxt01{
	background:#eee url(../images/content/img/07_item_hdr.jpg) no-repeat scroll center top;
	background-size:100% auto;
	padding:40% 0 0;
}

.tbdesign07 .tbtxt01>p{
	width:55%;
	background:#fff;
	padding:10px 2% 10px 3%;
	min-height:65px;
}

.tbdesign07 .tbtxt01_2{
	padding:10px 25px;
}

.tbdesign07 .tbtxt02{
	padding:20px 0 0;
}

.tbdesign07 .tbtxt02 ul{
	width:100%;
	margin:10px 0 0 !important;
	padding:70px 0 0 40% !important;
	box-sizing:border-box;
	background:url(../images/content/img/07_tbtxt02.png) no-repeat scroll center 0;
	min-height:285px;
}

.tbdesign07 .tbtxt02 li{
	display:inline;
	float:left;
	width:50%;
	padding:20px 10px 20px 55px !important;
	position:relative;
	box-sizing:border-box;
}

.tbdesign07 .tbtxt02 li i{
	position:absolute;
	left:0;
	top:0;
	background:url(../images/content/img/07_tbtxt02_2.png) no-repeat scroll center;
	width:47px;
	height:60px;
	text-align:center;
	line-height:60px;
	font-style:normal;
}

.tbdesign07 .tbtxt02 li:last-child{
	width:100%;
}

.tbdesign07 .tbtxt03{
	padding:15px 0 0;
	margin:40px 0 0;
	border-top:1px solid #ddd;
}

.tbdesign07 .tbtxt03 h2 em{
	font-size:3.125em;
	color:#3BB4E9;
	padding:0 10px 0 0;
}

.tbdesign07 .tbtxt03 a.btn{
	font-size:1.375em;
	color:#fff;
	font-weight:bold;
	background:#3CB5E9;
	width:100%;
	height:50px;
	line-height:50px;
	display:block;
	box-sizing:border-box;
	text-align:center;
	margin:5px 0;
}

@media(max-width:950px){
	.tbdesign07 .tbtxt02 ul{
		padding:70px 0 0 35% !important;
	}
}

@media(max-width:600px){
	.tbdesign07 .tbtxt02>p{
		background:url(../images/content/img/07_tbtxt02.png) no-repeat scroll center 0;
		background-position:left top;
		background-size:auto 80px;
		padding:20px 0 0 100px;
	}

	.tbdesign07 .tbtxt02 ul{
		padding:0 !important;
		background:none;
		min-height:inherit;
	}

	.tbdesign07 .tbtxt03 h2 em{
		display:block;
	}
}

/* 文章設計 */

@media(max-width:1180px){
	#header .hd{
		padding:0;
	}

	.cktop{
		margin:0;
		right:2%;
	}

	.inbox{
		width:96%;
		margin:0 2%;
	}

	.rbox{
		width:74%;
	}

	.lbox{
		width:25%;
	}

	.bklist01 .igbox{
		width:30%;
		margin:0 3% 0 0;
	}

	.bklist01 .igtxt{
		width:67%;
	}

	.bklistre li{
		margin-bottom:5.5%;
	}

	.i_star img,
	.starbar img{
		width:17%;
	}

	.bkbox .bk_txt{
		width:66%;
	}

	.tab_bk02 .tab_bd{
		min-height:65px;
	}

	.msgbox .btn{
		height:auto;
		min-width:inherit;
		padding:10px 20px;
	}

	.bk_txt .Txt{
		height:210px;
	}
}

@media(max-width:980px){
	.bklistre{
		background-size:127% auto;
	}

	.bklistre li{
		width:23.3%;
		margin-bottom:7.5%;
	}

	.box_tbar span.r{
		display:block;
		float:none;
		width:auto;
		clear:both;
	}

	p.i_prev a,
	p.i_next a{
		text-indent:-9999px;
		padding:0;
		background-position:center center;
		width:34px;
	}

	.tab_bk02 .tab_hd li{
		display:none;
	}

	.tab_bk02 .tab_hd li.sel_more.mshow{
		display:inline;
		float:left;
		margin:0 0 5px;
		width:150px;
	}

	.tab_bk02 .tab_hd li.sel_more.mshow a.subtabb_title{
		border-bottom:1px solid #333;
		text-align:left;
	}

	.tab_bk02 .tab_hd li.sel_more.mshow li{
		display:block;
	}

	.tab_bk02 .tab_hd li a{
		text-align:left;
	}

	.stepbox li{
		background-position:5px 16px;
	}

	.stepbox li a{
		width:70px;
		height:40px;
		background-size:auto 80px;
	}

	.bk_txt .Txt{
		height:180px;
	}
}

@media(min-width:951px){
	.subdiv.mshow{
		display:block !important;
	}
}

@media(max-width:950px){
	.tlinks li.moreinfo{
		display:none;
	}

	.tlinks .t_more{
		display:block;
	}

	.tlinks .mshow{
		display:none;
		position:absolute;
		left:0;
		top:40px;
		width:100px;
		background:#000;
		padding:8px;
	}

	.tlinks .mshow li{
		display:block;
		float:none;
		padding:0;
		background:none;
	}

	.tlinks .mshow li .shspan{
		padding:3px 0;
		display:block;
	}

	.shbar{
		padding:35px 45px 2px 5px;
		height:35px;
	}

	.shbar .sel{
		width:100%;
	}

	.btn_sh{
		top:auto;
		bottom:0;
	}

	.rbox{
		width:71%;
	}

	.lbox{
		width:27%;
	}

	.incount_info{
		font-size:0.8125em;
	}

	.owl-item{
		min-height:200px;
	}

	.prevbox,
	.cplink.r{
		display:block;
		float:none;
		width:auto;
		margin:0 auto;
	}

	.bk_btn span a{
		width:100%;
		text-align:left;
		padding:15px 15px 15px 50px;
	}

	.shlinks img{
		width:60px;
	}

	.bk_txt{
		width:56%;
		padding:0 0 0 4%;
	}

	.bk_txt .Txt{
		height:150px;
	}

	.mbform{
		width:auto;
	}

	.acclist ul li.acc_on>a.acc_title{
		font-size:1.25em;
	}

	.acclist ul li.acc_on>b.n{
		top:16px;
	}

	.sortli li .shbar{
		width:90px;
	}

	.bkbox .bk_txt{
		width:77%;
	}

	.bkbox .qrbox{
		display:none;
	}

	.tab_bk02 .tab_bd{
		min-height:inherit;
		padding:5px 10px;
	}

	.links a{
		margin:4px 15px 4px 0;
	}

	.bkbox .bk_img{
		width:30%;
		margin:0 2% 0 0;
		padding-top:40%;
	}

	.bkbox .bk_txt{
		display:inline;
		float:left;
		width:67%;
		padding:0;
		clear:none;
	}

	.wbox{
		padding:15px;
	}

	.formbox{
		padding:0 5px;
	}

	.gshbar .sub_gshbar{
		display:block;
		margin:10px 0 0;
	}

	.tab-cont .shlinks{
		padding:20px 0 30px;
	}

	.box01_2 .shlinks{
		padding:10px 0;
	}

	.box_bg .box_bd{
		padding:10px 10px;
	}

	.bk_clist li{
		width:48%;
	}

	.pop_r{
		right:5%;
		width:36%;
	}

	.pop_hd h2.title{
		font-size:2.5em;
	}
}

@media(max-width:900px){
	.bklistre li{
		width:22.8%;
		margin-bottom:8.4%;
	}

	.pglist01 li{
		width:31%;
	}

	.pglist02 li.pgdiv{
		width:100%;
		margin:5px 0;
	}

	.stepbox{
		margin:0;
		padding:10px 0 5px;
	}

	.stepbox li{
		display:block;
		float:none;
		background:none;
		padding:0;
	}

	.stepbox li a{
		display:none;
	}

	.stepbox li a.on{
		display:block;
	}

	a.abtn02{
		font-size:0.8125em;
	}
}

@media(max-width:850px){
	.owl-item{
		min-height:180px;
	}

	.imgpreview{
		width:auto;
	}

	.subfile{
		position:fixed;
		z-index:9999;
		left:0;
		bottom:0;
		right:0;
		background:rgba(255, 255, 255, 0.9);
		border-top:10px solid rgba(0, 0, 0, 0.8);
		border-bottom:0;
		box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
	}

	.subfile .tfbar{
		padding:0;
	}

	.subfile b{
		position:static;
	}

	.shlinks br{
		display:none;
	}

	.msgbox{
		padding:50px 20px;
	}

	.msgbox h3.title{
		font-size:1.875em;
	}

	.msgbox .btn{
		padding:10px 10px;
	}

	.msglist{
		padding:0 5px 10px 0;
	}

	.ctrlpage .btn{
		width:70px;
		height:70px;
		line-height:75px;
		font-size:1.875em;
		margin-top:20px;
	}

	.ctrlpage .tf{
		width:100px;
		height:100px;
	}

	.subfile{
		top:inherit;
		border-left:0;
		border-right:0;
	}
}

@media(max-width:730px){

	/*#wrap{padding-top:100px;background:url(../images/content/bg_box.jpg) repeat scroll left top;}*/
	#wrap{
		padding-top:100px;
		/*background:url(https://www.toptal.com/designers/subtlepatterns/patterns/cork-wallet.png) repeat scroll left top;background-size:150px auto;*/
	}

	#header{
		z-index:999;
		position:fixed;
		left:0;
		top:0;
		width:100%;
		;
		-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
		box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
	}

	#topmbbox,
	.cktop{
		display:none
	}

	.an_menu{
		display:block;
		display:inline;
		float:left;
	}

	.owl-buttons{
		display:none;
	}

	.owl-controls{
		left:10px;
		top:inherit;
		bottom:-25px;
	}

	.lmnavbox{
		position:fixed;
		left:-300px;
		top:0;
		bottom:0;
		width:300px;
		height:100%;
		z-index:1;
		box-sizing:border-box;
		padding:10px 0 10px 20px;
		font-size:1.25em;
		-webkit-box-shadow:inset -5px 0px 5px rgba(0, 0, 0, 0.4);
		-moz-box-shadow:inset -5px 0px 5px rgba(0, 0, 0, 0.4);
		box-shadow:inset -5px 0px 5px rgba(0, 0, 0, 0.4);
	}

	.lmnavbox .inscroll{
		padding:0 20px 0 0;
	}

	.lmnav_hd{
		display:block;
		padding:10px 0 15px;
		border-bottom:5px solid #ccc;
		margin:0 0 15px;
	}

	.lmnav_hd h2.title{
		font-size:1.5625em;
		padding:0 0 5px;
	}

	.innav,
	.innav02 b{
		display:block;
	}

	.innav,
	.innav02{
		padding:0 0 15px;
	}

	.innav a{
		color:#333;
	}

	.innav b,
	.innav02 b{
		font-size:0.8125em;
		color:#999;
		display:block;
		font-weight:normal;
	}

	.mbctrol{
		margin:10px 0 0;
	}

	.mnav .inbox{
		margin:0;
		width:auto;
	}

	.mnav{
		display:block;
		background:none !important;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		;
		box-shadow:none;
		border-bottom:0;
	}

	html .custom01 .mnav{
		background-color:transparent !important;
	}

	.mnav li,
	.innav li{
		display:block;
		float:none;
		width:auto;
		color:#333;
		padding:0;
	}

	.mnav li.fst .fst_a,
	.innav li a{
		display:block;
		padding:5px 0;
		font-size:1em;
	}

	.mnav li .fst_a{
		color:#333;
		height:auto;
		line-height:inherit;
		font-size:1em;
		padding:5px 0;
	}

	.mnav li .fst_a:hover,
	.mnav li .fst_a.on{
		background:none;
	}

	.maincover{
		display:none;
		position:fixed;
		top:100px;
		right:0;
		left:300px;
		bottom:0;
		z-index:99999;
	}

	.openleft{
		overflow-y:hidden;
		position:fixed !important;
	}

	.submnav{
		position:static;
		padding:0 0 0 10px;
		background:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}

	.submnav .i_t{
		display:none;
	}

	.submnav li a{
		border-left:3px solid #999;
	}

	.submnav li a:hover,
	.submnav li a.hv{
		border-left:3px solid #000;
		color:#000;
	}

	.rbox,
	.lbox{
		display:block;
		float:none;
		width:auto;
		padding:0 0 15px 0;
	}

	.lbox{
		margin:0 3%;
		padding:10px 2% 10px;
		background:rgba(255, 255, 255, 0.8);
		-webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3);
		-moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3);
		box-shadow:0px 0px 2px rgba(0, 0, 0, 0.3);
	}

	.lbox .box01{
		margin:10px 0 20px;
	}

	.idxcont .rbox{
		padding:0 0 20px;
	}

	#content{
		padding:0;
	}

	#content .inbox{
		width:100%;
		margin:0;
	}

	.mcont{
		padding:0 0 20px;
	}

	.box01_2{
		margin:20px 0 0;
	}

	.box01_2 .box_hd{
		margin:0 2%;
	}

	.box01_2.fst{
		margin:15px 0 0;
	}

	.inrbox{
		margin-bottom:15px;
	}

	.otbnr{
		margin:0 3% 0;
	}

	.mlinks{
		display:inline;
		float:right;
		font-size:1.6875em;
		padding:0;
	}

	.mlinks a{
		width:40px;
		height:45px;
		line-height:45px;
		text-align:center;
		color:#999;
		display:inline;
		float:left;
		margin:2px 3px;
	}

	.mlinks a.on{
		color:#96C53F;
	}

	.incount_info{
		font-size:0.9375em;
	}

	.lbox .shbar,
	.lbox .countbox{
		display:none;
	}

	.shbar.mshow{
		position:fixed;
		left:0;
		top:-70px;
		width:100%;
		height:auto;
		z-index:0;
		padding:0;
		border:1px solid #fff;
	}

	.shbar.mshow .insh{
		position:relative;
		padding:10px 70px 10px 100px;
	}

	.shbar.mshow .sel{
		top:0;
		left:0;
		width:85px;
		padding-left:10px;
		font-size:1.25em;
		height:54px;
		line-height:54px;
	}

	.shbar.mshow .tf{
		line-height:inherit;
		height:auto;
		font-size:1.25em;
		padding:5px;
		box-sizing:border-box;
	}

	.shbar.mshow .btn_sh{
		text-indent:inherit;
		color:#fff;
		font-size:1em;
		width:65px;
		height:100%;
		background:#612020;
		-webkit-box-shadow:-2px 0px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:-2px 0px 0px rgba(0, 0, 0, 0.5);
		box-shadow:-2px 0px 0px rgba(0, 0, 0, 0.5);
	}

	.countbox.mshow{
		position:fixed;
		left:0;
		top:-150px;
		width:100%;
		z-index:0;
		margin:0;
	}

	.shbar.mshow,
	.countbox.mshow{
		-webkit-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.5);
		box-shadow:2px 2px 10px rgba(0, 0, 0, 0.5);
	}

	.otinfo b{
		font-size:1.25em;
	}

	.otinfo li{
		text-align:center;
		display:inline;
		float:left;
		width:50%;
		padding:2px;
		box-sizing:border-box;
	}

	.otinfo li img{
		width:100%;
	}

	.bklist01 li{
		display:inline;
		float:left;
		width:48%;
		margin:0 1%;
	}

	.bklist01 .igbox{
		height:70px;
		overflow:hidden;
	}

	.box01 .box_hd{
		background-size:15px auto;
	}

	.box01 .box_hd h2.title{
		font-size:1.25em;
		padding:2px 55px 2px 5px;
	}

	.box01_2 .box_hd h2.title{
		font-size:1.5625em;
		padding-left:5px;
	}

	.bklistre{
		background-size:124% auto;
	}

	.bklistre li{
		width:23%;
		margin:0 0 7.5% 1.5%;
	}

	.bklistre li span{
		padding:70% 3px 78% 0;
	}

	.bklist01 p{
		max-height:35px;
	}

	.owl-item{
		min-height:250px;
	}

	.i_star img,
	.starbar img{
		width:auto;
	}

	.bk_txt{
		display:block;
		float:none;
		width:auto;
		padding:0;
		clear:both;
	}

	.bkmain .bk_img{
		width:52%;
		padding:65% 0 0;
	}

	.qrbox.mshow{
		display:inline;
		float:right;
		width:45%;
	}

	.bk_btn.mshow{
		display:block;
		padding:15px 0;
	}

	.bk_btn.mshow a{
		padding:13px 15px 13px 45px;
		font-size:1.25em;
	}

	.bk_btn.mshow a i{
		font-size:1.25em;
	}

	.bk_btn.mshow span a{
		padding:13px 15px 13px 45px;
		display:block;
		float:none;
		margin:0 0 5px;
		width:auto;
	}

	.bk_btn.mshow .qrbox{
		padding:0 0 10px;
	}

	.mybklist{
		padding:0 3%;
	}

	.sortli{
		padding:0 3% 10px;
	}

	.mybklist .hd{
		padding:0;
	}

	.sortli .r{
		float:left;
	}

	.sortli li{
		padding:0;
		margin:0 10px 0 0;
		background:none;
	}

	.sortli li b{
		display:block;
		float:none;
		font-size:0.9375em;
		line-height:1.6;
		color:#666;
	}

	.bk_larea{
		position:absolute;
		right:3%;
		top:240px;
		width:42%;
	}

	.bk_larea .bk_btn{
		display:none;
	}

	.bk_larea .qrbox{
		padding:0;
	}

	.starbox b{
		font-size:0.9375em;
		padding:0 10px;
		display:block;
	}

	.i_star img,
	.starbar img{
		width:16%;
	}

	.mbctrol ul li{
		margin:1px;
	}

	.mbctrol ul li a img{
		width:35px;
		margin-top:-2px;
	}

	.mbctrol ul li a{
		background:rgba(0, 0, 0, 0.6);
		display:block;
		font-size:0.9375em;
		color:#fff;
		padding-top:1px;
	}

	.mbctrol ul li a:hover{
		background:rgba(42, 76, 48, 0.7);
	}

	.mbform .btn_ok{
		right:-15px;
		top:28px;
	}

	.mbform .tfbox,
	.mbform .tfbox b,
	.mbform .tfbox .tf{
		height:50px;
		line-height:50px;
	}

	.ot_country{
		width:100%;
		position:fixed;
		box-sizing:border-box;
		text-align:center;
	}

	.ot_country span{
		padding:8px 8px;
		font-size:1.25em;
	}

	.tlinksbox{
		width:100%;
		position:fixed;
		box-sizing:border-box;
	}

	.tlinks .intlinks li,
	.tlinks .intlinks li i{
		font-size:1em;
	}

	.mb_logo{
		width:270px;
		height:70px;
		padding:10px 0 0 50px;
		margin:0 auto;
	}

	.list01{
		margin:0 3%;
	}

	.list01 li{
		background:rgba(255, 255, 255, 0.8);
		border-bottom:0;
	}

	.wbox,
	.wbox_t{
		margin:0 3%;
	}

	.wbox .wbox_t{
		margin:0;
	}

	.wbox{
		margin-bottom:15px;
		border:0;
		-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.3);
		-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.3);
		box-shadow:0 0 2px rgba(0, 0, 0, 0.3);
	}

	.shbar.mshow,
	.countbox.mshow{
		display:block;
	}

	.sortli li .shbar{
		background:#333;
	}

	.bkbox .bk_img{
		width:30%;
		margin:0 2% 0 0;
		padding-top:38%;
	}

	.bkbox .bk_txt{
		display:inline;
		float:left;
		width:67%;
		padding:0;
		clear:none;
	}

	.mb_ctrolbox{
		padding-top:0;
	}

	.box02 .box_hd{
		background:url(../images/content/icon_h2_01.png) no-repeat scroll left bottom;
		background-size:15px auto;
		padding:0 0 0 15px;
	}

	.box02 .box_hd h2.title{
		font-size:1.25em;
		padding:0 55px 2px 10px;
		border-bottom:1px solid #93BC56;
		color:#93BC56;
	}

	.box02 .box_bd{
		background:none;
		padding:0;
	}

	.pglist{
		position:relative;
		padding:45px 0 15px;
		margin-top:25px;
		display:block;
	}

	.pglist ul{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		text-align:center;
		padding:0;
	}

	.pglist p{
		float:none;
	}

	.pglist01 li{
		height:315px;
	}

	.wbox_t .tab_hd ul{
		margin:0 0 -1px;
	}

	.pcshow{
		display:none;
	}

	.mb_hd{
		padding:10px 0 10px;
	}

	.help_info{
		margin:0 0 15px;
	}

	.box01_2.fst .box_hd{
		padding-bottom:15px;
	}

	.pgdiv em{
		font-size:1em;
	}

	.wbox_t .tab_hd ul{
		float:left;
	}

	.wbox_t .tab_hd li{
		padding:0 3px 0 0;
		margin:0 2px 0 0;
		background-position:right center;
	}

	.stepbox{
		margin:0 3%;
	}

	.tfbar .tf,
	.gshbar .tf{
		padding:8px;
		font-size:1em;
	}

	.msgbox01 p{
		font-size:0.9375em;
	}

	.msgbox01 .abtn02{
		padding:5px 30px;
		font-size:1.25em;
	}

	.mbform .btn_ok02{
		top:115px !important;
	}

	.bk_btn a{
		background:#efefef;
		border:1px solid #ddd;
		margin:2px 0 0;
	}

	.ssubmnav{
		position:static;
		border-left:1px solid #999;
		margin:0 0 0 10px;
		poadding:0;
		width:auto;
		background:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}

	.ssubmnav i.i_l{
		display:none;
	}

	.ssubmnav li a{
		border:0;
	}

	.bk_setbtn li,
	.bk_setbtn li.impbtn02{
		border:1px solid #ddd;
	}

	.bk_setbtn li li{
		border:0;
	}

	.bk_setbtn li a.acctitle,
	.bk_setbtn li.impbtn02 a{
		background:#efefef;
	}

	.message,
	.box_bd .fb_iframe_widget{
		margin:0;
	}

	.otpop{
		display:none !important;
	}

	.i_star{
		margin:0 auto;
	}

	.stepbox li a.mstep03.on{
		width:auto;
	}

	a.ibtn{
		position:absolute;
		right:0;
		bottom:0;
		background-color:#E74B3B;
		background-repeat:no-repeat;
		color:#fff;
		text-align:center;
		padding:10px 3%;
		margin:5px 0 0;
		font-size:0.9375em;
		-webkit-text-shadow:2px 2px 4px rgba(0, 0, 0, 0.2);
		-moz-text-shadow:2px 2px 4px rgba(0, 0, 0, 0.2);
		text-shadow:2px 2px 4px rgba(0, 0, 0, 0.2);
	}

	.inhd{
		background:#28282e;
		background-size:cover;
		position:relative;
		z-index:5;
		display:block;
		padding:10px 0;
		height:70px;
	}

	.inhd .inbox{
		z-index:3;
		position:relative;
	}

	.inhd .bgin{
		background:rgba(0, 0, 0, 0.5) url(../images/content/bg_inhd_span.png) repeat;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		z-index:2;
	}

	.lbox .mb_img{
		display:none;
	}

	.inhd .mb_img{
		margin:0;
		text-align:left;
		position:relative;
		padding:0 15px 0 125px;
		height:80px;
	}

	.inhd .mb_img02 .mb_limg{
		width:60px;
		height:60px;
		background:rgba(255, 255, 255, 0.1);
		position:absolute;
		left:20px;
		top:0;
		padding:5px;
	}

	.inhd .mb_img02 .mb_rinfo>p{
		color:#fff;
		white-space:nowrap;
		text-overflow:ellipsis;
		-o-text-overflow:ellipsis;
		overflow:hidden;
		font-size:1.125em;
	}

	.mb_rinfo .btn{
		background:rgba(255, 255, 255, 0.4);
	}

	.fixedbar{
		margin:0;
		padding:10px 15px;
	}

	.mb_bnr{
		border:5px solid #fff !important;
		border-bottom:0 !important;
	}

	.box_bg{
		margin:20px 3% 0;
	}

	.box_bg .box_hd{
		margin:0;
	}

	.pop_l{
		width:50%;
	}

	.pop_r{
		width:38%;
		bottom:8%;
	}

	.templist li{
		width:29%;
		padding:2% 2%;
	}

	.templist li p{
		left:6%;
		bottom:4%;
	}

	.gopath{
		padding:15px 3%;
		background:#eaeaea;
		font-size:0.9375em;
	}

	.gopath span{
		background-position:left 5px;
	}
}

@media(max-width:650px){
	.owl-item{
		min-height:200px;
	}

	.bk_txt h3.title{
		font-size:1.5625em;
		padding-bottom:0;
	}

	.tab_bk02{
		margin:10px 0 0;
	}

	.radio_li li label{
		background:none !important;
		padding:0px 1px 6px 37px;
	}

	.radio_li li .radio_back{
		left:10px;
	}

	.radio_li li.on span{
		left:5px;
	}

	.bkbox02 .bkmain{
		padding:0;
	}

	/*.bkbox .bk_txt{display:block;float:none;width:auto;}*/
	.buyinfo{
		position:static;
		width:auto;
		clear:both;
	}

	.radio_li li{
		width:100%;
		margin-right:0;
	}

	.i_table{
		display:block;
	}

	.flip-scroll .cf:after{
		visibility:hidden;
		display:block;
		font-size:0em;
		content:" ";
		clear:both;
		height:0;
	}

	.flip-scroll * html .cf{
		zoom:1;
	}

	.flip-scroll *:first-child+html .cf{
		zoom:1;
	}

	.flip-scroll table{
		width:100%;
		border-collapse:collapse;
		border-spacing:0;
	}

	.flip-scroll th,
	.flip-scroll td{
		margin:0;
		vertical-align:top;
	}

	.flip-scroll th{
		text-align:left;
		width:auto;
	}

	.flip-scroll table{
		display:block;
		position:relative;
		width:100%;
		margin:0;
		padding:0;
	}

	.flip-scroll thead{
		display:block;
		float:left;
	}

	.flip-scroll tbody{
		display:block;
		width:auto;
		position:relative;
		overflow-x:auto;
		white-space:nowrap;
	}

	.flip-scroll thead tr{
		display:block;
	}

	.flip-scroll th{
		display:block;
	}

	.flip-scroll tbody tr{
		display:inline-block;
		vertical-align:top;
	}

	.flip-scroll td{
		display:block;
		min-height:1.25em;
	}

	.flip-scroll th{
		border-bottom:1px solid #fff;
		;
		border-left:0;
		padding:7px 5px;
	}

	.flip-scroll td{
		border-left:0;
		border-right:0;
		border-bottom:1px solid #eee;
		;
		font-size:0.8125em;
	}

	.flip-scroll tbody tr{
		border:1px solid #babcbf;
		margin:0 -2px 0 2px;
	}

	.links a{
		display:block;
	}

	.pglist02 li.pgdiv{
		padding:5px;
	}

	.help_info{
		padding:10px;
		font-size:0.9375em;
	}

	.message .msgtxt{
		max-width:80%;
	}

	.message .igbox{
		width:35px;
		height:35px;
	}

	.pop_l{
		width:auto;
		padding:20px 0 0;
	}

	.pop_r{
		position:relative;
		width:auto;
		margin:0 auto;
		right:auto;
		bottom:auto;
	}

	.templist li{
		padding:2% 1%;
		width:23%;
	}

	.viewpage{
		width:50%;
		margin:0 auto;
		-moz-transform:skewX(0) skewY(0);
		-webkit-transform:skewX(0) skewY(0);
		-o-transform:skewX(0) skewY(0);
		-ms-transform:skewX(0) skewY(0);
		transform:skewX(0) skewY(0);
	}

	.ctrlpage .btn{
		margin:20px 0 0;
	}

	.viewpage span{
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}

	.cplink code{
		font-size:0.8125em;
	}
}

@media(max-width:560px){
	.box01_2 .box_hd{
		background-size:15px auto;
	}

	.bklistre li{
		width:31.5%;
		margin:0 0 9.5% 1.5%;
	}

	.bklistre{
		background-size:167% auto;
	}

	.owl-item{
		min-height:230px;
	}

	.bkmain .bk_img ul{
		top:0;
	}

	.Txt{
		line-height:1.8;
		font-size:1em;
	}

	.Txt h2{
		line-height:1.4;
	}

	.shlinks img{
		width:45px;
	}

	.tab_bk .tab_hd li a{
		width:auto;
		padding:10px;
	}

	.tab_bk02 .tab_hd li a{
		padding:5px 25px 5px 10px;
	}

	.r.pgnp{
		display:none;
	}

	.pgnp{
		display:block;
		text-align:center;
	}

	.pgnp a{
		margin:0 2px;
		font-size:0.9375em;
		height:40px;
		line-height:40px;
	}

	.pglist01 li{
		width:48%;
	}

	.tab_bk02 .tab_hd li.sel_more.mshow{
		display:block;
		float:none;
	}

	.bkcount .bk_img{
		display:block;
		float:none;
		width:50%;
		margin:0 auto;
		padding:0;
	}

	.bkcount .bk_img img{
		border:1px solid #ccc;
		-webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.3);
		-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.3);
		box-shadow:2px 2px 2px rgba(0, 0, 0, 0.3);
	}

	.bk_colist{
		display:block;
		float:none;
		width:100%;
		margin:30px 0 0;
	}

	.wbox_t .tab_hd li a{
		font-size:1em;
		padding:8px 10px;
	}

	.wbox_t .tab_hd li.on a{
		padding:5px 10px 13px;
	}

	.tb_li{
		display:block;
		float:none;
		width:auto;
	}

	.tb_img{
		display:block;
		float:none;
	}

	#header h1.title{
		max-width:65%;
		line-height:45px;
	}

	#header h1.title img{
		height:auto !important;
		max-height:45px;
	}

	.fileup li{
		display:block;
		float:none;
		width:auto;
		margin:5px 0;
	}

	#creatbox .creatcont{
		width:auto;
		left:5%;
		right:5%;
		margin-left:0;
	}

	.slbox{
		height:100px;
	}

	.sl_bg01{
		height:170px;
	}

	.sl_bg01 a{
		padding:50px 20px 0;
	}

	.sl_bg01 a span{
		font-size:2.1875em;
	}

	.sl_bg02 a{
		padding:25px 0 0;
	}

	.sl_bg02 a span{
		font-size:1.5625em;
	}

	.msgbox{
		padding:20px 0;
	}

	.msgbox .btn{
		padding:10px 10px;
		font-size:0.0.9375em;
	}

	.bklist01_2 li{
		width:100%;
		display:block;
		float:none;
		margin:0;
	}

	.bklist01_2 li p,
	.txtlist01 li p{
		font-size:0.9375em;
	}

	.starbox{
		width:170px;
		right:0;
		margin:0;
		left:auto;
	}

	.bk_clist li{
		width:98%;
	}

	.saybox{
		padding-right:130px;
	}

	.message .btn_send{
		width:120px;
	}

	.mybklist .bkmain{
		padding:40% 0 0;
	}

	.mybklist .bkbox .bk_img{
		position:absolute;
		left:0;
		top:0;
		width:100%;
	}

	.mybklist .bkbox .bk_img img{
		max-width:inherit;
		width:auto;
		height:115% !important;
		z-index:2;
		margin:auto;
		-webkit-box-shadow:5px 5px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:5px 5px 0px rgba(0, 0, 0, 0.5);
		box-shadow:5px 5px 0px rgba(0, 0, 0, 0.5);
		-moz-transform:skewX(-15deg) skewY(15deg);
		-webkit-transform:skewX(-15deg) skewY(15deg);
		-o-transform:skewX(-15deg) skewY(15deg);
		-ms-transform:skewX(-15deg) skewY(15deg);
		transform:skewX(-15deg) skewY(15deg);
	}

	.mybklist .bkbox .bk_txt{
		display:block;
		float:none;
		width:auto;
	}

	.mybklist .bkbox .bk_img .bg_img{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background-size:cover;
		z-index:1;
		opacity:0.7;
		filter:alpha(opacity=70);
		/*-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px);*/
		-webkit-filter:brightness(.8);
		-moz-filter:brightness(.8);
		-o-filter:brightness(.8);
		-ms-filter:brightness(.8);
		filter:brightness(.8);
	}

	.bklist01 li{
		display:block;
		float:none;
		width:auto;
	}

	.bklist01 .igbox{
		width:35%;
	}

	.bklist01 .igtxt{
		width:60%;
	}

	.ck_hd{
		text-align:center;
		background:#999;
		padding:10px 0;
	}

	.ck_right{
		display:block;
		float:none;
		padding:10px 0 0;
	}

	.ck_right a{
		display:inline-block;
		width:40%;
		margin:0 1%;
	}

	.btnbox{
		text-align:center;
	}
}

@media(max-width:450px){
	.owl-item{
		min-height:190px;
	}

	.btnbox{
		padding:10px 0 0;
	}

	.btnbox .btn,
	.gshbar .btn_ok{
		width:100%;
		font-size:1.25em;
		margin:10px auto 0;
	}

	.gshbar .btn_ok{
		margin:10px 0 0;
	}

	.mb01 .hd{
		padding:20px 0 0;
	}

	.mb01 h2.title{
		font-size:4.375em;
	}

	.tfbar .tf_m,
	.gshbar .tf_s{
		width:100%;
	}

	.tf.jQuery_ckeditor,
	.cke_editor_content{
		width:100% !important;
	}

	.tfbar .tf_s{
		width:80px;
	}

	.tf_s.tf_date,
	.tf.color{
		width:100%;
		background-position:95% center;
	}

	.gshbar b{
		font-size:1.125em;
		display:inline-block;
		padding:0 0 5px;
	}

	.gshbar b.b02{
		display:none;
	}

	.gshbar .r{
		display:none;
	}

	.tfbar{
		padding:0 0 5px;
	}

	.tfbar b{
		position:static;
		display:block;
		width:auto;
		padding:3px 0 5px;
		font-size:1.125em;
	}

	.tfbar .myselect{
		width:100%;
	}

	.help_info .btnbox{
		padding:0;
	}

	.help_info .btnbox .btn_up{
		border:1px solid #666;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
	}

	.tfbar .bg_p,
	.tfbar .bg_px,
	.tfbar .bg_s{
		background-position:95% center;
	}

	.sdbar{
		margin:9px 0 0;
		width:80%
	}

	p.imp{
		font-size:0.75em;
	}

	.mybklist .bk_txt h3.title{
		padding:0;
	}

	.newslist01 li a{
		padding:0 0 0 70px;
	}

	.newslist01 time{
		width:55px;
	}

	.qrbox img{
		max-width:150px;
	}

	.bk_star01 b{
		font-size:0.875em;
	}

	.fixedbar{
		padding:10px 10px;
	}

	.remodal{
		padding:15px;
	}

	.pop_hd h2.title{
		font-size:2.1875em;
	}

	.templist{
		height:250px;
	}

	.templist li p{
		left:4%;
		bottom:6%;
	}

	.ctrlpage{
		bottom:25%;
	}

	.pop_hd span{
		font-size:0.875em;
		line-height:1.2;
		margin:0 0 0 10px;
	}
}

@media(max-width:410px){
	.bd_t{
		padding:10px 0;
	}

	.mlinks{
		font-size:1.4375em;
	}

	.mlinks a{
		width:30px;
		height:35px;
		line-height:35px;
	}

	.owl-item{
		min-height:180px;
	}

	.shlinks img{
		width:40px;
	}

	.bklist01 .igbox{
		height:55px;
	}

	.mb_c{
		width:320px;
	}

	#header h1.title{
		line-height:35px;
	}

	#header h1.title img{
		max-height:35px;
	}

	.inrbox .bkmain .bk_img{
		padding:70% 0 0;
	}

	.qrbox img{
		max-width:140px;
	}

	#qrimgbox .qrcont{
		width:300px;
		margin:-190px 0 0 -155px;
	}

	.templist li{
		width:29%;
		padding:2% 2%;
	}
}

@media(max-width:370px){
	.qrbox img{
		width:120px;
	}

	#qrimgbox .qrcont{
		width:270px;
		margin:-190px 0 0 -140px;
	}
}

.css3{
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-text-shadow:2px 3px 5px rgba(0, 0, 0, 0.15);
	-moz-text-shadow:2px 3px 5px rgba(0, 0, 0, 0.15);
	text-shadow:2px 3px 5px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:inset 0px 0px 30px rgba(0, 0, 0, 1);
	-moz-box-shadow:inset 0px 0px 30px rgba(0, 0, 0, 1);
	box-shadow:inset 0px 0px 30px rgba(0, 0, 0, 1);
	background:#007EC1;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#007EC1), to(#003D74));
	background:-webkit-linear-gradient(#007EC1, #003D74);
	background:-moz-linear-gradient(#007EC1, #003D74);
	background:-ms-linear-gradient(#007EC1, #003D74);
	background:-o-linear-gradient(#007EC1, #003D74);
	background:linear-gradient(#007EC1, #003D74);
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	-ms-transition:all 1s ease;
	transition:all 1s ease;
	max-width:100%;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}

.checkboxes span input[type=checkbox]{
	visibility:hidden;
	margin:0 5px;
}

.checkboxes span{
	position:relative;
	margin:0 7px 0 5px;
}

.checkboxes span label i{
	cursor:pointer;
	position:absolute;
	width:20px;
	height:20px;
	top:0;
	left:0;
	border-radius:4px;
	-webkit-box-shadow:inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, .4);
	-moz-box-shadow:inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, .4);
	box-shadow:inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, .4);
	background:-webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background:-moz-linear-gradient(top, #222 0%, #45484d 100%);
	background:-o-linear-gradient(top, #222 0%, #45484d 100%);
	background:-ms-linear-gradient(top, #222 0%, #45484d 100%);
	background:linear-gradient(top, #222 0%, #45484d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#45484d', GradientType=0);
}

.checkboxes span label i:after{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;
	content:'';
	position:absolute;
	width:9px;
	height:5px;
	background:transparent;
	top:4px;
	left:4px;
	border:3px solid #fcfff4;
	border-top:none;
	border-right:none;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.checkboxes span label i:hover::after{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter:alpha(opacity=30);
	opacity:0.3;
}

.checkboxes span input[type=checkbox]:checked+label i:after{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
}

.td_sort{
	cursor:pointer;
	position:relative;
}

.td_sort:before{
	content:"\f0dc";
	font-family:FontAwesome;
	right:5px;
	position:absolute;
	top:8px;
}

.sorting-asc:before{
	content:"\f0de";
}

.sorting-desc:before{
	content:"\f0dd";
}

.ckratype{
	margin:3px 0;
	position:relative;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
}

.ckratype input{
	position:absolute;
	opacity:0;
	box-sizing:border-box;
	padding:0;
}

.ckratype span{
	position:relative;
	display:inline-block;
	width:18px;
	height:18px;
	background:#fff;
	border:2px solid #bbb;
	vertical-align:bottom;
	margin:0 3px 0 0;
}

.ckratype span:after{
	content:"";
	position:absolute;
	top:3px;
	right:3px;
	bottom:3px;
	left:3px;
	background-color:#fff;
	opacity:0;
	-webkit-transition:all .15s ease-out;
	transition:all .15s ease-out;
	-webkit-transform:scale(.5);
	transform:scale(.5);
}

.ckratype input:checked+span:after{
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
	background-color:#eee;
}

.ckratype01 input:checked+span:after{
	background-color:#93bc56;
}

/* ------- 0510ting無障礙 ------ */
/* 處理list季刊全本閱讀*/
.bklistre_a11y li{
	margin:0 5px 5.6% 5px;
	position:relative;
	overflow:hidden;
}

.bklistre_a11y li span{
	padding:15% 3px 0 0;
	display:block;
}

.bklistre_a11y li span a{
	display:flex;
	align-items:flex-end;
	flex-direction:column-reverse;
	justify-content:center;
	color:#fff;
	position:relative;
}

.bklistre_a11y li span a .bktxt{
	position:absolute;
	background-color:rgba(17, 17, 17, 0.68);
	font-size:0.875em;
	text-align:center;
	padding:3px 5px 3px;
	left:0px;
	right:0px;
	bottom:-20px;
	color:#fff !important;
}

.bklistre_a11y li span a .bktxt em{
	font-size:0.9285714285714286em;
	color:#ccc;
	text-overflow:ellipsis;
}

.bklistre_a11y li img{
	position:static;
}

.bklistre_a11y.jq_carousel li{
	position:static;
}

.bkviewbtn a{
	background:#9c5b97;
	color:#fff;
	padding:13px 5px 13px 40px;
	position:relative;
	display:block;
	margin:5px 0 0;
	font-size:1em;
}

.bkviewbtn a i{
	position:absolute;
	left:13px;
	top:50%;
	transform:translateY(-50%);
}

/* 處理a區塊 */
.bd_t h1.title a{
	display:block;
}

/* 導覽磚對位置 */
.of-a11ycont .rbox,
.of-a11ycont .lbox{
	position:relative;
}

/* Focus */
.of-a11ycont a:focus,
.of-a11ycont button:focus,
.of-a11ycont select:focus,
.of-a11ycont .incktop:focus,
.of-a11ycont .bnrbox a:focus,
.of-a11ycont .pagerlist .page-link:focus,
.of-a11ycont .sortlist li.on a:focus,
.of-a11ycont .fst_a:focus,
.of-a11ycont .prev_logo:focus,
.of-a11ycont .fileup li a:focus,
.of-a11ycont .mblinks a:focus,
.of-a11ycont .abtn:focus,
.of-a11ycont .i_back:focus,
.of-a11ycont .ctrllist li a:focus,
.of-a11ycont .tlinks li a:focus,
.of-a11ycont .ot_country span:focus,
.of-a11ycont .mnav li .fst_a:focus,
.of-a11ycont .submnav li a:focus,
.of-a11ycont .gopath a:focus,
.of-a11ycont .inmb01 .mblinks a:focus,
.of-a11ycont .otinfo li img:focus,
.of-a11ycont .i_more:focus,
.bklist01 li a:focus,
.of-a11ycont .txtlist01 li a:focus{
	background-color:#fff9d5 !important;
	color:#141414 !important;
	outline:dashed 2px #d98c49 !important;
}

.of-a11ycont input:focus{
	outline:dashed 2px #d98c49 !important;
}

.of-a11ycont #AU[accesskey]:focus{
	opacity:1;
}

.of-a11ycont .mblinks a:focus{
	padding-left:20px;
}

.of-a11ycont a:focus{
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-ms-transition:none;
	transition:none;
}

.of-a11ycont a.i_back:focus{
	background-color:#ee8d00 !important;
	color:#fff;
}

.of-a11ycont .bk_img .item a:focus::after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:22;
	background:rgba(255, 251, 0, 0.2);
}

.of-a11ycont .tab_bk .tab_hd li a:focus,
.of-a11ycont .tab_bk .tab_hd li a:focus-within{
	outline:dashed 2px #d98c49 !important;
}

/* 跳到主內容 */
.gocontent{
	position:fixed;
	left:0;
	top:0;
	z-index:9999;
	transform:translateY(-100%);
}

.gocontent:focus{
	transform:translateY(0%);
	background:#54C8C0;
	color:#fff;
	padding:15px;
}

/* Sitemap */
ul.sitelist,
ul.sitelist ul{
	list-style:none !important;
}

ul.sitelist>li{
	border-bottom:1px solid #eee !important;
	padding-bottom:10px !important;
	margin-bottom:10px !important;
}

ul.sitelist>li>a,
ul.sitelist>li>span{
	font-size:1.25em;
}

ul.sitelist>li a{
	display:inline-block !important;
	padding:1px 2px !important;
	color:#777 !important;
}

#AU[accesskey]{
	position:absolute;
	color:#fff;
	transform:translateX(-10px);
	opacity:0;
}

#AL[accesskey]{
	position:absolute;
	color:#333;
	left:-10px;
	z-index:2;
	color:transparent;
}

#AC[accesskey]{
	position:absolute;
	color:#333;
	left:0;
	z-index:2;
	color:transparent;
}

.gopath #AC[accesskey]{
	color:#fff;
	left:-15px;
}

#AZ[accesskey]{
	position:absolute;
	color:#333;
	left:-15px;
}

/* ------ 0510ting無障礙結束 ------ */

.esgbox{background:#356A4C;margin:10px 0 0;overflow:hidden;}
.esg_t{position:relative;}
.esg_info{padding:10px 15px;padding-bottom:120px;color:#fff;position:relative;z-index:2;line-height:1.4;}
.esg_info small{font-size:0.75em;opacity:0.8;}
.esg_info h3.title{font-size:1.3125em;padding:4px 0;}
.esg_info p{font-size:0.8125em;}
.esg_info b{padding:0 5px;}
.esg_bg{position:absolute;left:0;top:0;width:100%;height:100%;}
.esg_bg svg{width:100%;}
.esg_b{background:#89B03D;position:relative;padding:10px 15px;z-index:2;}
.esg_b:before{content:'';position:absolute;left:0;top:-145px;width:100%;height:150px;background:url('../images/content/esg_infot.svg') no-repeat scroll left bottom/100%;}
.esg_b div{position:relative;}
.esg_title:before{content:'';position:absolute;left:0;top:-5px;background:url('../images/content/esg_leafthree.svg') no-repeat scroll center;width:61px;height:62px;animation:shake-bottom 5s infinite;}
.esg_title{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;color:#fff;transform:translateY(-110px);margin-bottom:-110px;}
.esg_title .mbimg{position:relative;width:50px;height:50px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:50%;border:5px solid rgba(26,78,66,0.4);}
.esg_title .mbimg img{width:100%;}
.esg_title h4.title{position:relative;font-size:1.1125em;font-weight:bold;padding:10px 0 5px;}
.esg_title p{position:relative;font-size:0.8125em;}
.esgbtn{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;max-width:100%;padding:5px 0 10px;}
.esgbtn a{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#F5FFC0;color:#333;width:200px;border-radius:30px;padding:10px 15px;box-sizing:border-box;font-weight:bold;}
.esgbtn a:hover{background:#fff;}
.esgtxt{padding:0 0 30px;position:relative;}
.esgtxt:after{content:'';position:absolute;left:0;bottom:0;width:150px;height:35px;background:url('../images/content/esg_leaftext.svg') repeat-x scroll left center;}
.esgtxt p{color:#4B8457;font-size:1.1125em;font-weight:bold;}
.esgtxt p b{padding:0 5px;}

svg g.leaf1{animation:falling1 10s 0s linear infinite;}
svg g.leaf2{animation:falling2 10s 0s linear infinite;}
svg g.leaf3{animation:falling3 10s 0s linear infinite;}

svg g[class^="leaf"]:nth-of-type(n){animation-duration:10s;animation-delay:1.9s;}
svg g[class^="leaf"]:nth-of-type(2n){animation-duration:17s;animation-delay:1.9s;}
svg g[class^="leaf"]:nth-of-type(3n){animation-duration:15s;animation-delay:2.3s;}
svg g[class^="leaf"]:nth-of-type(4n){animation-duration:13s;animation-delay:3.4s;}
svg g[class^="leaf"]:nth-of-type(5n){animation-duration:11s;animation-delay:4s;}
svg g[class^="leaf"]:nth-of-type(6n){animation-duration:17s;animation-delay:3.5s;}
svg g[class^="leaf"]:nth-of-type(7n){animation-duration:12s;animation-delay:2.8s;}
svg g[class^="leaf"]:nth-of-type(8n){animation-duration:16s;animation-delay:1.5s;}
svg g[class^="leaf"]:nth-of-type(9n){animation-duration:10s;animation-delay:3.3s;}
svg g[class^="leaf"]:nth-of-type(10n){animation-duration:18s;animation-delay:4.5s;}

@keyframes falling1{0%{transform:translate3d(0,0,0) rotate(0deg)}70%{transform:translate3d(-150px,700px,0) rotate(-90deg);opacity:0}75%{transform:translate3d(200px,-300px,0) rotate(90deg);opacity:0}100%{transform:translate3d(0,0,0) rotate(0deg)}}
@keyframes falling2{0%{transform:translate3d(0,0,0) rotate(0deg)}70%{transform:translate3d(-200px,480px,0) rotate(60deg);opacity:0}75%{transform:translate3d(30px,-300px,0) rotate(60deg);opacity:0}100%{transform:translate3d(0,0,0) rotate(0deg)}}
@keyframes falling3{0%{transform:translate3d(0,0,0) rotate(0deg)}70%{transform:translate3d(-130px,540px,0) rotate(90deg);opacity:0}75%{transform:translate3d(30px,-100px,0) rotate(-70deg);opacity:0}100%{transform:translate3d(0,0,0) rotate(0deg)}}
@keyframes shake-bottom{0%,100%{transform:rotate(0deg);transform-origin:50% 100%}10%{transform:rotate(2deg)}20%,40%,60%{transform:rotate(-4deg)}30%,50%,70%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(2deg)}}

@media(max-width:870px){
	.esg_title:before{top:5px;}
}
@media(max-width:520px){
	.esg_info{padding-bottom:150px;}
	.esg_b:before{height:180px;width:101%;top:-175px;}
	.esg_title:before{top:10px;}
	.esg_title{transform:translateY(-140px);margin-bottom:-140px;}
}

.sdbar.ui-widget.ui-widget-content{background:#efefef;border:0 !important;height:.4em !important;}
.sdbar.ui-slider-horizontal .ui-slider-handle{top:-.5em !important}
.sdbar .ui-state-active{border-color:#85AB4D !important;background:#85AB4D !important;}
.sdbar a{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;}

#my-inline-buttons .st-btn{display:inline-block !important;margin-bottom:5px !important;}

.formbox span.ps.imp{background:#900;color:#fff;padding:3px 5px;border-radius:3px;}