#container {
	min-height: 100%;
	min-width: 300px;
	height: auto !important;
	height: 100%;
	position: relative;
	padding-top: 120px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#vip_container {
	min-height: 100%;
	min-width: 300px;
	height: auto !important;
	height: 100%;
	position: relative;
	padding-top: 60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;


}
#shoppingcart_container {
	min-height: 100%;
	min-width: 300px;
	height: auto !important;
	height: 100%;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



.green_bar {
	width: 100%;
	height: 4px;
	background-color: #629540;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 997;
}
.top_bk {
	width: 100%;
	min-width: 300px;
	height: 57px;
	background-color: #eeeeee;
	position: fixed;
	top: 3px;
	left: 0;
	z-index: 998;
}
.color_629540 {
	color: #629540;
}
.color_99cc00 {
	color: #99cc00;
}
.color_333 {
	color: #333;
}
.top {
	width: 100%;
	max-width: 1060px;
	height: 57px;
	position: relative;
	margin: 0 auto;
}
.hamburger_menu {
	display: none;
}
.hamburger_message {
	display: none;
}
.front_page {
	display: none;
	width: 19px;
	height: 19px;
	position: absolute;
	top: 14px;
	left: 12px;
	z-index: 100;
}
.front_page a {
	width: 19px;
	height: 19px;
	display: block;
}
.logo_box {
	display: block;
	width: 440px;
	height: 57px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.logo_box02 {
	display: block;
	width: 354px;
	height: 57px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.logo {
	display: block;
	width: 145px;
	height: 30px;
	position: absolute;
	top: 12px;
	left: 1px;
}
.logo a {
	display: block;
	width: 100%;
	height: 30px;
	background-image: url(../images/logo.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.ebook_btn_on {
	display: block;
	width: 91px;
	height: 29px;

    font-size: 15px;
	text-align:center;
	line-height:27px;
	font-weight:bold;

	position: absolute;
	top: 14px;
	left: 152px;
}
.ebook_btn_on a:link, .ebook_btn_on a:visited {
	display: block;
	width: 100%;
	height: 29px;
	color: #61953f;

	border: 1px solid #61953f; /* stroke */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ebook_btn_on a:hover, .ebook_btn_on a:active {
	display: block;
	width: 100%;
	height: 29px;
	color: #5db307;

	border: 1px solid #5db307; /* stroke */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ebook_btn {
	display: block;
	width: 91px;
	height: 29px;

    font-size: 15px;
	text-align:center;
	line-height:27px;
	font-weight:bold;

	position: absolute;
	top: 14px;
	left: 152px;
}
.ebook_btn a:link, .ebook_btn a:visited {
	display: block;
	width: 100%;
	height: 29px;
	color: #666666;


	border: 1px solid #666666; /* stroke */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ebook_btn a:hover, .ebook_btn a:active {
	display: block;
	width: 100%;
	height: 29px;
	color: #5db307;

	border: 1px solid #5db307; /* stroke */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.monthly_btn_on {
	display: block;
	width: 91px;
	height: 29px;

    font-size: 15px;
	text-align:center;
	line-height:27px;
	font-weight:bold;

	position: absolute;
	top: 14px;
	left: 253px;
}
.monthly_btn_on a:link, .monthly_btn_on a:visited {
	display: block;
	width: 100%;
	height: 29px;
	color: #61953f;


	border: 1px solid #61953f; /* stroke */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
.monthly_btn_on a:hover, .monthly_btn_on a:active {
	display: block;
	width: 100%;
	height: 29px;
	color: #5db307;

	border: 1px solid #5db307; /* stroke */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.monthly_btn {
	display: block;
	width: 91px;
	height: 29px;

    font-size: 15px;
	text-align:center;
	line-height:27px;
	font-weight:bold;

	position: absolute;
	top: 14px;
	left: 253px;
}
.monthly_btn a:link, .monthly_btn a:visited {
	display: block;
	width: 100%;
	height: 29px;
	color: #666666;

	border: 1px solid #666666; /* stroke */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.monthly_btn a:hover, .monthly_btn a:active {
	display: block;
	width: 100%;
	height: 29px;
	color: #5db307;

	border: 1px solid #5db307; /* stroke */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*快讀按鈕*/
.fast_reading_btn {
	display: block;
	width: 70px;
	height: 29px;

    font-size: 15px;
	text-align:center;
	line-height:27px;
	font-weight:bold;

	position: absolute;
	top: 14px;
	left: 354px;
}
.fast_reading_btn a:link, .fast_reading_btn a:visited {
	display: block;
	width: 100%;
	height: 29px;
	color: #666666;

	border: 1px solid #666666;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fast_reading_btn a:hover, .fast_reading_btn a:active {
	display: block;
	width: 100%;
	height: 29px;
	color: #5db307;

	border: 1px solid #5db307;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}





.top_menu04_open {
	display: block;
	width: 70px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	padding-top: 18px;
	margin-right: 1.792%;
	float: right;
}
.top_menu04_open a:link, .top_menu04_open a:visited {
	width: 70px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	display: block;
	background-image: url(../images/top_grey_arrow_hover.png);
	background-position: 60px 9px;
	background-repeat: no-repeat;
}
.top_menu04_open a:hover, .top_menu04_open a:active {
	width: 70px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	display: block;
	background-image: url(../images/top_grey_arrow_hover.png);
	background-position: 60px 9px;
	background-repeat: no-repeat;
}
.top_menu04_close {
	display: block;
	width: 70px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	padding-top: 18px;
	margin-right: 1.792%;
	float: right;
}
.top_menu04_close a:link, .top_menu04_close a:visited {
	width: 70px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	display: block;
	background-image: url(../images/top_grey_arrow.png);
	background-position: 60px 9px;
	background-repeat: no-repeat;
}
.top_menu04_close a:hover, .top_menu04_close a:active {
	width: 70px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	display: block;
	background-image: url(../images/top_grey_arrow.png);
	background-position: 60px 9px;
	background-repeat: no-repeat;
}
.top_btn02_drop {
	display: none;
	width: 190px;
	height: auto;
	border: 1px solid #ededed;
	background-color: #fff;
	position: absolute;
	top: 47px;
	right: 232px;
	z-index: 25;
}
.top_btn02_drop ul li {
	width: 190px;
	height: 60px;
	border-bottom: 1px solid #ededed;
}
.top_btn02_drop ul li:last-child {
	width: 190px;
	height: 60px;
}
.top_btn02_pc {
	width: 190px;
	height: 60px;
	font-size: 16px;
	color: #629540;
	background-repeat: no-repeat;
	background-position: 50px 18px;
}
.top_btn02_pc a:link, .top_btn02_pc a:visited {
	width: 190px;
	height: 60px;
	font-size: 16px;
	color: #333;
	display: block;
	background-image: url(../images/top_btn02_pc.png);
	background-repeat: no-repeat;
	background-position: 47px 18px;
}
.top_btn02_pc a:hover, .top_btn02_pc a:active {
	width: 190px;
	height: 60px;
	font-size: 16px;
	color: #629540;
	display: block;
	background-image: url(../images/top_btn02_pc_roll.png);
	background-repeat: no-repeat;
	background-position: 47px 18px;
}
.top_btn02_pc_text {
	height: 60px;
	line-height: 60px;
	padding-left: 84px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.top_btn02_mobile {
	width: 190px;
	height: 60px;
	font-size: 16px;
	color: #629540;
	background-image: url(../images/top_btn02_mobile_roll.png);
	background-repeat: no-repeat;
	background-position: 31px 15px;
}
.top_btn02_mobile a:link, .top_btn02_mobile a:visited {
	width: 190px;
	height: 60px;
	font-size: 16px;
	color: #333;
	display: block;
	background-image: url(../images/top_btn02_mobile.png);
	background-repeat: no-repeat;
	background-position: 31px 15px;
}
.top_btn02_mobile a:hover, .top_btn02_mobile a:active {
	width: 190px;
	height: 60px;
	font-size: 16px;
	color: #629540;
	display: block;
	background-image: url(../images/top_btn02_mobile_roll.png);
	background-repeat: no-repeat;
	background-position: 31px 15px;
}
.top_btn02_mobile_text {
	height: 60px;
	line-height: 60px;
	padding-left: 96px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*web 登入登出*/
.top_menu01_open {
	display: block;
	width: 41px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	padding-top: 18px;
	margin-right: 1.792%;
	float: right;
}
.top_menu01_open a:link, .top_menu01_open a:visited {
	width: 41px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	display: block;
	background-image: url(../images/top_grey_arrow_hover.png);
	background-position: 32px 9px;
	background-repeat: no-repeat;
}
.top_menu01_open a:hover, .top_menu01_open a:active {
	width: 41px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	display: block;
	background-image: url(../images/top_grey_arrow_hover.png);
	background-position: 32px 9px;
	background-repeat: no-repeat;
}
.top_menu01_close {
	display: block;
	width: 41px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	padding-top: 18px;
	margin-right: 1.792%;
	float: right;
}
.top_menu01_close a:link, .top_menu01_close a:visited {
	width: 41px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	display: block;
	background-image: url(../images/top_grey_arrow.png);
	background-position: 32px 9px;
	background-repeat: no-repeat;
}
.top_menu01_close a:hover, .top_menu01_close a:active {
	width: 41px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	display: block;
	background-image: url(../images/top_grey_arrow.png);
	background-position: 32px 9px;
	background-repeat: no-repeat;
}
.top_menu01_drop {
	display: none;
	width: auto;
	min-width: 190px;
	height: auto;
	border: 1px solid #ededed;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.05);
	-moz-box-shadow: 0 2px 0 rgba(0,0,0,0.05);
	box-shadow: 0 2px 0 rgba(0,0,0,0.05);
	position: absolute;
	top: 47px;
	right: 170px;
}
.top_menu01_drop_phone {
	width: auto;
	min-width: 135px;
	height: auto;
	color: #333;
	font-size: 16px;
	line-height: 20px;
	padding-top: 21px;
	margin: 0 32px 20px 32px;
}
.top_menu01_drop_line {
	width: 100%;
	height: 1px;
	background-color: #e2e2e2;
	position: relative;
	margin-bottom: 15px;
}
.top_menu01_drop_btn_box {
	width: 100%;
	min-height: 53px;
	height: auto;
	text-align: center;
	padding: 0 7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.top_menu01_drop_btn01 {
	width: 168px;
	height: 38px;
	color: #61953f;
	font-size: 16px;
	text-align: center;
	line-height: 38px;
	margin: 0 4px;
	display: inline-block;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	position: relative;
}
.top_menu01_drop_btn01 a {
	width: 168px;
	height: 38px;
	display: block;
	color: #333333;
	font-size: 16px;
	text-align: center;
	line-height: 38px;
}
.top_menu01_drop_btn02 {
	width: 168px;
	height: 38px;
	color: #629540;
	font-size: 16px;
	text-align: center;
	line-height: 38px;
	margin: 0 4px;
	display: inline-block;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	position: relative;
}
.top_menu01_drop_btn02 a {
	width: 168px;
	height: 38px;
	display: block;
	color: #629540;
	font-size: 16px;
	text-align: center;
	line-height: 38px;
}
.top_menu02 {
	display: block;
	width: 42px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	padding-top: 18px;
	margin-right: 1.792%;
	float: right;
}
.top_menu02 a:link, .top_menu02 a:visited {
	width: 42px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	display: block;
}
.top_menu02 a:hover, .top_menu02 a:active {
	width: 42px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	display: block;
}
.top_menu03 {
	display: block;
	width: 56px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	padding-top: 18px;
	margin-right: 1.792%;
	float: right;
}
.top_menu03 a:link, .top_menu03 a:visited {
	width: 56px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	display: block;
}
.top_menu03 a:hover, .top_menu03 a:active {
	width: 56px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	display: block;
}
.top_shopping_cart {
	display: block;
	width: auto;
	min-width: 31px;
	height: 33px;
	margin: 4px -2px auto auto;
	float: right;
	background-image: url(../images/top_shopping_cart.png);
	background-repeat: no-repeat;
	background-size: 28px 20px;
	background-position: left bottom;
}
.top_shopping_cart a:link, .top_shopping_cart a:visited, .top_shopping_cart a:hover, .top_shopping_cart a:active {
	display: block;
	width: 100%;
	height: 33px;
	margin: 0;
	padding-left: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.top_shopping_cart_text {
	width: auto;
	min-width: 9px;
	height: 17px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 17px;
	margin: 0 0 16px auto;
	float: right;
	padding: 0 4px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #cb0000;
}
.top_shopping_cart02 {
	display: block;
	width: auto;
	min-width: 31px;
	height: 33px;
	margin: 4px -2px auto auto;
	float: right;
	background-image: url(../images/top_shopping_cart.png);
	background-repeat: no-repeat;
	background-size: 28px 20px;
	background-position: left bottom;
}
.top_shopping_cart02 a:link, .top_shopping_cart02 a:visited, .top_shopping_cart02 a:hover, .top_shopping_cart02 a:active {
	display: block;
	width: 100%;
	height: 33px;
	margin: 0;
	padding-left: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.top_shopping_cart_text02 {
	width: auto;
	min-width: 9px;
	height: 17px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 17px;
	margin: 0 0 16px auto;
	float: right;
	padding: 0 4px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #cb0000;
}
.index_menu_bk {
	display: block;
	width: 100%;
	height: 60px;
	background-image: url(../images/index_menu_bk.png);
	background-repeat: repeat-x;
	position: fixed;
	top: 60px;
	left: 0;
	z-index: 997;
}
.index_menu {
	width: 100%;
	max-width: 1062px;
	height: 60px;
	margin: 0 auto;
	position: relative;
}
.index_menu_btn01_close {
	width: 91px;
	height: 60px;
	line-height: 60px;
	color: #484848;
	font-size: 16px;
	position: relative;
	background-image: url(../images/index_menu_arraw.png);
	background-repeat: no-repeat;
	background-position: 75px center;
}
.index_menu_btn01_close a:link, .index_menu_btn01_close a:visited, .index_menu_btn01_close a:hover, .index_menu_btn01_close a:hover {
	width: 91px;
	height: 60px;
	line-height: 60px;
	color: #484848;
	font-size: 16px;
	display: block;
	background-image: url(../images/index_menu_arraw.png);
	background-repeat: no-repeat;
	background-position: 75px center;
}
.index_menu_btn01_open {
	width: 91px;
	height: 60px;
	line-height: 60px;
	color: #629540;
	font-size: 16px;
	position: relative;
	background-image: url(../images/index_menu_arraw_roll.png);
	background-repeat: no-repeat;
	background-position: 75px center;
	border-bottom: 1px solid #5db307;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.index_menu_btn01_open a {
	color: #629540;
}
.index_menu_btn01_drop {
	display: none;
	width: 98%;
	max-width: 970px;
	height: auto;
	min-height: 450px;
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 20;
	background-color: #fff;
	border-top: none;
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.05);
	-moz-box-shadow: 0 2px 0 rgba(0,0,0,0.05);
	box-shadow: 0 2px 0 rgba(0,0,0,0.05);
}
.index_menu_btn01_drop_left {
	width: 65%;
	height: auto;
	position: absolute;
	top: 60px;
	left: 6.8%;
	border-right: 1px solid #eeeeee;
}
.index_menu_btn01_drop_right {
	width: 155px;
	height: auto;
	position: absolute;
	top: 60px;
	left: 78%;
}
.index_menu_btn01_classified_title {
	width: 100%;
	height: 45px;
	color: #999;
	font-size: 15px;
	clear: both;
}
.index_menu_btn01_classified_content {
	width: 100%;
	height: auto;
	margin-bottom: 31px;
	clear: both;
	overflow: hidden;
}
.index_menu_btn01_classified_content ul li {
	width: 16.666%;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	color: #629540;
	margin-bottom: 16px;
	float: left;
	overflow: hidden; /* 超過範圍隱藏 */
	white-space: nowrap; /* 不斷行 */
}
.index_menu_btn01_classified_content ul li a:link, .index_menu_btn01_classified_content ul li a:visited {
	width: 100%;
	height: 16px;
	line-height: 16px;
	display: block;
	font-size: 14px;
	color: #333;
	overflow: hidden; /* 超過範圍隱藏 */
	white-space: nowrap; /* 不斷行 */
}
.index_menu_btn01_classified_content ul li a:hover, .index_menu_btn01_classified_content ul li a:active {
	width: 100%;
	height: 16px;
	line-height: 16px;
	display: block;
	font-size: 14px;
	color: #629540;
	overflow: hidden; /* 超過範圍隱藏 */
	white-space: nowrap; /* 不斷行 */
}
.index_menu_btn01_text {
	width: 64px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 1px;
}
.index_menu_btn01_classified_more {
	width: 100%;
	color: #333;
	font-size: 14px;
	clear: both;
}
.index_menu_btn01_classified_more a:link, .index_menu_btn01_classified_more a:visited {
	width: 100%;
	color: #333;
	font-size: 14px;
}
.index_menu_btn01_classified_more a:hover, .index_menu_btn01_classified_more a:active {
	width: 100%;
	color: #629540;
	font-size: 14px;
}
.online_event {
	width: 100%;
	font-size: 14px;
	height: 16px;
	line-height: 16px;
	color: #629540;
	margin-bottom: 19px;
	overflow: hidden;
}
.online_event a:link, .online_event a:visited {
	width: 100%;
	font-size: 14px;
	height: 14px;
	color: #333;
}
.online_event a:hover, .online_event a:active {
	width: 100%;
	font-size: 14px;
	height: 14px;
	color: #629540;
}
.index_menu_btn02 {
	width: 64px;
	height: 60px;
	line-height: 60px;
	color: #484848;
	font-size: 16px;
	position: absolute;
	top: 0;
	left: 120px;
}
.index_menu_btn02 a:link, .index_menu_btn02 a:visited, .index_menu_btn02 a:hover, .index_menu_btn02 a:active {
	width: 64px;
	height: 60px;
	line-height: 60px;
	color: #484848;
	font-size: 16px;
	display: block;
}
.index_menu_btn03 {
	width: 58px;
	height: 60px;
	line-height: 60px;
	color: #484848;
	font-size: 16px;
	position: absolute;
	top: 0;
	left: 240px;
}
.index_menu_btn03 a:link, .index_menu_btn03 a:visited, .index_menu_btn03 a:hover, .index_menu_btn03 a:active {
	width: 58px;
	height: 60px;
	line-height: 60px;
	color: #484848;
	font-size: 16px;
	display: block;
}
#index_search {
	width: 273px;
	height: 34px;
	border: 1px solid #61953f;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 12px;
	right: 1px;
}
#index_search input {
	width: 200px;
	height: 32px;
	line-height: 32px;
	background: none repeat scroll 0 0;
	border: 0 none;
	font-size: 14px;
	margin: 0;
	padding: 0 5px;
	transition: background 0.3s ease-in-out 0s;
	position: absolute;
	top: 0;
	left: 15px;
}
 #index_search input::-webkit-input-placeholder {
 color: #cccccc;
 -webkit-transition: color.5s;
}
 #index_search input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder {
 color: #333333;
 -webkit-transition: color.5s;
}
#index_search button {
	background: url("../images/search_icon.png") no-repeat scroll center center;
	background-size: 28px;
	cursor: pointer;
	height: 32px;
	text-indent: -99999em;
	transition: background 0.3s ease-in-out 0s;
	width: 32px;
	border: none;
	float: right;
}
/*首頁搜尋熱門關鍵字*/
.search_drop {
	width: 502px;
	height: auto;
	color: #333333;
	border: 1px solid #ededed;
	background-color: #fff;
	position: absolute;
	top: 49px;
	right: 0;
	padding: 42px 0 25px 24px;
	-webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.05);
	-moz-box-shadow: 0 3px 0 rgba(0,0,0,0.05);
	box-shadow: 0 3px 0 rgba(0,0,0,0.05);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.search_keyword_close {
	width: 23px;
	height: 23px;
	position: absolute;
	top: 24px;
	right: 24px;
}
.search_keyword_close a {
	width: 23px;
	height: 23px;
	display: block;
	background-image: url(../images/search_keyword_close.png);
}
.search_keywords {
	width: auto;
	height: 36px;
	line-height: 36px;
	vertical-align: bottom;
	white-space: nowrap;
	padding: 21px 13px 0 0;
	float: left;
}
.phone_search_drop {
	width: 100%;
	height: auto;
	color: #333333;
	padding: 16px 0 40px 22px;
	background-color: #fff;
	position: fixed;
	top: 57px;
	right: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.05);
	-moz-box-shadow: 0 3px 0 rgba(0,0,0,0.05);
	box-shadow: 0 3px 0 rgba(0,0,0,0.05);
	z-index: 999;
}
.phone_search_keywords {
	width: auto;
	height: 31px;
	line-height: 31px;
	vertical-align: bottom;
	white-space: nowrap;
	padding: 13px 13px 0 0;
	float: left;
}
.index_main_bn_bk {
	width: 100%;
	height: 350px;
}
/*首頁phone版左漢堡選單*/

#index_hamburger_search {
	display: none;
	width: 77%;
	height: 55px;
	padding: 9px;
	margin: 0 0 6px 7.8%;
	border-bottom: 1px solid #61953f;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
#index_hamburger_search input {
	display: none;
	width: 100%;
	height: 31px;
	line-height: 31px;
	background: none repeat scroll 0 0;
	border: 0 none;
	font-size: 18px;
	margin: 7px 0 0 0;
	padding: 0 40px 0 5px;
	transition: background 0.3s ease-in-out 0s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
 #index_hamburger_search input::-webkit-input-placeholder {
 color: #cccccc;
 -webkit-transition: color.5s;
}
 #index_hamburger_search input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder {
 color: #333333;
 -webkit-transition: color.5s;
}
#index_hamburger_search button {
	background: url("../images/search_icon.png") no-repeat scroll center center;
	background-size: 37px;
	cursor: pointer;
	height: 37px;
	text-indent: -99999em;
	transition: background 0.3s ease-in-out 0s;
	width: 37px;
	border: none;
	position: absolute;
	top: 13px;
	right: 0;
}
.index_hamburger_search_cancel {
	width: 43px;
	height: 37px;
	text-align: center;
	line-height: 37px;
	color: #484848;
	font-size: 14.5px;
	position: absolute;
	top: 13px;
	right: 0;
	background-color: #FFFFFF;
}
.index_hamburger_search_cancel a {
	width: 43px;
	height: 37px;
	display: block;
	text-align: center;
	line-height: 37px;
	color: #484848;
	font-size: 14.5px;
}
.index_hamburger_close {
	display: none;
	width: 21px;
	height: 21px;
	position: absolute;
	top: 22px;
	right: 4.34%;
	background-image: url(../images/phone/hamburger_close.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.index_hamburger_list {
	display: none;
	width: 83%;
	height: 20px;
	padding: 22px;
	margin: 0 auto;
}
.index_hamburger_list a {
	display: none;
	width: 100%;
	height: 20px;
	line-height: 20px;
	color: #333;
	font-size: 18px;
}
.index_hamburger_arrow_open {
	width: auto;
	height: 20px;
	padding-right: 17px;
	background-image: url(../images/phone/book_classificati_arrow_open.png);
	background-repeat: no-repeat;
	background-position: right 6px;
	background-size: 10px 6px;
	float: left;
}
.index_hamburger_arrow_close {
	width: auto;
	height: 20px;
	padding-right: 17px;
	background-image: url(../images/phone/book_classificati_arrow.png);
	background-repeat: no-repeat;
	background-position: right 4px;
	background-size: 6px 10px;
	float: left;
}
.index_hamburger_text {
	display: none;
	width: auto;
	height: 20px;
	line-height: 20px;
	padding-right: 7px;
	float: left;
}
.index_hamburger_number {
	display: none;
	width: 20px;
	height: 20px;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #cc0000;
	float: left;
}
.index_hamburger_line {
	display: none;
	width: 77%;
	height: 1px;
	margin: 28px 0 28px 7.8%;
	background-color: #dddddd;
}
/*線上活動*/
.index_hamburger_evevt_close {
	display: none;
}
.index_hamburger_evevt_open {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 4px;
	padding-top: 17px;
}
.index_hamburger_evevt_item {
	width: 100%;
	height: 20px;
	padding: 0 10px 0 18.5%;
	margin: 0 0 34px 0;
}
.index_hamburger_evevt_item a {
	width: 100%;
	height: 20px;
	line-height: 20px;
	color: #333;
	font-size: 18px;
}
/*全部的書*/
.index_hamburger_allbook_close {
	display: none;
}
.index_hamburger_allbook_open {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.index_hamburger_allbooks_title {
	width: 70%;
	height: 20px;
	margin: 18px 0 37px 15%;
	line-height: 20px;
	color: #999;
	font-size: 18px;
	clear: both;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -ms-flexbox;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
}
.index_hamburger_allbooks_title .abox {
	width: auto;
	min-width: 77px;
	height: 20px;
}
.index_hamburger_allbooks_title .bbox {
	width: auto;
	min-width: 77px;
	height: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;
	flex: 1;
	-ms-flex: 1;
}
.index_hamburger_allbooks_item_block {
	width: 84.38%;
	height: auto;
}
.index_hamburger_allbooks_item_choose {
	width: 50%;
	height: 20px;
	padding: 0 0 0 22.9%;
	margin: 0 0 37px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}
.index_hamburger_allbooks_item_choose a {
	width: 100%;
	height: 20px;
	line-height: 20px;
	color: #629540;
	font-size: 18px;
}
.index_hamburger_allbooks_item {
	width: 50%;
	height: auto;
	min-height: 20px;
	padding: 0 0 0 22%;
	margin: 0 0 37px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}
.index_hamburger_allbooks_item a {
	width: 100%;
	height: 20px;
	line-height: 20px;
	color: #333;
	font-size: 18px;
}
.index_hamburger_allbooks_more {
	width: 100%;
	height: 25px;
	padding-top: 15px;
	margin: 0 0 37px 0;
	padding-left: 18.5%;
	clear: both;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.index_hamburger_allbooks_more a {
	width: 100%;
	height: 20px;
	line-height: 20px;
	color: #333;
	font-size: 18px;
}
.index_hamburger_bottom {
	display: none;
	min-width: 270px;
	width: 100%;
	height: 64px;
	background-color: #f8f8f8;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
}
.index_hamburger_logout {
	display: none;
	display: block;
	width: 37px;
	height: 64px;
	line-height: 64px;
	font-size: 18px;
	color: #333;
	position: absolute;
	top: 0;
	left: 8.9%;
}
.index_hamburger_logout a {
	display: none;
	width: 37px;
	height: 64px;
	line-height: 64px;
	font-size: 18px;
	color: #333;
}
.index_hamburger_read {
	display: none;
	display: block;
	width: 86px;
	height: 64px;
	position: absolute;
	top: 0;
	right: 6.52%;
}
.index_hamburger_read a {
	display: none;
	width: 86px;
	height: 64px;
	line-height: 64px;
	font-size: 18px;
	color: #333;
	white-space: nowrap;
	background-image: url(../images/index_hamburger_read_arrow.png);
	background-repeat: no-repeat;
	background-size: 6px 11px;
	background-position: right 26px;
}
/*登出選單*/
.index_logout_block {
	width: 93.75%;
	height: auto;
	border: 1px solid #999;
	overflow: hidden;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.11);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.11);
	box-shadow: 0 0 10px rgba(0,0,0,.11);
	background-color: #FFFFFF;
	position: fixed;
	bottom: 70px;
	left: 3.125%;
	z-index: 999;
}
.index_logout_account {
	display: none;
	width: 100%;
	height: auto;
	padding: 17px 8.5% 16px 8.5%;
	color: #333333;
	font-size: 17px;
	border-bottom: 1px #e2e2e2 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	word-wrap: break-word;
	word-break: break-all;
}
.index_logout_btn_box {
	display: none;
	width: 100%;
	height: auto;
	text-align: center;
	margin: 12px 0 13px 0;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.hamburger_logout_btn01 {
	width: 42.8%;
	height: 43px;
	color: #61953f;
	font-size: 16px;
	text-align: center;
	line-height: 38px;
	margin: 0 4px;
	display: inline-block;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	position: relative;
}
.hamburger_logout_btn01 a {
	width: 100%;
	height: 43px;
	display: block;
	color: #333333;
	font-size: 16px;
	text-align: center;
	line-height: 43px;
	padding: 0;
}
.hamburger_logout_btn02 {
	width: 42.8%;
	height: 43px;
	color: #629540;
	font-size: 16px;
	text-align: center;
	line-height: 43px;
	display: inline-block;
	margin: 0 4px;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	position: relative;
}
.hamburger_logout_btn02 a {
	width: 100%;
	height: 43px;
	display: block;
	color: #629540;
	font-size: 16px;
	text-align: center;
	line-height: 43px;
}
/*首頁大BN*/
.swiper-container_block{
	width: 100%;
	height:auto;
	}
.swiper-container {
	width: 100%;
	max-width: 1060px;
}
.swiper-wrapper {
	width: 100%;
	max-width: 950px;
}
.swiper-slide {
	width: 100%;
	padding: 0 55px;
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	display: block !important;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.swiper-slide img {
	width: 100%;
}
.phone-swiper-container {
	display: none;
}
.phone-vip_swiper-container {
	display: none;
}


/*首頁系統訊息*/
.index_notice_bk {
	width: 100%;
	height: 60px;
	background-color: #f8f8f8;
	margin-bottom: 43px;
}
.index_notice {
	width: auto;
	max-width: 940px;
	height: 60px;
	line-height: 60px;
	padding: 0 10px;
	margin: 0 auto;
	color: #484848;
	font-size: 14px;
	overflow: hidden; /* 超過範圍隱藏 */
}
.index_notice a {
	width: 100%;
	height: 60px;
	display: block;
	line-height: 60px;
	color: #484848;
	font-size: 14px;
	overflow: hidden; /* 超過範圍隱藏 */
}
.mbox {
	width: 100%;
	height: 60px;
	background-color: #FFFECE;
}
.m_notice {
	width: auto;
	height: 60px;
	margin-right: 30px;
	white-space: nowrap;
	background-color: #E2FFFC;
}
/*首頁區塊標題*/
.index_title {
	width: 80%;
	height: 37px;
	margin: 0 10%;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images/index_title_bk.png);
	background-repeat: repeat-x;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -ms-flexbox;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
}
.index_title_text_gap {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;
	flex: 1;
	-ms-flex: 1;
}
.index_title_text {
	min-width: 65px;
	height: 20px;
	padding: 0 6px;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #484848;
	text-align: center;
	background-color: #fff;
	white-space: nowrap;
}
.index_title_more {
	width: 52px;
	height: 13px;
	font-size: 13px;
	line-height: 13px;
	color: #999999;
	text-align: center;
	background-color: #fff;
	position: absolute;
	top: 2px;
	right: 15px;
	z-index: 10;
}
.index_title_more a:link, .index_title_more a:visited, .index_title_more a:hover, .index_title_more a:active {
	width: 52px;
	height: 11px;
	font-size: 13px;
	line-height: 13px;
	color: #999999;
	text-align: center;
	display: block;
}
/*首頁滑動方塊*/
.inlineModule {
	margin-bottom: 39px;
	position: relative;
	color: #888;
	width: 80%;
	height: auto;
	min-height: 350px;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
	padding: 0 50px;
}
.inlineModule_left {
	width: 40px;
	height: 39px;
	position: absolute;
	top: 152px;
	left: 0px;
	z-index: 10;
}
.inlineModule_right {
	width: 40px;
	height: 39px;
	position: absolute;
	top: 152px;
	right: 0px;
	z-index: 10;
}
.index_book_content {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.index_book_box {
	width: 2020px;
	height: auto;
	font-size: 0;
}
.index_book {
	width: 192px;
	height: auto;
	min-height: 332px;
	margin: 0 10px;
	float: left;
}
.index_book_cover {
	width: 190px;
	height: 254px;
	margin-bottom: 9px;
	position: relative;
	border: 1px solid #ededed; /* stroke */
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
}
.icon_sale {
	width: 62px;
	height: 62px;
	position: absolute;
	top: 0;
	left: 128px;
	background-image: url(../images/icon_sale.png);
	background-repeat: no-repeat;
}
.icon_lastday {
	width: 62px;
	height: 62px;
	position: absolute;
	top: 0;
	left: 128px;
	background-image: url(../images/icon_lastday.png);
	background-repeat: no-repeat;
}
.icon_pdf {
	width: 56px;
	height: 56px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(../images/icon_pdf.png);
	background-repeat: no-repeat;
}
.icon_av {
	width: 56px;
	height: 56px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(../images/icon_pdf_moive.png);
	background-repeat: no-repeat;
}
.index_book_title {
	width: 190px;
	min-height: 40px;
	height: auto;
	color: #333;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	margin-bottom: 6px;
	overflow: hidden;
}
.index_book_title a {
	width: 190px;
	height: 40px;
	display: block;
	color: #333;
	overflow: hidden;
}
.index_book_sale {
	width: 185px;
	height: 20px;
	position: relative;
	margin: 0 auto;
}
.inlineModule2 {
	margin-bottom: 39px;
	position: relative;
	color: #888;
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
	padding: 0 50px;
}
.inlineModule_left2 {
	width: 40px;
	height: 39px;
	position: absolute;
	top: 152px;
	left: 0px;
	z-index: 10;
}
.inlineModule_right2 {
	width: 40px;
	height: 39px;
	position: absolute;
	top: 152px;
	right: 0px;
	z-index: 10;
}
.index_focus_book_title {
	width: 190px;
	height: 40px;
	color: #333;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	margin-bottom: 9px;
	overflow: hidden;
}
.index_focus_book_text {
	width: 190px;
	height: 37px;
	color: #656565;
	font-size: 13px;
	line-height: 15px;
	text-align: center;
}
.index_book_shopping_cart {
	width: 29px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(../images/top_shopping_cart.png);
	background-size: 100%;
}
.index_book_shopping_cart a {
	width: 29px;
	height: 20px;
	display: block;
}
.index_book_price_box {
	width: 100px;
	height: 15px;
	position: relative;
	padding-top: 1px;
	font-size: 0;
}
.index_book_price_text_gery {
	width: auto;
	height: 15px;
	color: #656565;
	font-size: 13px;
	float: left;
	padding-top: 1px;
}
.index_book_price_text_red {
	width: auto;
	height: 18px;
	line-height: 18px;
	color: #cc0000;
	font-size: 18px;
	font-weight: bold;
	float: left;
}
.inlineModule3 {
	margin-bottom: 42px;
	position: relative;
	color: #888;
	width: 80%;
	height: 202px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding: 0 50px;
}
.inlineModule3_left {
	width: 40px;
	height: 39px;
	position: absolute;
	top: 70px;
	left: 0px;
	z-index: 10;
}
.inlineModule3_right {
	width: 40px;
	height: 39px;
	position: absolute;
	top: 70px;
	right: 0px;
	z-index: 10;
}
.index_theme_content {
	width: 100%;
	overflow: hidden;
}
.index_theme_box {
	width: 3500px;
	height: 204px;
}
/*主題書展*/
.indxe_theme {
	width: 340px;
	margin: 0 0 0 10px;
	background-color: #000000;
	position: relative;
	float: left;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.indxe_theme_text {
	width: 300px;
	height: 204px;
	color: #fff;
	font-size: 32px;
	line-height: 204px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 20px;
	z-index: 10;
}
.indxe_theme_img01 {
	width: 340px;
	height: 204px;
	background-image: url(../images/theme01.png);
	background-size: 100%;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	filter: alpha(opacity=30);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5;
}
.indxe_theme_img02 {
	width: 340px;
	height: 204px;
	background-image: url(../images/theme02.png);
	background-size: 100%;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	filter: alpha(opacity=30);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5;
}
.indxe_theme_img03 {
	width: 340px;
	height: 204px;
	background-image: url(../images/theme03.png);
	background-size: 100%;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	filter: alpha(opacity=30);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5;
}
.index_leaderboard {
	width: 100%;
	height: 36px;
	color: #61953f;
	font-size: 36px;
	text-align: center;
	margin-bottom: 6px;
}
/*首頁新聞區塊*/
.index_news_content {
	width: 80%;
	max-width: 1090px;
	min-width: 970px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 52px auto;
	position: relative;
}
.index_news_content ul li {
	width: 50%;
	min-width: 485px;
	height: auto;
	float: left;
	padding: 0 35px;
	margin-bottom: 17px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.index_news_item {
	width: 50px;
	height: auto;
	font-size: 13px;
	line-height: 13px;
	color: #333333;
	font-weight: bold;
}
.index_news_main {
	height: 15px;
	font-size: 13px;
	color: #333333;
	overflow: hidden;
	padding-right: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.index_news_main a {
	height: 15px;
	line-height: 13px;
	color: #333333;
	display: block;
	position: relative;
}
.index_news_date {
	width: 40px;
	height: auto;
	font-size: 13px;
	color: #999999;
	text-align: right;
	font-weight: bold;
	position: absolute;
	top: 0;
	right: 35px;
}
/*首頁分類區塊*/
.index_classified_title_big {
	display: block;
	width: 80%;
	min-height: 37px;
	height: auto;
	margin: 0 auto;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images/index_title_bk.png);
	background-repeat: repeat-x;
}
.index_classified_title_text_open {
	display: block;
	width: 101px;
	height: 18px;
	line-height: 18px;
	padding-left: 6px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: bold;
	color: #484848;
	text-align: left;
	background-color: #fff;
	background-image: url(../images/top_grey_arrow_hover.png);
	background-repeat: no-repeat;
	background-position: 91px center;
}
.index_classified_title_text_close {
	display: block;
	width: 101px;
	height: 18px;
	line-height: 18px;
	padding-left: 6px;
	margin: 0 auto 20px auto;
	font-size: 18px;
	font-weight: bold;
	color: #484848;
	text-align: left;
	background-color: #fff;
	background-image: url(../images/top_grey_arrow.png);
	background-repeat: no-repeat;
	background-position: 91px center;
}
/*全站分類*/
.index_classified_content {
	display: block;
	width: 80%;
	max-width: 1090px;
	height: auto;
	margin: 0 auto 60px auto;
	position: relative;
}
.index_classified_box01 {
	width: 40%;
	height: auto;
	margin-left: 42px;
	position: relative;
	overflow: hidden;
}
.index_classified_box02 {
	width: 59%;
	height: auto;
	position: absolute;
	top: 0;
	right: -23px;
	overflow: hidden;
}
.index_classified_title {
	width: 100%;
	height: 45px;
	color: #999;
	font-size: 15px;
}
.index_classified_box01 ul li {
	width: 106px;
	height: 30px;
	float: left;
	overflow: hidden;
	color: #333;
	font-size: 14px;
}
.index_classified_box01 ul li a {
	width: 100%;
	height: 30px;
	color: #333;
	font-size: 14px;
}
.index_classified_box02 ul li {
	width: 106px;
	height: 30px;
	float: left;
	overflow: hidden;
	color: #333;
	font-size: 14px;
}
.index_classified_box02 ul li a {
	width: 100%;
	height: 30px;
	color: #333;
	font-size: 14px;
}
.info_bk {
	width: 100%;
	min-width: 300px;
	height: 216px;
	background-color: #f4f4f4;
}
.info_bk02 {
	display: block;
	width: 100%;
	height: 216px;
	background-color: #f4f4f4;
}
.info {
	width: 100%;
	max-width: 1060px;
	height: auto;
	margin: 0 auto;
	padding: 30px 0 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
.info_list {
	width: 10.9%;
	min-width: 90px;
	height: auto;
	float: left;
}

.foot_shop_block {
	width: 8%;
	height: auto;
	float: left;
}

.eshop {
	width:65px;
	height: 29px;
	padding: 2px 0 0 0;
}
.mart_logo {
	width:49px;
	height: auto;
	padding: 10px 0 0 0;
}



.info_title_close {
	width: 100%;
	height: 36px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.info_title_open {
	width: 100%;
	height: 36px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.info_list ul li {
	width: 100%;
	height: 31px;
	font-size: 13px;
	color: #666666;
}
.info_list ul li a {
	width: 100%;
	height: 31px;
	font-size: 13px;
	display: block;
	color: #666666;
}
.fb {
	width: 249px;
	height: 154px;
	position: absolute;
	top: 31px;
	right: 10px;
}

.foot_app_download_block{
	width: 249px;
	height: 154px;
	position: absolute;
	top: 31px;
	right: 10px;
}

.foot_app_download_title{
	width: 213px;
	height: 22px;
	margin: 21px auto 0 auto;
}

.foot_app_download_box{
	width: 249px;
	height: 38px;
	margin: 23px 0 0 0;
}

.foot_app_download_ios{
	width: 121px;
	height: 38px;
	background-image: url("../images/foot_app_download02.png");
	background-size: 100%;
	background-repeat: no-repeat;
	float: left;

}

.foot_app_download_ios a{
	width: 100%;
	height: 38px;
	display: block;
}

.foot_app_download_android{
	width: 121px;
	height: 38px;
	background-image: url("../images/foot_app_download03.png");
	background-size: 100%;
	background-repeat: no-repeat;
	float: right;

}

.foot_app_download_android a{
	width: 100%;
	height: 38px;
	display: block;
}

.foot_bk {
	width: 100%;
	min-height: 32px;
	height: auto;
	color: #656565;
	font-size: 13px;
	text-align: center;
	background-color: #f4f4f4;
}
.foot_bk02 {
	display: block;
	width: 100%;
	min-height: 32px;
	height: auto;
	color: #656565;
	font-size: 13px;
	text-align: center;
	background-color: #f4f4f4;
}
.foot {
	width: 490px;
	height: auto;
	margin: 0 auto;
}
.foot_a {
	width: 182px;
	height: auto;
	display: inline-block;
	white-space: nowrap;
}
.foot_b {
	width: 301px;
	height: auto;
	display: inline-block;
	white-space: nowrap;
}
.phone {
	display: none;
	white-space: nowrap;
}
.phone02 {
	display: none;
	white-space: nowrap;
}
.right {
	display: block;
	width: 88px;
	height: 172px;
	position: absolute;
	bottom: 38px;
	right: 6px;
	z-index: 999;
}
.right_shopping_cart_bk {
	width: 88px;
	height: 90px;
	margin-bottom: 9px;
	position: relative;
}
.right_shopping_cart_bk a {
	width: 88px;
	height: 90px;
	display: block;
	background-image: url(../images/right_shopping_cart_btn.png);
	background-repeat: no-repeat;
}
.right_shopping_cart_goods {
	width: 30px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	padding-top: 21px;
	margin: 0 auto;
	padding-right: 5px;
}
.right_shopping_cart_goods_99 {
	width: 33px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding-top: 21px;
	margin: 0 auto;
	padding-right: 5px;
}
.right_gotop_bk {
	width: 72px;
	height: 73px;
	margin: 0 auto;
	position:absolute;
	left:8px;
	bottom:0;
}
.right_gotop_bk a {
	width: 72px;
	height: 73px;
	display: block;
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
}
.new_arrivals_bn {
	display: block;
	width: 100%;
	height: auto;
	max-width: 1060px;
	overflow: hidden;
	margin: 0 auto 20px auto;
	position: relative;
}
.item_bn {
	width: 100%;
	height: auto;
	max-width: 1060px;
	overflow: hidden;
	margin: 0 auto 20px auto;
	position: relative;
	background-color: #000;
}
/*主題書展*/
.item_bn_text_box {
	width: 90%;
	height: 108px;
	text-align: center;
	color: #FFFFFF;
	overflow: hidden;
	z-index: 50;
	margin-top: -54px;
	position: absolute;
	top: 50%;
	left: 5%;
}
.item_bn_text01 {
	width: 100%;
	height: 81px;
	font-size: 72px;
	line-height: 72px;
	font-weight: bold;
}
.item_bn_text02 {
	display: block;
	width: 100%;
	height: 28px;
	line-height: 26px;
	color: #fff;
	font-size: 26px;
	margin: 0 auto;
}
.item_bn_img {
	width: 100%;
	max-width: 1060px;
	height: auto;
	overflow: hidden;
	z-index: 0;
	filter: alpha(opacity=30);

}
.phone_new_arrivals_bn {
	display: none;
	position: relative;
}
.phone_item_bn {
	display: none;
	position: relative;
	background-color: #000000;
}
.phone_item_bn_text_box {
    display: block;
    width: 90%;
    min-height: 92px;
    height: auto;
    text-align: center;
    color: #FFFFFF;
    z-index: 50;
    overflow: hidden;
    margin-top: -46px;
    position: absolute;
    top: 157px;
    left: 26px;
}
.phone_item_bn_text01 {
	display: block;
	width: 100%;
	height: 54px;
	font-size: 46px;
	line-height: 46px;
	font-weight: bold;
}
.phone_item_bn_text02 {
	display: block;
	width: 240px;
	height: auto;
	line-height: 21px;
	color: #fff;
	font-size: 16px;
	margin: 0 auto;
}
.phone_item_bn_img {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	height: auto;
	z-index: 0;

}
.bread_crumbs {
	display: block;
	width: 100%;
	max-width: 1060px;
	height: 62px;
	margin: 0 auto;
	color: #61953f;
	font-size: 14px;
	padding-left: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bread_crumbs a:link, .bread_crumbs a:visited {
	color: #333;
	font-size: 14px;
	height: 62px;
	display: block;
	margin-right: 10px;
	float: left;
}
.bread_crumbs a:hover, .bread_crumbs a:active {
	color: #61953f;
	font-size: 14px;
	height: 62px;
	display: block;
	margin-right: 10px;
	float: left;
}
.bread_crumbs span {
	color: #333;
	float: left;
	height: 62px;
	margin-right: 10px;
}
.new_arrivals_title {
	width: 100%;
	max-width: 1060px;
	height: 37px;
	padding-top: 41px;
	margin: 0 auto;
	padding: 0 50px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images/index_title_bk.png);
	background-repeat: repeat-x;
	clear: both;
}
.new_arrivals_title_text {
	width: 85px;
	height: 18px;
	line-height: 18px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: bold;
	color: #484848;
	text-align: center;
	background-color: #fff;
}
.one_classification_choose {
	display: none;
}
.leaderboard_open {
	width: 112px;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	color: #999999;
	padding-left: 8px;
	background-color: #fff;
	display: block;
	background-image: url(../images/top_grey_arrow_hover.png);
	background-repeat: no-repeat;
	background-position: 96px center;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}
.one_classification_open {
	width: 112px;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	color: #999999;
	padding-left: 8px;
	background-color: #fff;
	display: block;
	background-image: url(../images/top_grey_arrow_hover.png);
	background-repeat: no-repeat;
	background-position: 96px center;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}
.one_classification_close {
	width: 112px;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	color: #999999;
	padding-left: 8px;
	background-color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	background-image: url(../images/top_grey_arrow.png);
	background-repeat: no-repeat;
	background-position: 96px center;
}
.one_classification_drop {
	display: none;
	width: 190px;
	height: auto;
	font-size: 16px;
	overflow: hidden;
	padding: 9px 0 9px 20px;
	border: 1px solid #999; /* stroke */
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.11); /* outer glow */
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.11); /* outer glow */
	box-shadow: 0 0 10px rgba(0,0,0,.11); /* outer glow */
	position: absolute;
	top: 29px;
	right: 10px;
	z-index: 50;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.new_arrivals_sequence_open {
	width: 112px;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	color: #999999;
	padding-left: 8px;
	background-color: #fff;
	display: block;
	background-image: url(../images/top_grey_arrow_hover.png);
	background-repeat: no-repeat;
	background-position: 96px center;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}
.new_arrivals_sequence_close {
	width: 112px;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	color: #999999;
	padding-left: 8px;
	background-color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	background-image: url(../images/top_grey_arrow.png);
	background-repeat: no-repeat;
	background-position: 96px center;
}
.new_arrivals_sequence_drop {
	display: none;
	width: 190px;
	height: auto;
	font-size: 16px;
	overflow: hidden;
	padding: 9px 0 9px 20px;
	border: 1px solid #999; /* stroke */
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.11); /* outer glow */
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.11); /* outer glow */
	box-shadow: 0 0 10px rgba(0,0,0,.11); /* outer glow */
	position: absolute;
	top: 29px;
	right: 10px;
	z-index: 50;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.new_arrivals_sequence_drop_btn_tick {
	width: 190px;
	height: 48px;
	line-height: 48px;
	color: #629540;
	background-image: url(../images/tick.png);
	background-position: 132px 16px;
	background-repeat: no-repeat;
	background-size: 19px 13px;
}
.new_arrivals_sequence_drop_btn {
	width: 190px;
	height: 48px;
	line-height: 48px;
	color: #333333;
}
.new_arrivals_sequence_drop_btn a:link, .new_arrivals_sequence_drop_btn a:visited {
	width: 190px;
	height: 48px;
	display: block;
	line-height: 48px;
	color: #333333;
}
.new_arrivals_sequence_drop_btn a:hover, .new_arrivals_sequence_drop_btn a:active {
	width: 190px;
	height: 48px;
	display: block;
	line-height: 48px;
	color: #629540;
}
.new_arrivals_book_box {
	width: 100%;
	max-width: 1060px;
	height: auto;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
	padding-left: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color:#fff;
}
.new_arrivals_book {
	width: 192px;
	height: auto;
	text-align: center;
	min-height: 332px;
	margin: 0 8px 50px 8px;
	display: inline-block;
}
.new_arrivals_more {
	width: 126px;
	height: 35px;
	margin: 0 auto 50px auto;
	background-color: #474747;
	clear: both;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.new_arrivals_more a {
	width: 126px;
	height: 35px;
	color: #fff;
	line-height: 35px;
	text-align: center;
	display: block;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #474747;
}
.new_arrivals_big_title_box {
	width: 100%;
	max-width: 1060px;
	margin: 0 auto;
}
.new_arrivals_big_title {
	width: 100%;
	max-width: 1060px;
	min-width: 300px;
	height: 35px;
	margin: 0 auto;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images/index_title_bk.png);
	background-repeat: repeat-x;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -ms-flexbox;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
	clear: both;
}
.new_arrivals_big_title_text_gap {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;
	flex: 1;
	-ms-flex: 1;
}
.new_arrivals_big_title_text {
	min-width: 65px;
	height: 20px;
	padding: 0 6px;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #484848;
	text-align: center;
	background-color: #fff;
	white-space: nowrap;
}
.one_sort_title_box {
	width: 100%;
	max-width: 1060px;
	margin: 0 auto;
}
.one_sort_title {
	width: 100%;
	max-width: 1060px;
	height: 35px;
	margin: 0 auto;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images/index_title_bk.png);
	background-repeat: repeat-x;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -ms-flexbox;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
	clear: both;
}
.one_sort_title_text_gap {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;
	flex: 1;
	-ms-flex: 1;
}
.one_sort_title_text {
	min-width: 65px;
	height: 20px;
	padding: 0 6px;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #484848;
	text-align: center;
	background-color: #fff;
	white-space: nowrap;
}
.leaderboard_book_gap {
	width: 20%;
	height: auto;
	display: inline-block;
	overflow: hidden;
	float: left;
}
.search_book_gap {
	width: 20%;
	height: auto;
	overflow: hidden;
	float: left;
}
.leaderboard_book {
	width: 192px;
	height: auto;
	min-height: 332px;
	margin: 0 auto 45px auto;
	overflow: hidden;
}
.book_bread_crumbs {
	width: 100%;
	max-width: 1060px;
	height: 52px;
	margin: 0 auto;
	padding-top: 18px;
	color: #61953f;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.book_bread_crumbs a:link, .book_bread_crumbs a:visited {
	color: #333;
	font-size: 14px;
	height: 52px;
	display: block;
	margin-right: 10px;
	float: left;
}
.book_bread_crumbs a:hover, .book_bread_crumbs a:active {
	color: #61953f;
	font-size: 14px;
	height: 52px;
	display: block;
	margin-right: 10px;
	float: left;
}
.book_bread_crumbs span {
	color: #333;
	float: left;
	height: 52px;
	margin-right: 10px;
}
.book_show {
	width: 92%;
	max-width: 1060px;
	height: auto;
	min-height: 320px;
	overflow: hidden;
	margin: 0 auto 40px auto;
	position: relative;
	clear: both;
}
.book_show_cover {
	width: 28.4%;
	height: auto;
	overflow: hidden;
	display: inline-block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ededed;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
}
.book_show_left {
	width: 41%;
	height: auto;
	display: inline-block;
	margin-left: 14px;
	z-index: 10;
}
.book_show_title {
	width: 100%;
	height: auto;
	color: #333;
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 29px;
	text-align: left;
}
.book_info_title01 {
	display: none;
}
.book_info_title02 {
	width: 98%;
	max-width: 1060px;
	height: 37px;
	padding-top: 41px;
	margin: 0 auto;
	padding: 0 50px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images/index_title_bk.png);
	background-repeat: repeat-x;
}
.book_show_list {
	width: 98%;
	height: auto;
	position: relative;
	margin-bottom: 2px;
}
.book_show_list .abox {
	width: 56px;
	height: 20px;
	line-height: 20px;
	color: #666666;
	font-size: 14px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.book_show_list .bbox {
	width: 100%;
	height: auto;
	color: #333333;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	padding-left: 56px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.book_show_right {
	width: auto;
	min-width: 200px;
	height: 320px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	background-color: #f8f8f8;
}
.book_show_right_box1 {
	display: block;
	width: 100%;
	height: 136px;
	padding-top: 43px;
	margin-bottom: 29px;
	border-bottom: 1px #FFFFFF solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.book_show_price {
	display: block;
	width: auto;
	height: 35px;
	position: relative;
	padding: 0 23px 8px 23px;
	white-space: nowrap;
}
.book_show_price .abox {
	width: auto;
	height: 16px;
	line-height: 16px;
	color: #656565;
	padding-top: 16px;
	font-size: 16px;
	vertical-align: baseline;
}
.book_show_price .bbox {
	width: auto;
	height: 35px;
	line-height: 35px;
	color: #cb0000;
	font-size: 36px;
	vertical-align: baseline;
}
.book_show_price .cbox {
	width: auto;
	height: 16px;
	line-height: 16px;
	padding-top: 16px;
	color: #cb0000;
	font-size: 16px;
	vertical-align: baseline;
}
.book_show_price_phone {
	display: none;
	width: 200px;
	height: 23px;
	text-align: center;
	margin: 0 auto 36px auto;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.book_show_price_phone .abox {
	width: 53px;
	height: 23px;
	line-height: 13px;
	color: #656565;
	font-size: 13px;
	vertical-align: baseline;
}
.book_show_price_phone .bbox {
	width: auto;
	height: 23px;
	line-height: 24px;
	color: #cb0000;
	font-size: 23.5px;
	vertical-align: bottom;
}
.book_show_price_phone .cbox {
	width: auto;
	height: 23px;
	line-height: 13px;
	color: #cb0000;
	font-size: 13px;
	vertical-align: baseline;
}
.book_show_price_original {
	width: auto;
	min-width: 190px;
	height: 16px;
	margin: 0 0 36px 18px;
	position: relative;
	padding: 0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.book_show_price_original .abox {
	width: 65px;
	height: 16px;
	line-height: 16px;
	color: #656565;
	font-size: 16px;
	float: left;
}
.book_show_price_original .bbox {
	width: 65px;
	height: 16px;
	line-height: 16px;
	color: #333333;
	font-size: 16px;
	float: left;
}
.book_show_price_btn_box {
	widows: 100%;
	height: auto;
	padding: 0 23px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.book_show_price_btn01 {
	width: 100%;
	height: 50px;
	position: relative;
	margin: 0 auto;
}
.book_show_price_btn01 a:link, .book_show_price_btn01 a:visited {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #333;
	font-size: 18px;
	display: block;
	border: 1px solid #ededed; /* stroke */
	background-color: #fff; /* layer fill content */
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
}
.book_show_price_btn01 a:hover, .book_show_price_btn01 a:active {
	width: 100%;
	height: 50px;
	color: #fff;
	font-size: 18px;
	display: block;
	border: 1px solid #ededed; /* stroke */
	background-color: #999; /* layer fill content */
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
}
.book_show_price_btn02 {
	width: 100%;
	height: 50px;
	position: relative;
	margin: 20px auto 0 auto;
}
.book_show_price_btn02 a:link, .book_show_price_btn02 a:visited {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	display: block;
	border: 1px solid #ededed; /* stroke */
	background-color: #61953f; /* layer fill content */
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
}
.book_show_price_btn02 a:hover, .book_show_price_btn02 a:active {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	display: block;
	border: 1px solid #ededed; /* stroke */
	background-color: #5db307; /* layer fill content */
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
}
.book_show_content {
	width: 92%;
	max-width: 1040px;
	height: auto;
	color: #333;
	font-size: 16px;
	line-height: 28px;
	margin: 0 auto 72px auto;
	padding-top: 28px;
}
.book_show_content_more {
	display: none;
	width: 122px;
	height: 33px;
	margin: 0 auto 35px auto;
	-moz-border-radius: 17px / 17px 17px 17px 17px;
	-webkit-border-radius: 17px / 17px 17px 17px 17px;
	border-radius: 17px / 17px 17px 17px 17px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #474747;
}
.book_show_content_more a {
	display: none;
	width: 122px;
	height: 33px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 33px;
}
.book_buy_block {
	display: none;
	width: 100%;
	height: 65px;
	background-color: #f8f8f8;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 997;
}
.book_buy_btn01 {
	display: none;
	width: 40%;
	height: 44px;
	border: 1px solid #ededed; /* stroke */
	background-color: #fff; /* layer fill content */
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	position: absolute;
	top: 10px;
	left: 7.73%;
}
.book_buy_btn01 a {
	width: 100%;
	height: 44px;
	color: #333;
	font-size: 18px;
	line-height: 44px;
	text-align: center;
	display: block;
	background-color: #fff;
}
.book_buy_btn02 {
	display: none;
	width: 40%;
	height: 44px;
	border: 1px solid #629540; /* stroke */
	background-color: #fff; /* layer fill content */
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	position: absolute;
	top: 10px;
	right: 7.73%;
}
.book_buy_btn02 a {
	width: 100%;
	height: 44px;
	color: #fff;
	font-size: 18px;
	line-height: 44px;
	text-align: center;
	display: block;
	background-color: #629540;
}
/*全部的書 書籍分類頁*/
.book_classification_content {
	width: 100%;
	max-width: 1060px;
	margin: 0 auto 13px auto;
	padding: 12px 0 0 4.34%;
	height: auto;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.book_classification_content ul li {
	width: 20%;
	height: auto;
	overflow: hidden;
	float: left;
}
.book_classification_box {
	width: 100%;
	height: auto;
	margin-bottom: 36px;
	overflow: hidden;
}
.book_classification_title {
	width: 100%;
	height: 15px;
	line-height: 15px;
	color: #333;
	font-size: 15px;
	font-weight: bold;
}
.book_classification_title a {
	width: 100%;
	height: 15px;
	line-height: 15px;
	margin-bottom: 36px;
}
.book_classification_title_abox {
	width: auto;
	height: 15px;
	line-height: 15px;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	padding-right: 13px;
	background-image: url(../images/book_classificati_arrow.png);
	background-repeat: no-repeat;
	background-position: right 3px;
	float: left;
}
.book_classification_item {
	width: 100%;
	height: 15px;
	line-height: 15px;
	color: #333;
	font-size: 14px;
	padding-top: 17px;
}
.book_classification_item a {
	width: 100%;
	height: 15px;
	line-height: 15px;
	display: block;
	color: #333;
	font-size: 14px;
}
/*全部的書 書籍分類頁 phone*/
.book_classification_left_menu_block {
	display: none;
}
.one_classification_content {
	width: 100%;
	max-width: 1060px;
	min-height: 1002px;
	height: auto;
	margin: 0 auto 53px auto;
	position: relative;
	overflow: hidden;
	clear: both;
	background-image: url(../images/one_classification_menu_pic02.png);
	background-repeat: repeat-y;
	background-position: 179px;
}
.one_classification_left {
	display: block;
	width: 189px;
	height: 100%;
	position: relative;
	float: left;
	overflow: hidden;
	z-index: 2;
}
.one_classification_left_arrow {
	width: 10px;
	height: 18px;
	position: absolute;
	top: 7px;
	right: 0;
	z-index: 10;
}
.one_classification_left_menu {
	width: 189px;
	height: 100%;
	min-height: 620px;
	overflow: hidden;
	padding-bottom: 24px;
}
.one_classification_left_menu_list_block {
	width: 179px;
	height: auto;
	margin-bottom: 21px;
}
.one_classification_left_menu_list_choose {
	width: 179px;
	height: 33px;
	color: #fefffe;
	font-size: 16px;
	line-height: 33px;
	background-color: #629540;
	margin-bottom: 4px;
}
.one_classification_left_menu_list_choose a {
	width: 179px;
	height: 33px;
	color: #fefffe;
	font-size: 16px;
	line-height: 33px;
	background-color: #629540;
	display: block;
}
.one_classification_left_menu_list {
	width: 179px;
	height: 33px;
	color: #fefffe;
	font-size: 16px;
	line-height: 33px;
	background-color: #629540;
	margin-bottom: 4px;
}
.one_classification_left_menu_list a:link, .one_classification_left_menu_list a:visited {
	width: 100%;
	height: 33px;
	display: block;
	color: #333333;
	font-size: 16px;
	line-height: 33px;
	background-color: #fff;
}
.one_classification_left_menu_list a:hover, .one_classification_left_menu_list a:active {
	width: 100%;
	height: 33px;
	display: block;
	color: #fefffe;
	font-size: 16px;
	line-height: 33px;
	background-color: #629540;
}
.one_classification_left_menu_padding {
	width: 100%;
	height: 33px;
	padding-left: 15%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*書籍單分類閱讀包標題*/
.one_classification_left_menu_title{
	width: 146px;
	height: 58px;
	font-size: 18px;
	font-weight: bolder !important;
	line-height: 58px;
	color: #333;
	padding: 0 0 0 20px;
	margin-bottom: 7px;
	border-bottom: 1px solid #eeeeee;
}

/*書籍單分類大項*/
.one_classification_left_menu_item {
	width: 159px;
	height: 33px;
	line-height: 33px;
	color: #333;
	padding: 0 0 0 20px;
	margin-bottom: 7px;
}
.one_classification_left_menu_item a:link, .one_classification_left_menu_item a:visited {
	width: 100%;
	height: 33px;
	line-height: 33px;
	color: #333;
	font-size: 16px;
	font-weight: bold;
}
.one_classification_left_menu_item a:hover, .one_classification_left_menu_item a:active {
	width: 100%;
	height: 33px;
	line-height: 33px;
	color: #333;
	font-size: 16px;
	font-weight: bold;
}
.one_classification_left_menu_item_text {
	width: 137px;
	height: 33px;
	line-height: 33px;
	color: #333;
	float: left;
	padding-right: 9px;
	background-image: url(../images/book_classificati_arrow.png);
	background-position: right 11px;
	background-repeat: no-repeat;
	background-size: 5px 8px;
}
/*書籍單分類大項被選取*/

.one_classification_left_menu_item_choose {
	width: 159px;
	height: 33px;
	line-height: 33px;
	color: #fff;
	padding: 0 0 0 20px;
	margin-bottom: 7px;
	background-color: #629540;
}
.one_classification_left_menu_item_choose a {
	width: 100%;
	height: 33px;
	line-height: 33px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.one_classification_left_menu_item_text_choose {
	width: 137px;
	height: 33px;
	line-height: 33px;
	color: #fff;
	font-size: 16px;
	float: left;
	padding-right: 9px;
	background-image: url(../images/book_classificati_arrow_choose.png);
	background-position: right 11px;
	background-repeat: no-repeat;
	background-size: 5px 8px;
}
.one_classification_left_menu_list a {
	width: 100%;
	height: 33px;
	color: #333333;
	font-size: 16px;
	line-height: 33px;
}
.one_classification_right {
	display: block;
	width: 100%;
	padding-left: 213px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*月讀包所有書刊BN 最大*/
.one_classification_bn{
  width:calc(100%-15px);
  max-width:858px;
  height: 50px;
  margin: 0 15px 29px 0;
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("../images/monthly_bn01.png");
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;

}

.one_classification_bn a{
	width: 100%;
	height: 50px;
	display: block;
}

.one_classification_bn_text{
	width: auto;
	color: #fff;
	margin-left: 2.6%;
	height: 50px;
	font-size: 27px;
	font-weight: bolder;
	line-height: 50px;
	float:left;
	white-space: nowrap;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.one_classification_bn_text span{
	color: #fcff00;
}

.one_classification_bn_arrow{
	width: 192px;
	color: #fff;
	margin-right: 2.6%;
	height: 50px;
	font-size: 18px;
	line-height: 50px;
	float: right;
	background-image: url("../images/monthly_bn01_arrow.png");
	background-size: 21px;
	background-position: right center;
	background-repeat: no-repeat;
}

.one_classification_bn_arrow a{
	display: block;
	color: #fff;
}

/*PH月讀包所有書刊BN 最大*/
.ph_one_classification_bn{
	display: none;
}

/*大分類標題(全部休閒旅遊)*/
.one_classification_title {
	width: 100%;
	min-width: 290px;
	height: 37px;
	padding: 41px 50px auto 50px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images/index_title_bk.png);
	background-repeat: repeat-x;
}
.one_classification_title_text {
	width: 121px;
	height: 18px;
	line-height: 18px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: bold;
	color: #484848;
	text-align: center;
	background-color: #fff;
}
.one_classification_choose {
	display: none;
}
.one_classification_book_content {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.one_classification_book_content ul li {
	width: 192px;
	height: auto;
	text-align: center;
	margin: 0 7px 49px 7px;
}
.one_classification_book_more {
	width: 126px;
	height: 35px;
	margin: 0 auto;
}
.one_classification_book_more a {
	width: 126px;
	height: 35px;
	color: #fff;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	display: block;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #474747;
}
.hamburger_block {
	display: none;
}
.search_finish_title {
	width: 100%;
	max-width: 1060px;
	height: 20px;
	line-height: 20px;
	margin: 0 auto;
	padding-left: 14px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
}
.search_finish_title .abox {
	width: 120px;
	height: 20px;
	color: #474747;
	font-size: 20px;
	line-height: 20px;
	float: left;
}
.search_finish_title .bbox {
	width: auto;
	height: 20px;
	color: #629540;
	font-size: 20px;
	line-height: 20px;
	float: left;
}
.search_finish {
	width: 100%;
	height: auto;
	max-width: 1060px;
	margin: 0 auto;
}
.search_finish ul li {
	width: 100%;
	min-height: 259px;
	height: auto;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	border-bottom: 1px #e2e2e2 solid;
}
.search_finish ul li:last-child {
	width: 100%;
	min-height: 259px;
	height: auto;
	position: relative;
	margin-bottom: 19px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	border: none;
}
.search_book_cover {
	width: 148px;
	height: 198px;
	border: 1px solid #ededed;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	position: absolute;
	top: 28px;
	left: 10px;
}
.search_book_text_box {
	width: 72%;
	height: auto;
	padding: 28px 0 33px 0;
	margin-left: 180px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.search_book_title {
	width: 100%;
	min-height: 20px;
	height: auto;
	line-height: 24px;
	color: #333333;
	font-size: 20px;
	margin-bottom: 9px;
}
.search_book_title a {
	width: 100%;
	min-height: 20px;
	height: auto;
	line-height: 24px;
	color: #333333;
	font-size: 20px;
	display: block;
}
.search_book_text {
	width: 80%;
	height: 15px;
	line-height: 15px;
	color: #333333;
	font-size: 14px;
	margin-bottom: 9px;
	position: relative;
}
.search_book_text .abox {
	width: 56px;
	height: 15px;
	line-height: 15px;
	color: #333333;
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 0;
}
.search_book_text .bbox {
	width: 150px;
	height: 15px;
	line-height: 15px;
	color: #333333;
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 56px;
}
.search_book_text2 {
	width: 100%;
	height: 15px;
	line-height: 15px;
	color: #333333;
	font-size: 14px;
	margin-bottom: 9px;
}
.search_book_text2 .abox {
	width: 56px;
	height: 15px;
	line-height: 15px;
	color: #333333;
	font-size: 14px;
	float: left;
}
.search_book_text2 .bbox {
	width: 150px;
	height: 15px;
	line-height: 15px;
	color: #333333;
	font-size: 14px;
	float: left;
}
.search_book_text span {
	color: #666666;
}
.search_book_btn {
	width: 170px;
	height: 40px;
	color: #333333;
	position: absolute;
	bottom: 32px;
	right: 10px;
}
.search_book_btn a {
	width: 170px;
	height: 40px;
	color: #333333;
	display: block;
	line-height: 40px;
	text-align: center;
	border: 1px solid #cbcbcb; /* stroke */
	background-color: #fff; /* layer fill content */
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.search_book_price {
	width: 100%;
	height: 20px;
	color: #656565;
	font-size: 14px;
	padding-top: 19px;
}
.search_book_price .abox {
	width: auto;
	height: 20px;
	color: #656565;
	font-size: 14px;
	float: left;
	padding-top: 7px;
}
.search_book_price .bbox {
	width: auto;
	height: 20px;
	color: #cc0000;
	margin: 0 3px;
	font-size: 24px;
	float: left;
}
.search_line {
	width: 2px;
	height: 15px;
	position: absolute;
	top: 4px;
	right: 44px;
}
.search_title_icon01 {
	width: 17px;
	height: 17px;
	position: absolute;
	top: 3px;
	right: 59px;
}
.search_title_icon01 a {
	width: 17px;
	height: 17px;
	display: block;
}
.search_title_icon02 {
	width: 17px;
	height: 17px;
	position: absolute;
	top: 3px;
	right: 14px;
}
.search_title_icon02 a {
	width: 17px;
	height: 17px;
	display: block;
}
.search_sequence_open {
	width: 112px;
	height: 16px;
	font-size: 14px;
	color: #999999;
	padding-left: 8px;
	background-color: #fff;
	display: block;
	background-image: url(../images/top_grey_arrow_hover.png);
	background-repeat: no-repeat;
	background-position: 96px center;
	position: absolute;
	top: 1px;
	right: 0;
	z-index: 10;
}
.search_sequence_close {
	width: 112px;
	height: 16px;
	font-size: 14px;
	color: #999999;
	padding-left: 8px;
	background-color: #fff;
	position: absolute;
	top: 1px;
	right: 0;
	z-index: 10;
	background-image: url(../images/top_grey_arrow.png);
	background-repeat: no-repeat;
	background-position: 96px center;
}
.search_book_shopping_cart {
	display: none;
	width: 31px;
	height: 23px;
	position: absolute;
	bottom: 21px;
	right: 19px;
}
.search_book_shopping_cart a {
	display: none;
	width: 31px;
	height: 23px;
	background-image: url(../images/top_shopping_cart.png);
	background-repeat: no-repeat;
	background-size: 31px 23px;
}
/*搜尋頁phone版搜尋*/
.search_menu_bk {
	display: block;
	width: 100%;
	height: 60px;
	background-image: url(../images/index_menu_bk.png);
	background-repeat: repeat-x;
}
.search_menu {
	width: 100%;
	max-width: 1062px;
	height: 60px;
	margin: 0 auto;
	position: relative;
}
#search_search {
	width: 273px;
	height: 34px;
	border: 1px solid #61953f;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 12px;
	right: 1px;
}
#search_search input {
	width: 200px;
	height: 28px;
	line-height: 28px;
	background: none repeat scroll 0 0;
	border: 0 none;
	font-size: 14px;
	color: #629540;
	margin: 0;
	padding: 0 5px;
	transition: background 0.3s ease-in-out 0s;
	position: absolute;
	top: 2px;
	left: 15px;
}
 #search_search input::-webkit-input-placeholder {
 color: #629540;
 -webkit-transition: color.5s;
}
 #search_search input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder {
 color: #629540;
 -webkit-transition: color.5s;
}
#search_search button {
	background: url("../images/search_icon.png") no-repeat scroll center center;
	background-size: 28px;
	cursor: pointer;
	height: 32px;
	text-indent: -99999em;
	transition: background 0.3s ease-in-out 0s;
	width: 32px;
	border: none;
	float: right;
}
.search_icon_pdf {
	width: 57px;
	height: 57px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(../images/phone/icon_pdf.png);
	background-size: 100%;
}
.search_finish02 {
	padding-top: 29px;
	width: 100%;
	max-width: 1060px;
	height: auto;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*購買兌換紀錄*/

.exchange_recording_part01 {
	display: block;
	width: 100%;
	height: auto;
}
.exchange_recording_part02 {
	display: none;
	width: 100%;
	height: auto;
	min-height:100%;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#FFF;
	z-index: 999;
	padding-bottom:15px;
}

.exchange_recording_part02_top_green{
	display: none;
	width: 100%;
	height: 2px;
	background-color: #629540;
	position: relative;
}

.exchange_recording_part02_top_bk {
	display: none;
	width: 100%;
	height: 48px;
	background-color: #eee;
	position: relative;
}
.exchange_recording_top_title {
	display: none;
	width: 100%;
	max-width: 1060px;
	font-size: 18px;
	text-align: center;
	color: #333;
	height: 47px;
	line-height: 47px;
	position: relative;
	z-index: 1;
}



/*購買記錄選單列*/
.exchange_recording_menu {
	width: 96%;
	max-width: 1039px;
	height: auto;
	margin: 0 auto 29px auto;
	position: relative;
	border-bottom: 1px #cccccc solid;
	overflow:hidden;
}
.exchange_recording_btn01_choose {
	width: 132px;
	height: 49px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	background-color:transparent;
	position:relative;
}
.exchange_recording_btn01_choose a {
	width: 100%;
	height: 49px;
	display: block;
	color: #61953f;
	font-size: 18px;
	line-height: 49px;
	text-align: center;
	border-bottom: 2px #629540 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.exchange_recording_btn01 {
	width: 132px;
	height: 48px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	position:relative;
}
.exchange_recording_btn01 a:link, .exchange_recording_btn01 a:visited {
	width: 100%;
	height: 48px;
	color: #333;
	font-size: 18px;
	text-align: center;
	line-height: 49px;
	display: block;
	border-bottom: 2px #fff solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.exchange_recording_btn01 a:hover, .exchange_recording_btn01 a:active {
	width: 100%;
	height: 49px;
	color: #61953f;
	font-size: 18px;
	text-align: center;
	line-height: 49px;
	display: block;
	border-bottom: 2px #629540 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.exchange_recording_btn02_choose {
	width: 132px;
	height: 49px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	margin-left:3.3%;
	position:relative;
}
.exchange_recording_btn02_choose a {
	width: 100%;
	height: 49px;
	display: block;
	color: #61953f;
	font-size: 18px;
	line-height: 49px;
	text-align: center;
	border-bottom: 2px #629540 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.exchange_recording_btn02 {
	width: 132px;
	height: 48px;
	color: #61953f;
	font-size: 18px;
	line-height: 49px;
	text-align: center;
	border-bottom: 2px #fff solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	margin-left:3.3%;
	position:relative;
}
.exchange_recording_btn02 a:link, .exchange_recording_btn02 a:visited {
	width: 100%;
	height: 48px;
	color: #333;
	font-size: 18px;
	line-height: 49px;
	display: block;
	border-bottom: 2px #fff solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.exchange_recording_btn02 a:hover, .exchange_recording_btn02 a:active {
	width: 100%;
	height: 49px;
	color: #61953f;
	font-size: 18px;
	line-height: 49px;
	display: block;
	border-bottom: 2px #629540 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/*phone 購買記錄分頁選單列*/
.shopping_recording_Paging_menu {
	display: none;
	width: 92.18%;
	height: 49px;
	margin: 0 auto 18px auto;
	position: relative;
	border-bottom: 1px #cccccc solid;
}
.shopping_recording_Paging_btn01_open {
	width: 50%;
	height: 30px;
	color: #61953f;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	border-bottom: 2px #629540 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 20px;
	left: 0;
}
.shopping_recording_Paging_btn01_close {
	width: 50%;
	height: 30px;
	color: #333;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	border-bottom: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 20px;
	left: 0;
}
.shopping_recording_Paging_btn02_open {
	width: 50%;
	height: 30px;
	color: #61953f;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	border-bottom: 2px #629540 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 20px;
	left: 50%;
}
.shopping_recording_Paging_btn02_close {
	width: 50%;
	height: 30px;
	color: #333;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	border-bottom: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 20px;
	left: 50%;
}
/*phone 兌換記錄分頁選單列*/
.exchange_recording_Paging_menu {
	display: none;
	width: 92.18%;
	height: 49px;
	margin: 0 auto 18px auto;
	position: relative;
	border-bottom: 1px #cccccc solid;
}
.exchange_recording_Paging_btn01_open {
	width: 33%;
	height: 30px;
	color: #61953f;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	border-bottom: 2px #629540 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 20px;
	left: 0;
}
.exchange_recording_Paging_btn01_close {
	width: 33%;
	height: 30px;
	color: #333;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	border-bottom: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 20px;
	left: 0;
}
.exchange_recording_Paging_btn02_open {
	width: 33%;
	height: 30px;
	color: #61953f;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	border-bottom: 2px #629540 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 20px;
	left: 33%;
}
.exchange_recording_Paging_btn02_close {
	width: 33%;
	height: 30px;
	color: #333;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	border-bottom: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 20px;
	left: 33%;
}

.exchange_recording_Paging_btn03_open {
	width: 33%;
	height: 30px;
	color: #61953f;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	border-bottom: 2px #629540 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 20px;
	left: 66%;
}
.exchange_recording_Paging_btn03_close {
	width: 33%;
	height: 30px;
	color: #333;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	border-bottom: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 20px;
	left: 66%;
}



.exchange_recording_title {
	display: block;
	width: 96%;
	max-width: 1060px;
	height: 17px;
	color: #333;
	font-size: 16px;
	margin: 0 auto 12px auto;
	padding-left: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.exchange_recording_table {
	display: block;
	width: 96%;
	max-width: 1039px;
	height: auto;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	margin: 0 auto 20px auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.exchange_recording_table_title {
	width: 100%;
	height: 29px;
	color: #999;
	font-size: 14px;
	line-height: 29px;
	border-bottom: 1px solid #cbcbcb;
	background-color: #f8f8f8;
	position: relative;
}
.exchange_recording_table_title .abox {
	width: 155px;
	min-width: 160px;
	height: 29px;
	padding-left: 1.832%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
}
.exchange_recording_table_title .bbox {
	width: 50%;
	height: 29px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 22.855%;
}
.exchange_recording_table_title .bbox02 {
	width: 50%;
	height: 29px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 22.855%;
}
.exchange_recording_table_title .cbox {
	width: 7%;
	min-width: 60px;
	height: 29px;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 17.06%;
}
.exchange_recording_table_title .dbox {
	width: 11.20%;
	min-width: 57px;
	height: 29px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
}
.exchange_recording_table_title .ebox {
	display: none;
	width: 10px;
	height: 29px;
	position: absolute;
	top: 0;
	right: 35px;
}



.exchange_recording_table_title .fbox {
	width: 50px;
	min-width: 57px;
	height: 29px;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 30px;
}



.exchange_recording_table ul li {
	width: 100%;
	min-height: 70px;
	height: auto;
	color: #999;
	font-size: 14px;
	overflow: hidden;
	border-bottom: 1px solid #cbcbcb;
	background-color: #fff;
	position: relative;
}
.exchange_recording_table ul li:last-child {
	width: 100%;
	min-height: 70px;
	height: auto;
	color: #999;
	margin-bottom: 0;
	font-size: 14px;
	overflow: hidden;
	border-bottom: none;
	background-color: #fff;
	position: relative;
}

.exchange_recording_table_list .abox {
	width: 160px;
	height:70px;
	font-size:0;
	padding-left: 1.832%;
	 position:absolute;
	 top:0;
	 left:0;
}


.exchange_recording_table_list .abox:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}
.exchange_recording_text{
  display: inline-block;
  font-size:16px;
  vertical-align: middle;
  overflow:hidden;
  line-height:15px;
}

.exchange_recording_table_list .bbox {
	width: 49%;
	height: auto;
	min-height: 70px;
	font-size: 18px;
	color: #333333;
	margin-left: 22.855%;
	padding: 7px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display : table;
 *position : relative;
}
.exchange_recording_table_list .bbox a {
	height: 56px;
	display : table-cell;
	text-align : left;
	vertical-align : middle;
	 *display : block;
	 *position : absolute;
	 *top : expression(  this.parentElement.clientHeight / 2 - this.clientHeight / 2);
	 *width : 100%;
}




.exchange_recording_table_list .bbox02 {
	width: 49%;
	height: auto;
	min-height: 70px;
	font-size: 18px;
	color: #333333;
	margin-left: 22.855%;
	padding: 7px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display : table;
 *position : relative;
}
.exchange_recording_table_list .bbox02 a {
	height: 56px;
	display : table-cell;
	text-align : left;
	vertical-align : middle;
	 *display : block;
	 *position : absolute;
	 *top : expression(  this.parentElement.clientHeight / 2 - this.clientHeight / 2);
	 *width : 100%;
}


.exchange_recording_table_list .bbox03 {
	width: 75%;
	height: auto;
	min-height: 70px;
	font-size: 18px;
	color: #333333;
	margin-left: 22.855%;
	padding: 7px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display : table;
    *position : relative;
}

.exchange_recording_table_list .bbox03 a {
	height: 56px;
	display : table-cell;
	text-align : left;
	vertical-align : middle;
	 *display : block;
	 *position : absolute;
	 *top : expression(  this.parentElement.clientHeight / 2 - this.clientHeight / 2);
	 *width : 100%;
}






.exchange_recording_table_box {
	width: 100%;
	height: 36px;

	color: #999;
	margin-top: -18px;
	position: absolute;
	top: 50%;
}
.exchange_recording_table_list .cbox {
	width: 7%;
	min-height: 36px;
	min-width: 60px;
	line-height: 36px;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 17.06%;
}
.exchange_recording_table_list .dbox {
	width: 11.20%;
	min-width: 57px;
	height: 36px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	font-size:0;
}

.exchange_recording_table_list .dbox:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 36px;
}


.exchange_recording_table_list .dbox .text{
	width:100%;
	margin:0;
	display: inline-block;
    vertical-align: middle;
	font-size:14px;
}

.exchange_recording_table_list .dbox .text .a1{
	width:100%;
}

.exchange_recording_table_list .dbox .text .a2{
	width:100%;
}



.exchange_recording_table_list .fbox {
	width:auto;
	min-width: 57px;
	min-height: 25px;
	font-size:18px;
	font-weight:bold;
	line-height:25px;
	color:#484848;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top:-12px;
	padding-right:29px;
	position: absolute;
	top: 50%;
	right: 30px;
	background-image: url(../images/tasks_icon.png);
	background-repeat:no-repeat;
	background-size:25px;
	background-position:center right;

}



.exchange_recording_bottom{
	width:100%;
	height:8px;
	}

#ERT01 {
	display: block;
}
#ERT02 {
	display: block;
}
#ERT03 {
	display: block;
}

.exchange_recording_table_nunber01 {
	width: 100%;
	height: auto;
	color: #333;
	font-size: 16px;
	line-height:20px;
	display:block;
	word-wrap: break-word;
	word-break: break-all;
	margin-bottom:2px;
}
.exchange_recording_table_nunber02 {
	width: 100%;
	height: auto;
	min-height: 36px;
	line-height:18px;
	color: #333;
	font-size: 16px;
	margin-bottom:3px;
	word-wrap: break-word;
	word-break: break-all;
	display:block;
}
.exchange_recording_table_data {
	width: 100%;
	height: auto;
	color: #656565; /* text color */
	font-size: 13px;
	line-height:13px;
}
.exchange_recording_box01 {
	width: auto;
	color: #cc0000;
	font-size: 18px;
	float: right;
}
.exchange_recording_box02 {
	width: 14px;
	color: #656565; /* text color */
	font-size: 13px;
	float: right;
}
.exchange_recording_more {
	width: 126px;
	height: 35px;
	margin: 0 auto 25px auto;
	clear: both;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #474747;
}
.exchange_recording_more a {
	width: 126px;
	height: 35px;
	color: #fff;
	line-height: 35px;
	text-align: center;
	display: block;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #474747;
}
.exchange_recording_none {
	display: block;
	width: 100%;
	height: 124px;
	line-height: 124px;
	text-align: center;
	color: #656565;
	font-size: 18px;
	margin-bottom: 13px;
}
/*書城06會員專區-1兌換紀錄-3更多*/
.exchange_recording_books {
	width: 100%;
	max-width: 780px;
	min-width: 300px;
	height: 80%;
	border: 1px solid #ededed;
	background-color: #fff;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.exchange_recording_books_title {
	width: 100%;
	height: 60px;
	color: #333;
	font-size: 20px;
	text-align: center;
	line-height: 60px;
	background-color: #ededed;
}
.close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 21px;
	right: 24px;
}
.close02 {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 21px;
	right: 24px;
}
.exchange_recording_books {
	width: 100%;
	height: auto;
}
.exchange_recording_books_item {
	width: 100%;
	height: 29px;
	line-height: 29px;
	color: #999;
	font-size: 14px;
	background-color: #f8f8f8;
	position: relative;
}
.exchange_recording_books_item .abox {
	width: 100px;
	height: 29px;
	line-height: 29px;
	position: absolute;
	top: 0;
	left: 28px;
}
.exchange_recording_books_item .bbox {
	width: 60px;
	height: 29px;
	line-height: 29px;
	position: absolute;
	top: 0;
	left: 197px;
}

.exchange_recording_books_item .bbox02 {
	width: 60px;
	height: 29px;
	line-height: 29px;
	position: absolute;
	top: 0;
	left: 197px;
}


.exchange_recording_books_item .cbox {
	width: 9.87%;
	height: 29px;
	min-width: 70px;
	line-height: 29px;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 123px;
}
.exchange_recording_books_item_line {
	display: none;
	width: 7px;
	height: 29px;
	position: absolute;
	top: 0;
	right: 61px;
}
.exchange_recording_books_item .dbox {
	width: 60px;
	min-width: 55px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 18px;
}

.exchange_recording_books_item .fbox {
	width: 60px;
	min-width: 55px;
	height: 29px;
	line-height: 29px;
	text-align: right;
	position: absolute;
	top: 0;
	right: 62px;
}


.exchange_recording_books_table {
	width: 100%;
	height: 580px;
	overflow:hidden;
}
.exchange_recording_books_table ul {
	width: 100%;
	height: 552px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.exchange_recording_books_table ul li {
	width: 100%;
	min-height: 79px;
	height: auto;
	position: relative;
	border-bottom: 1px #cfcfcf solid;
}
.exchange_recording_books_table ul li .abox {
	width: 150px;
	min-height: 79px;
	height:auto;
	display : table;
    *position : relative;
	margin-top:-40px;
	position: absolute;
	top: 50%;
	left: 28px;
}

.exchange_recording_books_table ul li .abox p {
	height:79px;
	display : table-cell;
	line-height:13px;
	text-align : left;
	vertical-align : middle;
 *display : block;
 *position : absolute;
 *top : expression(  this.parentElement.clientHeight / 2 - this.clientHeight / 2);
 *width : 100%;
}

.exchange_recording_books_table ul li .bbox {
	width: 46%;
	height: auto;
	min-height: 79px;
	margin: 0 0 0 197px;
	display : table;
    *position : relative;
}
.exchange_recording_books_table ul li .bbox a {
	height:79px;
	display : table-cell;
	text-align : left;
	vertical-align : middle;
    *display : block;
    *position : absolute;
    *top : expression(  this.parentElement.clientHeight / 2 - this.clientHeight / 2);
    *width : 100%;
}


.exchange_recording_books_table ul li .bbox02 {
	width: 100%;
	height: auto;
	min-height: 79px;
	padding:0 150px 0 197px;
	display : table;
    *position : relative;

    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.exchange_recording_books_table ul li .bbox02 a {
	height:79px;
	display : table-cell;
	text-align : left;
	vertical-align : middle;
 *display : block;
 *position : absolute;
 *top : expression(  this.parentElement.clientHeight / 2 - this.clientHeight / 2);
 *width : 100%;
}


.exchange_recording_books_table ul li .bbox03 {
	width: 100%;
	height: auto;
	min-height: 79px;
	padding:0 30px 0 197px;
	display : table;
    *position : relative;

    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.exchange_recording_books_table ul li .bbox03 a {
	height:79px;
	display : table-cell;
	text-align : left;
	vertical-align : middle;
 *display : block;
 *position : absolute;
 *top : expression(  this.parentElement.clientHeight / 2 - this.clientHeight / 2);
 *width : 100%;
}



.exchange_recording_book_table_box {
	width: 100%;
	min-height: 31px;
	color: #999;
	margin-top: -16px;
	position: absolute;
	top: 50%;
}
.exchange_recording_books_table ul li .cbox {
	width: 9.87%;
	height: 29px;
	min-width: 70px;
	line-height: 29px;
	text-align: right;
	margin-top: -14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	right: 123px;
}
.exchange_recording_books_table ul li .dbox {
	width: 60px;
	height: 29px;
	color: #484848;
	font-size: 14px;
	line-height: 29px;
	text-align: right;
	margin-top: -14px;
	position: absolute;
	top: 50%;
	right: 18px;
}

.exchange_recording_books_table ul li .fbox {
	width:auto;
	min-width: 57px;
	min-height: 25px;
	font-size:18px;
	font-weight:bold;
	line-height:25px;
	color:#484848;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top:-12px;
	padding-right:29px;
	position: absolute;
	top: 50%;
	right: 45px;
	background-image: url(../images/tasks_icon.png);
	background-repeat:no-repeat;
	background-size:25px;
	background-position:center right;

}


.exchange_recording_books_nunber {
	width: 100%;
	height: auto;
	color: #333;
	font-size: 16px;
}
.exchange_recording_books_data {
	width: 100%;
	height: auto;
	color: #656565;
	font-size: 13px;
}
.exchange_recording_books_box01 {
	width: auto;
	color: #cc0000;
	font-size: 18px;
	float: right;
}
.exchange_recording_books_box02 {
	width: 14px;
	color: #666666;
	font-size: 13px;
	float: right;
}
.equipment_table {
	width: 96%;
	max-width: 1037px;
	height: auto;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	margin: 0 auto 210px auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.equipment_table_title {
	width: 100%;
	height: 29px;
	color: #999;
	font-size: 14px;
	line-height: 29px;
	border-bottom: 1px solid #cbcbcb;
	background-color: #f8f8f8;
	position: relative;
}
.equipment_table_title .abox {
	width: 65%;
	height: 29px;
	padding-left: 19px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.equipment_table_title .line {
	display: none;
	width: 7px;
	height: 29px;
	position: absolute;
	top: 0;
	left: 71px;
	border: none;
	background-color: #f8f8f8;
}
.equipment_table_title .bbox {
	width: 125px;
	height: 29px;
	position: absolute;
	top: 0;
	right: 17.9%;
}
.equipment_table_title .cbox {
	width: 73px;
	height: 29px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
}
.equipment_table ul li {
	width: 100%;
	min-height: 42px;
	height: auto;
	border-bottom: 1px #cfcfcf solid;
	position: relative;
	padding: 7px 0;
}
.equipment_table ul li:last-child {
	width: 100%;
	min-height: 42px;
	height: auto;
	border: none;
	position: relative;
}
.equipment_table ul li .abox {
	width: 65%;
	min-height: 42px;
	height: auto;
	font-size: 18px;
	color: #333333;
	line-height: 20px;
	padding-left: 19px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 *position : relative;
	display : table;
}
.equipment_table ul li .abox a {
	display : table-cell;
	text-align : left;
	vertical-align : middle;
 *display : block;
 *position : absolute;
 *top : 50%;
 *width : 100%;
}
.equipment_table ul li .bbox {
	width: 125px;
	height: 13px;
	color: #656565;
	font-size: 13px;
	line-height: 13px;
	min-height: 45px;
	position: absolute;
	margin-top: -7px;
	top: 50%;
	right: 17.9%;
}
.equipment_table ul li .cbox {
	width: 73px;
	height: 14px;
	color: #cb0000;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	position: absolute;
	margin-top: -7px;
	top: 50%;
	right: 0;
}
.equipment_table ul li .cbox a {
	width: 73px;
	height: 14px;
	color: #cb0000;
	font-size: 14px;
	display: block;
	line-height: 14px;
	text-align: center;
}
.equipment_none {
	width: 100%;
	height: 120px;
	text-align: center;
	line-height: 120px;
	color: #656565;
	font-size: 18px;
}
/*兌換券*/
.coupon {
	display: block;
	width: 90%;
	clear: both;
	max-width: 780px;
	height: auto;
	overflow: hidden;
	background-color: #fff;
	position: relative;
	margin: 0 auto 50px auto;
	padding-top:46px;
	border: 1px solid #eeeeee;
}
.coupon_title {
	width: 100%;
	height: 60px;
	color: #333;
	font-size: 20px;
	text-align: center;
	line-height: 60px;
	background-color: #ededed;
}
.coupon_input_box {
	width: 85%;
	max-width: 660px;
	padding: 24px 0;
	height: 130px;
	margin: 0 auto;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.coupon_input_box02 {
	width: 85%;
	max-width: 660px;
	padding: 24px 0;
	height: 130px;
	margin: 0 auto;
	position: relative;
	border-bottom: 1px #eeeeee solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.coupon_input_text {
	width: 66px;
	height: 14px;
	color: #999;
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 0;
}

.coupon_input_list{
	width:371px;
	height:40px;
	position:absolute;
	top:26px;
	left:0;
	}

.coupon_input_list input{
	width:100%;
	height:40px;
	color:#000000;
	font-size:16px;
	line-height:40px;
	padding:0 5px;
	border: 1px solid #656565;
    background-color: #fff;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.coupon_input_list input::-webkit-input-placeholder { /* WebKit browsers */ color: #999;  -webkit-transition: color.5s;}
.coupon_input_list input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; -webkit-transition: color.5s;}
.coupon_input_list input ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; -webkit-transition: color.5s;}
.coupon_input_list input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; -webkit-transition: color.5s;}


.coupon_input_list input:focus, input:hover{
    color: #000;
    -webkit-transition: color.5s;
    padding:0 4px;
    border: 2px solid #61953f;
    background-color: #fff;
}

.coupon_input_list input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder {color: #999; }


.coupon_input_btn {
	width: 100px;
	height: 40px;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	background-color: #61953f; /* layer fill content */
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	border: none;
	font-family: Arial, Helvetica, Microsoft JhengHei, sans-serif;
	position: absolute;
	top: 26px;
	left: 385px;
}
.coupon_input_btn a:link,.coupon_input_btn a:visited{
	width: 100%;
	height: 40px;
	display:block;
	color: #fff;
	background-color: #61953f;
}

.coupon_input_btn a:hover,.coupon_input_btn a:active{
	width: 100%;
	height: 40px;
	display:block;
	color: #fff;
	background-color: #6cae41;
}
.coupon_input_btn02 {
	display: none;
	width: 79.7%;
	height: 40px;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	background-color: #61953f; /* layer fill content */
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	border: none;
	font-family: Arial, Helvetica, Microsoft JhengHei, sans-serif;
	position: relative;
	margin: 0 auto 28px auto;
}
.coupon_input_btn02:hover, .coupon_input_btn02:active {
	background-color: #6cae41;
}
.coupon_input_btn03 {
	width: 100px;
	height: 40px;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	background-color: #61953f; /* layer fill content */
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	border: none;
	font-family: Arial, Helvetica, Microsoft JhengHei, sans-serif;
	position: absolute;
	top: 26px;
	left: 424px;
}
.coupon_input_btn03:hover, .coupon_input_btn03:active {
	background-color: #6cae41;
}
.coupon_checkbox {
	width: 250px;
	height: 22px;
	color: #474747;
	font-size: 16px;
	line-height: 22px;
	position: absolute;
	top: 86px;
	left: 0;
}
.coupon_checkbox input[type="checkbox"] {
	display: none;
}
.coupon_checkbox input[type="checkbox"] {
	display: none;
}
.coupon_checkbox input[type="checkbox"] + label span {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	background: url(../images/check_radio_sheet.png) left top no-repeat;
	cursor: pointer;
}
.coupon_checkbox input[type="checkbox"]:checked + label span {
	background: url(../images/check_radio_sheet.png) -22px top no-repeat;
}
.coupon_use {
	width: 85%;
	max-width: 660px;
	height: auto;
	padding: 24px 27px 20px 27px;
	margin: 0 auto 21px auto;
	border: 1px solid #999;
	background-color: #f7f7f7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.coupon_use_title {
	width: 100%;
	height: 17px;
	line-height: 17px;
	color: #333;
	font-size: 16px;
	margin-bottom: 19px;
}
.coupon_use_content {
	width: 100%;
	margin-bottom: 32px;
}
.coupon_use_content ul li {
	width: 100%;
	min-height: 17px;
	height: auto;
	line-height: 17px;
	color: #333;
	font-size: 14px;
	text-indent: -15px;
	margin-bottom: 5px;
	padding-left: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.coupon_qa {
	width: 100%;
	height: 17px;
	line-height: 17px;
	color: #629540;
	font-size: 16px;
}
.coupon_qa a {
	width: 100%;
	height: 17px;
	line-height: 17px;
	color: #629540;
	font-size: 16px;
}



/*便利商店*/
.mart{
	width: 85%;
	max-width: 660px;
	height:64px;
	margin: 0 auto 31px auto;

	}

.mart_title{
	width:93px;
	height:22px;
	font-size:14px;
	color:#999999;
	float:left;
	}

.mart_fm_logo{
	width:62px;
	height:58px;
	float:left;
	}

.mart_hilife_line{
	width:1px;
	height:63px;
	float:left;
	margin:1px 15px 0 17px;
	}

.mart_hilife_logo{
	width:49px;
	height:57px;
	float:left;
	}


.coupon_box {
	width: 85%;
	max-width: 660px;
	height: auto;
	min-height: 103px;
	margin: 0 auto;
	padding-top: 11px;
}

/*活動兌換券自動兌換*/
.coupon_auto_box{
	width: 85%;
	max-width: 660px;
	height: auto;
	padding: 0 27px 36px 27px;
	min-height: 103px;
	margin: 0 auto;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.coupon_auto_box_title {
	width: 100%;
	height: 20px;
	line-height:20px;
	color: #cb0000;
	font-size: 20px;
	margin-bottom: 20px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.coupon_auto_box_text01 {
	width: 100%;
	height: auto;
	color: #333;
	font-size: 16px;
	line-height: 1.7em;
	margin-bottom: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*下載app qrcode*/
.coupon_download_box{
	display: block;
	width: 80%;
	max-width:575px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 44px auto;
}

.phone_coupon_download_box{
	display: none;
	 width: 100%;
 height:auto;
	overflow: hidden;
 line-height: 50px;
 margin: 0 auto 44px auto;

}

.phone_coupon_download_title{
	width: 80%;
	max-width: 245px;
	height:49px;
	text-align: center;
	line-height: 50px;
	margin: 0 auto;
}

.phone_coupon_download_btn{
	width: 80%;
	max-width: 400px;
	height:46px;
	line-height: 46px;
	margin: 0 auto 25px auto;

}

.phone_coupon_download_btn a{
	width: 100%;
	height:100%;
	display: block;

	 color: #fff; /* text color */
	 font-size: 18px;
	 text-align: center;
	 margin: 0 auto 51px auto;
	 background-color: #61953f; /* layer fill content */
	 -moz-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	 -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	 box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
}




.coupon_box02 {
	width: 78%;
	max-width: 609px;
	height: auto;
	min-height: 103px;
	margin: 0 auto 35px auto;
	padding-top: 11px;
	border-bottom: 1px #efefef solid;
}
.coupon_box_title {
	width: 100%;
	height: 20px;
	line-height:20px;
	color: #cb0000;
	font-size: 20px;
	margin-bottom: 21px;
	padding: 0 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.coupon_box_text01 {
	width: 100%;
	height: auto;
	color: #333;
	font-size: 16px;
	margin-bottom: 3px;
	padding: 0 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.coupon_box_text02 {
	width: 100%;
	height: auto;
	color: #333;
	font-size: 14px;
	margin-bottom: 18px;
	padding: 0 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.coupon_start_btn {
	width: 160px;
	height: 40px;
	margin: 0 auto 51px auto;
}
.coupon_start_btn a {
	width: 160px;
	height: 40px;
	display: block;
	color: #fff; /* text color */
	font-size: 18px;
	text-align: center;
	line-height: 40px;
	margin: 0 auto 51px auto;
	background-color: #61953f; /* layer fill content */
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
}
/*Hami Book月讀包服務條款*/
.term_of_service {
	width: 92%;
	max-width: 1038px;
	height: auto;
	margin: 0 auto 64px auto;
	clear: both;
}
.term_of_service_title {
	width: 100%;
	height: 22px;
	margin-bottom: 16px;
	color: #333;
	font-size: 24px;
	display: block;
}
.term_of_service_text {
	width: 100%;
	height: auto;
	line-height: 24px;
	color: #333;
	font-size: 16px;
}
.term_of_service_title02 {
	width: 100%;
	height: 16px;
	margin: 33px 0;
	color: #333;
	font-size: 16px;
}
.term_of_service_text02 {
	width: 100%;
	height: auto;
	text-indent: -17px;
	color: #333;
	font-size: 16px;
	padding-left: 47px;
	margin-bottom: 31px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.term_of_service_text03 {
	width: 100%;
	height: auto;
	text-indent: -16px;
	color: #333;
	font-size: 16px;
	padding-left: 63px;
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.privacy_terms {
	width: 96%;
	max-width: 560px;
	min-width: 320px;
	line-height: 24px;
	height: auto;
	position: relative;
	border: 1px solid #ededed;
	background-color: #fff;
	margin: 0 auto;
}
.privacy_terms_box {
	width: 78%;
	max-width: 440px;
	min-height: 112px;
	height: auto;
	padding: 8px 0 32px 0;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.app_download {
	width: 660px;
	height: 480px;
	border: 1px solid #ededed;
	background-color: #fff;
	position: relative;
	margin: 0 auto;
}
.app_download_box01 {
	width: 100%;
	height: 246px;
	padding-top: 60px;
}
.app_download_box02 {
	width: 487px;
	height: 246px;
	margin: 0 auto;
}
.app_download_ios {
	width: 244px;
	height: 246px;
	border-right: 1px #cccccc solid;
	float: left;
}
.app_download_android {
	width: 172px;
	height: 246px;
	margin-left: 70px;
	float: left;
}
.shopping_cart {
	max-width: 954px;
	width: 96%;
	height: auto;
	background-color: #fafafa;
	margin: 0 auto 62px auto;
	padding-bottom: 35px;
}
.shopping_cart_step {
	width: 84.276%;
	max-width: 733px;
	height: 78px;
	padding-top: 35px;
	margin-left: 7.756%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images/shopping_cart_step_pic01.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 0 35px;
}
.shopping_cart_content {
	max-width: 905px;
	width: 94.86%;
	height: auto;
	margin: 0 auto;
	padding: 30px 0 3px 0;
	background-color: #FFF;
	border: 1px #cccccc solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.shopping_cart_title {
	width: 100%;
	min-height: 23px;
	height: auto;
	color: #cc0000;
	font-size: 24px;
	font-weight: bold;
	line-height: 27px;
	margin-bottom: 13px;
	padding: 0 47px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.shopping_cart_text01 {
	width: 100%;
	min-height: 17px;
	height: auto;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 50px;
	padding: 0 47px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.shopping_cart_text02 {
	width: 100%;
	min-height: 21px;
	height: auto;
	color: #333333;
	font-size: 20px;
	font-weight: bold;
	line-height: 23px;
	margin-bottom: 16px;
	padding: 0 47px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.shopping_cart_line {
	width: 95%;
	height: 1px;
	margin: 0 auto;
	background-image: url(../images/shopping_cart_pic01.png);
	background-repeat: repeat-x;
	padding-bottom: 31px;
}
.shopping_cart_text03 {
	width: 100%;
	color: #000000;
	font-size: 16px;
	line-height: 19px;
	margin-bottom: 20px;
	padding: 0 47px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.shopping_cart_btn_box {
	max-width: 905px;
	width: 94.86%;
	height: 42px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 23px;
	position: relative;
}
.shopping_cart_btn01 {
	width: 152px;
	height: 42px;
	position: absolute;
	top: 23px;
	left: 0;
}
.shopping_cart_btn01 a {
	width: 150px;
	height: 40px;
	display: block;
	line-height: 40px;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	border: 1px solid #0090a4;
	background-color: #5bbecc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.shopping_cart_btn02 {
	width: 152px;
	height: 42px;
	position: absolute;
	top: 23px;
	right: 0;
}
.shopping_cart_btn02 a {
	width: 150px;
	height: 40px;
	display: block;
	line-height: 40px;
	text-align: center;
	padding-left: 32px;
	color: #FFF;
	font-size: 18px;
	border: 1px solid #1a7100;
	background-color: #71a93c;
	background-image: url(../images/shopping_cart_btn01.png);
	background-repeat: no-repeat;
	background-position: 26px 9px;
	background-size: 25px 22px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.shopping_cart_btn03 {
	width: 152px;
	height: 42px;
	position: absolute;
	top: 23px;
	right: 162px;
}
.shopping_cart_btn03 a {
	width: 150px;
	height: 40px;
	display: block;
	line-height: 40px;
	text-align: center;
	padding-left: 72px;
	color: #FFF;
	font-size: 18px;
	border: 1px solid #1a7100;
	background-color: #71a93c;
	background-image: url(../images/shopping_cart_btn02.png);
	background-repeat: no-repeat;
	background-position: 25px 6px;
	background-size: 54px 27px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.line {
	width: 660px;
	height: auto;
	overflow: hidden;
	border: 1px solid #ededed;
	background-color: #fff;
	position: relative;
	margin: 0 auto;
}
.line_box {
	width: 206px;
	height: 275px;
	padding-top: 50px;
	margin: 0 auto 71px auto;
	position: relative;
}
.line_qrcode {
	width: 100%;
	height: auto;
	display: block;
}
.line_btn {
	width: 130px;
	height: 43px;
	padding-top: 26px;
	margin: 0 auto 71px auto;
}
.e-newspaper {
	width: 85%;
	max-width: 560px;
	height: auto;
	overflow: hidden;
	border: 1px solid #ededed;
	background-color: #fff;
	position: relative;
	margin: 0 auto;
}
.e-newspaper_box {
	width: 251px;
	height: auto;
	padding-top: 25px;
	margin: 0 auto 58px auto;
	position: relative;
}
.e-newspaper_text {
	width: 100%;
	height: 15px;
	line-height: 15px;
	color: #999;
	font-size: 14px;
	padding-left: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 11px;
}
.e-newspaper_input {
	width: 228px;
	height: 38px;
	line-height: 38px;
	color: #333;
	font-size: 16px;
	padding: 0 10px;
	font-family: Arial, Helvetica, Microsoft JhengHei, sans-serif;
	border: 1px solid #656565;
	background-color: #fff;
	margin-bottom: 16px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.e-newspaper_btn {
	width: 250px;
	height: 40px;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	margin-bottom: 15px;
	background-color: #61953f; /* layer fill content */
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	border: none;
	font-family: Arial, Helvetica, Microsoft JhengHei, sans-serif;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.e-newspaper_btn:hover, .e-newspaper_btn:active {
	background-color: #6cae41;
}
.e-newspaper_cancel {
	width: 100%;
	height: 15px;
	line-height: 14px;
	color: #484848;
	font-size: 14px;
	text-align: right;
	padding-right: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 11px;
	background-image: url(../images/book_classificati_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.back {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 19px;
	left: 18px;
}
/*閱讀包首頁 選單*/
.vip_menu_bk {
	width: 100%;
	height: 59px;
	border-bottom: 1px #e2e2e2 solid;
}
.vip_menu {
	width: 411px;
	height: 59px;
	margin: 0 auto;
	position: relative;
}
.vip_menu_btn01_choose {
	width: 106px;
	height: 58px;
	line-height: 58px;
	color: #629540;
	font-size: 20px;
	text-align: center;
	border-bottom: 2px #629540 solid;
	position: absolute;
	top: 0;
	left: 0;
}
.vip_menu_btn01 {
	width: 106px;
	height: 59px;
	line-height: 59px;
	color: #484848;
	font-size: 20px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
.vip_menu_btn01 a {
	display: block;
	width: 100%;
	height: 59px;
	line-height: 59px;
	color: #484848;
	font-size: 20px;
	text-align: center;
}
.vip_menu_btn02_choose {
	width: 106px;
	height: 58px;
	line-height: 58px;
	color: #629540;
	font-size: 20px;
	text-align: center;
	border-bottom: 2px #629540 solid;
	position: absolute;
	top: 0;
	left: 162px;
}
.vip_menu_btn02 {
	width: 106px;
	height: 59px;
	line-height: 59px;
	color: #484848;
	font-size: 20px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 162px;
}
.vip_menu_btn02 a {
	display: block;
	width: 100%;
	height: 59px;
	line-height: 59px;
	color: #484848;
	font-size: 20px;
	text-align: center;
}
.vip_menu_btn03_choose {
	width: 88px;
	height: 58px;
	line-height: 58px;
	color: #629540;
	font-size: 20px;
	text-align: center;
	border-bottom: 2px #629540 solid;
	position: absolute;
	top: 0;
	right: 0;
}
.vip_menu_btn03 {
	width: 88px;
	height: 59px;
	line-height: 59px;
	color: #484848;
	font-size: 20px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
}
.vip_menu_btn03 a {
	display: block;
	width: 100%;
	height: 59px;
	line-height: 59px;
	color: #484848;
	font-size: 20px;
	text-align: center;
}


/*閱讀包首頁  區塊1*/

.vip_index_block01 {
	display: block;
	width: 100%;
	height:auto;
	position: relative;
	background-image:url(../images/vip_index_block01_bk.jpg);
	background-position:center;
	background-size: auto 100%;
}
.vip_index_block01_main{
	width: 1200px;
	height:auto;
	margin:0 auto;
	position:relative;
	}

.vip_index_block01_title{
	width: 831px;
	height:auto;
	position: absolute;
	top: 6.012%;
	left:15.541%;
	z-index:10;
	}

/*續租溝通網頁*/
.vip_index_expiration_plan_block01_title{
	width: 780px;
	height:auto;
	position: absolute;
	top: 6.012%;
	left:17.5%;
	z-index:10;
	}

.vip_index_block01_title02{
	width: 532px;
	height:auto;
	position: absolute;
	top: 29.113%;
	left:22.9%;
	z-index:10;
	}

.vip_index_block01_title03{
	width: 152px;
	height:auto;
	position: absolute;
	top: 29.113%;
	left:68.3%;
	z-index:10;
	}


/*續租溝通網頁*/
.vip_index_expiration_plan_block01_title02{
	width: 38.917%;
	max-width:467px;
	height:auto;
	position: absolute;
	top: 29.113%;
	left:22.416%;
	z-index:10;
	}
.vip_index_expiration_plan_block01_title03{
	width: 17.834%;
	max-width:214px;
	height:auto;
	position: absolute;
	top: 29.113%;
	left:61.291%;
	z-index:10;
	}


.vip_index_block01_btn01 {
	width: 224px;
	height:auto;
	position: absolute;
	top: 39.203%;
	left: 14.916%;
}

.vip_index_block01_btn01 a:link,.vip_index_block01_btn01 a:visited {
	width: 100%;
	height:auto;
	display:block;
	background-image: url(../images/vip_index_block01_btn01.gif);
	background-repeat:no-repeat;
	background-size:100%;
}

.vip_index_block01_btn01 a:hover,.vip_index_block01_btn01 a:active {
	width: 100%;
	height:auto;
	display:block;
	background-image:url(../images/vip_index_block01_btn01_over.gif);
	background-repeat:no-repeat;
	background-size:100%;
}



.vip_index_block01_btn02 {
	width: 236px;
	height: 324px;
	position: absolute;
	top: 27.71%;
	left: 34.416%;
	background-repeat: no-repeat;
	background-size: 100%;
}

.vip_index_block01_btn02 a:link,.vip_index_block01_btn02 a:visited {
	width: 100%;
	height:auto;
	display:block;
	background-image: url(../images/vip_index_block01_btn02.gif);
	background-repeat:no-repeat;
	background-size:100%;
}

.vip_index_block01_btn02 a:hover,.vip_index_block01_btn02 a:active {
	width: 100%;
	height:auto;
	display:block;
	background-image:url(../images/vip_index_block01_btn02_over.gif);
	background-repeat:no-repeat;
	background-size:100%;
}



.vip_index_block01_btn06 {
	width: 224px;
	height:auto;
	position: absolute;
	top: 39.203%;
	left: 55%;
}

.vip_index_block01_btn06 a:link,.vip_index_block01_btn06 a:visited {
	width: 100%;
	height:auto;
	display:block;
	background-image: url(../images/vip_index_block01_btn03.gif);
	background-repeat:no-repeat;
	background-size:100%;
}

.vip_index_block01_btn06 a:hover,.vip_index_block01_btn06 a:active {
	width: 100%;
	height:auto;
	display:block;
	background-image:url(../images/vip_index_block01_btn03_over.gif);
	background-repeat:no-repeat;
	background-size:100%;
}




/*續租優惠*/
.vip_index_expiration_plan_block01_btn01 {
	width: 224px;
	height:auto;
	position: absolute;
	top: 39.203%;
	left: 14.916%;
}

.vip_index_expiration_plan_block01_btn01 a:link,.vip_index_expiration_plan_block01_btn01 a:visited {
	width: 100%;
	height:auto;
	display:block;
	background-image: url(../images/vip_index_expiration_plan_block01_btn01.gif);
	background-repeat:no-repeat;
	background-size:100%;
}

.vip_index_expiration_plan_block01_btn01 a:hover,.vip_index_expiration_plan_block01_btn01 a:active {
	width: 100%;
	height:auto;
	display:block;
	background-image:url(../images/vip_index_expiration_plan_block01_btn01_over.gif);
	background-repeat:no-repeat;
	background-size:100%;
}

.vip_index_expiration_plan_block01_btn02 {
	width: 236px;
	height: 324px;
	position: absolute;
	top: 27.71%;
	left: 34.416%;
	background-repeat: no-repeat;
	background-size: 100%;
}

.vip_index_expiration_plan_block01_btn02 a:link,.vip_index_expiration_plan_block01_btn02 a:visited {
	width: 100%;
	height:auto;
	display:block;
	background-image: url(../images/vip_index_expiration_plan_block01_btn02.gif);
	background-repeat:no-repeat;
	background-size:100%;
}

.vip_index_expiration_plan_block01_btn02 a:hover,.vip_index_expiration_plan_block01_btn02 a:active {
	width: 100%;
	height:auto;
	display:block;
	background-image:url(../images/vip_index_expiration_plan_block01_btn02_over.gif);
	background-repeat:no-repeat;
	background-size:100%;
}

.vip_index_expiration_plan_block01_btn06 {
	width: 224px;
	height:auto;
	position: absolute;
	top: 39.203%;
	left: 55%;
}

.vip_index_expiration_plan_block01_btn06 a:link,.vip_index_expiration_plan_block01_btn06 a:visited {
	width: 100%;
	height:auto;
	display:block;
	background-image: url(../images/vip_index_expiration_plan_block01_btn03.gif);
	background-repeat:no-repeat;
	background-size:100%;
}

.vip_index_expiration_plan_block01_btn06 a:hover,.vip_index_expiration_plan_block01_btn06 a:active {
	width: 100%;
	height:auto;
	display:block;
	background-image:url(../images/vip_index_expiration_plan_block01_btn03_over.gif);
	background-repeat:no-repeat;
	background-size:100%;
}






.vip_index_block01_btn03 {
	width: 158px;
	height:auto;
	position: absolute;
	top: 88.41%;
	left:32.208%;
}

.vip_index_block01_line {
	width: 2px;
	height:auto;
	position: absolute;
	top: 88.41%;
	left:46.958%;
	background-color:#a5a5a5;
}

.vip_index_block01_btn04 {
	width: 225px;
	height:auto;
	position: absolute;
	top: 88.41%;
	left:48.625%;
}



.phone_vip_index_block01 {
	display: none;
	width: 100%;
	height: auto;
	position: relative;
}

.phone_vip_index_block01_title{
	width: 70.313%;
	max-width:450px;
    position: absolute;
	top: 24.628%;
	left: 14.843%;
	z-index:1;
}

/*續租溝通網頁*/
.phone_vip_index_expiration_plan_block01_title{
	width: 70.4%;
	max-width: 450px;
	position: absolute;
	top: 24.628%;
	left: 14.8%;
	z-index: 1;
}

.phone_vip_index_block01_btn01 {
	width: 92.187%;
	height: 9.090%;
	position: absolute;
	top: 33.719%;
	left: 5.156%;
	z-index:1;
}

.phone_vip_index_block01_btn01 a {
	width: 100%;
	height: 100%;
	display:block;
}



.phone_vip_index_block01_btn02 {
	width: 93.437%;
	height: 13.223%;
	position: absolute;
	top: 40%;
	left: 4.625%;
	z-index:1;
}

.phone_vip_index_block01_btn02 a{
	width: 100%;
	height: 100%;
	display:block;
	background-image:url(../images/phone/vip_index_block01_btn02.gif);
	background-repeat:no-repeat;
	background-size:100%;
}

.phone_vip_index_block01_btn06 {
	width: 92.187%;
	height: 9.09%;
	position: absolute;
	top: 53.223%;
	left: 5.156%;
	z-index:1;
}

.phone_vip_index_block01_btn06 a {
	width: 100%;
	height: 100%;
	display:block;
	background-image:url(../images/phone/vip_index_block01_btn03.gif);
	background-repeat:no-repeat;
	background-size:100%;
}

/*續租溝通網頁*/

.phone_vip_index_expiration_plan_block01_btn01 {
	width: 92.187%;
	height: 9.090%;
	position: absolute;
	top: 33.719%;
	left: 5.156%;
	z-index:1;
}

.phone_vip_index_expiration_plan_block01_btn01 a {
	width: 100%;
	height: 100%;
	display:block;
	background-image:url(../images/phone/vip_index_expiration_plan_block01_btn01.gif);
	background-repeat:no-repeat;
	background-size:100%;
}



.phone_vip_index_expiration_plan_block01_btn02 {
	width: 93.437%;
	height: 13.223%;
	position: absolute;
	top: 40%;
	left: 4.625%;
	z-index:1;
}

.phone_vip_index_expiration_plan_block01_btn02 a{
	width: 100%;
	height: 100%;
	display:block;
	background-image:url(../images/phone/vip_index_expiration_plan_block01_btn02.gif);
	background-repeat:no-repeat;
	background-size:100%;
}

.phone_vip_index_expiration_plan_block01_btn06 {
	width: 92.187%;
	height: 9.09%;
	position: absolute;
	top: 53.223%;
	left: 5.156%;
	z-index:1;
}

.phone_vip_index_expiration_plan_block01_btn06 a {
	width: 100%;
	height: 100%;
	display:block;
	background-image:url(../images/phone/vip_index_expiration_plan_block01_btn03.gif);
	background-repeat:no-repeat;
	background-size:100%;
}





.phone_vip_index_block01_btn03 {
	width: 26.563%;
	max-width:170px;
	height: auto;
	position: absolute;
	top: 85.9%;
	left: 10.625%;
}

.phone_vip_index_block01_btn04 {
	width: 38.75%;
	height: auto;
	position: absolute;
	top: 90.8%;
	left: 10.625%;
}



/*閱讀包首頁  區塊2*/

.vip_index_block02 {
	display: block;
	width: 100%;
	height: 610px;
	position: relative;
	background-image: url(../images/vip_index_block02_bk.jpg);
}
.vip_index_block02_title {
	width: 358px;
	height: 102px;
	background-image: url(../images/vip_index_block02_title.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	position: relative;
	padding-top: 34px;
	margin: 0 auto;
}
.vip_index_block02_content {
	width: 100%;
	height: 337px;
	padding-top: 50px;
	position: relative;
	overflow: hidden;
}
.vip_index_block02_books {
	width: 2968px;
	height: 295px;
	margin-left: -6px;
}
.vip_index_block02_book {
	width: 190px;
	height: 295px;
	float: left;
	margin-right: 20px;
}
.vip_index_block02_booktitle {
	width: 100%;
	height: 15px;
	line-height: 15px;
	text-align: center;
	color: #333;
	font-size: 16px;
	padding-top: 22px;
}
.vip_index_block02_booktitle a {
	width: 100%;
	height: 15px;
	line-height: 15px;
	text-align: center;
	color: #333;
	font-size: 16px;
}
.vip_index_block02_book img {
	width: 100%;
	height: auto;
	border: 1px #333333 solid;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.vip_index_block02_more {
	width: 142px;
	height: 22px;
	margin: 0 auto;
}
.vip_index_block02_more a {
	width: 142px;
	height: 22px;
	display: block;
	background-image: url(../images/vip_index_block02_more.png);
	background-repeat: no-repeat;
}

/*閱讀包首頁  區塊3*/
.vip_index_block03 {
	width: 100%;
	min-width: 1108px;
	height: 556px;
	position: relative;
	overflow:hidden;
	background-image:url(../images/vip_index_block03_bn01.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
}

.vip_index_block03_banner01 {
	width:100%;
	height: 556px;
	overflow:hidden;
	background-image:url(../images/vip_index_block03_bn01.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
	z-index:2;
	position:absolute;
	top:0;
	left:0;
}

.vip_index_block03_banner01_main {
	width:905px;
	height:auto;
	position: relative;
	margin:0 auto;
}





.vip_index_block03_banner02 {
	width:100%;
	height: 512px;
	overflow:hidden;
	background-image:url(../images/vip_index_block03_bn02.png);
	background-repeat: no-repeat;
	background-position: center 0;
	z-index:1;
	position:absolute;
	top:0;
	left:0;
}


.vip_index_block03_btn01{
	width:23.451%;
	max-width: 212px;
	height: auto;
	position:absolute;
	top:93.069%;
	left:12.595%;
	z-index:50;
	}


.vip_index_block03_btn02{
	width:23.659%;
	max-width: 214px;
	height: auto;
	position:absolute;
	top:93.069%;
	left:64.269%;
	z-index:50;
	}

.vip_index_block03_btn04{
	width:23.672%;
	height: auto;
	position:absolute;
	top:76.367%;
	left:21.5%;
	z-index:50;
	}




.vip_index_block03_dotted_box {
	width: 32px;
	height: 12px;
	position: absolute;
	bottom: 8.398%;
	padding-left: 48.512%;
	z-index: 10;
}
.vip_index_block03_dotted_choose {
	width: 9px;
	height: 9px;
	margin: 0 2px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	display: inline-block;
}
.vip_index_block03_dotted {
	width: 9px;
	height: 9px;
	margin: 0 2px;
	opacity: .5;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	display: inline-block;
}
.phone_vip_index_block03 {
	display: none;
	width: 100%;
	height: auto;
	position: relative;
}

.phone_vip_index_block03_banner01{
	width:100%;
	height:auto;
	background-image:url(../images/vip_index_block03_banner01);
}

.phone_vip_index_block03_banner02{
	width:100%;
	height:auto;
	background-image:url(../images/vip_index_block02_bk.jpg);
}


.phone_vip_index_block03_btn01{
	width:39.688%;
	max-width: 254px;
	height: auto;
	position:absolute;
	top:49.009%;
	left:30.937%;
	z-index:50;
}

.phone_vip_index_block03_btn02{
	width:40%;
	max-width: 256px;
	height: auto;
	position:absolute;
	top:96.039%;
	left:28.593%;
	z-index:50;
}




/*閱讀包首頁  區塊4*/
.vip_index_block04_bk {
	width: 100%;
	height: auto;
	position: relative;
	background-image: url(../images/vip_index_block04_bk.png);
}
.vip_index_block04_content {
	width: 1200px;
	margin: 0 auto;
	height: auto;
	position: relative;
}
.vip_index_block04_pic01 {
	width: 471px;
	height: 46px;
	position: absolute;
	top: 33%;
	left: 11.75%;
	background-image: url(../images/vip_index_block04_pic01.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.vip_index_block04_pic02 {
	width: 246px;
	height: 50px;
	position: absolute;
	top: 50.75%;
	left: 21.25%;
	background-image: url(../images/vip_index_block04_pic02.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.vip_index_block04_pic03 {
	display: block;
	width: 182px;
	height:auto;
	position: absolute;
	top: 20.25%;
	left: 54.416%;
}
.vip_index_block04_pic04 {
	display: block;
	width: 182px;
	height:auto;
	position: absolute;
	top: 20.25%;
	left: 72.916%;
}
.phone_vip_index_block04_content {
	display: none;
	width: 100%;
	height: auto;
	position: relative;
}




/*藏愛包 區塊1*/
.love_index_block01 {
	width: 100%;
	height: auto;
	position: relative;
	background-image: url(../images/love_block01_pic01.jpg);
	background-size: cover;
	background-position: center;
	padding: 52px 0 63px 0;
}
.love_block01_title{
	max-width: 603px;
	width: 90%;
	margin: 0 auto;
	padding: 0 0 33px 0;
	overflow: hidden;
}

.love_index_publisher_block{
	max-width: 792px;
	width: 96%;
	margin: 0 auto 63px auto;
	overflow: hidden;
	display: flex;
	justify-content:space-around;

}

.love_index_publisher_pic{
	width: 16%;
}

.love_block01_apply_title{
	width: 100%;
	font-size: 26px;
	text-align: center;
	font-weight: bold;
	margin: 0 auto 24px auto;
}

.love_index_block01_btn_box{
	position: relative;
	display: flex;
	justify-content: center;
	margin: 0 0 23px 0;
}
.love_index_block01_btn01 {
	width: 17.152%;
	max-width: 247px;
	min-width: 200px;
	height: auto;
	margin: 0 14px;
}
.love_index_block01_btn02 {
	width: 17.152%;
	max-width: 247px;
	min-width: 200px;
	height: auto;
	margin: 0 14px;
}
.love_index_block01_btn03 {
	width: 11.736%;
	max-width: 167px;
	min-width: 167px;
	height: auto;
	margin: 0 auto;
}
.phone_love_index_block01 {
	display: none;
	height: auto;
	position: relative;
	background-image: url(../images/phone/love_block01_pic01.jpg);
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

.phone_love_block01_title{
	margin: 0 auto 40px auto;
}

.phone_love_block01_apply_title{
	width: 100%;
	margin: 0 auto 18px auto;
	font-size: 26px;
	text-align: center;
	font-weight: bold;

}

.phone_love_index_publisher_list{
	width: 92%;
	position: relative;
	display: flex;
	margin: 0 auto;
}

.phone_love_index_publisher_pic{
	position: relative;
	margin: 0 17px 47px 17px;
}

.phone_love_index_block01_btn_box{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	margin-bottom: 57px;

}


.phone_love_index_block01_btn01 {
	width: 38.573%;
	height: auto;
	margin: 0 5px;

}
.phone_love_index_block01_btn02 {
	width: 38.573%;
	height: auto;
	margin: 0 5px;
}

.phone_love_index_block01_btn03 {
	width: 32.5%;
	height: auto;
	overflow: hidden;
	position: relative;
	margin: 0 auto 52px auto;
}

/*藏愛包 區塊2*/
.love_index_block02 {
	width: 100%;
	height: 626px;
	background-image: url(../images/love_block02_bk.png);
}
.love_index_block02_title {
	width: 455px;
	height: 102px;
	margin: 0 auto;
	padding-top: 44px;
	position: relative;
	background-image: url(../images/love_block02_pic01.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 100%;
}
.love_index_block02_content {
	width: 100%;
	height: 335px;
	padding-top: 48px;
	position: relative;
	overflow: hidden;
}

.love_index_block02_booktitle {
	width: 100%;
	height: 15px;
	line-height: 15px;
	text-align: center;
	color: #333;
	font-size: 16px;
	padding-top: 22px;
}
.love_index_block02_booktitle a {
	width: 100%;
	height: 15px;
	line-height: 15px;
	text-align: center;
	color: #333;
	font-size: 16px;
}

.love_index_block02_books {
	width: 2968px;
	height: 295px;
	margin-left: -6px;
}

.love_index_block02_more {
	width: 142px;
	height: 22px;
	margin: 0 auto;
}
.love_index_block02_more a {
	width: 142px;
	height: 22px;
	display: block;
	background-image: url(../images/vip_index_block02_more.png);
	background-repeat: no-repeat;
}
.love_index_block02_book {
	width: 190px;
	height: 295px;
	float: left;
	margin-right: 20px;
}
.love_index_block02_book img {
	width: 190px;
	height: 254px;
	border: 1px #656565 solid;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*藏愛包  區塊3*/
.love_index_block03 {
	width: 100%;
	height: auto;
	overflow:hidden;
	position: relative;
	background-image: url(../images/love_index_block04_bk.png);
}
.love_index_block03_dotted_box {
	width: 60px;
	height: 12px;
	position: absolute;
	bottom: 21px;
	padding-left: 50.625%;
	z-index: 10;
}
.love_index_block03_dotted_choose {
	width: 9px;
	height: 9px;
	margin: 0 2px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	display: inline-block;
}
.love_index_block03_dotted {
	width: 9px;
	height: 9px;
	margin: 0 2px;
	opacity: .5;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	display: inline-block;
}
.phone_love_index_block03 {
	display: none;
	width: 100%;
	height: auto;
	position: relative;
}
/*藏愛包 區塊4*/
.love_index_block04_bk {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	background-image: url(../images/love_index_block04_bk.png);
}

.love_index_block04_content {
	display: block;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	height: auto;
	position: relative;
}
.love_index_block04_pic01 {
	width: 32.708%;
	height: 46px;
	position: absolute;
	top: 33%;
	left: 18.263%;
	background-image: url(../images/vip_index_block04_pic01.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.love_index_block04_pic02 {
	width: 17.083%;
	height: 50px;
	position: absolute;
	top: 50.75%;
	left: 26.111%;
	background-image: url(../images/vip_index_block04_pic02.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.love_index_block04_pic03 {
	display: block;
	width: 12.639%;
	height: 59%;
	position: absolute;
	top: 20.25%;
	left: 53.75%;
}
.love_index_block04_pic04 {
	display: block;
	width: 12.639%;
	height: 59%;
	position: absolute;
	top: 20.25%;
	left: 69.166%;
}

.phone_love_index_block04_content {
	display: none;
	width: 100%;
	height: auto;
	position: relative;
	background-image: url(../images/love_index_block04_bk.png);
}


/*app下載 區塊4*/
.download_app_block {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}
.download_app_btn01 {
	display: block;
	width: 15.486%;
	height: auto;
	position: absolute;
	top: 71.636%;
	left: 47.153%;
}
.download_app_btn02 {
	display: block;
	width: 15.486%;
	height: auto;
	position: absolute;
	top: 71.636%;
	left: 64.028%;
}
.phone_download_app_block {
	display: none;
	width: 100%;
	height: auto;
	position: relative;
}
.phone_download_app_btn01 {
	display: block;
	width: 36.562%;
	height: auto;
	position: absolute;
	top: 85.42%;
	left: 12.187%;
}
.phone_download_app_btn02 {
	display: block;
	width: 36.562%;
	height: auto;
	position: absolute;
	top: 85.42%;
	left: 51.718%;
}
/*月租 全部書刊*/
.monthly_book_title {
	width: 190px;
	min-height: 20px;
	height: auto;
	color: #333;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	margin-bottom: 6px;
	overflow: hidden;
}
.monthly_book_title a {
	width: 190px;
	height: 20px;
	display: block;
	color: #333;
	overflow: hidden;
}
.monthly_book_file_format {
	width: 94px;
	height: 21px;
	line-height: 21px;
	color: #666666;
	font-size: 14px;
	margin: 0 auto;
	-moz-border-radius: 11px / 10px;
	-webkit-border-radius: 11px / 10px;
	border-radius: 11px / 10px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #ededed;
}
.monthly_book {
	width: 192px;
	height: auto;
	text-align: center;
	margin: 0 8px 0 8px;
	display: inline-block;
}
.authorize {
	width: 102px;
	height: 27px;
	position: absolute;
	top: 15px;
	right: 15px;
	border: 1px solid #cbcbcb;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.authorize a:link, .authorize a:visited, .authorize a:hover, .authorize a:active {
	width: 102px;
	height: 27px;
	text-align: center;
	line-height: 27px;
	color: #656565;
	font-size: 14px;
	display: block;
}

.off_shelf {
	width: 102px;
	height: 27px;
	position: absolute;
	top: 15px;
	right: 129px;
	border: 1px solid #cbcbcb;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.off_shelf a:link, .off_shelf a:visited, .off_shelf a:hover, .off_shelf a:active {
	width: 102px;
	height: 27px;
	text-align: center;
	line-height: 27px;
	color: #656565;
	font-size: 14px;
	display: block;
}


.phone_authorize_bk {
	display: none;
	width: 92%;
	height: 52px;
	position: relative;
	margin: 0 auto 13px auto;
}
.phone_authorize {
	display: none;
	width: 121px;
	height: 34px;
	padding-top: 9px;
	position: absolute;
	top: 0;
	right: 0;
}
.phone_authorize a {
	width: 119px;
	height: 32px;
	display: block;
	color: #656565;
	font-size: 18px;
	text-align: center;
	line-height: 32px;
	border: 1px solid #cbcbcb;
	-moz-border-radius: 26px / 26px 26px 26px 26px;
	-webkit-border-radius: 26px / 26px 26px 26px 26px;
	border-radius: 26px / 26px 26px 26px 26px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.phone_off_shelf {
	display: none;
	width: 132px;
	height: 34px;
	padding-top: 9px;
	position: absolute;
	top: 0;
	right: 134px;
}
.phone_off_shelf a {
	width: 100%;
	height: 32px;
	display: block;
	color: #656565;
	font-size: 18px;
	text-align: center;
	line-height: 32px;
	border: 1px solid #cbcbcb;
	-moz-border-radius: 26px / 26px 26px 26px 26px;
	-webkit-border-radius: 26px / 26px 26px 26px 26px;
	border-radius: 26px / 26px 26px 26px 26px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
/*月租側選*/
.monthly_block_content {
	width: 100%;
	height: 100%;
	padding-top: 50px;
	background-color: #FFF;
	position: relative;
	z-index: 890;
}
.monthly_top {
	width: 100%;
	min-width: 320px;
	height: 50px;
	background-color: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 901;
}
.monthly_left_menu_sort {
	width: 83%;
	height: 17px;
	color: #474747;
	font-size: 16px;
	line-height: 17px;
	padding: 15px 0 1px 3px;
	margin: 0 auto;
}
.other_notice {
	width: 75.641%;
	height: auto;
	margin: 0 auto 75px auto;
	padding-top: 59px;
}
.other_notice_item {
	width: 100%;
	line-height: 26px;
	text-indent: -15px;
	height: auto;
	color: #333;
	font-size: 16px;
}
/*授權比例*/
.authorize_title {
	width: 96%;
	max-width: 1035px;
	color: #333;
	text-align: left;
	font-size: 18px;
	margin: 0 auto 14px auto;
	clear: both;
}
.authorize_table {
	width: 96%;
	max-width: 1037px;
	min-width: 280px;
	height: auto;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	margin: 0 auto 49px auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.authorize_table_title {
	width: 100%;
	height: 29px;
	color: #999;
	font-size: 14px;
	line-height: 29px;
	border-bottom: 1px solid #cbcbcb;
	background-color: #f8f8f8;
	position: relative;
}
.authorize_table_title .abox {
	width: 50%;
	height: 29px;
	padding-left: 19px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.authorize_table_title .bbox {
	width: 33%;
	height: 29px;
	position: absolute;
	top: 0;
	left: 55%;
}
.authorize_table_title .cbox {
	width: 73px;
	height: 29px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
}
.authorize_table ul li {
	width: 100%;
	overflow: hidden;
	height: auto;
	border-bottom: 1px #cfcfcf solid;
	position: relative;
}
.authorize_table ul li:last-child {
	width: 100%;
	overflow: hidden;
	height: auto;
	border-bottom: none;
	position: relative;
}
.authorize_table ul li .abox {
	width: 50%;
	height: auto;
	line-height: 19px;
	font-size: 18px;
	color: #333333;
	position: relative;
	padding-top: 19px;
	margin-left: 19px;
	margin-bottom: 16px;
}
.authorize_table ul li .bbox {
	width: 33%;
	height: 16px;
	color: #333333;
	font-size: 16px;
	line-height: 16px;
	position: absolute;
	margin-top: -7px;
	top: 50%;
	left: 55%;
}
.authorize_table ul li .cbox {
	width: 80px;
	height: 14px;
	color: #666666;
	font-size: 13px;
	line-height: 13px;
	text-align: right;
	position: absolute;
	margin-top: -6px;
	top: 50%;
	right: 19px;
}
.authorize_notice_block {
	width: 97%;
	max-width: 1020px;
	height: auto;
	margin: 27px auto 40px auto;
}
.authorize_notice_title {
	width: 100%;
	max-width: 1025px;
	height: auto;
	color: #333333;
	font-size: 16px;
	margin: 0 0 6px 0;
}
.authorize_notice {
	width: 100%;
	max-width: 1020px;
	height: auto;
	color: #333333;
	font-size: 14px;
	line-height: 24px;
	text-indent: -12px;
	padding-left: 28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.qa_title {
	width: 100%;
	max-width: 1040px;
	height: 40px;
	margin: 0 auto;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images/index_title_bk.png);
	background-repeat: repeat-x;
}
.qa_title_text {
	width: 85px;
	height: 18px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #484848;
	text-align: center;
	background-color: #fff;
}
.qa_block {
	width: 100%;
	max-width: 1040px;
	overflow: hidden;
	margin: 0 auto;
}

.qa_block_box {
	width: 100%;
	overflow: hidden;
	margin-bottom: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.qa_block_box .a1 {
	width: 33%;
	max-width: 352px;
	height: auto;
	padding-right: 6px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.qa_block_box .a2 {
	width: 33%;
	max-width: 352px;
	height: auto;
	overflow: hidden;
	padding: 0 3px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.qa_block_box .a3 {
	width: 33%;
	max-width: 352px;
	height: auto;
	padding-left: 6px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.qa_index_text {
	width: 100%;
	max-width: 1010px;
	height: auto;
	color: #474747;
	font-size: 14px;
	overflow: hidden;
	margin: 0 auto 5px auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.phone_qa_block {
	display: none;
	width: 94.2%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.phone_qa_list {
	width: 100%;
	height: auto;
	margin-bottom: 13px;
}
/*常見問題 內頁*/
.qa_in_page_content {
	width: 100%;
	max-width: 1060px;
	min-height: 1002px;
	height: auto;
	margin: 0 auto 53px auto;
	position: relative;
	overflow: hidden;
	clear: both;
	background-image: url(../images/one_classification_menu_pic02.png);
	background-repeat: repeat-y;
	background-position: 179px;
}
.qa_in_page_title {
	width: 100%;
	max-width: 1058px;
	min-width: 290px;
	height: 52px;
	padding: 0 50px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images/index_title_bk.png);
	background-repeat: repeat-x;
	margin: 20px auto 0 auto;
}
.qa_in_page_title_text {
	width: 121px;
	height: 18px;
	line-height: 18px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: bold;
	color: #484848;
	text-align: center;
	background-color: #fff;
}
.qa_in_page_right {
	display: block;
	width: 100%;
	padding-left: 226px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.qa_in_page_q {
	width: 100%;
	height: auto;
	min-height: 26px;
	color: #474747;
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
	margin: 0 0 12px 0;
	overflow: hidden;
	text-align: left;
	padding-left: 28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.qa_in_page_q_arrow {
	width: 11px;
	height: 13px;
	padding-left: 6px;
	position: absolute;
	top: 5px;
	left: 6px;
}
.qa_in_page_a {
	width: 100%;
	height: auto;
	margin: 0 0 41px 0;
	overflow: hidden;
}
.qa_in_page_arrow_box {
	width: 100%;
	height: auto;
	margin: 0 0 33px 0;
	overflow: hidden;
}
.qa_in_page_a_text {
	width: 100%;
	height: auto;
	min-height: 26px;
	line-height: 26px;
	color: #333;
	font-size: 16px;
	overflow: hidden;
	text-align: left;
	padding-left: 28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;

}

.qa_in_page_a_text_bold{
	font-weight:bold;
	width: 100%;
	height: auto;
	min-height: 26px;
	line-height: 26px;
	color: #333;
	font-size: 18px;
	overflow: hidden;
	text-align: left;
	padding-left: 22px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	}

.qa_in_page_a_text_bold02{
	font-weight:bold;
	width: 100%;
	height: auto;
	min-height: 26px;
	line-height: 26px;
	color: #333;
	font-size: 18px;
	overflow: hidden;
	text-align: left;
	padding-left: 22px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	}

.qa_in_page_a_more {
	width: auto;
	height: auto;
	min-height: 18px;
	color: #629540;
	font-size: 16px;
	line-height: 18px;
	overflow: hidden;
	clear: both;
	text-align: left;
	padding-left: 28px;
	padding-right: 20px;
	margin-top: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	float: left;
}
.qa_in_page_a_more a {
	width: auto;
	height: auto;
	min-height: 18px;
	display: block;
	color: #629540;
	font-size: 16px;
	line-height: 18px;
	overflow: hidden;
}
.qa_more_arrow {
	width: 10px;
	height: 12px;
	position: absolute;
	top: 2px;
	right: 5px;
}
.qa_in_page_a_more02 {
	width: auto;
	height: 18px;
	color: #629540;
	font-size: 16px;
	line-height: 18px;
	overflow: hidden;
	clear: both;
	text-align: left;
	padding-left: 28px;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	float: left;
}
.qa_in_page_a_more02 a {
	width: auto;
	height: 18px;
	display: block;
	color: #629540;
	font-size: 16px;
	line-height: 18px;
	overflow: hidden;
}
.qa_in_page_a_more_box {
	width: 100%;
	height: 18px;
	margin-top: 20px;
}
.qa_in_page_a_07more {
	width: auto;
	height: 18px;
	color: #629540;
	font-size: 16px;
	line-height: 18px;
	overflow: hidden;
	text-align: left;
	padding-left: 28px;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	float: left;
}
.qa_in_page_a_07more a {
	width: auto;
	height: 18px;
	display: block;
	color: #629540;
	font-size: 16px;
	line-height: 18px;
}
.qa_in_page_a_more_line {
	width: 2px;
	height: 18px;
	text-align: center;
	margin-left: 31px;
	color: #629540;
	font-size: 16px;
	line-height: 18px;
	float: left;
}
.qa_in_page_a_pic_box_clear {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 11px;
}
.qa_in_page_a_pic_box {
	width: 50%;
	height: 100%;
	margin-bottom: 12px;
	overflow: hidden;
	position: relative;
	float: left;
}
.qa_in_page_a_pic_box02 {
	width: 50%;
	height: 100%;
	margin-bottom: 3px;
	overflow: hidden;
	position: relative;
	float: left;
}

.qa_in_page_a_pic_box_100 {
	width: 100%;
	height: 100%;
	padding-top:16px;
	margin-bottom: 12px;
	overflow: hidden;
	position: relative;
	float: left;
}

.qa_in_page_a_pic_box_clear02 {
	width: 100%;
	height: 100%;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	float: left;
}
.qa_in_page_a_step {
	width: 68px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	color: #fff;
	font-size: 16px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #333;
	position: absolute;
	top: 0;
	left: 28px;
}
.qa_in_page_a_step_text {
	width: 50%;
	height: auto;
	min-height: 25px;
	line-height:25px;
	color: #353b41;
	font-size: 16px;
	padding: 0 20px 0 105px;
	position: relative;
	overflow: hidden;
	margin-bottom: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	word-wrap: break-word;
    word-break: break-all;

}
.qa_in_page_a_step_text a{
	color: #353b41;
	display:block;
	word-wrap: break-word;
    word-break: break-all;

}


/*QA新增*/
.qa7_in_page_arrow {
	width: 100%;
	height: auto;
	padding:18px 15px 0 0;
	margin: 0 0 6px 0;
	overflow: hidden;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.qa_in_page_a_text05 {
	width: 100%;
	min-height: 17px;
	height:auto;
	line-height: 17px;
	padding-left: 45px;
	background-image: url(../images/qa_icon02.png);
	background-repeat: no-repeat;
	background-position: 28px 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.qa_in_page_a_text06 {
	width: 100%;
	min-height: 17px;
	height:auto;
	line-height: 17px;
	padding-left: 45px;
	background-image: url(../images/qa_icon02.png);
	float:left;
	margin-bottom:27px;
	background-repeat: no-repeat;
	background-position: 28px 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.qa_in_page_a_step_p7_a1 {
	width:auto;
	padding:0 17px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	color: #fff;
	font-size: 16px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #333;
	position: absolute;
	top: 0;
	left: 41px;
}


.qa_in_page_a_step_text_p7_a1 {
	width: 100%;
	height: auto;
	min-height: 25px;
	color: #353b41;
	font-size: 16px;
	padding: 0 20px 0 152px;
	position: relative;
	overflow: hidden;
	margin-bottom: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	word-wrap: break-word;
    word-break: break-all;

}



.qa_in_page_a_step_text_p7_a2 {
	width: 50%;
	height: auto;
	min-height: 25px;
	color: #353b41;
	font-size: 16px;
	padding: 0 20px 0 152px;
	position: relative;
	overflow: hidden;
	margin-bottom: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	word-wrap: break-word;
    word-break: break-all;

}


.qa_in_page_a_step_text_p7_a3 {
	width: 50%;
	height: auto;
	min-height: 25px;
	color: #353b41;
	font-size: 16px;
	padding: 36px 0 0 41px;
	position: relative;
	overflow: hidden;
	margin-bottom: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	word-wrap: break-word;
    word-break: break-all;

}


.qa_in_page_a_step_p7_pic {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom:12px;
}

.qa_in_page_a_step_p7_box01 {
	width:50%;
	float:left;
	margin-bottom:51px;
	}


.qa_in_page_a_step_p7_box02 {
	width:50%;
	float:left;
	margin-bottom:51px;
	}

.qa_in_page_a_step_p7_text {
	width: 100%;
	height: auto;
	min-height: 25px;
	line-height:25px;
	color: #353b41;
	font-size: 16px;
	padding: 0 20px 0 105px;
	position: relative;
	overflow: hidden;
	margin-bottom: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	word-wrap: break-word;
    word-break: break-all;

}


.qa4_in_page_a_step {
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	color: #fff;
	font-size: 16px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #333;
	position: absolute;
	top: 0;
	left: 104px;
}

.qa4_in_page_a_text_box01{
	width: 50%;
	height: auto;
	min-height: 25px;
	line-height:25px;
	color: #353b41;
	font-size: 16px;
	padding: 0 20px 0 140px;
	position: relative;
	overflow: hidden;
	margin-bottom: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	word-wrap: break-word;
    word-break: break-all;
	}

.qa_in_page_a_text07 {
	width: 100%;
	height: auto;
	min-height: 26px;
	line-height: 26px;
	color: #333;
	font-size: 16px;
	text-indent:-33px;
	overflow: hidden;
	padding-left: 61px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	word-wrap: break-word;
    word-break: break-all;
    text-align : justify ;
}

/**/

.qa_in_page_a_step_text_long {
	width:100%;
	height: auto;
	min-height: 25px;
	color: #353b41;
	font-size: 16px;
	padding: 0 20px 0 105px;
	position: relative;
	overflow: hidden;
	margin-bottom: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}
.qa_in_page_a_step_pic {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.phone_qa_in_page_a_step_pic {
	display: none;
	width: 100%;
	height: auto;
	margin-bottom: 33px;
	overflow: hidden;
}

.phone_qa_in_page_a_step_pic02 {
	display: none;
	width: 100%;
	height: auto;
	margin:18px 0 33px 0;
	overflow: hidden;
}

.qa_in_page_item {
	display: none;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}
.qa_in_page_a_text02 {
	width: 100%;
	height: 17px;
	line-height: 17px;
	padding-left: 45px;
	background-image: url(../images/qa_icon01.png);
	background-repeat: no-repeat;
	background-position: 28px center;
}
.qa_in_page_a_text03 {
	width: 100%;
	height: auto;
	min-height: 26px;
	line-height: 26px;
	color: #333;
	font-size: 16px;
	margin-bottom: 11px;
	overflow: hidden;
	text-align: left;
	padding-left: 28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.qa_in_page_arrow {
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
	overflow: hidden;
}
.qa_in_page_a_text04 {
	width: 100%;
	height: auto;
	min-height: 26px;
	line-height: 26px;
	color: #333;
	font-size: 16px;
	overflow: hidden;
	text-align: left;
	padding-left: 47px;
	text-indent: -19px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.qa_in_page_a_text04  a {
	color: #61953f;
}



.qa_in_page_half_box {
	width: 100%;
	height: auto;
	margin-bottom: 24px;
}
.qa_in_page_half {
	width: 50%;
	height: auto;
}
.vip_news_bk {
	width: 100%;
	height: 59px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	border-bottom: 1px #e2e2e2 solid;
}
.vip_news {
	width: 100%;
	max-width: 948px;
	height: 58px;
	font-size: 14px;
	color: #484848;
	line-height: 58px;
	padding: 0 50px;
	margin: 0 auto;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.vip_news a {
	width: 100%;
	height: 60px;
	display: block;
	line-height: 60px;
	color: #484848;
	font-size: 14px;
	overflow: hidden;
}
/*促銷專區*/

.focus_big_title_box {
	width: 100%;
	max-width: 1060px;
	margin: 0 auto;
}
.focus_big_title {
	width: 100%;
	max-width: 1060px;
	height: 35px;
	margin: 0 auto;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images/index_title_bk.png);
	background-repeat: repeat-x;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -ms-flexbox;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
	clear: both;
}
.focus_big_title_text_gap {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;
	flex: 1;
	-ms-flex: 1;
}
.focus_big_title_text {
	min-width: 65px;
	height: 20px;
	padding: 0 6px;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #484848;
	text-align: center;
	background-color: #fff;
	white-space: nowrap;
}
.focus_block {
	width: 100%;
	height: 386px;
	overflow: hidden;
	max-width: 1039px;
	margin: 0 auto 45px auto;
	padding: 29px 8px 0 8px;
	background-color: #eeeeee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.focus_box {
	width: 100%;
	min-width: 800px;
	height: 356px;
}
.focus_book_gap {
	width: 25%;
	min-width: 200px;
	height: 356px;
	overflow: hidden;
	float: left;
}
.focus_book {
	width: 192px;
	height: auto;
	min-height: 332px;
	margin: 0 auto;
	overflow: hidden;
}
/*套書*/
.book_show_top {
	display: block;
	width: 100%;
	height: 50px;
	position: relative;
}
.serialbooks_title {
	width: 98%;
	max-width: 1060px;
	height: 37px;
	padding-top: 41px;
	margin: 0 auto;
	padding: 0 50px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images/index_title_bk.png);
	background-repeat: repeat-x;
}
.serialbooks_block {
	width: 100%;
	height: auto;
	overflow: hidden;
	max-width: 1060px;
	margin: 0 auto 46px auto;
	background-color: #f8f8f8;
}
.serialbooks_hide {
	width: 100%;
	height: 350px;
	overflow: hidden;
}
.serialbooks_show {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.serialbooks_bookbox {
	width: 20%;
	min-width: 212px;
	height: 345px;
	margin: 10px auto 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}
.serialbooks_book_cover {
	width: 190px;
	height: 254px;
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid #eeeeee;
	position: relative;
	z-index: 0;
}
.serialbooks_book_text {
	width: 190px;
	height: 37px;
	margin: 10px auto 8px auto;
	overflow: hidden;
	color: #333;
	font-size: 16px;
	text-align: center;
	line-height: 20px;
}
.serialbooks_book_text a {
	width: 190px;
	height: 37px;
	color: #333;
	display: block;
}
.serialbooks_book_price {
	width: 190px;
	height: 18px;
	margin: 0 auto;
	padding-top: 2px;
	overflow: hidden;
	color: #666666;
	font-size: 13px;
	text-align: center;
	line-height: 18px;
	vertical-align: text-bottom;
}
.serialbooks_book_price span {
	color: #cc0000;
	font-size: 18px;
	font-weight: bold;
	vertical-align: text-bottom;
}
.serialbooks_more {
	display: block;
	width: 126px;
	height: 35px;
	margin: 23px auto 28px auto;
	background-color: #474747;
	clear: both;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.serialbooks_more a {
	width: 126px;
	height: 35px;
	color: #fff;
	line-height: 35px;
	text-align: center;
	display: block;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #474747;
}
.book_show_list2 {
	display: none;
	width: 42%;
	min-width: 180px;
	height: auto;
	position: relative;
	overflow: hidden;
	margin: 0 auto 4px auto;
	clear: both;
}
.book_show_list2 .abox {
	width: 58px;
	height: 20px;
	line-height: 22px;
	color: #666666;
	font-size: 14.5px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.book_show_list2 .bbox {
	width: 100%;
	height: auto;
	color: #333333;
	font-size: 14.5px;
	line-height: 22px;
	padding-left: 58px;
	float: left;
}

/*單書制式活動 樣式一*/
.event_style1_bk{
	width: 100%;
	height:auto;
	overflow:hidden;
	background-image:url(../images/event_style1_bk.jpg);
	}

.event_style1_banner_block{
	max-width:1060px;
	width: 100%;
	height:auto;
	margin:0 auto;
	position:relative;
	background-image:url(../images/event_style1_banner_bk.jpg);
	background-size:100%;
	}

.event_style1_banner_cover_border{
	width:22.75%;
	height:auto;
	position:absolute;
	top:9.6858%;
	left:5.3773%;
	z-index:10;
	}

.event_style1_banner_cover{
	width:89.7435%;
	height:auto;

	position:absolute;
	top:5.921%;
	left:2.564%;
	}

.event_style1_banner_right{
	width:557px;
	height:auto;
	overflow:hidden;
	position:absolute;
	top:15%;
	left:28.1%;
	}

.event_style1_banner_title{
	width:100%;
	height:32px;
	color: #333;
	font-size: 28px;
	font-weight:bold;
	overflow:hidden;
	margin:0 0 3.2% 0;
	padding:0 0 0 7.7%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_style1_banner_title_line{
	width:100%;
	height:auto;
	}

.event_style1_banner_title_line a{
	color: #333;
	}

.event_style1_banner_text{
	width:100%;
	height:auto;
	line-height:28px;
	color: #333;
	font-size: 18px;
	overflow:hidden;
	text-align:justify;

	margin:0 0 3.5% 0;
	padding:0 0 0 7.7%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_style1_banner_text a{
	width:100%;
	color: #333;
	}

.event_style1_banner_price_block{
	width:557px;
	height:85px;
	position:relative;
	background-image:url(../images/event_style1_banner_price_bk.png);
	background-size:100%;
	background-repeat:no-repeat;

	}

.event_style1_banner_price{
	width:auto;
	height:17px;
	line-height:17px;
	color: #006599;
	font-size: 16px;
	margin:6.3% 0 0 7%;
	float:left;
	}

.event_style1_banner_price span{
	text-decoration:line-through;
	}

.event_style1_banner_sale{
	width:auto;
	height:17px;
	line-height:17px;
	color: #006599;
	font-size: 16px;
    margin:6.3% 0 0 6.8%;
	float:left;
	}

.event_style1_banner_sale_bigred{
	width:auto;
	height:36px;
	color: #cb0000;
	font-size: 36px;
	font-weight:bold;
    margin:3.7% 0 0 0;
	float:left;
	}

.event_style1_banner_sale_red{
	width:auto;
	height:17px;
	line-height:17px;
	color: #cc0000;
	font-size: 16px;
    margin:6.3% 0 0 0;
	float:left;
	}

.event_style1_banner_btn{
	width:136px;
	height:38px;
    margin:4.4% 0 0 6.4631%;
	float:left;
	}

.event_style1_banner_btn a:link,event_style1_banner_btn a:visited{
	width:136px;
	height:38px;
	display:block;
	background-image:url(../images/event_style1_banner_price_btn.png);
	background-size:100%;
	background-repeat:no-repeat;
	}

.event_style1_banner_btn a:hover,event_style1_banner_btn a:active{
	width:136px;
	height:38px;
	display:block;
	background-image:url(../images/event_style1_banner_price_btn_hover.png);
	background-size:100%;
	background-repeat:no-repeat;
	}

.event_style1_title_bk{
	max-width:1060px;
	width: 100%;
	height:55px;
	margin:0 auto;
	padding-bottom:33px;
	background-color:#FFFFFF;
	}

.event_style1_title_box{
	width: 100%;
	height:55px;
	background-color:#3399cc;
	padding:4px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_style1_title_line{
	width: 100%;
	height:47px;
	border-top:2px #FFFFFF dotted;
	border-bottom:2px #FFFFFF dotted;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_style1_title{
	height:43px;
	line-height:43px;
	margin-left:41px;
	color: #fff;
	font-size: 24px;
	}

.event_book_sale {
	width: 185px;
	height: 56px;
	position: relative;
	margin: 0 auto;
}

.event_price_box{
	width:100%;
	height:25px;
	white-space:nowrap;
	text-align:center;
	margin:0 auto;
	position:relative;
	clear:both;
	}

.event_price_text_gery{
	display:block;
	min-width: 13px;
	width:auto;
	height: 15px;
	color: #656565;
	font-size: 13px;
	padding-top: 1px;
	display:inline-block;
	}

.event_saleprice_text_gery {
	min-width: 13px;
	width:auto;
	height: 15px;
	color: #656565;
	font-size: 13px;
	padding-top: 1px;
	display:inline-block;
}
.event_saleprice_text_red {
	min-width: 13px;
	width:auto;
	height: 18px;
	line-height: 18px;
	color: #cc0000;
	font-size: 18px;
	font-weight: bold;
	display:inline-block;
}

.event_shopping_cart_box{
	width: 155;
	height:31px;
	text-align:center;
	position:relative;
	clear:both;
	}

.event_shopping_cart_box a:link,.event_shopping_cart_box a:visited,.event_shopping_cart_box a:hover,.event_shopping_cart_box a:active{
	width: 153;
	height:29px;
	display:block;
	text-align:center;

	border: 1px solid #474747;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: rgba(255,255,255,.3);
	}

.event_shopping_cart_text{
	width:42px;
	height:16px;
	line-height:16px;
	margin-top:9px;
	color: #474747;
	font-size: 16px;
	display:inline-block;
	}
.event_shopping_cart {
	width: 29px;
	height: 20px;
	display:inline-block;
	background-image: url(../images/top_shopping_cart.png);
	background-size: 100%;
	margin-top:5px;
}
.event_shopping_cart a {
	width: 29px;
	height: 20px;
	display: block;
}

.event_style1_more {
	width: 126px;
	height: 35px;
	line-height:35px;
	color:#FFFFFF;
	text-align:center;
	margin: 0 auto 50px auto;
	clear: both;
}

.event_style1_more a:link,.event_style1_more a:visited {
	width: 100%;
	height: 35px;
	padding:1px;
	color:#FFFFFF;
	display: block;
	background-image:url(../images/event_style1_more_btn.png);
	background-repeat:no-repeat;
}

.event_style1_more a:hover,.event_style1_more a:active {
	width: 100%;
	height: 35px;
	color:#FFFFFF;
	display: block;
	background-image:url(../images/event_style1_more_btn_hover.png);
	background-repeat:no-repeat;
}




/*單書制式活動 樣式一 推薦 */
.event_style1_recommend_bk {
	width: 100%;
	max-width:1060px;
	height:auto;
	margin: 11px auto;
	padding:7px;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color:#FFFFFF;
}

.event_style1_recommend_title{
	width: 261px;
	height:76px;
	background-image:url(../images/event_style1_recommend_title.png);
	background-repeat:no-repeat;
	position:absolute;
	top:16px;
	left:7px;
	z-index:10;
	}

.event_style1_recommend_foot{
	width: 31px;
	height:54px;
	background-image:url(../images/event_style1_recommend_foot.png);
	background-repeat:no-repeat;

	position:absolute;
	bottom:30px;
	right:6px;
	z-index:10;
	}

.event_style1_recommend_border {
	width: 100%;
	height:100%;
	border:3px #bfe4f7 solid;
	padding:6px;

    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

    background-image:url(../images/event_style1_recommend_bk.jpg);
}

.event_style1_recommend_border_dotted {
	width: 100%;
	height:100%;
	border:3px #56b3c9 dotted;
	padding:104px 0 61px 0;
	overflow:hidden;

    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.event_style1_recommend_border_dotted ul li{
	width: 50%;
	height:auto;
	color: #333;
	font-size: 16px;
	overflow:hidden;

	float:left;
	padding:0 1% 0 3.816%;
	margin-bottom:14px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.event_style1_recommend_border_dotted ul li a{
	color: #333;
}

.event_foot_banner_style1_pc{
	display:block;
	width:100%;
	max-width:1060px;
	height:auto;
	overflow:hidden;
	margin:0 auto 19px auto;
	background-image:#bfe4f7;
	}

.event_foot_banner_style1_phone{
	display:none;
	width:100%;
	height:auto;
	overflow:hidden;
	}



/*單書制式活動 樣式二*/
.event_style2_bk{
	width: 100%;
	height:auto;
	overflow:hidden;
	background-image:url(../images/event_style2_bk.jpg);
	}

.event_style2_banner_block{
	max-width:1060px;
	width: 100%;
	height:auto;
	margin:0 auto;
	position:relative;
	background-image:url(../images/event_style2_banner_bk.jpg);
	background-size:100%;
	}

.event_style2_banner_cover_border{
	width:23.188%;
	height:auto;
	position:absolute;
	top:10.209%;
	left:4.3396%;
	z-index:10;
	}

.event_style2_banner_cover{
	width:85.655%;
	height:auto;

	position:absolute;
	top:5.144%;
	left:6.967%;
	}

.event_style2_banner_right{
	width:557px;
	height:auto;
	overflow:hidden;
	position:absolute;
	top:16.753%;
	left:26.226%;
	}

.event_style2_banner_title{
	width:100%;
	height:32px;
	color: #333;
	font-size: 28px;
	font-weight:bold;
	overflow:hidden;
	margin:0 0 3.2% 0;
	padding:0 0 0 7.7%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_style2_banner_title_line{
	width:100%;
	height:auto;
	}

.event_style2_banner_title_line a{
	color: #333;
	}

.event_style2_banner_text{
	width:100%;
	height:auto;
	line-height:28px;
	color: #333;
	font-size: 18px;
	overflow:hidden;
	text-align:justify;

	margin:0 0 3.5% 0;
	padding:0 0 0 7.7%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_style2_banner_text a{
	color: #333;
	}

.event_style2_banner_price_block{
	width:100%;
	height:69px;
	position:relative;
	background-image:url(../images/event_style2_banner_price_bk.png);
	background-repeat:no-repeat;
	background-size:100%;
	}

.event_style2_banner_price{
	width:auto;
	height:17px;
	line-height:17px;
	color: #484848;
	font-size: 16px;
	margin:3.8% 0 0 0;
	padding-left:7.7%;
	float:left;
	}

.event_style2_banner_price span{
	text-decoration:line-through;
	}

.event_style2_banner_sale{
	width:auto;
	height:17px;
	line-height:17px;
	color: #484848;
	font-size: 16px;
    margin:3.8% 0 0 6.8%;
	float:left;
	}

.event_style2_banner_sale_bigred{
	width:auto;
	height:36px;
	color: #cc0000;
	font-size: 36px;
	font-weight:bold;
    margin:1.7% 0 0 0;
	float:left;
	}

.event_style2_banner_sale_red{
	width:auto;
	height:17px;
	line-height:17px;
	color: #cc0000;
	font-size: 16px;
    margin:3.8% 0 0 0;
	float:left;
	}

.event_style2_banner_btn{
	width:136px;
	height:38px;
    margin:2.1% 0 0 6.4631%;
	float:left;
	}

.event_style2_banner_btn a:link,event_style2_banner_btn a:visited{
	width:136px;
	height:38px;
	display:block;
	background-image:url(../images/event_style2_banner_price_btn.png);
	background-size:100%;
	background-repeat:no-repeat;
	}

.event_style2_banner_btn a:hover,event_style2_banner_btn a:active{
	width:136px;
	height:38px;
	display:block;
	background-image:url(../images/event_style2_banner_price_btn_hover.png);
	background-size:100%;
	background-repeat:no-repeat;
	}

.event_style2_title_bk{
	max-width:1060px;
	width: 100%;
	height:55px;
	margin:0 auto;
	padding-bottom:33px;
	background-image:url(../images/event_style2_title_bk.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#FFFFFF;
	}

.event_style2_title{
	height:55px;
	line-height:55px;
	margin-left:41px;
	color: #fff;
	font-size: 24px;
	}

.event_style2_more {
	width: 126px;
	height: 35px;
	line-height:35px;
	margin: 0 auto 50px auto;
	clear: both;
}

.event_style2_more a:link,.event_style2_more a:visited {
	width: 126px;
	height: 35px;
	color:#FFFFFF;
	display: block;

	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #014177;
}

.event_style2_more a:hover,.event_style2_more a:active {
	width: 126px;
	height: 35px;
	color:#FFFFFF;
	display: block;

	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #014177;
}


/*單書制式活動 樣式二 推薦 */
.event_style2_recommend_bk {
	width: 100%;
	max-width:1060px;
	height:auto;
	margin: 9px auto 1px auto;
	position:relative;
	border-left:1px #e0e0e0 solid;
	border-right:1px #e0e0e0 solid;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.event_style2_recommend_top_bk {
	width:100%;
	height:96px;
	background-image:url(../images/event_style2_top_bk.png);
	padding-top:36px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_style2_recommend_top_title {
	width:206px;
	height:47px;
	margin:0 auto;
	background-image:url(../images/event_style2_top_title.png);
	background-repeat:no-repeat;
	}

.event_style2_recommend_center{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:25px 0 51px 0;
	background-image:url(../images/event_style2_center_bk.png);
	background-position:-2px top ;

	}

.event_style2_recommend_center ul li{
	width: 50%;
	height:auto;
	color: #333;
	font-size: 16px;
	overflow:hidden;

	float:left;
	padding:0 0 0 5.2%;
	margin-bottom:14px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_style2_recommend_center ul li a{
	color: #333;
	}

.event_style2_recommend_bottom {
	width:100%;
	height:23px;
	margin-bottom:1px;
	background-image:url(../images/event_style2_bottom_bk.png);
	}


.event_foot_banner_style2_pc{
	display:block;
	width:100%;
	max-width:1060px;
	height:auto;
	overflow:hidden;
	margin:0 auto 19px auto;
	}
.event_foot_banner_style2_pc img{
	border:1px #cccccc solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_foot_banner_style2_phone{
	display:none;
	width:100%;
	height:auto;
	overflow:hidden;
	}



/*單書制式活動 樣式三*/
.event_style3_bk{
	width: 100%;
	height:auto;
	overflow:hidden;
	background-image:url(../images/event_style3_bk.jpg);
	}

.event_style3_banner_block{
	max-width:1060px;
	width: 100%;
	height:auto;
	margin:0 auto;
	position:relative;
	background-image:url(../images/event_style3_banner_bk.jpg);
	background-size:100%;
	}

.event_style3_banner_cover_border{
	width:21.698%;
	height:auto;
	position:absolute;
	top:11.256%;
	left:5.3773%;
	z-index:10;
	}

.event_style3_banner_cover{
	width:91.304%;
	height:auto;

	position:absolute;
	top:4.2%;
	left:2.564%;
	}

.event_style3_banner_right{
	width:582px;
	height:auto;
	overflow:hidden;
	position:absolute;
	top:15%;
	left:27.075%;
	}

.event_style3_banner_title{
	width:100%;
	height:32px;
	color: #333;
	font-size: 28px;
	font-weight:bold;
	overflow:hidden;
	padding:0 0 0 7%;
	margin:0 0 3.2% 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_style3_banner_title_line a{
	width:100%;
	height:auto;
	color: #333;
	}

.event_style3_banner_text{
	width:100%;
	height:auto;
	line-height:28px;
	color: #333;
	font-size: 18px;
	overflow:hidden;
	text-align:justify;

	padding:0 0 0 7%;
	margin:0 0 4.6% 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_style3_banner_text a{
	color: #333;
	}

.event_style3_banner_price_block{
	width:582px;
	height:85px;
	position:relative;
	background-image:url(../images/event_style3_banner_price_bk.png);
	background-size:100%;
	background-repeat:no-repeat;

	}

.event_style3_banner_price{
	width:auto;
	height:17px;
	line-height:17px;
	color: #484848;
	font-size: 16px;
	margin:4.3% 0 0 7%;
	float:left;
	}

.event_style3_banner_price span{
	text-decoration:line-through;
	}

.event_style3_banner_sale{
	width:auto;
	height:17px;
	line-height:17px;
	color: #484848;
	font-size: 16px;
    margin:4.3% 0 0 6.8%;
	float:left;
	}

.event_style3_banner_sale_bigred{
	width:auto;
	height:36px;
	color: #cc0000;
	font-size: 36px;
	font-weight:bold;
    margin:1.8% 0 0 0;
	float:left;
	}

.event_style3_banner_sale_red{
	width:auto;
	height:17px;
	line-height:17px;
	color: #cc0000;
	font-size: 16px;
    margin:4.3% 0 0 0;
	float:left;
	}

.event_style3_banner_btn{
	width:136px;
	height:38px;
    margin:2.4% 0 0 6.4631%;
	float:left;
	}

.event_style3_banner_btn a:link,event_style3_banner_btn a:visited{
	width:136px;
	height:38px;
	display:block;
	background-image:url(../images/event_style3_banner_price_btn.png);
	background-size:100%;
	background-repeat:no-repeat;
	}

.event_style3_banner_btn a:hover,event_style3_banner_btn a:active{
	width:136px;
	height:38px;
	display:block;
	background-image:url(../images/event_style3_banner_price_btn_hover.png);
	background-size:100%;
	background-repeat:no-repeat;
	}

.event_style3_title01_bk{
	max-width:1060px;
	width: 100%;
	height:55px;
	margin:0 auto;
	padding-bottom:33px;
	background-image:url(../images/event_style3_title01_bk.jpg);
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	}

.event_style3_title02_bk{
	max-width:1060px;
	width: 100%;
	height:55px;
	margin:0 auto;
	padding-bottom:33px;
	background-image:url(../images/event_style3_title02_bk.jpg);
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	}

.event_style3_title{
	height:55px;
	line-height:55px;
	margin-left:41px;
	color: #fff;
	font-size: 24px;
	}

.event_book_sale {
	width: 185px;
	height: 56px;
	position: relative;
	margin: 0 auto;
}

.event_price_box{
	width:100%;
	height:25px;
	white-space:nowrap;
	text-align:center;
	margin:0 auto;
	position:relative;
	clear:both;
	}

.event_price_text_gery{
	display:block;
	min-width: 13px;
	width:auto;
	height: 15px;
	color: #656565;
	font-size: 13px;
	padding-top: 1px;
	display:inline-block;
	}

.event_saleprice_text_gery {
	min-width: 13px;
	width:auto;
	height: 15px;
	color: #656565;
	font-size: 13px;
	padding-top: 1px;
	display:inline-block;
}
.event_saleprice_text_red {
	min-width: 13px;
	width:auto;
	height: 18px;
	line-height: 18px;
	color: #cc0000;
	font-size: 18px;
	font-weight: bold;
	display:inline-block;
}


.event_shopping_cart a {
	width: 29px;
	height: 20px;
	display: block;
}

.event_style3_more {
	width: 126px;
	height: 35px;
	line-height:35px;
	color:#FFFFFF;
	text-align:center;
	margin: 0 auto 50px auto;
	clear: both;
}

.event_style3_more a:link,.event_style3_more a:visited {
	width: 100%;
	height: 35px;
	color:#FFFFFF;
	display: block;
	background-image: url(../images/event_style3_more_btn.png);
}

.event_style3_more a:hover,.event_style3_more a:active {
	width: 100%;
	height: 35px;
	color:#FFFFFF;
	display: block;
	background-image:url(../images/event_style3_more_btn_hover.png);
}





/*單書制式活動 樣式三 推薦 */
.event_style3_recommend_bk {
	width: 100%;
	max-width:1060px;
	height:auto;
	margin: 11px auto;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image:url(../images/event_style3_bk.jpg);

}

.event_style3_recommend_top{
	width:100%;
	height:12px;
	background-image:url(../images/event_style3_top_bk.png);
	background-repeat:repeat-x;

	}

.event_style3_recommend_bottom{
	width:100%;
	height:10px;
	background-image:url(../images/event_style3_bottom_bk.png);
	background-repeat:repeat-x;

	}


.event_style3_recommend_border{
	width: 100%;
	height:100%;
	padding:11px 15px;
	background-image:url(../images/event_style3_center_bk.jpg);

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_style3_recommend_title{
	width:216px;
	height:90px;
	background-image:url(../images/event_style3__recommend_title.png);
	position:absolute;
	top:23px;
	left:50%;
	margin-left:-108px;
	z-index:10;

	}

.event_style3_recommend_center {
	width: 100%;
	height:100%;
	padding:96px 0 43px 0;
	border:2px #ff8bae dotted;
	position:relative;
	overflow:hidden;

    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.event_style3_recommend_center ul li{
	width: 50%;
	height:auto;
	color: #333;
	font-size: 16px;
	overflow:hidden;

	float:left;
	padding:0 1% 0 3.816%;
	margin-bottom:14px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.event_style3_recommend_center ul li a{
	color: #333;
}


.event_foot_banner_style3_pc{
	display:block;
	width:100%;
	max-width:1060px;
	height:auto;
	overflow:hidden;
	margin:0 auto 19px auto;
	}

.event_foot_banner_style3_pc img{
	border:1px #f5739a solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_foot_banner_style3_phone{
	display:none;
	width:100%;
	height:auto;
	overflow:hidden;
	}


/*BN制式活動*/
.event_bn_bk{
	width: 100%;
	height:auto;
	overflow:hidden;
	background-image:url(../images/event_bn_bk.jpg);
	}
.bn_style_benner_pc{
	width:100%;
	overflow:hidden;
	max-width:1060px;
	height:auto;
	margin:0 auto;
	}
.bn_style_benner_phone{
	display:none;
	overflow:hidden;
	width:100%;
	height:auto;
	}

.event_bn_title_bk{
	max-width:1060px;
	width: 100%;
	height:55px;
	margin:0 auto;
	padding-bottom:33px;
	background-image:url(../images/event_bn_tittle_bk.jpg);
	background-size:45px 55px;
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	}

.event_bn_title{
	height:55px;
	line-height:55px;
	margin-left:41px;
	color: #fff;
	font-size: 24px;
	}

.event_bn_more {
	width: 126px;
	height: 35px;
	line-height:35px;
	margin: 0 auto 50px auto;
	clear: both;
}

.event_bn_more a:link,.event_bn_more a:visited {
	width: 126px;
	height: 35px;
	color:#FFFFFF;
	display: block;

	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #484848;
}

.event_bn_more a:hover,.event_bn_more a:active {
	width: 126px;
	height: 35px;
	color:#FFFFFF;
	display: block;

	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #484848;
}

.event_bn_recommend_bk {
	width: 100%;
	max-width:1060px;
	height:auto;
	overflow:hidden;
	margin: 0 auto 13px auto;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color:#f8f8f8;
}



.event_bn_recommend_center{
	width:100%;
	height:auto;
	overflow:hidden;
	}

.event_bn_recommend_center ul{
	padding:65px 0 41px 0;
	overflow:hidden;
	}

.event_bn_recommend_center ul li{
	width: 50%;
	height:auto;
	color: #333;
	font-size: 16px;
	overflow:hidden;

	float:left;
	padding:0 1% 0 3.816%;
	margin-bottom:14px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.event_bn_recommend_center ul li a{
	color: #333;
}


.event_bn_recommend_title_bk{
	max-width:1060px;
	width: 100%;
	height:55px;
	margin:0 auto;
	background-image:url(../images/event_bn_recommend_tittle_bk.jpg);
	background-size:45px 55px;
	background-repeat:repeat-x;
	}

.event_bn_recommend_title{
	height:55px;
	line-height:55px;
	padding:0 1% 0 3.816%;
	color: #fff;
	font-size: 24px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}


.event_foot_bn_pc{
	display:block;
	width:100%;
	max-width:1060px;
	height:auto;
	overflow:hidden;
	margin:0 auto 19px auto;
	background-image:#bfe4f7;

	}

.event_foot_bn_pc img{
	border:1px #000000 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_foot_bn_phone{
	display:none;
	width:100%;
	height:auto;
	overflow:hidden;
	}


/*任務*/
.tasks_member {
	width: 96%;
	max-width: 1039px;
	min-height: 100px;
	height: auto;
	overflow:hidden;
	margin: 0 auto 9px auto;
	position: relative;
	clear: both;
	background-color:#f8f8f8;
	background-image:url(../images/tasks_member_line.jpg);
	background-position: center 15px;
	background-repeat:no-repeat;
	background-size:1px 76%;
}

.tasks_member_box01{
	width: 50%;
	height: auto;
	display:block;
	float:left;
	margin:22px 0 18px 0;
	padding:0 19px;
	overflow:hidden;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.tasks_member_box02{
	width: 50%;
	min-height: 58px;
	height: auto;
	float:left;
	margin:23px 0 18px 0;
	padding:0 19px;
	overflow:hidden;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.tasks_member_title01{
	width:100%;
	height:15px;
	color: #474747;
	font-size: 14px;
	line-height:15px;
	margin-bottom:2px;

	}

.tasks_member_icon {
	width: 36px;
	height: 36px;
	position: absolute;
	top: 4px;
	left: 0;
}
.tasks_member_account {
  width: 100%;
  height: 45px;
  line-height:24px;
  position:relative;
  padding:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tasks_member_account {
  width: 100%;
  height: 45px;
  line-height:24px;
  position:relative;
  padding:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  font-size:0;
}

.tasks_member_account:before {
  content: '';
  display: inline-block;
  vertical-align: middle ;
  height: 100%;
  width: 0;
}

.tasks_member_account_text {
  display: inline-block;
  font-size:18px;
  color:#629540;
  vertical-align: middle;
  word-break:break-all;
}

.cht_tasks_member_account_text {
  display: inline-block;
  font-size:18px;
  color:#629540;
  vertical-align: middle;
  word-break:break-all;
}

.tasks_member_account_authenticate {
	width: auto;
	color: #484848;
	font-size: 14px;

	font-weight:normal;
	vertical-align:text-bottom;
	word-wrap: break-word;
    word-break: break-all;
}

.cht_tasks_member_account_authenticate {
	width: auto;
	color: #484848;
	font-size: 14px;
	line-height:16px;
	font-weight:normal;
	vertical-align:text-bottom;
	word-wrap: break-word;
    word-break: break-all;
}


.tasks_point {
  width: 100%;
  height: 45px;
  line-height:24px;
  position:relative;
  padding:0 0 0 42px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align:text-bottom;
}

.tasks_point:before {
  content: '';
  display: inline-block;
  vertical-align: middle ;
  height: 100%;
  width: 0;
}

.tasks_point_text {
  display: inline-block;
  font-size:24px;
  color:#333333;
  font-weight:bold;
  vertical-align: middle;
  word-break:break-all; width:95%;   overflow:hidden;
}


.cht_tasks_point {
  width: 100%;
  height: 45px;
  line-height:24px;
  position:relative;
  padding:0 0 0 42px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align:text-bottom;
}


.cht_tasks_point_text {
  display: inline-block;
  font-size:24px;
  line-height:24px;
  color:#333333;
  font-weight:bold;
  vertical-align: middle;
  word-break:break-all;
  width:95%;
  overflow:hidden;
}

.tasks_point_authenticate {
	width: auto;
	color: #484848;
	font-size: 14px;
	font-weight:normal;
	vertical-align:text-bottom;
	word-wrap: break-word;
    word-break: break-all;
}

.tasks_reward_notice {
	width: 20px;
	height: 20px;
	color:#FFFFFF;
	font-size:14px;
	display:inline-block;
	line-height:20px;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #eb2311;
	position:absolute;
	top:13px;
	right:5px;
}

.tasks_ex_block{
	width:50px;
	height:16px;
	color: #999;
	font-size: 13px;
	line-height:16px;
	position:absolute;
	bottom:11px;
	right:11px;
	background-image:url(../images/tasks_ex_icon.png);
	background-repeat:no-repeat;
	background-size:16px 16px;
	}

.tasks_ex_block a{
	width:50px;
	height:16px;
	display:block;
	color: #999;
	font-size: 13px;
	line-height:16px;
	padding-left:21px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

/*任務表格*/
.tasks_table {
	display: block;
	width: 96%;
	max-width: 1039px;
	min-height:577px;
	height: auto;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	margin: 0 auto 30px auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tasks_table_title {
	width: 100%;
	height: 29px;
	color: #999;
	font-size: 14px;
	line-height: 29px;
	border-bottom: 1px solid #cbcbcb;
	background-color: #f8f8f8;
	position: relative;
}
.tasks_table_title .abox {
	width: 155px;
	min-width: 160px;
	height: 29px;
	padding-left: 1.832%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
}
.tasks_table_title .bbox {
	width: 225px;
	height: 29px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
}

.tasks_table ul li {
	width: 100%;
	min-height: 109px;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #cbcbcb;
	background-color: #fff;
	position: relative;
}
.tasks_table ul li:last-child {
	width: 100%;
	min-height: 109px;
	height: auto;
	margin-bottom: 0;
	overflow: hidden;
	border-bottom: none;
	background-color: #fff;
	position: relative;
}
.tasks_table_list .abox {
	width: 91px;
	height: 91px;
	overflow:hidden;

	-moz-border-radius: 45px;
	-webkit-border-radius: 45px;
	border-radius: 45px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;

	margin-top:-46px;
	position: absolute;
	top: 50%;
	left: 20px;
}

.tasks_table_list .abox img{
	width: 100%;
	height:auto;

}

.tasks_table_list .bbox {
  height:109px;
  width:100%;
  margin:0 auto;
  padding:0 245px 0 130px;
  font-size:0;
}

.tasks_table_list .bbox:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.tasks_table_text_block{
  display: inline-block;
  font-size:16px;
  vertical-align: middle;
}

.tasks_table_text_block a{
  width:100%;
  color:#333333;
  display:block;
  margin-bottom:2px;
}


.tasks_table_text01{
	width:100%;
	clear:both;
	color: #656565;
	font-size: 14px;
	}

.tasks_table_box {
	width: 225px;
	min-height: 16px;
	height: auto;
	font-size:14px;
	color: #484848;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	right:0;
}
.tasks_table_list .cbox {
	width: 185px;
	min-height: 16px;
	line-height: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
}
.tasks_table_list .dbox {
	width: 12px;
	height:12px;

	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #5db307; /* layer fill content */

	position:absolute;
	top: 2px;
	right: 16px;
}

.color_ec2312{
	color:#ec2312;
	}


.tasks_none {
	width:100%;
	height: 547px;
	background-repeat:no-repeat;
	background-position:center;
	display : table;
    *position : relative;
}

.tasks_none a {
  height:79px;
	display : table-cell;
	text-align : left;
	vertical-align : middle;
    *display : block;
    *position : absolute;
    *top : expression(  this.parentElement.clientHeight / 2 - this.clientHeight / 2);
    *width : 100%;
	}

.tasks_none_pic {
	width:72px;
	height:73px;
	display:block;
	margin:0 auto 17px auto;
	}

.tasks_none_text {
	width:300px;
	height:auto;
	line-height:24px;
	color: #999;
	font-size: 18px;
	text-align:center;
	display:block;
	margin:0 auto;
	}

/*簡化的TOP*/
.simply_logo {
	display: block;
	width: 145px;
	height: 30px;
	position: absolute;
	top: 12px;
	left: 1.796%;
}
.simply_logo a {
	display: block;
	width: 100%;
	height: 30px;
	background-image: url(../images/logo.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

/*簡化的TOP 登入登出*/
.top_log_open {
	display: block;
	width: 41px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	padding-top: 18px;
	margin-right: 1.792%;
	float: right;
}
.top_log_open a:link, .top_log_open a:visited {
	width: 41px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	display: block;
	background-image: url(../images/top_grey_arrow_hover.png);
	background-position: 32px 9px;
	background-repeat: no-repeat;
}
.top_log_open a:hover, .top_log_open a:active {
	width: 41px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	display: block;
	background-image: url(../images/top_grey_arrow_hover.png);
	background-position: 32px 9px;
	background-repeat: no-repeat;
}

.top_log_close {
	display: block;
	width: 41px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	padding-top: 18px;
	margin-right: 1.792%;
	float: right;
}
.top_log_close a:link, .top_log_close a:visited {
	width: 41px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	display: block;
	background-image: url(../images/top_grey_arrow.png);
	background-position: 32px 9px;
	background-repeat: no-repeat;
}
.top_log_close a:hover, .top_log_close a:active {
	width: 41px;
	height: 14px;
	color: #474747;
	font-size: 14px;
	display: block;
	background-image: url(../images/top_grey_arrow.png);
	background-position: 32px 9px;
	background-repeat: no-repeat;
}
.top_log_drop {
	display: none;
	width: auto;
	min-width: 190px;
	height: auto;
	border: 1px solid #ededed;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.05);
	-moz-box-shadow: 0 2px 0 rgba(0,0,0,0.05);
	box-shadow: 0 2px 0 rgba(0,0,0,0.05);
	position: absolute;
	top: 47px;
	right: 3px;
	z-index:999;
}

.top_log_drop_phone {
	width: auto;
	min-width: 135px;
	height: auto;
	color: #333;
	font-size: 16px;
	line-height: 20px;
	padding-top: 21px;
	margin: 0 32px 20px 32px;
}
.top_log_drop_line {
	width: 100%;
	height: 1px;
	background-color: #e2e2e2;
	position: relative;
	margin-bottom: 15px;
}
.top_log_drop_btn_box {
	width: 100%;
	min-height: 53px;
	height: auto;
	text-align: center;
	padding: 0 7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.top_log_drop_btn01 {
	width: 168px;
	height: 38px;
	color: #61953f;
	font-size: 16px;
	text-align: center;
	line-height: 38px;
	margin: 0 4px;
	display: inline-block;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	position: relative;
}
.top_log_drop_btn01 a {
	width: 168px;
	height: 38px;
	display: block;
	color: #333333;
	font-size: 16px;
	text-align: center;
	line-height: 38px;
}
.top_log_drop_btn02 {
	width: 168px;
	height: 38px;
	color: #629540;
	font-size: 16px;
	text-align: center;
	line-height: 38px;
	margin: 0 4px;
	display: inline-block;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	position: relative;
}
.top_log_drop_btn02 a {
	width: 168px;
	height: 38px;
	display: block;
	color: #629540;
	font-size: 16px;
	text-align: center;
	line-height: 38px;
}


/*任務內頁-點數*/
.notice_pop {
	display: block;
	width: 90%;
	clear: both;
	max-width: 780px;
	height: auto;
	overflow: hidden;
	background-color: #fff;
	position: relative;
	margin: 0 auto 50px auto;
	border: 1px solid #eeeeee;
}
.task_inpage_concent{
	width:720px;
	height:auto;
	margin:80px auto 0 auto;
	}
.task_inpage_point{
	width:720px;
	height:300px;
	margin-bottom:10px;
	position:relative;
	}

.task_inpage_point_left{
	width:300px;
	height:300px;
	overflow:hidden;
	float:left;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #5db308; /* layer fill content */
	}

.task_inpage_point_right{
	width:420px;
	height:300px;
	overflow:hidden;
	float:left;
	position:relative;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #5db308; /* layer fill content */
	}

.task_inpage_point_doitted{
	width:2px;
	height:268px;
	background-image: url(../images/tasks_eventpic_doitted.png);
	background-repeat:repeat-y;
	z-index:10;
	position:absolute;
	top:16px;
	left:299px;
	}


.task_inpage_point_text_box{
	width:400px;
	height:300px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
	display : table;
    *position : relative;
	}

.task_inpage_point_text_box p{
	width:400px;
	height: 300px;
	display : table-cell;
	text-align : center;
	vertical-align : middle;
	 *display : block;
	 *position : absolute;
	 *top : expression(  this.parentElement.clientHeight / 2 - this.clientHeight / 2);
	 *width : 100%;
}

.task_inpage_point_title{
	width:400px;
	color: #fff;
	display:block;
	font-size: 48px;
	line-height:48px;
	font-weight:bold;
	margin-bottom:15px;
	}

.task_inpage_point_date{
	width:400px;
	color: #e1f9c8;
	font-size: 16px;
	line-height:17px;
	}

.task_inpage_point_concent{
	width:720px;
	height:auto;

	padding:40px 69px 38px 69px;
	margin-bottom:20px;

	border: 1px solid #cbcbcb; /* stroke */
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #f7f7f7; /* layer fill content */

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.task_inpage_point_concent_title{
	width:100%;
	height:auto;
	line-height:35px;
	color: #000;
	font-size: 32px;
	margin-bottom:8px;
	padding:0 13px;

    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.task_inpage_point_concent_title_s{
	width:100%;
	height:auto;
	color: #555555;
	font-size: 18px;
	margin-bottom:24px;
	padding:0 13px;

    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.task_inpage_point_concent_line{
	width:100%;
	height:1px;
	background-color:#4c4c4c;
	margin-bottom:26px;
}

.task_inpage_point_concent_item01{
	width:100%;
	height:15px;
	color: #474747;
	font-size: 14px;
	margin-bottom:9px;
	padding:0 7px;

    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.task_inpage_point_concent_text01{
	width:100%;
	height:auto;
	color: #333;
	font-size: 16px;
	line-height:21px;
	margin-bottom:24px;
	padding:0 13px;

    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	}

.task_inpage_point_concent_number{
	width:100%;
	height:auto;
	color: #333;
	font-size: 16px;
	line-height:24px;
	margin-bottom:7px;
	padding:0 13px 0 27px;
	text-indent:-14px;

    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	}

.task_inpage_point_concent_btn{
	width:320px;
	height:50px;
	color: #fff;
	font-size: 18px;
	text-align:center;
	line-height:50px;
	margin:37px auto 0 auto;
	background-color:#363b41;
	}

.task_inpage_point_concent_btn a{
	width:320px;
	height:50px;
	display:block;
	color: #fff;
	font-size: 18px;
	text-align:center;
	line-height:50px;
	margin:0 auto;
	background-color:#363b41;
	}

/*任務 體驗券*/
.task_inpage_experience_voucher_right{
	width:420px;
	height:300px;
	overflow:hidden;
	float:left;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #29a5b3;

	}

.task_inpage_experience_voucher_text_box{
	width:400px;
	height:300px;
	overflow:hidden;
	position:relative;
	text-align:center;
	margin:0 auto;
	padding-top:28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.task_inpage_experience_voucher_text01{
	width:400px;
	color: #fff;
	font-size: 16px;
	line-height:17px;
	margin:0 auto 15px auto;
	position:relative;
	}

.task_inpage_experience_voucher_title{
	width:400px;
	color: #fff;
	display:block;
	font-size: 84px;
	line-height:85px;
	font-weight:bold;
	margin:0 auto 17px auto;
	}

.task_inpage_experience_voucher_date{
	width:400px;
	color: #cccccc;
	font-size: 16px;
	line-height:17px;
	margin:0 auto 15px auto;
	}

.task_inpage_experience_voucher_text02{
	width:400px;
	color: #cccccc;
	font-size: 16px;
	line-height:17px;
	margin:0 auto 15px auto;
	}

.task_inpage_experience_voucher_text02 a{
	width:400px;
	color: #cccccc;
	font-size: 16px;
	line-height:17px;
	}

.task_inpage_experience_voucher_code_bk{
	width:290px;
	height:50px;
	background-color:#FFFFFF;
	text-align:center;
	margin:0 auto 16px;
	}
.task_inpage_experience_voucher_code_text01{
	width:27px;
	height:50px;
	line-height:50px;
	color: #656565;
	font-size: 13px;
	display:inline-block;
	}

.task_inpage_experience_voucher_code_text02{
	width:auto;
	height:50px;
	line-height:50px;
	color: #656565;
	font-size: 30px;
	display:inline-block;
	}



/*任務 指定書*/

.task_inpage_book_left{
	width:300px;
	height:300px;
	overflow:hidden;
	float:left;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #5db308; /* layer fill content */
	border: 1px solid #cbcbcb; /* stroke */

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.task_inpage_book_right{
	width:420px;
	height:300px;
	overflow:hidden;
	float:left;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;

	border: 1px solid #cbcbcb; /* stroke */

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	}


.task_inpage_book_text01{
	width:400px;
	color: #484848;
	font-size: 16px;
	line-height:17px;
	margin:0 auto 15px auto;
	position:relative;
	}

.task_inpage_book_title{
	width:400px;
	color: #484848;
	display:block;
	font-size: 84px;
	line-height:85px;
	font-weight:bold;
	margin:0 auto 17px auto;
	}

.task_inpage_book_date{
	width:400px;
	color: #484848;
	font-size: 16px;
	line-height:17px;
	margin:0 auto 15px auto;
	}

.task_inpage_book_text02{
	width:400px;
	color: #484848;
	font-size: 16px;
	line-height:17px;
	margin:0 auto 15px auto;
	}

.task_inpage_book_text02 a{
	width:400px;
	color: #484848;
	font-size: 16px;
	line-height:17px;
	}

.task_inpage_book_code_bk{
	width:290px;
	height:50px;
	background-color:#363b41;
	text-align:center;
	margin:0 auto 16px;
	}
.task_inpage_book_code_text01{
	width:27px;
	height:50px;
	line-height:50px;
	color: #fff;
	font-size: 13px;
	display:inline-block;
	}

.task_inpage_book_code_text02{
	width:150px;
	height:50px;
	line-height:50px;
	color: #fff;
	font-size: 30px;
	display:inline-block;
	}



/*任務 任選書*/
.task_inpage_choose_right{
	width:420px;
	height:300px;
	overflow:hidden;
	float:left;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #bba90b;

	}


/*任務 購書折扣*/
.task_inpage_discount_right{
	width:420px;
	height:300px;
	overflow:hidden;
	float:left;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #1b89c0;

	}



/*任務 禮物*/
.task_inpage_gift_right{
	width:420px;
	height:300px;
	overflow:hidden;
	float:left;
	position:relative;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #e55993; /* layer fill content */
	}

.task_inpage_gift_title{
	width:400px;
	color: #fff;
	display:block;
	font-size: 36px;
	line-height:48px;
	font-weight:bold;
	margin-bottom:15px;
	}

.task_inpage_gift_date{
	width:209px;
	height:27px;
	display:block;
	color: #ec2312;
	font-size: 16px;
	line-height:27px;
	background-color:#FFFFFF;
	margin:0 auto;

	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	}

.color_ec2312{
	color:#ec2312;
	}


/*二次認證*/
#verification_container {
   width:100%;
   min-height:100%;
   height: auto !important;
   height: 100%;
   position: relative;
   padding-top:60px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   }

 .verification_content{
	width:90%;
	max-width:550px;
	min-height:440px;
	margin:60px auto 0 auto;
	padding-bottom:107px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.verification_foot{
	width:100%;
	height:107px;
	border-top:1px dotted #a2a2a2;

	color: #656565;
	font-size:0;
    text-align: center;

	position: absolute;
	bottom: 0;
	clear:both;

	}

.verification_foot:before {
  content: '';
  display: inline-block;
  vertical-align: middle ;
  height: 100%;


}

.verification_foot_text{
  display: inline-block;
  vertical-align: middle;
  width: 80%;

  color: #656565;
  font-size:13px;
  line-height:22px;
}

.verification_foot_phone{
	display:block;
}

.verification_logo {
	display: block;
	width: 145px;
	height: 30px;
	position: absolute;
	top: 12px;
	left: 1px;
}
.verification_logo a {
	display: block;
	width: 100%;
	height: 30px;
	background-image: url(verification_logo.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.get_verification_title{
	color: #000;
	font-size: 24px;
	text-align:center;
	margin-top:130px;
	font-weight:bold;
	}

.get_verification_text{
	color: #474747;
	font-size: 15px;
	text-align:left;
	margin:5px 0 50px 0;
	line-height:22px;
	}

.color_3f9903{
	color:#3f9903;
	}

.get_verification_btn{
	width:280px;
	height:50px;
	line-height:50px;
	color: #fff;
	font-size: 18px;

	text-align:center;
	margin:0 auto;


	}

.get_verification_btn a{
	width:280px;
	height:50px;
	display:block;
	line-height:50px;
	color: #fff;
	font-size: 18px;

	text-align:center;
	background-color:#629540;
	}

.verification_code_input_time{
	width:100%;
	height:16px;
	color: #484848;
	font-size: 14px;
	text-align:center;
	margin:8px 0 13px 0;
	line-height:16px;
	}
.verification_code_input_text{
	width:100%;
	min-height:16px;
	height:auto;
	color: #484848;
	font-size: 14px;
	text-align:center;
	margin:0 0 13px 0 ;
	line-height:20px;
	word-wrap: break-word;
	word-break: break-all;
	}

.verification_code_input_text sapn{
	display:inline-block;
	}

.verification_code_input {
	width: 282px;
	height: 52px;

	position:relative;
	margin: 0 auto 12px auto;
}

.verification_code_input input{
	width: 282px;
	height: 52px;
	line-height:40px;
	font-size:19px;
	padding:5px;
	border: 1px solid #666666;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.verification_code_btn_box{
	width:282px;
	height:57px;
	margin:0 auto 11px auto;
	position:relative;
	}

.verification_code_btn01{
	width:136px;
	height:50px;
	position:absolute;
	top:0;
	left:0;
	background-color: #999;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	}

.verification_code_btn01 a{
	width:136px;
	height:50px;
	line-height:50px;
	display:block;
	color: #fff;
	font-size: 18px;
	text-align:center;

	}

.verification_code_btn02{
	width:136px;
	height:50px;
	position:absolute;
	top:0;
	right:0;
	background-color: #629540;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	}

.verification_code_btn02 a{
	width:136px;
	height:50px;
	line-height:50px;
	display:block;
	color: #fff;
	font-size: 18px;
	text-align:center;

	}

.verification_code_getitagain{
	width:110px;
	height:15px;
	line-height:15px;
	color: #474747;
	font-size: 14px;


	margin:0 auto;
	position:relative;
	background-image:url(../images/verification_code_getitagain_arrow.png);

	background-repeat:no-repeat;
	background-position:center right;

	}

.verification_code_getitagain a{
	width:110px;
	height:15px;
	line-height:15px;
	color: #474747;
	font-size: 14px;
	display:block;

	}

.verification_code_input_error {
	width: 282px;
	height: 52px;

	position:relative;
	margin: 0 auto 10px auto;
}
.verification_code_input_error input{
	width: 282px;
	height: 52px;
	line-height:42px;
	font-size:19px;
	padding:5px;
	border: 1px solid #cc0000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.verification_code_error_notice{
	width:100%;
	text-align:center;
	height:15px;
	color: #cb0000;
	font-size: 14px;

	margin:0 auto 15px auto;
	position:relative;

	}

.verification_time_out{
	width:100%;
	text-align:center;
	height:25px;
	line-height:25px;
	color: #0c0000;
	font-size: 24px;
	margin:130px 0 54px 0;
	font-weight:bold;

	}

/*自有會員登入頁的TOP*/
.top_logo_center {
	display: block;
	width: 145px;
	height: 30px;
	position:relative;
	margin:12px auto 0 auto;
}
.top_logo_center a {
	display: block;
	width: 100%;
	height: 30px;
	background-image: url(../images/logo.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.login_page_top_space{
	width:100%;
	height:99px;
	}

.login_page_concent{
	width:500px;
	height:auto;
	margin:0 auto 0 auto;
	overflow:hidden;

	border: 1px solid #e0e0e0;
	-moz-box-shadow: 0 3px 3px #f0f0f0;
	-webkit-box-shadow: 0 3px 3px #f0f0f0;
	box-shadow: 0 3px 3px #f0f0f0;
	background-color:#fafafa;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.login_page_concent_main{
	width:500px;
	height:auto;
	overflow: hidden;
	}

.login_page_title01{
	width:100%;
	height:37px;
	line-height:37px;
	color:#000;
	font-size: 29px;
	text-align:center;
	padding:44px 0 0 0;
	margin:0 0 25px 0;
	}

.login_input_list,.login_input_list_pre{
	width:307px;
	height:50px;

	position:relative;
	margin:0 auto 10px auto;
	}

.login_input_list input{
	height:50px;
	color:#000000;
	font-size:16px;
	line-height:50px;
	padding:0 5px;
	border: 1px solid #656565;
    background-color: #fff;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;


	}

.login_input_list input::-webkit-input-placeholder { /* WebKit browsers */ color: #999;  -webkit-transition: color.5s;}
.login_input_list input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; -webkit-transition: color.5s;}
.login_input_list input ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; -webkit-transition: color.5s;}
.login_input_list input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; -webkit-transition: color.5s;}


.login_input_list input:focus, input:hover{
    color: #000;
    -webkit-transition: color.5s;
    padding:0 4px;
    border: 2px solid #61953f;
    background-color: #fff;
}

.login_input_list input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder {color: #999!important; }


.login_input_width_100 {
	width: 100%;
}

.login_input_width_keyboard {
	width: 251px;
}

.login_input_keyboard{
	width:51px;
	height:50px;
	position:absolute;
	top:0;
	right:0;


	}









.login_input_list_error{
	width:307px;
	height:50px;

	position:relative;
	margin:0 auto 10px auto;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.login_input_list_error input{
	height:50px;
	color:#cc0000;
	line-height:50px;
	padding:0 5px;
	border: 1px solid #cc0000;
    background-color: #fff;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	}

.login_input_list_error input::-webkit-input-placeholder { /* WebKit browsers */ color: #cc0000;  -webkit-transition: color.5s;}
.login_input_list_error input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #cc0000; -webkit-transition: color.5s;}
.login_input_list_error input ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #cc0000; -webkit-transition: color.5s;}
.login_input_list_error input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #cc0000; -webkit-transition: color.5s;}


.login_input_list_error input:focus, input:hover{
    color: #000;
    -webkit-transition: color.5s;
    padding:0 4px;
    border: 2px solid #61953f;
    background-color: #fff;
}

.login_input_list_error input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder {color: #999!important; }

.login_input_btn01{
	width:307px;
	height:50px;
	line-height:50px;
	text-align:center;
	color:fff;
	font-size:18px;
	margin:0 auto 52px auto;
	background-color:#629540;
	}

.login_input_btn01 a:link,.login_input_btn01 a:visited{
	width:307px;
	height:50px;
	display:block;
	color:#fff;
	background-color:#629540;
	}

.login_input_btn01 a:hover,.login_input_btn01 a:active{
	width:307px;
	height:50px;
	display:block;
	color:#fff;
	background-color:#5db307;
	}


.login_input_btn01_locked{
	width:307px;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#fff;
	font-size:18px;
	margin:0 auto ;
	background-color:#cccccc;
	}

.login_input_btn01_locked a{
	width:307px;
	height:50px;
	display:block;
	color:#fff;
	}

.login_page_forget_password{
	width:62px;
	height:15px;
	font-size: 14px;
	line-height:15px;
	padding:10px 7px 0 0;
	margin: 0 auto 24px auto;
	}

.login_page_forget_password a:link,.login_page_forget_password a:visited{
	width:100%;
	height:15px;
	display:block;
	color: #474747;
	padding:0 7px 0 0;
	background-image:url(../images/login_page_arrow01.png);
	background-repeat:no-repeat;
	background-position: right 2px;
	background-size:7px 10px;
	}

.login_page_forget_password a:hover,.login_page_forget_password a:active{
	width:100%;
	height:15px;
	display:block;
	color: #629540;
	padding:0 7px 0 0;
	background-image:url(../images/login_page_arrow01_hover.png);
	background-repeat:no-repeat;
	background-position: right 2px;
	background-size:7px 10px;
	}




.login_page_forget_password02{
	width:64px;
	height:15px;
	line-height:15px;
	padding:10px 7px 0 0;
	margin: 0 auto 24px auto;
	}

.login_page_forget_password02 a:link,.login_page_forget_password02 a:visited{
	width:64px;
	height:15px;
	display:block;
	color: #474747;
	font-size: 14px;
	padding:0 7px 0 0;
	background-image:url(../images/login_page_arrow01.png);
	background-repeat:no-repeat;
	background-position: right 2px;
	background-size:7px 10px;
	}

.login_page_forget_password02 a:hover,.login_page_forget_password02 a:active{
	width:64px;
	height:15px;
	display:block;
	color: #629540;
	font-size: 14px;
	padding:0 7px 0 0;
	background-image:url(../images/login_page_arrow01_hover.png);
	background-repeat:no-repeat;
	background-position: right 2px;
	background-size:7px 10px;
	}

.login_page_text01{
	width:100%;
	height:25px;
	text-align:center;
	line-height:25px;
	color: #000;
	font-size: 24px;
	padding: 32px 0 0 0;
	margin:0 auto 19px auto;
	position:relative;
	}

.login_input_btn_white{
	width:307px;
	height:50px;
	text-align:center;
	color:#000;
	font-size:18px;
	margin:0 auto 10px auto;

	position:relative;
	background-color:#FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.login_input_btn_white a:link,.login_input_btn_white a:visited{
	width:307px;
	height:50px;
	display:block;
	color:#000;
	border:1px #000 solid;

	}

.login_input_btn_white a:hover,.login_input_btn_white a:active{
	width:307px;
	height:50px;
	display:block;
	color:#000;
	background-color:#f4f4f4;
	border: 1px solid #484848;
	}

.login_input_btn_edu {
    width: 307px;
    height: 50px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin: 0 auto 10px auto;
    position: relative;
    background-color: #81AA16;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

.login_input_btn_edu a:link,
.login_input_btn_edu a:visited {
    width: 307px;
    height: 50px;
    display: block;
    color: #fff;
    border: 1px #81AA16 solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

.login_input_btn_edu a:hover,
.login_input_btn_edu a:active {
    width: 307px;
    height: 50px;
    display: block;
    color: #fff;
    background-color: #81AA16;
    border: 1px solid #81AA16;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

/*最大尺寸*/
.login_input_btn_white_text{

	height:28px;
	line-height:28px;
	background-repeat:no-repeat;
	background-position: left 11px;
	background-size: 28px;
	margin:0 auto;
	padding:11px 0 0 41px;
	text-align:left;
	}

/*最大尺寸 中華登入文字*/
.login_input_btn_white_text_center{
    height: 28px;
    line-height: 28px;
    background-repeat: no-repeat;
    background-position: left 11px;
    background-size: 28px;
    margin: 0 auto;
    padding: 11px 10px 0 10px;
    text-align: center;
}

.login_input_btn_googletext{
	width:75px;
	background-image:url(../images/login_page_icon_google.png);
	}

.login_input_btn_edutext {
    width: 140px;
    background-image: url(../images/login_page_icon_edu.png);
    height: 42px;
    line-height: 42px;
    background-repeat: no-repeat;
    background-position: left 3px;
    background-size: 42px;
    margin: 0 auto;
    padding: 5px 0 0 50px;
    text-align: left;
    }

.login_input_btn_phonetext {
    width: 160px !important;
    background-image: url(../images/login_page_icon_cht.png);
}

.login_input_btn_diversetext {
    width: 145px !important;
    background-image: url(../images/login_page_icon_cht.png);
}

.login_input_btn_fbtext{
	width:75px;
	background-image:url(../images/login_page_icon_fb.png);
	}

.login_input_btn_emailtext{
		width:110px;
		background-image:url(../images/login_page_icon_email.png);
	}

.login_input_btn_appletext{
		width:150px;
		background-image:url(../images/login_page_icon_apple.png);
	}

.login_input_appleid_notice{
	width: 100%;
	font-size: 14px;
	text-align: center;
	color: #000;
	padding: 5px 0 0 0;
}

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

/*appleid 的說明*/
.login_input_appleid_notice_pop01{
	width:450px;
	height:auto;
	background-color:#FFFFFF;
	position:absolute;
	top:300px;
	left:50%;
	z-index:999;
	margin-left:-225px;
	text-align:center;
	padding:35px 45px 36px 45px;

	border: 1px solid #cbcbcb;
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2);
	box-shadow: 0 5px 5px rgba(0,0,0,.2);

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.login_input_appleid_notice_text{
		width:100%;
		height:auto;
		color:#484848;
		font-size:16px;
		line-height:30px;
		}


.login_input_btn_cht{
	width:307px;
	height:60px;
	line-height: 60px;
	text-align:center;
	color:fff;
	font-size:18px;
	margin:0 auto 10px auto;
	background-color:#017ac9;
	position:relative;
	}

.login_input_btn_cht a:link,.login_input_btn_cht a:visited{
	width:307px;
	height:60px;
	display:block;
	color:#fff;
	background-color:#017ac9;
	}

.login_input_btn_cht a:hover,.login_input_btn_cht a:active{
	width:307px;
	height:60px;
	display:block;
	color:#fff;
	background-color:#0069ad;
	}



.login_page_singup_btn{
	width:100%;
	height:59px;
	line-height:59px;
	text-align:center;
	background-color:#eeeeee;
	border-top:1px #d4d4d4 solid;
	margin:6px 0 0 0;
	}

.login_page_singup_btn a:link,.login_page_singup_btn a:visited{
	width:100%;
	height:59px;
	color: #474747;
	font-size: 18px;
	display:block;
	line-height:59px;
	text-align:center;
	background-color:#eeeeee;
	}

.login_page_singup_btn a:hover,.login_page_singup_btn a:active{
	width:100%;
	height:59px;
	color: #474747;
	font-size: 18px;
	display:block;
	line-height:59px;
	text-align:center;
	background-color:#d8d8d8;
	}


.login_page_remember_password{
	width:90px;
	height:15px;
	line-height:15px;
	font-size: 14px;
	padding:10px 7px 0 0;
	margin: 0 auto 36px auto;
	}

.login_page_remember_password a:link,.login_page_remember_password a:visited{
	width:90px;
	height:15px;
	display:block;
	color: #474747;
	padding:0 7px 0 0;
	background-image:url(../images/login_page_arrow01.png);
	background-repeat:no-repeat;
	background-position: right 2px;
	background-size:7px 10px;
	}

.login_page_remember_password a:hover,.login_page_remember_password a:active{
	width:90px;
	height:15px;
	display:block;
	color: #629540;
	padding:0 7px 0 0;
	background-image:url(../images/login_page_arrow01_hover.png);
	background-repeat:no-repeat;
	background-position: right 2px;
	background-size:7px 10px;
	}


.login_page_sent{
	width:175px;
	height:18px;
	line-height:18px;
	font-size:17px;
	color:#61963e;
	margin:0 auto;
	padding-top:17px;

	}

.login_page_title02{
	width:100%;
	height:37px;
	line-height:37px;
	color:#484848;
	font-size: 36px;
	text-align:center;
	padding:44px 0 0 0;
	margin:0  auto 17px  auto;
	}

.login_page_text02{
	width:410px;
	height:auto;
	color: #474747;
	font-size: 18px;
	line-height:24px;
	text-align: justify;
	margin:0 auto 34px auto;
	}

.login_page_error_text01{
	width:100%;
	height:17px;
	text-align:center;
	line-height:17px;
	color: #cb0000;
	font-size: 16px;
	padding:15px 0 0 0;
	}

.login_page_customer_service{
	width:118px;
	height:15px;
	line-height:15px;
	font-size: 14px;
	padding:21px 7px 0 0;
	margin: 0 auto 36px auto;
	}

.login_page_customer_service a:link,.login_page_customer_service a:visited{
	width:118px;
	height:15px;
	display:block;
	color: #474747;
	padding:0 7px 0 0;
	background-image:url(../images/login_page_arrow01.png);
	background-repeat:no-repeat;
	background-position: right 2px;
	background-size:7px 10px;
	}

.login_page_customer_service a:hover,.login_page_customer_service a:active{
	width:118px;
	height:15px;
	display:block;
	color: #629540;
	padding:0 7px 0 0;
	background-image:url(../images/login_page_arrow01_hover.png);
	background-repeat:no-repeat;
	background-position: right 2px;
	background-size:7px 10px;
	}

.reset_password_title{
	width:100%;
	height:37px;
	line-height:37px;
	color:#484848;
	font-size: 36px;
	text-align:center;
	padding:44px 0 0 0;
	margin:0  auto 38px  auto;
	}

.reset_password_success_text01{
	width:100%;
	height:19px;
	line-height:19px;
	font-size:#484848;
	color:#484848;
	text-align:center;
	margin:0 0 29px 0;
	}



/*會員註冊*/
.signup_input_list{
	width:307px;
	height:50px;

	position:relative;
	margin:0 auto 10px auto;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.signup_input_list input{
	height:50px;
	color:#000000;
	font-size:16px;
	line-height:50px;
	padding:0 5px;
	border: 1px solid #656565;
    background-color: #fff;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;


	}

.signup_input_list input::-webkit-input-placeholder { /* WebKit browsers */ color: #999;  -webkit-transition: color.5s;}
.signup_input_list input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; -webkit-transition: color.5s;}
.signup_input_list input ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; -webkit-transition: color.5s;}
.signup_input_list input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; -webkit-transition: color.5s;}


.signup_input_list input:focus, input:hover{
    color: #000;
    -webkit-transition: color.5s;
    padding:0 4px;
    border: 2px solid #61953f;
    background-color: #fff;
}

.signup_input_list input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder {color: #999!important; }


.signup_input_list_error{
	width:307px;
	height:50px;

	position:relative;
	margin:0 auto 10px auto;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.signup_input_list_error input{
	height:50px;
	color:#cc0000;
	font-size:16px;
	line-height:50px;
	padding:0 5px;
	border: 1px solid #cc0000;
    background-color: #fff;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	}

.signup_input_list_error input::-webkit-input-placeholder { /* WebKit browsers */ color: #cc0000;  -webkit-transition: color.5s;}
.signup_input_list_error input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #cc0000; -webkit-transition: color.5s;}
.signup_input_list_error input ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #cc0000; -webkit-transition: color.5s;}
.signup_input_list_error input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #cc0000; -webkit-transition: color.5s;}


.signup_input_list_error input:focus, input:hover{
    color: #000;
    -webkit-transition: color.5s;
    padding:0 4px;
    border: 2px solid #61953f;
    background-color: #fff;
}

.signup_input_list_error input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder {color: #999!important; }



.signup_input_btn01{
	width:307px;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#fff;
	font-size:18px;
	margin:0 auto ;
	background-color:#629540;
	}

.signup_input_btn01 a:link,.signup_input_btn01 a:visited{
	width:307px;
	height:50px;
	display:block;
	color:#fff;
	background-color:#629540;
	}

.signup_input_btn01 a:hover,.signup_input_btn01 a:active{
	width:307px;
	height:50px;
	display:block;
	color:#fff;
	background-color:#5db307;
	}


.sign_up_title01{
	width:100%;
	height:37px;
	line-height:37px;
	color:#484848;
	font-size: 36px;
	text-align:center;
	padding:43px 0 0 0;
	margin:0 0 18px 0;
	}



.sign_up_text01{
	width:100%;
	height:25px;
	line-height:25px;
	color:#484848;
	font-size: 24px;
	text-align:center;
	margin:0 0 25px 0;
	}

.sign_up_error_text01{
	width:287px;
	height:17px;
	line-height:17px;
	color:#cc0000;
	font-size: 16px;
	text-align:left;
	margin:0  auto 10px auto;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
     }

.sign_up_input_title{
	width:287px;
	height:18px;
	line-height:17px;
	color:#484848;
	font-size: 16px;
	text-align:left;
	padding:2px 0 0 0;
	margin:0  auto 10px auto;
	overflow:hidden;
	}

.sign_up_input_title_text{
	display:inline-block;
	}

.sign_up_input_title_note{
	line-height:17px;
	color:#999999;
	font-size: 13px;
	text-align:left;
	padding:2px 0 0 0;
	margin:0  auto 10px auto;
	display:inline-block;
	}

.input_width_127px {
	width: 127px;
}

.sign_up_verification_code{
	width:169px;
	height:38px;
	position:absolute;
	top:4px;
	right:0;
	}

.sign_up_verification_code_text{
	width:55px;
	height:14px;
	line-height:14px;
	color:#0091a4;
	font-size:13px;
	text-align:right;
	position:absolute;
	top:14px;
	right:4px;
	}

.signup_tick{
	width:20px;
	height:20px;
	position:absolute;
	top:17px;
	right:-30px;
	}

.sign_up_confirmation_title{
	width:100%;
	height:37px;
	line-height:37px;
	color:#484848;
	font-size: 36px;
	text-align:center;
	padding:44px 0 0 0;
	margin:0  auto 26px  auto;
	}

.sign_up_confirmation_text{
		width:410px;
		font-size:18px;
		color:#484848;
		line-height:30px;
		text-align:justify;
		margin:0 auto 50px auto;
	}


.sign_up_confirmation_notice{
	width:410px;
	font-size:14px;
	color: #666666;
	line-height:23px;
	text-align:justify;
	margin:0 auto 8px auto;
	border-top:dotted 1px #8b8b8b ;

	padding: 20px 5px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	}

.sign_up_confirmation_notice span{
	 color:#629540;
	}

.sign_up_confirmation_notice a{
	color:#629540;
	text-decoration:underline
	}



.sign_up_success_concent{
	width:500px;
	height:auto;
	margin:0 auto 0 auto;
	overflow:hidden;

	-moz-box-shadow: 0 3px 3px #f0f0f0;
	-webkit-box-shadow: 0 3px 3px #f0f0f0;
	box-shadow: 0 3px 3px #f0f0f0;
	background-color:#fafafa;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.sign_up_success_texe01{
	width:410px;
	height:25px;
	line-height:25px;
	color: #474747;
    font-size: 24px;
	padding:2px 0 0 0 ;
	margin:0 auto 12px auto;
	}
.sign_up_success_text_block{
	width:410px;
	height:auto;
	color: #474747;
	font-size: 18px;
	line-height:24px;
	margin:0 auto 34px auto;
	overflow:hidden;
	}

.sign_up_success_texe02{
	width:100%;
	min-height:24px;
	height:auto;
	overflow:hidden;
	position:relative;
	word-wrap: break-word;
    word-break: break-all;
	}

.sign_up_success_texe02 .a1{
	width:91px;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	}

.sign_up_success_texe02 .a2{
	width:100%;
	height:auto;
	position: relative;
	padding-left:91px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.sign_up_success_texe03{
	width:100%;
	height:auto;
	position: relative;
	margin-top:11px;
	}

.sing_up_success_qrcode{
	width:100%;
	height:auto;
	overflow:hidden;
	}

.sing_up_success_btn{
	display:none;
	}


.sing_up_success_homebtn{
	width:100%;
	height:59px;
	line-height:59px;
	text-align:center;
	background-color:#eeeeee;
	border-top:1px #d4d4d4 solid;
	}

.sing_up_success_homebtn a:link,.sing_up_success_homebtn a:visited{
	width:100%;
	height:59px;
	color: #474747;
	font-size: 18px;
	display:block;
	line-height:59px;
	text-align:center;
	background-color:#eeeeee;
	}

.sing_up_success_homebtn a:hover,.sing_up_success_homebtn a:active{
	width:100%;
	height:59px;
	color: #474747;
	font-size: 18px;
	display:block;
	line-height:59px;
	text-align:center;
	background-color:#d8d8d8;
	}

/*會員資訊*/

.member_info_block{
	width:96%;
    max-width:1039px;
	height:auto;
	border: 1px solid #cbcbcb;
	margin:0 auto;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position:relative;
	background-color:#f8f8f8
	}

.member_info_block .a1{
    width:50%;
	height:auto;

	padding:37px 0 14px 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

	position: relative;
	}

.member_info_block .a2{
    width:50%;
	height:auto;
	padding:37px 0 0 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position:absolute;
	top:0;
	left:50%;
	}

.member_info_back_color{
	background-color:#FFFFFF;
	}

.member_info_block02{
	width:96%;
    max-width:1039px;
	min-height:274px;
	min-width:300px;
	height:auto;
	border: 1px solid #cbcbcb;
	margin:0 auto ;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position:relative;
	background-color:#f8f8f8;
	}

.member_info_block02 .a1{
    width:50%;
	height:auto;
	padding:37px 0 0 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position:absolute;
	top:0;
	left:0;
	}

.member_info_block02 .a2{
    width:50%;
	height:auto;
	padding:37px 0 0 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position:absolute;
	top:0;
	left:50%;
	}


.member_info_item_title{
	width:56%;
	height:17px;
	line-height:17px;
	color: #474747;
	font-size: 16px;
    padding:0 0 0 15%;
	margin:0 0 10px 0;
	}

.member_info_input_list01{
	width:60%;
	height:auto;
	line-height:17px;
	color: #474747;
	font-size: 16px;
    padding:0 0 0 15%;
	margin:0 0 23px 0;
	overflow:hidden;
	}

.member_info_input_list01 input{
	width:100%;
	height:50px;
	color:#000000;
	font-size:16px;
	line-height:50px;
	padding:0 5px;
	border: 1px solid #656565;
    background-color: #fff;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	}

.member_info_input_list01 input::-webkit-input-placeholder { /* WebKit browsers */ color: #999;  -webkit-transition: color.5s;}
.member_info_input_list01 input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; -webkit-transition: color.5s;}
.member_info_input_list01 input ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; -webkit-transition: color.5s;}
.member_info_input_list01 input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; -webkit-transition: color.5s;}


.member_info_input_list01 input:focus, input:hover{
    color: #000;
    -webkit-transition: color.5s;
    padding:0 4px;
    border: 2px solid #61953f;
    background-color: #fff;
}

.member_info_input_list01 input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder {color: #999; }

.member_info_input_list02{
	width:100%;
	height:auto;
	min-height:41px;
    padding:0 0 0 15%;
	margin:0 0 23px 0;
	position:relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}


.member_info_two{
	width:60%;
	height:22px;
    padding:0 0 0 15%;
	margin-bottom: 22px;

	overflow:hidden;
	position:relative;
	}

.member_info_two_pop01{
	width:356px;
	height:136px;
	background-color:#FFFFFF;
	position:absolute;
	top:561px;
	left:50%;
	z-index:999;
	margin-left:-182.5px;
	text-align:center;

	border: 1px solid #cbcbcb;
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2);
	box-shadow: 0 5px 5px rgba(0,0,0,.2);
	}


.member_info_two_pop02{
	width:356px;
	height:136px;
	background-color:#FFFFFF;
	position:absolute;
	top:462px;
	left:50%;
	z-index:999;
	margin-left:-182.5px;
	text-align:center;

	border: 1px solid #cbcbcb;
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2);
	box-shadow: 0 5px 5px rgba(0,0,0,.2);
	}

.two_text{
	width:100%;
	height:136px;
	color:#484848;
	font-size:16px;
	line-height:136px;
	}


.member_info_two input[type="checkbox"] { display:none; }

.member_info_two input[type="checkbox"] + label span {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0;
    background: url(../images/check_radio_sheet.png)left top no-repeat;
    cursor: pointer;
}
.member_info_two input[type="checkbox"]:checked + label span {
    background:url(../images/check_radio_sheet.png) -22px top no-repeat;
}

.member_info_two_text{
	width:auto;
	height:22px;
	color: #474747;
	font-size: 16px;
	line-height:22px;
	position:absolute;
	top:1px;
	left:106px;
	}

/*交易安全驗證功能*/
.member_info_safety_pop01{
	width:450px;
	height:auto;
	background-color:#FFFFFF;
	position:absolute;
	top:490px;
	left:50%;
	z-index:999;
	margin-left:-225px;
	text-align:center;
	padding:35px 45px 36px 45px;

	border: 1px solid #cbcbcb;
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2);
	box-shadow: 0 5px 5px rgba(0,0,0,.2);

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.safety_title{
	width:100%;
	height:20px;
	color:#484848;
	font-size:16px;
	font-weight: bold;
	line-height:20px;
	padding-bottom: 10px;
	}

.safety_text{
	width:100%;
	height:auto;
	color:#484848;
	font-size:16px;
	line-height:30px;
	}

.member_info_safety_btn_block{
	width:100%;
	height:40px;
	text-align: center;
	margin:20px auto 0 auto;
	position:relative;
	}

.member_info_safety_btn01{
	width:48%;
	max-width:160px;
	height:40px;
	line-height:40px;
	text-align:center;
	display: inline-block;
	margin: 0 3px 0 0;
	}

.member_info_safety_btn01 a:link,.member_info_safety_btn01 a:visited{
	width:100%;
	max-width:160px;
	height:40px;
	color: #fff;
	font-size: 18px;
	display:block;
	background-color: #474747;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	}

.member_info_safety_btn01 a:hover,.member_info_safety_btn01 a:active{
	width:100%;
	height:40px;
	color: #fff;
	font-size: 18px;
	display:block;
	background-color: #000;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	}

.member_info_safety_btn02{
	width:48%;
	max-width:160px;
	height:40px;
	line-height:40px;
	text-align:center;
	display: inline-block;
	}

.member_info_safety_btn02 a:link,.member_info_safety_btn02 a:visited{
	width:100%;
	height:40px;
	color: #fff;
	font-size: 18px;
	display:block;
	background-color: #629540;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	}

.member_info_safety_btn02 a:hover,.member_info_safety_btn02 a:active{
	width:100%;
	height:40px;
	color: #fff;
	font-size: 18px;
	display:block;
	background-color: #5db307;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	}

/*取消交易安全驗證功能*/

.member_info_safety_pop02{
	width:450px;
	height:auto;
	background-color:#FFFFFF;
	position:absolute;
	top:510px;
	left:50%;
	z-index:999;
	margin-left:-225px;
	text-align:center;
	padding:35px 45px 36px 45px;

	border: 1px solid #cbcbcb;
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2);
	box-shadow: 0 5px 5px rgba(0,0,0,.2);

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}


/*會員資訊的下拉選單 PC*/
.member_info_dropdown-menu_date_width{
	width:97px;
	}

.member_info_dropdown-menu_add_width{
	width:132px;
	}

.member_info_floatleft{
	display:inline-block;
	}

.member_info_floatleft01{
	float:left;
	margin-bottom:23px;
	}

.member_info_floatleft02{
	float:left;
	margin-bottom:23px;
	}

.member_info_dropdown-menu {
  position: relative;
  height:40px;
  border:1px solid #666666;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color:#fff;
  float:left;
  background-image:url(../images/member_info-menu_close.jpg);
   background-repeat:no-repeat;
   background-position: right 0;
}


.member_info_dropdown-menu > span {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}

.member_info_dropdown-menu > span,
.member_info_dropdown-menu > div {
  cursor: pointer;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);


}



.member_info_text{
   width:51px;
   text-align:center;
   height:40px;
   line-height:40px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    box-sizing: border-box;

	}

.member_info_text02{
   width:65px;
   text-align:center;
   height:40px;
   line-height:40px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    box-sizing: border-box;

	}

.member_info_dropdown-menu > div {
   width:100%;
   height:40px;
   line-height:40px;
   background-color: rgba(0, 0, 0, 0);
   position: absolute;
   top: 0;
   left: 0;
   display: none;
}


.member_info_dropdown-menu > span:focus ~ div {
  display: block;
  background-image:url(../images/member_info-menu_open.jpg);
  background-repeat:no-repeat;
  background-position:right 0;
}

.member_info_dropdown-menu > ul {
  position: absolute;
  z-index: 1;
  visibility: hidden;
  transition: visibility 0.5s;
  opacity: 0;
}

.member_info_dropdown-menu > span:focus ~ ul {
  visibility: visible;
  opacity: 1;
}


.member_info-menu-style > span {
  width:100%;
  height:40px;
  line-height:40px;
  font: 16px;
  color: #999999;
  display:block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.member_info-menu-style > span:hover {
  opacity: 0.75;
}

.member_info-menu-style > ul {
  width:100%;
  max-height:237px;
  border: 1px solid #666666;
  margin: 2px 0 0 -1px;
  padding:2px 0;
  overflow-y:scroll;
  overflow-x:hidden;

   background: #fff;
}

.member_info-menu-style li {
  height:33px;
  line-height:33px;
  padding: 0 0 0 7px;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.member_info-menu-style li:not(:first-child) {
  border-top: none;
}

.member_info-menu-style li:hover {
  background: #4b91f8;
}

.member_info-menu-style a:link,.member_info-menu-style a:visited {
	width:100%;
    height:33px;
	display:block;
    text-decoration: none;
    color: #555;
}

.member_info-menu-style a:hover,.member_info-menu-style a:active {
	width:100%;
    height:33px;
	display:block;
    text-decoration: none;
    color: #fff;
}

.member_info-menu_number{
	height:33px;
	padding-right:15px;
	background-image:url(../images/member_info-menu_tick.png);
	background-repeat:no-repeat;
	background-position:right 7px;
	float:left;
	}

.member_info_date_text{
   width:38px;
   height:40px;
   text-align:center;
   line-height:40px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    box-sizing: border-box;
   float:left;
	}

/*會員資訊下拉選單 Phone*/
.member_info_ph_select{
	display:none;
	}








.member_info_item_box01{
	width:100%;
    height:26px;
	margin:0 0 22px 0;
    padding:0 0 0 15%;
	-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    box-sizing: border-box;
	position:relative;
	}

.member_info_item_box02{
	width:100%;
	height:auto;
	margin:0 0 40px 0;

    padding:0 0 0 15%;
	 -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    box-sizing: border-box;
	position:relative;
	}

.member_info_item_title02{
	width:42px;
	height:26px;
	line-height:26px;
	color: #474747;
	font-size: 16px;
	margin:0 11px 0 0;
	float:left;
	}

.member_info_item_title03{
	width:50px;
	height:40px;
	line-height:40px;
	color: #474747;
	font-size: 16px;
	margin:0 14px 0 0;
	display:inline-block;

	}


.member_info_radiobutton_box{
	width:auto;
	height:26px;
	float:left;

	}
.member_info_radiobutton{
	width:80px;
	height:26px;
	line-height:26px;
	float:left;
	position:relative;
	}

.member_info_radiobutton input[type="radio"] { display:none; }

.member_info_radiobutton input[type="radio"] + label span {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 0;
	line-height:26px;
	color: #474747;
	font-size: 16px;
    background: url(../images/member_info_check_radio_sheet.png)left top no-repeat;
    cursor: pointer;
}
.member_info_radiobutton input[type="radio"]:checked + label span {
    background:url(../images/member_info_check_radio_sheet.png) -32px top no-repeat;
	line-height:26px;
	color: #474747;
	font-size: 16px;
}
.member_info_radiobutton_text{
	width:53px;
	position:absolute;
	top:1px;
	left:39px;

	}

.member_info_btn_block{
	width:327px;
	height:40px;
	margin:20px auto 0 auto;
	padding-bottom:25px;
	position:relative;

	}

.member_info_btn01{
	width:160px;
	height:40px;
	line-height:40px;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	}

.member_info_btn01 a:link,.member_info_btn01 a:visited{
	width:100%;
	height:40px;
	color: #fff;
	font-size: 18px;
	display:block;
	background-color: #474747;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	}

.member_info_btn01 a:hover,.member_info_btn01 a:active{
	width:100%;
	height:40px;
	color: #fff;
	font-size: 18px;
	display:block;
	background-color: #000;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	}

.member_info_btn02{
	width:160px;
	height:40px;
	line-height:40px;
	text-align:center;
	position:absolute;
	top:0;
	right:0;
	}

.member_info_btn02 a:link,.member_info_btn02 a:visited{
	width:100%;
	height:40px;
	color: #fff;
	font-size: 18px;
	display:block;
	background-color: #629540;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	}

.member_info_btn02 a:hover,.member_info_btn02 a:active{
	width:100%;
	height:40px;
	color: #fff;
	font-size: 18px;
	display:block;
	background-color: #5db307;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	}

.member_info_top{
	width:100%;
	height:50px;
	display:none;
	}



.menber_info_ph_title01{
	display:none;
	}

.menber_info_ph_text01_block{
    display:none;
	}

/*CHT會員*/

/*CHT會員的帳號外框*/
.cht_exchange_recording_member {
	width: 96%;
	max-width: 1060px;
	height:auto;
	min-height:36px;
	margin: 0 auto 9px auto;
	position: relative;
	overflow:hidden;
	clear: both;
	padding-left:46px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/*CHT會員的帳號icon*/
.cht_exchange_recording_member_pic {
	width: 36px;
	height: 36px;
	position:absolute;
	top:0;
	left:0;
}


/*CHT會員的帳號*/
.cht_exchange_recording_account {
	width: 100%;
	font-size:18px;
	line-height:22px;
	vertical-align: middle;
	word-wrap: break-word;
	word-break: break-all;
}

.cht_exchange_recording_account a{
   color:#333;
}

.cht_exchange_recording_account_authenticate {
	width: auto;
	color: #484848;
	font-size: 14px;
	line-height:15px;
}


/*有點數的CHT會員的帳號外框*/

.cht_tasks_member_account {
  width: 100%;
  height: auto;
  min-height:40px;
  position:relative;
  padding-left:46px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}

.cht_tasks_member_account_text {
  display: inline-block;
  font-size:18px;
  color:#629540;
  line-height:21px;
  word-break:break-all;
  margin-bottom:2px;
}




.cht_top_menu01_drop_box {
	width: auto;
	min-width: 135px;
	height: 36px;
	padding-top: 12px;
	margin: 0 12px 10px 12px;
	position:relative;
}

.cht_top_menu01_drop_icon {
	width: 36px;
	height: 36px;
	position:absolute;
	top:12px;
	left:0;
}

.cht_top_menu01_drop_text {
	width: auto;
	min-width: 135px;
	height: 36px;
	color: #333;
	font-size: 16px;
	line-height: 36px;
	padding-left:45px;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*CHT會員*/
.cht_index_logout_account {
	display: none;
	width: 100%;
	height: 80px;
	padding:17px 8.5% 16px 8.5%;
	font-size:0;
	border-bottom: 1px #e2e2e2 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;

}

.cht_index_logout_account:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;

}


.cht_index_logout_account_icon{
	width: 47px;
	height:47px;
	position:absolute;
	top:17px;
	left:8.5%;
}

.cht_index_logout_account_text{
	display: inline-block;
    vertical-align: middle;
	padding-left:55px;

	color: #333333;
	font-size: 17px;

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;

	word-wrap: break-word;
word-break: break-all;


}


/*SHE會員*/
.she_exchange_recording_account {
	width: auto;
	height: 36px;
	line-height: 36px;
	margin-left: 0;
	float: left;
}


/*會員中心-資安*/
.login_page_unlocked{
	width:88px;
	height:15px;
	font-size: 14px;
	line-height:15px;
	padding:10px 7px 0 0;
	margin: 0 auto 24px auto;
	}

.login_page_unlocked a{
	width:100%;
	height:15px;
	display:block;
	color: #cc0000;
	padding:0 7px 0 0;
	background-image:url(../images/login_page_arrow02.png);
	background-repeat:no-repeat;
	background-position: right 2px;
	background-size:7px 10px;
	}

.unlocked_send_notice_title01{
	width:100%;
	height:37px;
	line-height:37px;
	color:#484848;
	font-size: 36px;
	text-align:center;
	padding:44px 0 0 0;
	margin:0 0 25px 0;
	}

.unlocked_send_notice_text01{
	width:400px;
	height:auto;
	color:#484848;
	font-size: 18px;
	line-height:30px;
	margin:0 auto 82px auto;
	overflow:hidden;
	}

.unlocked_send_notice_text01 a{
	color:#629540;
	text-decoration:underline;
	}

.unlocked_send_notice_text02{
	width:430px;
	height:auto;
	color:#484848;
	font-size: 18px;
	line-height:30px;
	margin:0 auto 27px auto;
	overflow:hidden;
	text-align:justify;
	}

.login_page_continue_password{
	width:80px;
	height:15px;
	font-size: 14px;
	line-height:15px;
	padding:10px 7px 0 0;
	margin: 0 auto 37px auto;
	}

.login_page_continue_password a:link,.login_page_continue_password a:visited{
	width:100%;
	height:15px;
	display:block;
	color: #474747;
	padding:0 7px 0 0;
	background-image:url(../images/login_page_arrow01.png);
	background-repeat:no-repeat;
	background-position: right 2px;
	background-size:7px 10px;
	}

.login_page_continue_password a:hover,.login_page_continue_password a:active{
	width:100%;
	height:15px;
	display:block;
	color: #629540;
	padding:0 7px 0 0;
	background-image:url(../images/login_page_arrow01_hover.png);
	background-repeat:no-repeat;
	background-position: right 2px;
	background-size:7px 10px;
	}

.login_page_input_item{
	width:285px;
	height:17px;
	font-size:16px;
	color:#333333;
	line-height:17px;
	margin:0 auto 9px auto;

	}

.login_page_input_item_paddingtop{
	padding-top:6px;
	}


/*驗證碼*/
.login_page_captcha_title01{
	width:100%;
	height:37px;
	line-height:37px;
	color:#484848;
	font-size: 36px;
	text-align:center;
	padding:44px 0 0 0;
	margin:0 0 28px 0;
	}

.login_page_captcha_text01{
	width:400px;
	height:auto;
	color:#484848;
	font-size: 18px;
	line-height:30px;
	margin:0 auto 34px auto;
	overflow:hidden;
	}

.login_page_captcha_text02{
	width:400px;
	height:auto;
	color:#484848;
	font-size: 18px;
	line-height:30px;
	margin:0 auto 20px auto;
	overflow:hidden;
	}

.login_page_captcha_text03{
	width:400px;
	height:auto;
	color:#484848;
	font-size: 14px;
	line-height:18px;
	margin:0 auto 37px auto;
	overflow:hidden;
	}


.login_page_captcha_btn_box{
	width:307px;
	height:57px;
	margin:0 auto 1px auto;
	position:relative;
	}

.login_page_captcha_btn01{
	width:146px;
	height:50px;
	position:absolute;
	top:0;
	left:0;
	background-color: #999;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	}

.login_page_captcha_btn01 a{
	width:100%;
	height:50px;
	line-height:50px;
	display:block;
	color: #fff;
	font-size: 18px;
	text-align:center;

	}

.login_page_captcha_btn02{
	width:146px;
	height:50px;
	position:absolute;
	top:0;
	right:0;
	background-color: #629540;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	}

.login_page_captcha_btn02 a{
	width:100%;
	height:50px;
	line-height:50px;
	display:block;
	color: #fff;
	font-size: 18px;
	text-align:center;
	}

.login_page_captcha_resend{
	width:103px;
	height:15px;
	line-height:15px;
	font-size: 14px;
	padding:10px 7px 0 0;
	margin: 0 auto 50px auto;
	}

.login_page_captcha_resend a:link,.login_page_captcha_resend a:visited{
	width:100%;
	height:15px;
	display:block;
	color: #474747;
	padding:0 7px 0 0;
	background-image:url(../images/login_page_arrow01.png);
	background-repeat:no-repeat;
	background-position: right 2px;
	background-size:7px 10px;
	}

.login_page_captcha_resend a:hover,.login_page_captcha_resend a:active{
	width:100%;
	height:15px;
	display:block;
	color: #629540;
	padding:0 7px 0 0;
	background-image:url(../images/login_page_arrow01_hover.png);
	background-repeat:no-repeat;
	background-position: right 2px;
	background-size:7px 10px;
	}

/*lbs*/
.lbs{
	width:98%;
	max-width:1039px;
	height:auto;
	margin:0 auto;
	clear:both;
	}

.lbs_title01{
	width:100%;
	height:auto;
	color: #333;
	font-size: 18px;
	font-weight:bold;
	text-align:left;
	margin-bottom:8px;
	}

.lbs_text01{
	width:100%;
	height:auto;
	color: #333;
	font-size: 14px;
	text-align:left;
	margin-bottom:21px;
	}

.lbs_store_block{
	width:100%;
	height:auto;
	border: 1px solid #cbcbcb;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:50px;
	}

.lbs_store_block ul li{
	width:100%;
	height:100px;
	}

.lbs_store_block ul li:nth-child(even){
	width:100%;
	height:100px;
	background-color:#ececec;
	}

.lbsa1{
	width:50%;
	height:100px;
	border-right: 1px solid #cbcbcb;
	float:left;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:0;
	}

.lbsa1:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
	}

.lbsa2{
	width:50%;
	height:100px;
	float:left;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:0;
	}

.lbsa2:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
	}

.lbs_logo{
	width:44px;
	height:44px;
	position:absolute;
	top:27px;
	left:37px;
	}

.lbs_store{
	width:100%;
	text-align:left;
	word-wrap: break-word;
    word-break: break-all;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 37px 0 91px;

	display: inline-block;
    color: #333;
	font-size: 18px;
    vertical-align: middle;
	}

.lbs_more_btn{
	width:126px;
	height:35px;
	margin:0 auto;
	}

.lbs_more_btn a{
	width:126px;
	height:35px;
	line-height:35px;
	color: #fff;
	font-size: 16px;
	text-align:center;
	display:block;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #474747;
	margin:0 auto;

	}

/*lbs單商店分店*/
.lbs_store_list_block{
	width:100%;
	height:auto;
	border: 1px solid #cbcbcb;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:50px;
	}

.lbs_store_list_title{
	width:100%;
	height:auto;
	color: #333;
	font-size: 18px;
	font-weight:bold;
	margin-bottom:21px;
	padding-top:26px;
	display:none;
	}

.lbs_store_list_item {
	width:100%;
	height:29px;
	color: #999;
	font-size: 14px;
	line-height:29px;
	background-color:#f8f8f8;
	position:relative;
	}

.lbs_store_list_item .a1{
	width:20.4%;
	min-width:110px;
	height:29px;
	padding-left:19px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:absolute;
	top:0;
	left:0;
	}

.lbs_store_list_item_rightbox{
	width:100%;
	height:80px;
	padding:0 0 0 20.4%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.lbs_store_list_item .a2{
	width:82%;
	height:29px;
	float:left;
	}

.lbs_store_list_line{
	display:none;
	float:left;
	}

.lbs_store_list_item .a3{
	width:17.96%;
	height:29px;
	float:right;
	}

.lbs_store_list_block ul li{
	width:100%;
	height:80px;
	position:relative;
	}



.lbs_store_list_block ul li:nth-child(even){
	width:100%;
	height:80px;
	background-color:#ececec;
	position:relative;
	}

.lbs_store_list_b1{
	width:20.4%;
	height:80px;
	padding:0 15px 0 19px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:absolute;
	top:0;
	left:0;
	font-size:0;
	}

.lbs_store_list_b1:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}


.lbs_store_list_b1_text{
  color: #333;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;

}

.lbs_store_list_rightbox{
	width:100%;
	height:80px;
	padding:0 0 0 20.4%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.lbs_store_list_b2{
	width:82%;
	height:80px;

	position:relative;
	font-size:0;
	padding-right:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.lbs_store_list_b2:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.lbs_store_list_b2_text{
	color: #333;
    font-size: 16px;
	padding:0 27px 0 0;
	display: inline-block;
    vertical-align: middle;
	}

.lbs_store_icon01{
	width:15px;
	height:25px;
	position:absolute;
	top:-1px;
	right:0;
	}


.lbs_store_list_b3{
	width:17.96%;
	height:80px;
	font-size:0;
	position:absolute;
	top:0;
	right:0;
	}

.lbs_store_list_b3:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.lbs_store_list_b3_text{
  color: #333;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  padding-right:10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*定點閱服務*/
.qa_in_page_text {
	width: 100%;
	height: auto;
	min-height: 26px;
	line-height: 26px;
	color: #333;
	font-size: 16px;
	overflow: hidden;
	text-align: justify;
	padding:0 30px 0 11px;
	margin:0 0 3px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.qa_in_page_text02{
	height:3em;
	width:auto;
	padding: 0 8px;
	color:#363b41;
	font-size:18px;
	font-weight: bold;
	text-align:center;
	white-space:nowrap;
	margin:0 13px 0 2px;

	border: 1px solid #333; /* stroke */
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */

}

.qa_in_page_text03{
	height:3em;
	width:auto;
	padding: 0 8px;
	color:#363b41;
	font-size:18px;
	font-weight: bold;
	text-align:center;
	white-space:nowrap;
	margin:0 13px;

	border: 1px solid #333; /* stroke */
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */

}




.qa_in_page_a_step_branch_text {
	width: 50%;
	height: auto;
	min-height: 25px;
	line-height:25px;
	color: #353b41;
	font-size: 16px;
	padding: 0 20px 0 105px;
	position: relative;
	overflow: hidden;
	margin-bottom: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	word-wrap: break-word;
    word-break: break-all;

}

.qa_in_page_a_step_branch{
	width: 49px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #333;
	position: absolute;
	top: 0;
	left: 49px;
}


.qa_in_page_a_text08 {
	width: 100%;
	height: auto;
	min-height: 26px;
	line-height: 26px;
	color: #333;
	font-size: 16px;
	overflow: hidden;
	text-align: left;
	padding-left: 40px;
	text-indent:-14px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;

}

/*手機簡訊認證碼*/

.phone_vc_concent_main{
	width:500px;
	height:auto;
	overflow: hidden;
	padding: 0 0 42px 0;
	}
.phone_verification_code_title01{
	width:100%;
	height:37px;
	line-height:37px;
	color:#484848;
	font-size: 36px;
	text-align:center;
	padding:44px 0 0 0;
	margin:0 0 9px 0;
	}

.phone_verification_code_text01{
	width:400px;
	height:auto;
	color:#888888;
	font-size: 18px;
	line-height:24px;
	margin:0 auto 20px auto;
	overflow:hidden;
	text-align: center;
}

.phone_verification_code_btn_box{
	width: 100%;
	text-align: center;
	padding: 9px 0 0 0 ;

}

.phone_vc_btn_box02{
	width: 100%;
	text-align: center;
	padding: 9px 0 10px 0 ;

}

.phone_vc_btn_box03{
	width: 100%;
	text-align: center;
	padding: 9px 0 10px 0 ;

}

.phone_verification_code_list{
	width:307px;
	height:50px;

	position:relative;
	margin:0 auto 10px auto;
	}

.phone_verification_code_list input{
	height:50px;
	color:#000000;
	font-size:16px;
	line-height:50px;
	padding:0 5px;
	border: 1px solid #656565;
    background-color: #fff;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;


	}

.phone_verification_code_list input::-webkit-input-placeholder { /* WebKit browsers */ color: #999;  -webkit-transition: color.5s;}
.phone_verification_code_list input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; -webkit-transition: color.5s;}
.phone_verification_code_list input ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; -webkit-transition: color.5s;}
.phone_verification_code_list input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; -webkit-transition: color.5s;}


.phone_verification_code_list input:focus, input:hover{
    color: #000;
    -webkit-transition: color.5s;
    padding:0 4px;
    border: 2px solid #61953f;
    background-color: #fff;
}

.phone_verification_code_list input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder {color: #999!important; }



.phone_verification_code_text02{
	width:400px;
	height:auto;
	color:#888888;
	font-size: 16px;
	line-height:21px;
	margin:0 auto;
	overflow:hidden;
	text-align: center;
}


/*認證碼灰色按鈕*/
.phone_vc_greybtn01{
	width:307px;
	height:50px;
	line-height:50px;
	text-align:center;
	color:fff;
	font-size:18px;
	margin:0 auto ;
	background-color:#eeeeee;
	}

.phone_vc_greybtn01 a:link,.phone_vc_greybtn01 a:visited{
	width:307px;
	height:50px;
	display:block;
	color:#484848;
	border: 1px #d4d4d4 solid;
	background-color:#eeeeee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.phone_vc_greybtn01 a:hover,.phone_vc_greybtn01 a:active{
	width:307px;
	height:50px;
	display:block;
	color:#484848;
	border: 1px #d4d4d4 solid;
	background-color:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

/*認證碼錯誤*/
.phone_vc_error{
	width:307px;
	height:40px;
	line-height: 40px;
	font-size: 16px;
	color:#cc0000;
	background-color:#ffe8e8;
	margin:0 auto 10px auto;
	text-align: center;
}

/*CHT會員登入*/
.login_cht_menber_forgot_box{
	width: 100%;
	height:auto;
	text-align: center;
	padding: 10px 0 38px 0;
}

.login_cht_menber_forgot{
	width: 82px;
	height: 14px;
	line-height: 14px;
	display: inline-block;
	color: #474747;
	font-size: 14px;
	text-align:center;
}

.login_cht_menber_forgot a:link,.login_cht_menber_forgot a:visited{
	width: 100%;
	height: 14px;
	display: block;
	color: #474747;

}

.login_cht_menber_forgot a:hover,.login_cht_menber_forgot a:active{
	width: 100%;
	height: 14px;
	display: block;
	color: #629540;

}

.login_cht_menber_forgot_line{
	width: 1px;
	height: 14px;
	background-color:#474747;
	display: inline-block;
	text-align:center;
}

/*帳號或蜜碼錯誤*/
.login_cht_menber_error{
	width:307px;
	height:40px;
	line-height: 40px;
	font-size: 16px;
	color:#cc0000;
	background-color:#ffe8e8;
	padding:0 12px;
	margin:0 auto 19px auto;
	text-align:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.login_cht_menber_forgot_pop_bk{
	width: 100%;
	height: 100%;
	min-height: 100% !important;
	height: auto;
	opacity: .5;
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.login_cht_menber_forgot_pop_box{
	width: 562px;
	height: 230px;
	border: 1px #787878 solid;
	background-color: #fff;
	z-index: 10;
    position: relative;
	margin: 200px auto 0 auto;
}

.login_cht_menber_forgot_pop_title{
	width: 100%;
	height: 61px;
	color: #474747;
    font-size: 18px;
	background-color: #ededed;
	line-height: 61px;
	text-align: center;
	position: relative;
}

.login_cht_menber_forgot_pop_close{
	width:23px;
	height:23px;
	position: absolute;
	top:19px;
	right:22px;
}

.login_cht_menber_forgot_pop_text01{
	text-align: center;
	color: #878787;
	font-size: 16px;
	padding: 26px 0;
}

.login_cht_menber_forgot_pop_btn_box{
	width: 407px;
	height: 105px;
	text-align:center;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.login_cht_menber_forgot_pop_greenbtn{
	width: 197px;
	height: 50px;
	line-height: 50px;
	font-size:18px;
	color: #fff;
	text-align:center;
	position: absolute;
	top: 0;
	left: 0;
}

.login_cht_menber_forgot_pop_greenbtn a:link,.login_cht_menber_forgot_pop_greenbtn a:visited{
	width: 100%;
	height: 50px;
	color: #fff;
	display: block;
	background-color:#629540;
}

.login_cht_menber_forgot_pop_greenbtn a:hover,.login_cht_menber_forgot_pop_greenbtn a:active{
	width: 100%;
	height: 50px;
	color: #fff;
	display: block;
	background-color:#5db307;
}


.login_cht_menber_forgot_pop_greybtn{
	width: 197px;
	height: 50px;
	line-height: 50px;
	font-size:18px;
	color: #484848;
	text-align:center;
	position: absolute;
	top: 0;
	right: 0;
}

.login_cht_menber_forgot_pop_greybtn a:link,.login_cht_menber_forgot_pop_greybtn a:visited{
	width: 100%;
	height: 50px;
	color: #484848;
	display: block;
	background-color:#eeeeee;
	border: 1px solid #d4d4d4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.login_cht_menber_forgot_pop_greybtn a:hover,.login_cht_menber_forgot_pop_greybtn a:active{
	width: 100%;
	height: 50px;
	color: #484848;
	display: block;
	background-color:#fff;
	border: 1px solid #d4d4d4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}




@media screen and (max-width: 1215px) {
.vip_index_block01 {
	display: block;
	width:auto;
	height:100%;
    }

.vip_index_block01_main{
	width: 100%;
	}

.vip_index_block01_title{
	width: 69.25%;
	}

/*續租溝通網頁*/
.vip_index_expiration_plan_block01_title{
 width: 65%;
 }

.vip_index_block01_title02{
	width: 44.333%;
	}

.vip_index_block01_title03{
	width: 12.666%;
	}

.vip_index_block01_btn01 {
	width: 18.666%;
}
.vip_index_block01_btn02 {
	width: 19.666%;
}
.vip_index_block01_btn06 {
	width: 18.666%;
}

/*續租優惠*/
.vip_index_expiration_plan_block01_btn01 {
	width: 18.666%;
}
.vip_index_expiration_plan_block01_btn02 {
	width: 19.666%;
}
.vip_index_expiration_plan_block01_btn06 {
	width: 18.666%;
}


.vip_index_block01_btn03 {
	width: 13.1666%;
}

.vip_index_block01_line {
	width: 0.16%;
}

.vip_index_block01_btn04 {
	width: 18.75%;
}





.vip_index_block03 {
	width: 100%;
	min-width:100%;
	height: auto;
	overflow:hidden;
}

.vip_index_block03_banner01 {
	height:100%;

}

.vip_index_block03_banner01_main {
	width:75.4166%;
}

.vip_index_block03_banner02 {
	height:100%;
	background-image:none;
}

/*閱讀包首頁  區塊4*/
.vip_index_block04_content {
	display: block;
	width: 100%;
}

.vip_index_block04_pic01 {
	width: 39.25%;
	height: 46px;
}
.vip_index_block04_pic02 {
	width: 20.5%;
	height: 50px;
}
.vip_index_block04_pic03 {
	display: block;
	width: 15.166%;
}
.vip_index_block04_pic04 {
	display: block;
	width: 15.166%;
}

/*VIP 月讀包*/
.vip_index_block05_title02{
	font-size:21px;
}

	}

/*18禁 分流頁*/
.r18_pop_box{
	width: 546px;
	height: 556px;
	border: 1px #787878 solid;
	background-color: #fff;
	z-index: 10;
    position: relative;
	margin: 117px auto 0 auto;
 	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.39);
}

.r18_pic{
	width:285px;
	height: 262px;
	margin: 0 auto;
	margin-top: 55px;
	padding: 0 0 36px 0;
	background-image: url("../images/r18.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
}

.r18_text_box{
	width: 70%;
	height: auto;
	overflow: hidden;
	margin: 0 auto 34px auto;
	letter-spacing: 1px;
}

.r18_title{
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 20px;
  color: rgb(96, 96, 96);
  line-height: 29px;
  font-weight: bold;
  letter-spacing: 1px;
}

.r18_text{
  width: 100%;
  height: auto;
  overflow: hidden;
  font-size: 18px;
  color: rgb(127, 127, 127);
  line-height: 29px;
}

.r18_btn_box{
  width: 418px;
  height: 50px;
  margin: 0 auto;
  position: relative;
}


.r18_btn01{
	width: 192px;
	height: 50px;
	line-height: 50px;
	font-size:18px;
	color: #fff;
	text-align:center;
	position: absolute;
	top: 0;
	left: 0;
}

.r18_btn01 a:link,.lr18_btn01 a:visited{
	width: 100%;
	height: 50px;
	color: #fff;
	display: block;
	background-color:#d03732;
}

.r18_btn01 a:hover,.r18_btn01 a:active{
	width: 100%;
	height: 50px;
	color: #fff;
	display: block;
	background-color:#f03e38;
}


.r18_btn02{
	width: 192px;
	height: 50px;
	line-height: 50px;
	font-size:18px;
	color: #fff;
	text-align:center;
	position: absolute;
	top: 0;
	right: 0;
}

.r18_btn02 a:link,.lr18_btn02 a:visited{
	width: 100%;
	height: 50px;
	color: #fff;
	display: block;
	background-color:#629540;
}

.r18_btn02 a:hover,.r18_btn02 a:active{
	width: 100%;
	height: 50px;
	color: #fff;
	display: block;
	background-color:#5db307;
}


/*lbs*/
.lbs_table{
	width: 84%;
	max-width: 410px;
	margin: 0 auto;
	border: 1px solid #e0e0e0;
}

.lbs_title{
	font-size:20px;
	height: 52px;
	line-height: 52px;
	font-weight: bold;
	color: #000;
	padding: 0 17px;
	border-bottom: 1px solid #e0e0e0;
}

.lbs_input_box{
	font-size:20px;
	min-height: 87px;
	line-height: 87px;
	color: #000;
	padding: 0 17px;
	border-bottom: 1px solid #e0e0e0;
}



.lbs_input_box input[type="radio"] {
display:none;
}
.lbs_input_box input[type="radio"] + label span {
display:inline-block;
width:36px;
height:36px;
margin:-1px 10px 0 0;
vertical-align:middle;
background:url(../images/lbs_radio.png) left top no-repeat;
cursor:pointer;
}
.lbs_input_box input[type="radio"]:checked + label span {
background:url(../images/lbs_radio.png) -50px top no-repeat;
}

.lbs_time{
	width: 84%;
	font-size:22px;
	line-height: 33px;
	height: auto;
	color: #484848;
	text-align: center;
	margin: 35px auto 27px auto;
}

.lbs_time span{
	color: #6b914c;
}

.lbs_text{
	width:84%;
	max-width:410px;
	font-size:17px;
	color:#484848;
	line-height:25px;
	text-align:justify;
	margin:20px auto 50px auto;
	}


/*首購優惠*/
.first_buy_block{
	width: 500px;
	height: auto;
	margin: 65px auto 70px auto;
	padding: 0 0 70px 0;
	background-color: #fafafa;
	position: relative;
	border: 1px solid #e0e0e0;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}

.first_buy_icon{
	width: 103px;
	height:101px;
	margin: 44px auto 0 auto;

}

.first_buy_text01{
	width: 64%;
	min-width: 280px;
	height:auto;
	margin: 30px auto 0 auto;
	overflow: hidden;
	text-align: justify;
	font-size: 16px;
	font-weight: bold;
	color: #333333;

}

.first_buy_email_title{
	width: 64%;
	min-width: 280px;
	height:auto;
	margin: 50px auto 0 auto;
	overflow: hidden;
	text-align: justify;
	font-size: 16px;
	font-weight: bold;
	color: #333333;

}

.first_buy_email_block{
	width: 64%;
	min-width: 280px;
	height:auto;
	margin: 10px auto 0 auto;

}


.first_buy_email_input{

	width: 100%;
	min-width: 280px;
	height: 50px;
	line-height:50px;
	color: #000000;
	font-size: 16px;
	font-family: Arial, Helvetica,Microsoft JhengHei,sans-serif;
	padding:0 10px;
	border: 1px solid #666666;
	background-color: #fff;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;

	/*所有样式都要针对不同的选择器而定，不要打包整体处理，因为其中一个出问题，其他的都会失效。*/

	::-webkit-input-placeholder { color:#999; } /*WebKit browsers*/

	:-moz-placeholder { color:#999; } /* Mozilla Firefox 4 to 18 */

	::-moz-placeholder { color:#999; } /* firefox 19+ */

	:-ms-input-placeholder { color:#999; } /* Internet Explorer 10+ */

	input:-moz-placeholder { color:#999; }

	}


.first_buy_email_input input:focus, .first_buy_email_input input:hover{
		color: #000;
		-webkit-transition: color.5s;
		padding:0 10px;
		border: 1px solid #61953f;
		background-color: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

.first_buy_email_input input:focus::-webkit-input-placeholder, .first_buy_email_input input:hover::-webkit-input-placeholder {color: #999!important; }

.first_buy_btn{
	width: 64%;
	min-width: 280px;
	height: 50px;
	background-color: #6f934b;
	margin: 15px auto 0 auto;

	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}

.first_buy_btn a:link,.first_buy_btn a:visited{
	width: 100%;
	height:100%;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	background-color: #6f934b;
	display: block;
}

.first_buy_btn a:hover,.first_buy_btn a:active{
	width: 100%;
	height:100%;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	background-color: #61953f;
	display: block;
}


.first_buy_pop_block{
	width: 73%;
	text-align: center;
	padding: 65px 15px;
	word-wrap: break-word;
    word-break: break-all;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	position: absolute;
	top: 175px;
	left: 13.5%;
	z-index: 999;

	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}



.first_buy_back_btn{
	width: 64%;
	min-width: 280px;
	height: 50px;
	background-color: #484848;

	margin: 15px auto 0 auto;

	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}

.first_buy_back_btn a:link,.first_buy_back_btn a:visited{
	width: 100%;
	height:100%;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	background-color: #484848;
	display: block;
}

.first_buy_back_btn a:hover,.first_buy_back_btn a:active{
	width: 100%;
	height:100%;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	background-color: #414141;
	display: block;
}



/*弘光科技大學*/

.lbs_login_page_title01{
	width:100%;
	height:37px;
	line-height:37px;
	color:#000;
	font-size: 37px;
	text-align:center;
	padding:44px 0 0 0;
	margin:0 0 42px 0;
	}


.login_input_list_pre{
	color: #000 !important;
}

.lbs_login_error_block{
	width:307px;
	height: 41px;
	color: #cc0000;
	line-height: 41px;
	background-color: #ffe8e8;
	margin: 0 auto 10px auto;
	padding: 0 10px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}


/*cookie*/
.cookie_block{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 7px 0;
	background-color: #fbfde7;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 998;
	border-top: 1px #c9c9c9 solid;
}

.cookie{
	max-width:1060px ;
	width: 100%;
	height:100%;
	color: #000;
	margin: 0 auto;
	position: relative;
	padding: 0 170px 0 0;
	font-size: 14px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cook_text01{
	display: block;
}

.cook_text02{
	display: block;
}

.cook_text02 a{
	color: #4f8b27;
}



.cookie_btn{
  width: 150px;
  height: 36px;
  font-size: 14px;
  text-align: center;
  line-height: 36px;
  position: absolute;
  top:0;
  right: 0;

}

.cookie_btn a:link,.cookie_btn a:visited{
	width: 100%;
	height: 100%;
	display: block;
	color:#fff;

	border: 1px solid #ededed;
	background-color: #629540;
  }

.cookie_btn a:hover,.cookie_btn a:active{
	width: 100%;
	height: 100%;
	display: block;
	color:#fff;

	border: 1px solid #ededed;
    background-color: #5db307;
  }


@media screen and (max-width: 1077px) {
/*首頁大BN*/
.swiper-container {
	width: 100%;
	height: auto;
}
.swiper-wrapper {
	width: 100%;
	height: auto;
}
.swiper-slide {
	width: 100%;
	padding: 0;
}
.swiper-slide img {
	width: 100%;
}
.swiper-button-next {
	display: none;
}
.swiper-button-prev {
	display: none;
}
.top {
	width: 100%;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.logo {
	display: block;
	left: 10px;
}
.ebook_btn_on {
	display: block;
	left: 162px;
}
.ebook_btn {
	display: block;
	left: 162px;
}
.monthly_btn_on {
	display: block;
	left: 263px;
}
.monthly_btn {
	display: block;
	left: 263px;
}

/*快讀按鈕*/
.fast_reading_btn {
	left: 364px;
}


/*info*/
.info {
	width: 100%;
	max-width: 1060px;
	padding: 30px 0 0 10px;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.info_list {
	width: 10.1%;
	min-width: 77px;
	height: auto;
	float: left;
}


.index_menu {
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#index_search {
	right: 5px;
}
.leaderboard_book_gap {
	width: 25%;
}
.search_book_gap {
	width: 25%;
}
.one_classification_book_content {
	width: 627px;
	margin: 0 auto;
}
/*套書 1070px*/

.serialbooks_block {
	padding: 0 2.7%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.serialbooks_hide {
	width: 100%;
	overflow: hidden;
}
.serialbooks_bookbox {
	width: 25%;
	height: auto;
}

/*單書制式活動 樣式一1070px*/
.event_style1_bk{
	background-image:none;
	}

.event_style1_recommend_bk {
	width: 100%;
	max-width:1060px;
	height:auto;
	margin: 0 auto;
	border-top:11px #bfe4f7 solid;
	border-bottom:11px #bfe4f7 solid;
}

.event_style1_recommend_title{
	position:absolute;
	left:0;
	}

.event_style1_recommend_foot{
	position:absolute;
	right:0;
	}

.event_foot_banner_style1_pc{
	margin:0 ;
	border-bottom:11px #bfe4f7 solid;
	}

/*單書制式活動 樣式二1070px*/
.event_style2_bk{
	background-image:none;
	}

.event_style2_recommend_bk{
	padding:7px 0;
	background-image:url(../images/event_style2_bk.jpg);
	}

.event_foot_banner_style2_pc{
	margin:0 ;
	padding-bottom:11px;
	background-image:url(../images/event_style2_bk.jpg);
	}


/*單書制式活動 樣式三1070px*/
.event_style3_bk{
	background-image:none;
	}

/*單書制式活動 樣式三 推薦 */
.event_style3_recommend_bk {
	padding:11px 0;
	margin:0;
}

.event_style3_recommend_title{
	width:216px;
	height:90px;
	background-image:url(../images/event_style3__recommend_title.png);
	position:absolute;
	top:34px;
	left:50%;
	margin-left:-108px;
	z-index:10;

	}

.event_foot_banner_style3_pc{
	margin:0 ;
	padding-bottom:11px;
	background-image:url(../images/event_style3_bk.jpg);
	}

/*BN制式活動*/
.event_bn_bk{
	background-image:none;
	}

.event_foot_bn_pc{
	margin:0 ;
	padding-bottom:11px;
	background-image: url(../images/event_bn_bk.jpg);
	}

.event_bn_recommend_bk {

	padding:0 0 13px 0;
	margin:0;
	background-image:url(../images/event_bn_bk.jpg);

}

.event_bn_recommend_center {
	padding:0;
	background-color:#f8f8f8;
}


.cookie{
	max-width:950px ;
	width: 95%;
}




}

@media screen and (max-width: 1060px) {
.book_bread_crumbs {
	width: 100%;
	max-width: 1060px;
	height: 52px;
	margin: 0 auto;
	padding-left: 13px;
	padding-top: 18px;
	color: #61953f;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.new_arrivals_big_title {
	width: 98%;
	margin: 0 1%;
}
.new_arrivals_book_box {
	width: 98%;
	max-width: auto;
	min-width: auto;
}
.search_finish02 {
	width: 98%;
	max-width: auto;
	min-width: auto;
}
.one_sort_title {
	width: 98%;
	margin: 0 1%;
}
.search_menu {
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#search_search {
	right: 5px;
}
.top_menu01_drop {
	display: none;
	right: 166px;
}
.authorize {
	right: 0;
}
.authorize {
	right: 15px;
}
.qa_block {
	padding: 0 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.qa_index_text {
	width: 96%;
	max-width: 1010px;
	height: auto;
	color: #474747;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.qa_in_page_right {
	width: 100%;
	padding-left: 211px;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*1060首頁新聞區塊*/
.index_news_content {
	min-width: 870px;
}
.index_news_content ul li {
	min-width: 435px;
	padding: 0 10px;
}
.index_news_date {
	right: 10px;
}
/*全站分類*/

.index_classified_content {
	display: block;
	min-width: 870px;
	height: auto;
	margin: 0 auto 60px auto;
	position: relative;
}
.index_classified_box01 {
	width: 300px;
	height: auto;
	margin-left: 16px;
	position: relative;
	overflow: hidden;
}
.index_classified_box01 ul li {
	width: 120px;
}
.index_classified_box02 {
	width: 500px;
	height: auto;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}
.index_classified_box02 ul li {
	width: 120px;
}
.book_show_left {
	width: 35%;
	margin-left: 10px;
}
/*促銷的書*/
.focus_big_title {
	width: 98%;
	margin: 0 1%;
}
.focus_book_box {
	width: 92%;
	max-width: auto;
	min-width: auto;
}
}

@media screen and (max-width: 1030px) {

/*單書制式活動 樣式一 1030px*/
.event_style1_banner_right{
	width:495px;
	top:16.52%;
	}

.event_style1_banner_title{
	height:29px;
	font-size: 26px;
	margin:0 0 2.5% 0;
	}

.event_style1_banner_text{
    font-size: 16px;
	line-height:25px;
	margin:0 0 3% 0;
	}

.event_style1_banner_text{
    font-size: 16px;
	line-height:25px;
	margin:0 0 4% 0;
	}

.event_style1_banner_price_block{
	width:495px;
	height:80px;
	}

.event_style1_banner_price{
	font-size: 15px;
	}
.event_style1_banner_sale{
	font-size: 15px;
    margin:6.3% 0 0 4.3%;
	}
.event_style1_banner_sale_bigred{
	font-size: 34px;
	margin:3.5% 0 0 0;
	}

.event_style1_banner_sale_red{
	font-size: 15px;
	}

.event_style1_banner_btn{
	width:128px;
	height:36px;
	margin:4.4% 0 0 4.2%;
	}

.event_style1_banner_btn a:link,event_style1_banner_btn a:visited{
	width:128px;
	height:36px;
	}

.event_style1_banner_btn a:hover,event_style1_banner_btn a:active{
	width:128px;
	height:36px;
	}

.event_style1_recommend_border_dotted ul li{
	min-width:410px;
	font-size: 15px;
	padding:0 1% 0 2%;
	margin-bottom:14px;
}


/*單書制式活動 樣式二 1030px*/
.event_style2_banner_right{
	width:500px;
	top:15.4%;
	}

.event_style2_banner_title{
	height:29px;
	font-size: 26px;
	margin:0 0 2.5% 0;
	}

.event_style2_banner_text{
    font-size: 16px;
	line-height:25px;
	margin:0 0 3% 0;
	}

.event_style2_banner_price_block{
	height:80px;
	}

.event_style2_banner_price{
	font-size: 15px;
	}
.event_style2_banner_sale{
	font-size: 15px;

	}
.event_style2_banner_sale_bigred{
	font-size: 34px;

	}

.event_style2_banner_sale_red{
	font-size: 15px;
	}

.event_style2_banner_btn{
	width:128px;
	height:36px;

	}

.event_style2_banner_btn a:link,event_style2_banner_btn a:visited{
	width:128px;
	height:36px;
	}

.event_style2_banner_btn a:hover,event_style2_banner_btn a:active{
	width:128px;
	height:36px;
	}

/*單書制式活動 樣式二 推薦 */
.event_style2_recommend_center ul li{
	min-width:410px;
	font-size: 15px;
	padding:0 1% 0 2%;
	margin-bottom:14px;
}



/*單書制式活動 樣式三 1030px*/
.event_style3_banner_right{
	width:565px;
	top:16.52%;
	}

.event_style3_banner_title{
	height:29px;
	font-size: 26px;
	}

.event_style3_banner_text{
    font-size: 16px;
	line-height:25px;
	margin:0 0 4% 0;
	}

.event_style3_banner_price_block{
	width:565px;
	height:63px;
	}

.event_style3_banner_price{
	font-size: 15px;
	}
.event_style3_banner_sale{
	font-size: 15px;
	}
.event_style3_banner_sale_bigred{
	font-size: 34px;
	}

.event_style3_banner_sale_red{
	font-size: 15px;
	}

.event_style3_banner_btn{
	width:128px;
	height:36px;
	margin:2.4% 0 0 4.2%;
	}

/*單書制式活動 樣式三 推薦 */
.event_style3_recommend_center ul li{
	min-width:410px;
	font-size: 15px;
	padding:0 1% 0 2%;
	margin-bottom:14px;
}

/*BN制式活動*/
.event_bn_recommend_center ul li{
	min-width:410px;
	font-size: 15px;
	padding:0 1% 0 2%;
	margin-bottom:14px;
}

.event_bn_recommend_title{
	padding:0 1% 0 2%;
	}

/*會員資訊*/

.member_info_block{
	width:96%;
    max-width:1039px;

	border: 1px solid #cbcbcb;
    background-color: #f7f7f7;
	margin:0 auto 29px auto;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position:relative;
	}

.member_info_block .a1{
    width:494px;
    margin:0 auto;
	padding:37px 0 0 0;
	position:relative;
	}

.member_info_block .a2{
    width:494px;
	padding:0 0 0 0;
	position:relative;
	margin:0 auto;
	left:0;
	}


.member_info_block02{
	width:96%;
    max-width:1039px;

	border: 1px solid #cbcbcb;
    background-color: #f7f7f7;
	margin:0 auto 29px auto;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position:relative;
	}

.member_info_block02 .a1{
    width:494px;

	padding:37px 0 0 0;
	position:relative;
	margin:0 auto;
	}

.member_info_block02 .a2{
     width:494px;

	padding:25px 0 0 0;
	position:relative;
	margin:0 auto;
	left:0;
	}


.member_info_item_title{
	padding:0;
	}
.member_info_input_list01{
	padding:0;
	}
.member_info_input_list02{
	padding:0;
	}


.member_info_floatleft01{
	margin:0;
	}

.member_info_floatleft02{
	margin:0;
	}

.member_info_item_box01{
	padding:0;
	}

.member_info_item_box02{
	padding:0;
	}

.member_info_input_list01{
	width:98.9%;
	}

.member_info_two{
	padding:0;
	}
.member_info_two_text{
	left:30px;


	}

}

@media screen and (max-width: 920px) {
/*套書*/
.serialbooks_block {
	padding: 0 3.8%;
}
.serialbooks_bookbox {
	width: 33%;
}


/*單書制式活動 樣式一920px*/
.event_style1_banner_right{
	width:460px;
	top:16.52%;
	}

.event_style1_banner_title{
	height:29px;
	font-size: 26px;
	}

.event_style1_banner_text{
    font-size: 15px;
	line-height:23px;
	margin:0 0 4% 0;
	}

.event_style1_banner_text{
    font-size: 15px;
	line-height:23px;
	margin:0 0 4% 0;
	}

.event_style1_banner_price_block{
	width:460px;
	height:75px;
	}

.event_style1_banner_price{
	font-size: 13.8px;
	}
.event_style1_banner_sale{
	font-size: 13.8px;
    margin:6.3% 0 0 4.3%;
	}
.event_style1_banner_sale_bigred{
	font-size: 31px;
	margin:3.5% 0 0 0;
	}

.event_style1_banner_sale_red{
	font-size: 13.8px;
	}

.event_style1_banner_btn{
	width:128px;
	height:36px;
	margin:4.4% 0 0 4.2%;
	}

.event_style1_banner_btn a:link,event_style1_banner_btn a:visited{
	width:128px;
	height:36px;
	}

.event_style1_banner_btn a:hover,event_style1_banner_btn a:active{
	width:128px;
	height:36px;
	}


/*單書制式活動 樣式二920px*/
.event_style2_banner_right{
	width:470px;
	top:16.52%;
	}

.event_style2_banner_title{
	height:29px;
	font-size: 26px;
	}

.event_style2_banner_text{
    font-size: 15px;
	line-height:23px;
	margin:0 0 4% 0;
	}

.event_style2_banner_price_block{
	height:75px;
	}

.event_style2_banner_price{
	font-size: 13.8px;
	}
.event_style2_banner_sale{
	font-size: 13.8px;
	}
.event_style2_banner_sale_bigred{
	font-size: 31px;

	}

.event_style2_banner_sale_red{
	font-size: 13.8px;
	}

.event_style2_banner_btn{
	width:128px;
	height:36px;
	}

.event_style2_banner_btn a:link,event_style2_banner_btn a:visited{
	width:128px;
	height:36px;
	}

.event_style2_banner_btn a:hover,event_style2_banner_btn a:active{
	width:128px;
	height:36px;
	}


/*單書制式活動 樣式三920px*/
.event_style3_banner_right{
	width:505px;
	top:16.52%;
	}

.event_style3_banner_title{
	height:29px;
	font-size: 26px;
	}

.event_style3_banner_text{
    font-size: 15px;
	line-height:23px;
	margin:0 0 4% 0;
	}

.event_style3_banner_price_block{
	width:505px;
	height:56px;
	}

.event_style3_banner_price{
	font-size: 13.8px;
	}
.event_style3_banner_sale{
	font-size: 13.8px;

	}
.event_style3_banner_sale_bigred{
	font-size: 31px;

	}

.event_style3_banner_sale_red{
	font-size: 13.8px;
	}

.event_style3_banner_btn{
	width:128px;
	height:36px;
    margin:2% 0 0 4.2%;
	}

.event_style3_banner_btn a:link,event_style3_banner_btn a:visited{
	width:128px;
	height:36px;
	}

.event_style3_banner_btn a:hover,event_style3_banner_btn a:active{
	width:128px;
	height:36px;
	}

}

@media screen and (max-width: 900px) {
/*900首頁新聞變一列*/
.index_news_content {
	width: 480px;
	max-width: 480px;
	min-width: 480px;
	margin: 5px auto 52px auto;
}
.index_news_content ul li {
	width: 480px;
	max-width: 480px;
	min-width: 480px;
	padding: 0;
}
.index_news_item {
	width: 65px;
	font-size: 14px;
	line-height: 14px;
}
.index_news_main {
	height: 15px;
	font-size: 14px;
	padding-right: 45px;
}
.index_news_main a {
	height: 15px;
	line-height: 15px;
}
.index_news_date {
	font-size: 14px;
	right: 0;
}
/*900全站分類*/

.index_classified_content {
	width: 480px;
	min-width: 480px;
	height: auto;
	margin: 0 auto 60px auto;
	position: relative;
}
.index_classified_box01 {
	width: 100%;
	height: auto;
	margin: 0 0 20px 6px;
	position: relative;
	overflow: hidden;
}
.index_classified_box02 {
	width: 100%;
	height: auto;
	margin-left: 6px;
	position: relative;
	overflow: hidden;
}
.book_show_left {
	width: 33%;
}
/*主題書展*/
.item_bn_text02 {
	height: 27px;
	line-height: 25px;
	font-size: 25px;
}

/*單書制式活動 樣式一900px*/
.event_style1_banner_right{
	top:15%;
	}
.event_style1_banner_btn{
	width:120px;
	margin:3.8% 0 0 4%;
	}

.event_style1_banner_btn a:link,event_style1_banner_btn a:visited{
	width:120px;
	}

.event_style1_banner_btn a:hover,event_style1_banner_btn a:active{
	width:120px;
	}

.event_style1_recommend_border_dotted ul li{
	width: 90%;
	min-width:300px;
	height:auto;
	color: #333;
	line-height:23px;
	font-size: 17px;
	border-bottom:1px #999 dotted;
	position:relative;
	float:none;

	margin:0 auto;
	padding:18px 0 15px 0;

}

.event_style1_recommend_border_dotted ul li:last-child{
	width: 90%;
	min-width:300px;
	height:auto;
	color: #333;
	line-height:23px;
	font-size: 17px;
	border-bottom:none;
	position:relative;
	float:none;

	margin:0 auto;
	padding:18px 0 15px 0;

}


/*單書制式活動 樣式二900px*/
.event_style2_banner_right{
	top:14%;
	}
.event_style2_banner_btn{
	width:120px;
	margin:1.5% 0 0 4%;
	}

.event_style2_banner_btn a:link,event_style2_banner_btn a:visited{
	width:120px;
	}

.event_style2_banner_btn a:hover,event_style2_banner_btn a:active{
	width:120px;
	}

/*單書制式活動 樣式二 推薦 */
.event_style2_recommend_center ul li{
	width: 90%;
	height:auto;
	min-width:300px;
	color: #333;
	line-height:23px;
	font-size: 17px;
	border-bottom:1px #999 dotted;
	position:relative;
	float:none;

	margin:0 auto;
	padding:18px 0 15px 0;

}

.event_style2_recommend_center ul li:last-child{
	width: 90%;
	height:auto;
	min-width:300px;
	color: #333;
	line-height:23px;
	font-size: 17px;
	border-bottom:none;
	position:relative;
	float:none;

	margin:0 auto;
	padding:18px 0 15px 0;

}


/*單書制式活動 樣式三900px*/
.event_style3_banner_right{
	top:15%;
	}
.event_style3_banner_btn{
	width:120px;
	margin:2% 0 0 4%;
	}

.event_style3_banner_btn a:link,event_style3_banner_btn a:visited{
	width:120px;
	}

.event_style3_banner_btn a:hover,event_style3_banner_btn a:active{
	width:120px;
	}

.event_style3_recommend_center ul li{
	width: 90%;
	min-width:300px;
	height:auto;
	color: #333;
	line-height:23px;
	font-size: 17px;
	border-bottom:1px #999 dotted;
	position:relative;
	float:none;

	margin:0 auto;
	padding:18px 0 15px 0;

}

.event_style3_recommend_center ul li:last-child{
	width: 90%;
	min-width:300px;
	height:auto;
	color: #333;
	line-height:23px;
	font-size: 17px;
	border-bottom:none;
	position:relative;
	float:none;

	margin:0 auto;
	padding:18px 0 15px 0;

}

/*BN制式活動*/
.event_bn_recommend_center ul{
	padding:0;
	}
.event_bn_recommend_center ul li{
	width: 90%;
	min-width:300px;
	height:auto;
	color: #333;
	line-height:23px;
	font-size: 17px;
	border-bottom:1px #999 dotted;
	position:relative;
	float:none;

	margin:0 auto;
	padding:18px 0 15px 0;

}

.event_bn_recommend_center ul li:last-child{
	width: 90%;
	min-width:300px;
	height:auto;
	color: #333;
	line-height:23px;
	font-size: 17px;
	border-bottom:none;
	position:relative;
	float:none;

	margin:0 auto;
	padding:18px 0 15px 0;

}

.event_bn_recommend_title{
	width:90%;
	margin:0 auto;
	padding:0;
	}





}

@media screen and (max-width: 860px) {
.index_menu_btn01_drop_left {
	width: 66%;
	left: 5%;
}
.index_menu_btn01_drop_right {
	left: 75.3%;
}
/*860 info 變一列*/
.info_bk {
	height: auto;
	overflow: hidden;
}
.info {
	width: 98.6%;
	height: auto;
	padding: 3px 0 0 1.4%;
}
.info_list {
	width: 100%;
	max-width: 100%;
	border-bottom: 1px #e3e3e3 solid;
	padding: 17px 0;
}

.foot_shop_block {
	width: 100%;
	border-bottom: 1px #e3e3e3 solid;
	display: flex;
	justify-content: center;
	align-items:center;
	padding: 17px 0;
   }

.eshop{
	padding: 0;
	margin: 0 10px 0 0;
}

.mart_logo{
	padding: 0;
	margin: 0 10px 0 0;
}

.info_title_close {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	background-image: url(../images/phone/index_info_open.png);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: right 7px;
}
.info_title_open {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	background-image: url(../images/phone/index_info_close.png);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: right 12px;
}
.info_list ul {
	display: none;
}
.info_list ul li {
	width: 100%;
	height: 44px;
	line-height: 46px;
	font-size: 16px;

}
.info_list ul li a {
	width: 100%;
	height: 44px;
	line-height: 46px;
	font-size: 16px;
}
.info_list ul li:first-child {
	width: 100%;
	height: 44px;
	line-height: 46px;
	font-size: 16px;
	padding-top: 7px;
}
.info_list ul li:last-child {
	width: 100%;
	height: 44px;
	line-height: 46px;
	font-size: 16px;
	padding-bottom: 2px;
}
.fb {
	display: none;
}

/*APP下載 640*/
.foot_app_download_block{
	width: 100%;
	height: 116px;
	position: relative;
	float: left;
	margin: 27px 0 0 0;
	top: auto;
	right: auto;

}

.foot_app_download_box{
	margin: 23px auto 0 auto;
   }

.foot_app_download_title{
	margin: 0 auto;
}




.right {
	display: none;
}
/*新到貨書籍*/
.new_arrivals_book_box {
	width: 93%;
	max-width: 93%;
	min-width: 412px;
}
.search_finish02 {
	width: 93%;
	max-width: 93%;
	min-width: 412px;
}
/*排行榜書籍*/
.leaderboard_book_gap {
	width: 33%;
}
.search_book_gap {
	width: 33%;
}
.one_classification_book_content {
	width: 417px;
	margin: 0 auto;
}
.book_show_left {
	width: 30%;
}
.exchange_recording_table_title {
	width: 100%;
	height: 29px;
	color: #999;
	font-size: 14px;
	line-height: 29px;
	border-bottom: 1px solid #cbcbcb;
	background-color: #f8f8f8;
	position: relative;
}
.exchange_recording_table_title .abox {
	width: 160px;
}
.exchange_recording_table_title .bbox {
	width: 50%;
	margin-left: 190px;
}
.exchange_recording_table_title .bbox02 {
	width: 50%;
	margin-left: 190px;
}
.exchange_recording_table_title .cbox {
	width: 60px;
	height: 29px;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 85px;
}
.exchange_recording_table_title .dbox {
	width: 80px;
}
/*860購買記錄*/

.exchange_recording_table_list .bbox {
	width: 50%;
	margin-left: 190px;
}

.exchange_recording_table_list .bbox02 {
	width: 50%;
	margin-left: 190px;
}

.exchange_recording_table_list .bbox03 {
	width: 73%;
	margin-left: 190px;
}



.exchange_recording_table_list .cbox {
	min-width: 60px;
	right: 85px;
}
.exchange_recording_table_list .dbox {
	width: 80px;
	right: 0;
}
.vip_index_block03_dotted_box {
	bottom: 8%;
}



.equipment_table ul li .abox {
	width: 55%;
}
.qa_title {
	width: 88.5%;
	height: 50;
	margin: 0 auto;
	background-image: none;
	clear: both;
}
.qa_title_text {
	width: 100%;
	height: 25px;
	line-height: 25px;
	text-align: left;
	color: #474747;
	font-size: 23px;
}
.qa_block {
	display: none;
}
.qa_index_text {
	width: 90%;
	height: auto;
	color: #474747;
	font-size: 18px;
	text-indent: -21px;
	line-height: 30px;
	padding-left: 21px;
	margin: 0 auto 16px auto;
	overflow: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.phone_qa_block {
	display: block;
	width: 92%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
/*主題書展*/
.item_bn_text_box {
	height: 92px;
	margin-top: -46px;
}
.item_bn_text01 {
	width: 100%;
	height: 69px;
	font-size: 58px;
	line-height: 58px;
	font-weight: bold;
}
.item_bn_text02 {
	display: block;
	height: 23px;
	line-height: 21px;
	color: #fff;
	font-size: 21px;
}

/*單書制式活動 樣式一860px*/
.event_style1_banner_right{
	top:10%;
	}


/*單書制式活動 樣式二860px*/
.event_style2_banner_right{
	top:13%;
	}

.event_style1_banner_title{
	margin:0 0 2% 0;
	}

.event_style1_banner_text{
	margin:0 0 3% 0;
	}

/*單書制式活動 樣式三860px*/
.event_style3_banner_right{
	top:11%;
	}
.event_style3_banner_title{
	margin:0 0 2% 0;
	}

.exchange_recording_btn01_choose {
	width: 18%;
}

.exchange_recording_btn01 {
	width: 18%;
}

.exchange_recording_btn02_choose {
	width: 18%;
	margin-left:2%;
}

.exchange_recording_btn02 {
	width: 18%;
	margin-left:2%;
}

/*藏愛包  區塊3*/
.love_index_block03 {
	display: none;
}

.phone_love_index_block03 {
	display:block;
}

.love_index_block04_content{
	display: none;
}

.phone_love_index_block04_content {
	display: block;
	width: 100%;
	height: auto;
	position: relative;

}

.phone_vip_index_block04_pic01 {
	width: 69.687%;
	height: auto;
	position: absolute;
	top: 27.378%;
	left: 14.843%;
}
.phone_vip_index_block04_pic02 {
	width: 72.5%;
	height: auto;
	position: absolute;
	top: 53.828%;
	left: 13.75%;
}


/*月讀包所有書刊BN 860px*/
.one_classification_bn{
	height:80px;
	background-image: url("../images/phone/monthly_bn01.png");
	background-position: top;
	background-color: #629540;
  }

.one_classification_bn a{
	height:80px;

  }



.one_classification_bn_text{
	  font-size: 29px;
	  height: 31px;
	  line-height: 31px;
	  position: relative;
	  width: 100%;
	  margin-top: 9px;
	  margin-left: 2.6%;
}


.one_classification_bn_arrow{
	width: 192px;
	margin-top: 11px;
	height: 22px;
	font-size: 18px;
	line-height: 22px;
   }




}

@media screen and (max-width: 780px) {
.exchange_recording_books_table ul li .bbox {
	width: 43%;
}

.exchange_recording_books_table ul li .fbox {
	width:auto;
	min-width: 54px;
	min-height: 21px;
	font-size:20px;
	font-weight:bold;
	line-height:21px;
	color:#484848;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top:-12px;
	padding-right:27px;
	position: absolute;
	top: 50%;
	right: 12px;
	background-image: url(../images/tasks_icon.png);
	background-repeat:no-repeat;
	background-size:21px;
	background-position:center right;

}





.exchange_recording_books {
	width: 100%;
	height: 100%;
	border: none;
}
.exchange_recording_table_title .bbox {
	width: 45%;
	margin-left: 190px;
}
.exchange_recording_table_title .bbox02 {
	width: 45%;
	margin-left: 190px;
}
.exchange_recording_table_list .bbox {
	width: 45%;
	margin-left: 190px;
}

.exchange_recording_table_list .bbox02 {
	width: 45%;
	margin-left: 190px;
}

.exchange_recording_table_list .bbox03 {
	width: 69%;
	margin-left: 190px;
}





/*兌換券*/
.coupon {
	width: 100%;
	height: auto;
	border: none;
	padding-top:0;
}
.qa_in_page_a_pic_box {
	display: none;
}
.qa_in_page_a_pic_box02 {
	display: none;
}


.qa_in_page_a_pic_box_100 {
	display: none;
}

.qa_in_page_a_step_pic {
	display: none;
}
.phone_qa_in_page_a_step_pic {
	display: block;
}

.phone_qa_in_page_a_step_pic02 {
	display: block;
}

.qa_in_page_a_step_text {
	width: 100%;
}

.qa_in_page_a_text_bold02{
	display:none;
	}

.qa_in_page_half_box {
	margin-bottom: 21px;
}
.qa_in_page_half {
	width: 100%;
	height: auto;
}
.book_show_left {
	width: 27%;
}

/*單書制式活動 樣式一780px*/
.event_style1_banner_text{
    font-size: 15px;
	line-height:23px;
	margin:0 0 2% 0;
	}

/*單書制式活動 樣式二780px*/
.event_style2_banner_right{
	top:13%;
	}
.event_style2_banner_text{
    font-size: 15px;
	line-height:23px;
	margin:0 0 2% 0;
	}

/*單書制式活動 樣式三780px*/
.event_style3_banner_text{
    font-size: 15px;
	line-height:23px;
	margin:0 0 2% 0;
	}

.logo {
	width: 135px;
	left: 10px;
	top: 13px
}

.ebook_btn_on {
	display: block;
	width: 76px;
	height: 25px;
	line-height:23px;
	position: absolute;
	top: 16px;
	left: 152px;
}

.ebook_btn_on a:link, .ebook_btn_on a:visited {
	display: block;
	width: 100%;
	height: 25px;

}
.ebook_btn_on a:hover, .ebook_btn_on a:active {
	display: block;
	width: 100%;
	height: 25px;

}
.ebook_btn {
	display: block;
	width: 76px;
	height: 25px;
	line-height:23px;
	position: absolute;
	top: 16px;
	left: 152px;
}
.ebook_btn a:link, .ebook_btn a:visited {
	display: block;
	width: 100%;
	height: 25px;

}
.ebook_btn a:hover, .ebook_btn a:active {
	display: block;
	width: 100%;
	height: 25px;

}
.monthly_btn_on {
	display: block;
	width: 76px;
	height: 25px;
	line-height:23px;
	position: absolute;
	top: 16px;
	left: 234px;
}
.monthly_btn_on a:link, .monthly_btn_on a:visited {
	display: block;
	width: 100%;
	height: 25px;

}
.monthly_btn_on a:hover, .monthly_btn_on a:active {
	display: block;
	width: 100%;
	height: 25px;

}
.monthly_btn {
	display: block;
	width: 76px;
	height: 25px;
	line-height:23px;
	position: absolute;
	top: 16px;
	left: 234px;
}
.monthly_btn a:link, .monthly_btn a:visited {
	display: block;
	width: 100%;
	height: 25px;

}
.monthly_btn a:hover, .monthly_btn a:active {
	display: block;
	width: 100%;
	height: 25px;

}


/*快讀按鈕 780*/
.fast_reading_btn {
	display: block;
	width: 60px;
	height: 25px;
	line-height:23px;
	position: absolute;
	top: 16px;
	left: 316px;
}
.fast_reading_btn a:link, .fast_reading_btn  a:visited {
	display: block;
	width: 100%;
	height: 25px;
}
.fast_reading_btn a:hover, .fast_reading_btn  a:active {
	display: block;
	width: 100%;
	height: 25px;
}




.top_btn02_drop {
	display: none;
	width: 190px;
	height: auto;
	border: 1px solid #ededed;
	background-color: #fff;
	position: absolute;
	top: 47px;
	right: 215px;
	z-index: 25;
}
.index_menu_btn01_drop_right {
	left: 73.6%;
}

.notice_pop {
	width: 100%;
	height: auto;
	border: none;
}

/*QA新增*/
.qa_in_page_a_step_text_p7_a3{
	width: 100%;
	}

.qa_in_page_a_step_p7_box01{
	width: 100%;
	margin-bottom:3px;
	}

.qa_in_page_a_step_p7_box02 {
	width: 100%;
	margin-bottom:0;
	}

.qa4_in_page_a_text_box01{
	width: 100%;
	}


.qa_in_page_a_step_branch_text {
	width: 100%;
}










}

@media screen and (max-width: 728px) {
.logo {
	width: 100px;
	left: 10px;
	top: 18px
}
.ebook_btn_on {
	display: block;
	width: 63px;
	height: 19px;
	line-height:17px;
	position: absolute;
	top: 19px;
	left: 114px;
}
.ebook_btn_on a:link, .ebook_btn_on a:visited {
	display: block;
	width: 100%;
	height: 19px;

}
.ebook_btn_on a:hover, .ebook_btn_on a:active {
	display: block;
	width: 100%;
	height: 19px;

}
.ebook_btn {
	display: block;
	width: 63px;
	height: 19px;
	line-height:17px;
	position: absolute;
	top: 19px;
	left: 114px;
}
.ebook_btn a:link, .ebook_btn a:visited {
	display: block;
	width: 100%;
	height: 19px;

}
.ebook_btn a:hover, .ebook_btn a:active {
	display: block;
	width: 100%;
	height: 19px;

}
.monthly_btn_on {
	display: block;
	width: 63px;
	height: 19px;
	line-height:17px;
	position: absolute;
	top: 19px;
	left: 183px;
}
.monthly_btn_on a:link, .monthly_btn_on a:visited {
	display: block;
	width: 100%;
	height: 19px;

}
.monthly_btn_on a:hover, .monthly_btn_on a:active {
	display: block;
	width: 100%;
	height: 19px;

}
.monthly_btn {
	display: block;
	width: 63px;
	height: 19px;
	line-height:17px;
	position: absolute;
	top: 19px;
	left: 183px;
}
.monthly_btn a:link, .monthly_btn a:visited {
	display: block;
	width: 100%;
	height: 19px;

}
.monthly_btn a:hover, .monthly_btn a:active {
	display: block;
	width: 100%;
	height: 19px;

}


/*快讀按鈕 728*/
.fast_reading_btn {
	display: block;
	width: 60px;
	height: 19px;
	line-height:17px;
	position: absolute;
	top: 19px;
	left: 252px;
}
.fast_reading_btn a:link, .fast_reading_btn a:visited {
	display: block;
	width: 100%;
	height: 19px;
}
.fast_reading_btn a:hover, .fast_reading_btn a:active {
	display: block;
	width: 100%;
	height: 19px;
}



.book_show_left {
	width: 23%;
}
.exchange_recording_table_title .bbox {
	width: 44%;
	margin-left: 175px;
}
.exchange_recording_table_title .bbox02 {
	width: 44%;
	margin-left: 175px;
}

.exchange_recording_table_list .bbox {
	width: 44%;
	margin-left: 175px;
}

.exchange_recording_table_list .bbox02 {
	width: 44%;
	margin-left: 175px;
}

.exchange_recording_table_list .bbox03 {
	width: 66%;
	margin-left: 175px;
}

.exchange_recording_books_table ul li .bbox {
	width: 39%;
}
/*主題書展*/
.item_bn_text_box {
	display: block;
	height: 80px;
	margin-top: -39px;
	position: absolute;
	top: 50%;
	left: 5%;
}
.item_bn_text01 {
	display: block;
	width: 100%;
	height: 59px;
	font-size: 49px;
	line-height: 49px;
	font-weight: bold;
}
.item_bn_text02 {
	display: block;
	height: 20px;
	line-height: 18px;
	color: #fff;
	font-size: 18px;
}
/*套書 728px*/
.serialbooks_block {
	padding: 0 6.6%;
}
.serialbooks_bookbox {
	width: 50%;
}

/*單書制式活動 樣式一728px*/
.event_style1_banner_right{
	top:10%;
	}

.event_style1_banner_title{
	height:25px;
	font-size: 22px;
	margin:0 0 2% 0;
	}

.event_style1_banner_text{
    font-size: 15px;
	line-height:22px;
	margin:0 0 1.5% 0;
	}

/*單書制式活動 樣式二728px*/
.event_style3_banner_right{
	width:475px;
	top:12%;
	}

.event_style2_banner_title{
	height:25px;
	font-size: 22px;
	margin:0 0 2% 0;
	}

.event_style2_banner_text{
    font-size: 15px;
	line-height:22px;
	margin:0 0 2% 0;
	}

/*單書制式活動 樣式三728px*/
.event_style3_banner_right{
	width:475px;
	top:12%;
	}

.event_style3_banner_title{
	height:25px;
	font-size: 22px;
	margin:0 0 2% 0;
	}

.event_style3_banner_text{
    font-size: 15px;
	line-height:22px;
	margin:0 0 2% 0;
	}
.event_style3_banner_price_block{
	width:475px;
	}

.tasks_reward_notice {
	right:0;
}

/*VIP 月讀包*/
.vip_index_block05_notice{
	margin:0 auto 30px auto;

	}



}

@media screen and (max-width: 680px) {
/*排行榜書籍*/
.leaderboard_book_gap {
	width: 50%;
}
.search_book_gap {
	width: 50%;
}

/*單書制式活動 樣式一680px*/
.event_style1_banner_right{
	width:430px;
	top:10%;
	}
.event_style1_banner_title{
	height:25px;
	font-size: 22px;
	}
.event_style1_banner_text{
    font-size: 14px;
	line-height:20px;
	}

.event_style1_banner_price_block{
	width:430px;
	height:75px;
	}

.event_style1_banner_sale_bigred{
	font-size: 29px;
	margin:3.5% 0 0 0;
	}

.event_style1_banner_btn{
	width:105px;
	height:36px;
	margin:3.8% 0 0 3.5%;
	}

.event_style1_banner_btn a:link,event_style1_banner_btn a:visited{
	width:105px;
	height:36px;
	}

.event_style1_banner_btn a:hover,event_style1_banner_btn a:active{
	width:105px;
	height:36px;
	}

/*單書制式活動 樣式二680px*/
.event_style2_banner_right{
	width:430px;
	}
.event_style2_banner_title{
	height:25px;
	font-size: 22px;

	}
.event_style2_banner_text{
    font-size: 14px;
	line-height:20px;
	}

.event_style2_banner_price_block{
	height:42px;
	}

.event_style2_banner_sale_bigred{
	font-size: 29px;
	margin:1% 0 0 0;
	}

.event_style2_banner_btn{
	width:105px;
	height:36px;
	margin:1.5% 0 0 3.5%;
	}

.event_style2_banner_btn a:link,event_style2_banner_btn a:visited{
	width:105px;
	height:36px;
	}

.event_style2_banner_btn a:hover,event_style2_banner_btn a:active{
	width:105px;
	height:36px;
	}


/*單書制式活動 樣式三680px*/
.event_style3_banner_right{
	width:430px;
	top:12%;
	}
.event_style3_banner_title{
	height:25px;
	font-size: 22px;

	}
.event_style3_banner_text{
    font-size: 14px;
	line-height:20px;
	}

.event_style3_banner_price_block{
	width:430px;
	height:75px;
	}

.event_style3_banner_sale{
	 margin:4.3% 0 0 4.3%;
	}

.event_style3_banner_sale_bigred{
	font-size: 29px;

	}

.event_style3_banner_btn{
	width:105px;
	height:36px;

	}

.event_style3_banner_btn a:link,event_style3_banner_btn a:visited{
	width:105px;
	height:36px;
	}

.event_style3_banner_btn a:hover,event_style3_banner_btn a:active{
	width:105px;
	height:36px;
	}

.exchange_recording_btn01_choose {
	width: 19%;
}

.exchange_recording_btn01 {
	width: 19%;
}

.exchange_recording_btn02_choose {
	width: 19%;
	margin-left:1%;
}

.exchange_recording_btn02 {
	width: 19%;
	margin-left:1%;
}



}

@media screen and (max-width: 640px) {
#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	padding-top: 49px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#vip_container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding-top: 49px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

.green_bar {
	height: 2px;
}
.top_bk {
	height: 47px;
	background-color: #eeeeee;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1); /* drop shadow */
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1); /* drop shadow */
	box-shadow: 0 1px 1px rgba(0,0,0,.1); /* drop shadow */
	top: 2px;
}
.top {
	width: 100%;
	height: 47px;
}
.hamburger_menu {
	width: auto;
	min-width: 8px;
	height: 24px;
	padding-left: 11px;
	position: absolute;
	top: 6px;
	left: 13px;
	display: block;
	z-index: 10;
	background-image: url(../images/phone/hamburger%20menu.png);
	background-position: bottom left;
	background-size: 19px 14px;
	background-repeat: no-repeat;
}
.hamburger_menu_text {
	width: auto;
	min-width: 8px;
	height: 20px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	margin: 0 0 4px auto;
	padding: 0 6px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #cb0000;
}
.front_page {
	display: block;
}
.front_page a {
	display: block;
}
/*640*/
.logo_box {
	display: block;
	width: 243px;
	height: 23px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	top: auto;
	left: auto;
}
.logo_box02 {
	display: none;
}
.logo {
	width: 109px;
	height: 23px;
	padding-top: 12px;
	position: relative;
	top: 0;
	left: 0;
}
.logo a {
	width: 100%;
	height: 23px;
	background-image: url(../images/phone/logo.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

/*640*/
.ebook_btn_on {
	display: block;
	width: 68px;
	height: 21px;
	line-height:19px;
	position: absolute;
	top: 13px;
	left: 114px;
}
.ebook_btn_on a:link, .ebook_btn_on a:visited {
	display: block;
	width: 100%;
	height: 21px;
}
.ebook_btn_on a:hover, .ebook_btn_on a:active {
	display: block;
	width: 100%;
	height: 21px;
}
.ebook_btn {
	display: block;
	width: 68px;
	height: 21px;
	line-height:19px;
	position: absolute;
	top: 13px;
	left: 114px;
}
.ebook_btn a:link, .ebook_btn a:visited {
	display: block;
	width: 100%;
	height: 21px;
}
.ebook_btn a:hover, .ebook_btn a:active {
	display: block;
	width: 100%;
	height: 21px;
}

.monthly_btn_on {
	display: block;
	width: 68px;
	height: 21px;
	line-height:19px;
	position: absolute;
	top: 13px;
	left: 193px;
}
.monthly_btn_on a:link, .monthly_btn_on a:visited {
	display: block;
	width: 100%;
	height: 21px;
}
.monthly_btn_on a:hover, .monthly_btn_on a:active {
	display: block;
	width: 100%;
	height: 21px;
}


.monthly_btn {
	display: block;
	width: 68px;
	height: 21px;
	line-height:19px;
	position: absolute;
	top: 13px;
	left: 193px;
}
.monthly_btn a:link, .monthly_btn a:visited {
	display: block;
	width: 100%;
	height: 21px;
}
.monthly_btn a:hover, .monthly_btn a:active {
	display: block;
	width: 100%;
	height: 21px;
}


/*快讀按鈕640*/
.fast_reading_btn {
	display:none;
	width: 53px;
	height: 21px;
	line-height:21px;
	position: absolute;
	top: 13px;
	left: 193px;
}
.fast_reading_btn a:link, .fast_reading_btn a:visited {
	display: block;
	width: 100%;
	height: 21px;
}
.fast_reading_btn a:hover, .fast_reading_btn a:active {
	display: block;
	width: 100%;
	height: 21px;
}



.exchange_recording_top_title {
	display: block;
}
.top_menu04_close {
	display: none;
}
.top_menu04_open {
	display: none;
}
.top_btn02_drop {
	display: none;
	height: 0;
	width: 0;
	border: 0;
}
.top_btn02_drop ul li {
	display: none;
}
.top_btn02_drop ul li:last-child {
	display: none;
}
.top_menu01_open {
	display: none;
}
.top_menu01_close {
	display: none;
}
/*PC版登入登出下拉選單*/
.top_menu01_drop {
	display: none;
	height: 0;
	width: 0;
	border: 0;
}
.top_menu01_drop_phone {
	display: none;
}



.top_menu01_drop_line {
	display: none;
}
.top_menu01_drop_btn_box {
	display: none;
}
.top_menu01_drop_btn01 {
	display: none;
}
.top_menu01_drop_btn02 {
	display: none;
}
.top_menu02 {
	display: none;
}
.top_btn02_drop {
	display: none;
}
.top_menu03 {
	display: none;
}
.top_shopping_cart {
	display: block;
	width: auto;
	min-width: 29px;
	height: 29px;
	margin: 0;
	float: right;
	background-image: url(../images/top_shopping_cart.png);
	background-repeat: no-repeat;
	background-size: 29px 20px;
	background-position: left bottom;
	position: absolute;
	top: 5px;
	right: 10px;
}
.top_shopping_cart a:link, .top_shopping_cart a:visited, .top_shopping_cart a:hover, .top_shopping_cart a:active {
	display: block;
	width: 100%;
	height: 29px;
	margin: 0;
	padding-left: 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.top_shopping_cart_text {
	width: auto;
	min-width: 8px;
	height: 20px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	margin: 0 0 9px auto;
	float: right;
	padding: 0 6px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #cb0000;
}
.top_shopping_cart02 {
	display: none;
}
.top_shopping_cart_text02 {
	display: none;
}
.index_menu_bk {
	display: none;
}
.index_menu {
	display: none;
}
.index_menu_btn01_close {
	display: none;
}
.index_menu_btn02 {
	display: none;
}
.index_menu_btn03 {
	display: none;
}
.index_notice_bk {
	width: 100%;
	height: 60px;
	background-color: #f8f8f8;
	margin-bottom: 26px;
}
/*首頁phone版左漢堡選單*/

#index_hamburger_search {
	display: block;
}
#index_hamburger_search input {
	display: block;
}
#index_hamburger_search button {
	display: block;
}
.index_hamburger_close {
	display: block;
}
.index_hamburger_list {
	display: block;
}
.index_hamburger_list a {
	display: block;
}
.index_hamburger_arrow {
	display: block;
}
.index_hamburger_text {
	display: block;
}
.index_hamburger_number {
	display: block;
}
.index_hamburger_line {
	display: block;
}
.index_hamburger_bottom {
	display: block;
}
.index_hamburger_logout {
	display: block;
}
.index_hamburger_logout a {
	display: block;
}
.index_hamburger_read {
	display: block;
}
.index_hamburger_read a {
	display: block;
}
/*首頁大BANNER*/

.swiper-container {
	display: none;
}
.phone-swiper-container {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}
.phone-vip_swiper-container {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}
.phone-swiper-pagination {
	display: block;
	width: 57px;
	height: 11px;
	margin: 0 auto;
	position: absolute;
	left: 47.5%;
	bottom: 8px;
}
.phone-swiper-dotted_choose {
	display: block;
	width: 9px;
	height: 9px;
	margin-right: 10px;
	float: left;
	opacity: .5; /* layer alpha */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #000; /* layer fill content */
}
.phone-swiper-dotted {
	display: block;
	width: 9px;
	height: 9px;
	margin-right: 10px;
	float: left;
	opacity: .7; /* layer alpha */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #fff; /* layer fill content */
}
/*首頁區塊標題*/

.index_title {
	width: 100%;
	height: 35px;
	margin: 0;
}
.index_title_text {
	width: auto;
	min-width: 50px;
	height: 20px;
	line-height: 20px;
	font-size: 18px;
}
.index_title_more {
	width: 46px;
	height: 13px;
	font-size: 13px;
	line-height: 13px;
	top: 2px;
	right: 9px;
}
.index_title_more a:link, .index_title_more a:visited, .index_title_more a:hover, .index_title_more a:active {
	width: 52px;
	height: 13px;
	font-size: 13px;
	line-height: 13px;
}
/*首頁滑動方塊*/
.inlineModule {
	margin-bottom: 39px;
	width: 100%;
	height: auto;
	min-height: 333px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.inlineModule_left {
	display: none;
}
.inlineModule_right {
	display: none;
}
.index_book_box {
	width: 2955px;
	height: auto;
	font-size: 0;
}
.index_book {
	width: 185px;
	height: auto;
	min-height: 332px;
	margin: 0 6px;
	float: left;
}
.index_book_cover {
	width: 183px;
	height: 244px;
	overflow: hidden;
	margin-bottom: 6px;
	position: relative;
	border: 1px solid #ededed; /* stroke */
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
	box-shadow: 0 3px 5px rgba(0,0,0,.05); /* drop shadow */
}
.icon_sale {
	width: 56px;
	height: 56px;
	position: absolute;
	top: 0;
	left: 127px;
	background-image: url(../images/phone/icon_sale.png);
	background-size: 100%;
}
.icon_lastday {
	width: 56px;
	height: 56px;
	position: absolute;
	top: 0;
	left: 127px;
	background-image: url(../images/phone/icon_lastday.png);
	background-size: 100%;
}
.icon_pdf {
	width: 56px;
	height: 56px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(../images/phone/icon_pdf.png);
	background-size: 100%;
	z-index: 4;
}
.icon_av {
	width: 56px;
	height: 56px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(../images/phone/icon_pdf.png);
	background-size: 100%;
	z-index: 4;
}
.index_book_title {
	width: 182px;
	height: 47px;
	font-size: 19px;
	line-height: 23px;
	overflow: hidden;
	margin-bottom: 8px;
}
.index_book_title a {
	width: 182px;
	height: 47px;
	overflow: hidden;
	display: block;
}
.index_book_sale {
	width: 185px;
	height: 21px;
}
.inlineModule2 {
	margin-bottom: 39px;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.inlineModule_left2 {
	display: none;
}
.inlineModule_right2 {
	display: none;
}
.index_focus_book_text {
	width: 190px;
	height: 37px;
	color: #656565;
	font-size: 13px;
	line-height: 15px;
	text-align: center;
}
.index_book_shopping_cart {
	width: 31px;
	height: 21px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(../images/top_shopping_cart.png);
	background-size: 31px 21px;
}
.index_book_shopping_cart a {
	width: 31px;
	height: 21px;
	display: block;
}
.index_book_price_box {
	width: 100px;
	height: 15px;
	position: relative;
	padding-top: 1px;
	font-size: 0;
}
.index_book_price_text_gery {
	width: auto;
	height: 15px;
	color: #656565;
	font-size: 13px;
	float: left;
	padding-top: 1px;
}
.index_book_price_text_red {
	width: auto;
	height: 19px;
	line-height: 19px;
	color: #cc0000;
	font-size: 18.5px;
	font-weight: bold;
	float: left;
}
/*主題書展640*/
.inlineModule3 {
	margin-bottom: 39px;
	position: relative;
	color: #888;
	width: 100%;
	height: 164px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
.inlineModule3_left {
	display: none;
}
.inlineModule3_right {
	display: none;
}
.index_theme_box {
	height: 162px;
}
.indxe_theme {
	width: 272px;
	height: 162px;
	margin: 0 0 0 12px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.indxe_theme_text {
	width: 252px;
	height: 162px;
	font-size: 31px;
	line-height: 164px;
	left: 10px;
}
.indxe_theme_img01 {
	width: 272px;
	height: 162px;
	background-image: url(../images/theme01.png);
	background-size: 100%;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	filter: alpha(opacity=30);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5;
}
.indxe_theme_img02 {
	width: 272px;
	height: 162px;
	background-image: url(../images/theme02.png);
	background-size: 100%;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	filter: alpha(opacity=30);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5;
}
.indxe_theme_img03 {
	width: 272px;
	height: 162px;
	background-image: url(../images/theme03.png);
	background-size: 100%;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	filter: alpha(opacity=30);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-khtml-opacity: 0.5;
}
/*PHONE首頁最新消息區塊*/
.index_news_content {
	width: 90.82%;
	max-width: 90.82%;
	min-width: 90.82%;
	padding-top: 7px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}
.index_news_content ul li {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	height: auto;
	padding: 0;
	margin-bottom: 10px;
	position: relative;
	border-bottom: 1px #e7e7e7 solid;
	padding-bottom: 11px;
}
.index_news_content ul li:last-child {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	height: auto;
	margin-bottom: 10px;
	position: relative;
	padding-bottom: 11px;
	border-bottom: none;
}
.index_news_item {
	width: 50px;
	height: auto;
	font-size: 17px;
	line-height: 23px;
	color: #333333;
	font-weight: bold;
}
.index_news_main {
	height: auto;
	line-height: 23px;
	font-size: 17px;
	color: #333333;
	white-space: normal;
}
.index_news_main a {
	height: auto;
	white-space: normal;
	display: block;
	line-height: 23px;
}
.index_news_date {
	width: 57px;
	height: 15px;
	font-size: 14px;
	color: #999999;
	text-align: right;
	font-weight: bold;
	position: absolute;
	top: auto;
	bottom: 11px;
	right: 0;
}
.index_classified_title_big {
	display: none;
}
.index_classified_content {
	display: none;
}
.index_classified_box01 {
	display: none;
}
.index_classified_box02 {
	display: none;
}
/*登出選單*/
.index_logout_block {
	display: block;
}
.index_logout_account {
	display: block;
}
.index_logout_btn_box {
	display: block;
}
/*單書內頁*/
.book_show {
	width: 100%;
	margin: 0 auto 27px auto;
}
.book_show_cover {
	width: 46.6%;
	height: auto;
	display: block;
	margin: 17px auto 10px auto;
	position: relative;
	border: 1px solid #ededed;
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.05);
	box-shadow: 0 2px 3px rgba(0,0,0,.05);
}
.book_show_left {
	width: 100%;
	margin: 0;
	position: relative;
	top: 0;
	left: 0;
}
.book_show_title {
	width: 75%;
	min-width: 180px;
	height: auto;
	color: #333;
	font-size: 19.5px;
	line-height: 24px;
	margin: 0 auto 6px auto;
	text-align: center;
}
.book_info_title01 {
	display: block;
	width: 100%;
	height: 16px;
	margin-bottom: 22px;
	background-image: url(../images/index_title_bk.png);
	background-repeat: repeat-x;
}
.book_info_title02 {
	width: 100%;
	height: 16px;
	background-image: url(../images/index_title_bk.png);
	background-repeat: repeat-x;
}
.book_show_list {
	width: 42%;
	min-width: 180px;
	height: auto;
	position: relative;
	overflow: hidden;
	margin: 0 auto 4px auto;
	clear: both;
}
.book_show_list .abox {
	width: 58px;
	height: 20px;
	line-height: 22px;
	color: #666666;
	font-size: 14.5px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.book_show_list .bbox {
	width: 100%;
	height: auto;
	color: #333333;
	font-size: 14.5px;
	line-height: 22px;
	padding-left: 58px;
	float: left;
}
.book_show_right {
	display: none;
}
.book_show_price_phone {
	display: block;
}
.book_show_content {
	width: 89%;
	color: #333;
	font-size: 15.5px;
	line-height: 28px;
	margin: 0 auto 36px auto;
	padding-top: 20px;
}
.book_show_content_more {
	display: block;
}
.book_show_content_more a {
	display: block;
}
.book_buy_block {
	display: block;
}
.book_buy_block a {
	display: block;
}
.book_buy_btn01 {
	display: block;
}
.book_buy_btn01 a {
	display: block;
}
.book_buy_btn02 {
	display: block;
}
.book_buy_btn02 a {
	display: block;
}
/*全部的書 書籍分類頁 phone*/

.book_classification_left_menu_block {
	display: block;
	width: 100%;
	height: auto;
	min-height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}
.bread_crumbs {
	display: none;
}
.new_arrivals_big_title {
	width: 100%;
	max-width: 1060px;
	height: 46px;
	margin: 0 0 6px 0;
	padding: 0 16px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: none;
}
.new_arrivals_big_title_text_gap {
	display: none;
}
.new_arrivals_big_title_text {
	width: 200px;
	height: 25px;
	margin: 0;
	padding-top: 13px;
	font-size: 23px;
	font-weight: bold;
	color: #484848;
	text-align: left;
	background-color: #fff;
}
.one_sort_title {
	width: 100%;
	max-width: 1060px;
	height: 46px;
	padding: 0 16px;
	position: relative;
	background-image: none;
	margin: 0;
}
.one_sort_title_text_gap {
	display: none;
}
.one_sort_title_text {
	width: 200px;
	height: 25px;
	margin: 0;
	font-size: 23px;
	font-weight: bold;
	color: #484848;
	text-align: left;
	background-color: #fff;
}

/*info 640*/
.info_bk {
	height: auto;

}
.info_bk02 {
	display: none;
}



.eshop {
	width: 65px;
	height: 29px;
	padding: 2px 0 0 10px;
	display:inline-block;
}
.mart_logo {
	width: 48px;
	height: auto;

	padding: 2px 0 0 10px;
	display:inline-block;
}





.foot_bk {
	width: 100%;
	min-width: 300px;
	min-height: 59px;
	height: auto;
	color: #656565;
	font-size: 13px;
	text-align: center;
	background-color: #f4f4f4;
}
.foot_bk02 {
	display: none;
}
.foot {
	width: 100%;
	padding: 18px 0 0 0;
	min-height: 15px;
	max-height: 72px;
	height: auto;
	color: #656565;
	font-size: 14px;
	line-height: 21px;
}
.foot_a {
	width: 100%;
	height: auto;
	display: inline-block;
	white-space: nowrap;
}
.foot_b {
	width: 100%;
	height: auto;
	display: inline-block;
	white-space: normal;
}
.phone {
	display: block;
	width: 100%;
	min-width: 300px;
	padding-bottom: 20px;
	min-height: 15px;
	max-height: 72px;
	height: auto;
	color: #656565;
	font-size: 14px;
	text-align: center;
	background-color: #f4f4f4;
	white-space: nowrap;
}
.phone02 {
	display: none;
}
.phone a {
	display: block;
	width: 100%;
	height: auto;
	color: #656565;
}
.new_arrivals_bn {
	display: none;
	width: 100%;
	max-width: 1060px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 20px auto;
}
.item_bn {
	display: none;
	width: 100%;
	max-width: 1060px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 20px auto;
	background-color: #000;
}
.phone_new_arrivals_bn {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 26px;
	position: relative;
}
.phone_item_bn {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 26px;
	position: relative;
	background-color: #000;
}
.book_bread_crumbs {
	display: none;
}
.one_classification_content {
	padding-top: 22px;
	background-image: none;
}
.one_classification_left {
	display: none;
}
.one_classification_right {
	padding-left: 0;
}

/*月讀包所有書刊BN 640*/
.one_classification_bn{
    display: none;
  }

.one_classification_bn a{
    display: none;
  }

/*PH月讀包所有書刊BN 640*/
.ph_one_classification_bn{
	display: block;

	width: 92%;
	height: 80px;
	max-width:640px;
	margin: 0 auto 29px auto;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	background-image: url("../images/phone/monthly_bn01.png");
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #629540;
}

.ph_one_classification_bn a {
	display: block;
	width: 100%;
	height: 80px;
}


.one_classification_title {
	width: 92%;
	height: 37px;
	padding: 0;
	position: relative;
	margin: 0 auto 18px auto;
	background-image: none;
	border: 1px solid #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.one_classification_title_text {
	display: none;
}
.one_classification_choose {
	display: block;
	width: 67%;
	height: 35px;
}
.one_classification_choose a:link, .one_classification_choose a:visited {
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-size: 15.5px;
	color: #999999;
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images/index_menu_arraw.png);
	background-repeat: no-repeat;
	background-position: 90% center;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.one_classification_choose a:hover, .one_classification_choose a:active {
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-size: 15.5px;
	color: #999999;
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images/index_menu_arraw.png);
	background-repeat: no-repeat;
	background-position: 90% center;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.one_classification_open {
	width: 33%;
	height: 35px;
	line-height: 35px;
	font-size: 15.5px;
	color: #fff;
	padding-left: 11px;
	display: block;
	background-image: url(../images/top_btn_arrow_hover.png);
	background-repeat: no-repeat;
	background-position: 90% center;
	border-left: 1px #999999 solid;
	background-color: #999999;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.one_classification_close {
	width: 33%;
	height: 35px;
	line-height: 35px;
	font-size: 15.5px;
	color: #999999;
	padding-left: 11px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	border-left: 1px #999999 solid;
	background-image: url(../images/top_grey_arrow.png);
	background-repeat: no-repeat;
	background-position: 90% center;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.one_classification_drop {
	display: none;
	width: 92%;
	height: auto;
	font-size: 20px;
	overflow: hidden;
	padding: 9px 0 9px 20px;
	border: 1px solid #999; /* stroke */
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.11); /* outer glow */
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.11); /* outer glow */
	box-shadow: 0 0 10px rgba(0,0,0,.11); /* outer glow */
	position: absolute;
	top: 71px;
	right: 4%;
	z-index: 50;
}
.new_arrivals_sequence_open {
	width: 135px;
	height: 38px;
	line-height: 38px;
	font-size: 15.5px;
	color: #fff;
	padding-left: 11px;
	display: block;
	background-image: url(../images/top_btn_arrow_hover.png);
	background-repeat: no-repeat;
	background-position: 90% center;
	border: 1px #999999 solid;
	background-color: #999999;
	position: absolute;
	top: 0;
	right: 4%;
	z-index: 10;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.new_arrivals_sequence_close {
	width: 135px;
	height: 38px;
	line-height: 38px;
	font-size: 15.5px;
	color: #999999;
	padding-left: 11px;
	position: absolute;
	top: 0;
	right: 4%;
	z-index: 10;
	border: 1px #999999 solid;
	background-image: url(../images/top_grey_arrow.png);
	background-repeat: no-repeat;
	background-position: 90% center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.new_arrivals_sequence_drop {
	display: none;
	width: 92%;
	height: auto;
	font-size: 20px;
	overflow: hidden;
	padding: 9px 0 9px 20px;
	border: 1px solid #999; /* stroke */
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.11); /* outer glow */
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.11); /* outer glow */
	box-shadow: 0 0 10px rgba(0,0,0,.11); /* outer glow */
	position: absolute;
	top: 52px;
	right: 4%;
	z-index: 50;
}
.new_arrivals_sequence_drop_btn_tick {
	width: 100%;
	height: 52px;
	line-height: 52px;
	color: #629540;
	background-image: url(../images/tick.png);
	background-position: 95% 17px;
	background-repeat: no-repeat;
	background-size: 22px 15px;
}
.new_arrivals_sequence_drop_btn {
	width: 100%;
	height: 52px;
	line-height: 52px;
	color: #333333;
}
.new_arrivals_sequence_drop_btn a:link, .new_arrivals_sequence_drop_btn a:visited {
	width: 100%;
	height: 52px;
	display: block;
	line-height: 52px;
	color: #333333;
}
.new_arrivals_sequence_drop_btn a:hover, .new_arrivals_sequence_drop_btn a:active {
	width: 100%;
	height: 52px;
	display: block;
	line-height: 52px;
	color: #629540;
}
.one_classification_book_content {
	width: 588px;
}
.one_classification_book_content ul li {
	width: 185px;
	margin: 0 5px 49px 5px;
}
.hamburger_block {
	display: none;
	width: 100%;
	min-width: 270px;
	height: 100%;
	background-color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}
.hamburger_block_content {
	width: 100%;
	min-width: 300px;
	height: auto;
	padding-top: 60px;
	background-color: #FFF;
	position: relative;
	z-index: 890;
	overflow: hidden;
}
.hamburger_block_bk {
	width: 100%;
	height: 100%;
	padding-top: 60px;
	background-color: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
}
.hamburger_top {
	width: 100%;
	min-width: 300px;
	height: 60px;
	background-color: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 901;
}
.one_classification_menu_top {
	width: 100%;
	min-width: 270px;
	height: 35px;
	background-color: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 901;
}
.hamburger_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 13px;
	right: 4.34%;
	background-image: url(../images/phone/hamburger_close.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.hamburger_close a {
	width: 21px;
	height: 21px;
	display: block;
}
.one_classification_menu_tittle {
	width: 100%;
	height: 30px;
	font-size: 18px;
	color: #333333;
	text-align: center;
	padding-top: 11px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*書籍單分類漢堡選單*/
/*書籍單分類漢堡選單_大標題*/
.classification_left_menu_title {
	width: 100%;
	height: 37px;
	font-size: 15.5px;
	color: #333333;
	padding: 7px 0 0 7.34%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*書籍單分類漢堡選單_選單*/
.classification_left_menu_box {
	width: 92.2%;
	height: auto;
	margin: 0 3.9% 0 auto;
	border-top: 1px #999999 solid;
	border-left: 1px #999999 solid;
	border-right: 1px #999999 solid;
	z-index: 890;
}
.classification_left_menu_list {
	width: 100%;
	height: 50px;
	padding-left: 3.38%;
	border-bottom: 1px #999999 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.classification_left_menu_list a {
	width: 100%;
	height: 50px;
	display: block;
}
.classification_left_menu_text {
	width: auto;
	color: #333;
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	padding-right: 15px;
	background-image: url(../images/phone/book_classificati_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	float: left;
}
/*書籍單分類漢堡選單_選單第一層選取*/

.classification_left_menu_list_choose {
	width: 100%;
	height: 50px;
	padding-left: 3.38%;
	border-bottom: 1px #999999 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #619540;
}
.classification_left_menu_list_choose a {
	width: 100%;
	height: 50px;
	display: block;
}
.classification_left_menu_text_choose {
	width: auto;
	color: #fff;
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	padding-right: 15px;
	background-image: url(../images/phone/book_classificati_arrow_choose.png);
	background-repeat: no-repeat;
	background-position: right center;
	float: left;
}
/*書籍分類漢堡選單_子選單*/
.classification_submenu {
	width: 100%;
	height: auto;
	border-bottom: 1px #999999 solid;
}
.classification_submenu ul li {
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #333333;
	font-size: 18px;
	position: relative;
	background-image: url(../images/classification_submenu_line.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 83% 1px;
}
.classification_submenu ul li a:link, .classification_submenu ul li a:visited {
	width: 100%;
	height: 50px;
	display: block;
	line-height: 50px;
	color: #333333;
	font-size: 18px;
	position: relative;
}
.classification_submenu ul li a:hover, .classification_submenu ul li a:active {
	width: 100%;
	height: 50px;
	display: block;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	position: relative;
	background-color: #619540;
}
.classification_submenu ul li:last-child {
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #333333;
	font-size: 18px;
	position: relative;
	background-image: none;
}
.classification_submenu_text {
	width: 83%;
	height: 50px;
	margin: 0 auto;
	font-size: 18px;
	padding-left: 4px;
}
.one_classification_menu_box2_text_choose {
	width: 100%;
	height: 50px;
	color: #629540;
	display: block;
}
.one_classification_menu_box2_text_choose a:link, .one_classification_menu_box2_text_choose a:visited, .one_classification_menu_box2_text_choose a:hover, .one_classification_menu_box2_text_choose a:active {
	width: 100%;
	height: 50px;
	display: block;
	color: #629540;
	background-image: url(../images/tick.png);
	background-repeat: no-repeat;
	background-size: 22px 15px;
	background-position: right 16px;
}
#search_search {
	width: 94.2%;
	height: 40px;
	border: 1px solid #61953f; /* stroke */
	-moz-border-radius: 21px / 21px 21px 21px 21px;
	-webkit-border-radius: 21px / 21px 21px 21px 21px;
	border-radius: 21px / 21px 21px 21px 21px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #f7f7f7; /* layer fill content + color overlay */
	position: absolute;
	top: 9px;
	right: 2.89%;
}
#search_search input {
	width: 80%;
	height: 25px;
	line-height: 25px;
	color: #619540;
	background: none repeat scroll 0 0;
	border: 0 none;
	font-size: 18px;
	margin: 0;
	padding: 0 5px;
	transition: background 0.3s ease-in-out 0s;
	position: absolute;
	top: 7px;
	left: 15px;
}
 #search_search input::-webkit-input-placeholder {
 color: #619540;
 -webkit-transition: color.5s;
}
 #search_search input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder {
 color: #619540;
 -webkit-transition: color.5s;
}
#search_search button {
	background: url("../images/search_icon.png") no-repeat scroll center center;
	background-size: 34px;
	cursor: pointer;
	height: 38px;
	text-indent: -99999em;
	transition: background 0.3s ease-in-out 0s;
	width: 38px;
	border: none;
	float: right;
}
.search_finish_title {
	display: none;
}
.search_book_btn {
	display: none;
}
.search_book_text_box {
	width: 60%;
	padding: 16px 0 25px 0;
	margin-left: 119px;
}
.search_book_title {
	width: 100%;
	min-height: 47px;
	height: auto;
	line-height: 23px;
	color: #333333;
	font-size: 18px;
	margin-bottom: 7px;
}
.search_book_title a {
	width: 100%;
	min-height: 20px;
	height: auto;
	line-height: 24px;
	color: #333333;
	font-size: 20px;
	display: block;
}
.search_book_text {
	width: 90%;
	height: 13px;
	line-height: 13px;
	color: #333333;
	font-size: 13px;
	margin-bottom: 6px;
}
.search_book_text .abox {
	width: 52px;
	height: 13px;
	line-height: 13px;
	color: #333333;
	font-size: 13px;
	position: absolute;
	top: 0;
	left: 0;
}
.search_book_text .bbox {
	width: 100px;
	height: 13px;
	line-height: 13px;
	color: #333333;
	font-size: 13px;
	position: absolute;
	top: 0;
	left: 55px;
}
.search_book_text2 {
	display: none;
}
.search_book_text2 .abox {
	display: none;
}
.search_book_text2 .bbox {
	display: none;
}
.search_book_price {
	width: 100%;
	height: 16px;
	color: #656565;
	font-size: 14px;
	padding-top: 14px;
}
.search_book_price .abox {
	width: auto;
	height: 20px;
	color: #656565;
	font-size: 13px;
	float: left;
	padding-top: 3px;
}
.search_book_price .bbox {
	width: auto;
	height: 20px;
	color: #cc0000;
	margin: 0 3px;
	font-size: 19px;
	float: left;
}
.search_finish ul li {
	min-height: 166px;
}
.search_finish ul li:last-child {
	min-height: 167px;
}
.search_book_cover {
	width: 95px;
	height: 127px;
	border: 1px solid #ededed;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	position: absolute;
	top: 18px;
	left: 10px;
}
.search_book_shopping_cart {
	display: block;
}
.search_book_shopping_cart a {
	display: block;
}
.new_arrivals_more {
	margin: 10px auto 35px auto;
	padding: 0;
}
.search_icon_pdf {
	width: 45px;
	height: 45px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(../images/phone/icon_pdf.png);
	background-size: 100%;
}
.exchange_recording_part01 {
	display: none;
}
.exchange_recording_part02 {
	display: block;
}
.exchange_recording_part02_top_green {
	display: block;
}
.exchange_recording_part02_top_bk {
	display: block;
}
.exchange_recording_title {
	display: none;
}
/*phone 購買記錄分頁選單列*/
.shopping_recording_Paging_menu {
	display: block;
}
/*phone 兌換記錄分頁選單列*/
.exchange_recording_Paging_menu {
	display: block;
}


/*phone 購買記錄*/


#SRT01 {
	display: block;
}
#SRT02 {
	display: none;
}

/*phone 兌換記錄*/
.exchange_recording_table {
	width: 92.18%;
	max-width: 1037px;
	height: auto;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	margin: 0 auto 20px auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.exchange_recording_table_title {
	width: 100%;
	height: 29px;
	color: #999;
	font-size: 13px;
	line-height: 29px;
	border-bottom: 1px solid #cbcbcb;
	background-color: #f8f8f8;
	position: relative;
}
.exchange_recording_table_title .abox {
	width: 100px;
}

.exchange_recording_table_title .bbox {
	width: 43%;
	margin-left: 125px;
}

.exchange_recording_table_title .bbox02 {
	width: 43%;
	margin-left: 107px;
}
.exchange_recording_table_title .cbox {
	width: 60px;
	height: 29px;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 10px;
}
.exchange_recording_table_title .dbox {
	width: 80px;
	right: 50px;
	text-align: right;
}
.exchange_recording_table_title .ebox {
	display: block;
}

.exchange_recording_table_title .fbox {
	right: 12px;
}

/*640 購買記錄*/
.exchange_recording_table ul li {
	min-height: 75px;
}
.exchange_recording_table ul li:last-child {
	min-height: 75px;
}
.exchange_recording_table_list .abox {
	width: 110px;
	height: 75px;
}


.exchange_recording_table_list .bbox {
	width: 43%;
	min-height: 75px;
	margin-left: 125px;
	display : table;
 *position : relative;
	padding: 7px 0;
}

.exchange_recording_table_list .bbox02 {
	width: 43%;
	min-height: 75px;
	margin-left: 107px;
	display : table;
 *position : relative;
	padding: 7px 0;
}

.exchange_recording_table_list .bbox03 {
	width: 65%;
	min-height: 75px;
	margin-left: 125px;
	display : table;
 *position : relative;
	padding: 7px 0;
}



.exchange_recording_table_box {
	width: 100%;
	min-height: 36px;
	color: #999;
	margin-top: -30px;
	position: absolute;
	top: 50%;
}
.exchange_recording_table_list .cbox {
	width: 80px;
	top: 23px;
	right: 10px;
}
.exchange_recording_table_list .dbox {
	width: 54px;
	top: 0;
	right: 10px;
	text-align: right;
}

.exchange_recording_table_list .fbox {
	width:auto;
	min-width: 54px;
	min-height: 21px;
	font-size:20px;
	font-weight:bold;
	line-height:21px;
	color:#484848;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top:-12px;
	padding-right:27px;
	position: absolute;
	top: 50%;
	right: 12px;
	background-image: url(../images/tasks_icon.png);
	background-repeat:no-repeat;
	background-size:21px;
	background-position:center right;

}

.exchange_recording_table_nunber01 {
	width: 100%;
	height:auto;
	color: #333;
	font-size: 13px;
}
.exchange_recording_table_nunber02 {
	width: 100%;
	height: auto;
	min-height: 30px;
	margin-bottom: 2px;
	color: #333;
	font-size: 13px;
}
.exchange_recording_table_data {
	width: 100%;
	height: auto;
	color: #666666;
	font-size: 12px;
}
#ERT01 {
	display: block;
}
#ERT02 {
	display: none;
}
#ERT03 {
	display: none;
}

.exchange_recording_more {
	width: 126px;
	height: 35px;
	margin: 0 auto 10px auto;
	clear: both;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #474747;
}
.equipment_table {
	width: 92.18%;
	margin: 18px auto 30px auto;
	font-size: 13px;
}
.equipment_table_title .abox {
	width: 80px;
	height: 29px;
	padding-left: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.equipment_table_title .line {
	display: block;
}
.equipment_table_title .bbox {
	width: 60px;
	height: 29px;
	position: absolute;
	top: 0;
	left: 78px;
}
.equipment_table_title .cbox {
	width: 54px;
	height: 29px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
}
.equipment_table ul li {
	width: 100%;
	min-height: auto;
	height: auto;
	border-bottom: 1px #cfcfcf solid;
	position: relative;
}
.equipment_table ul li:last-child {
	width: 100%;
	min-height: auto;
	height: auto;
	border: none;
	position: relative;
}
.equipment_table ul li .abox {
	width: 75%;
	min-height: auto;
	height: auto;
	padding-left: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.equipment_table ul li .bbox {
	width: 125px;
	height: 13px;
	min-height: auto;
	color: #656565;
	font-size: 13px;
	line-height: 13px;
	position: relative;
	margin: 13px 0 0 12px;
	top: auto;
	right: auto;
}
.equipment_table ul li .cbox {
	width: 54px;
	height: 14px;
	color: #cb0000;
	font-size: 13px;
	line-height: 14px;
	text-align: center;
	position: absolute;
	margin-top: -7px;
	top: 50%;
	right: 0;
}
.equipment_table ul li .cbox a {
	width: 54px;
	height: 14px;
	color: #cb0000;
	font-size: 13px;
	display: block;
	line-height: 14px;
	text-align: center;
}
/*phone購買記錄選單列 end*/
.exchange_recording_menu {
	width: 92%;
	height: auto;
	margin: 0 auto 29px auto;
	position: relative;
	border-top: 1px #999 solid;
	border-left: 1px #999 solid;
	border-right: 1px #999 solid;
	border-bottom:none;
	z-index: 50;
	overflow:hidden;
}
.exchange_recording_btn01 {
	width: 100%;
	height: 64px;
	color: #333333;
	font-size: 18px;
	line-height: 64px;
	text-align: left;
	padding: 0 14px;
	border-bottom: 1px #999 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
}
.exchange_recording_btn01 a:link, .exchange_recording_btn01 a:visited {
	width: 100%;
	height: 64px;
	color: #333333;
	font-size: 18px;
	line-height: 64px;
	text-align: left;
	display: block;
	border-bottom: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images/phone/tasks_menu_arrow.png);
	background-size:12px 20px;
	background-repeat:no-repeat;
	background-position:right 21px;
}
.exchange_recording_btn01 a:hover, .exchange_recording_btn01 a:active {
	width: 100%;
	height: 64px;
	color: #333333;
	font-size: 18px;
	line-height: 64px;
	text-align: left;
	display: block;
	border-bottom: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../images/phone/tasks_menu_arrow.png);
	background-size:12px 20px;
	background-repeat:no-repeat;
	background-position:right 21px;
}
.exchange_recording_btn02 {
	width: 100%;
	height: 64px;
	color: #333333;
	font-size: 18px;
	line-height: 64px;
	text-align: left;
	padding: 0 14px;
	border-bottom: 1px #999 solid;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
}
.exchange_recording_btn02 a:link, .exchange_recording_btn02 a:visited {
	width: 100%;
	height: 64px;
	color: #333333;
	font-size: 18px;
	line-height: 64px;
	text-align: left;
	display: block;
	border-bottom: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.exchange_recording_btn02 a:hover, .exchange_recording_btn02 a:active {
	width: 100%;
	height: 64px;
	color: #333333;
	font-size: 18px;
	line-height: 64px;
	text-align: left;
	display: block;
	border-bottom: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*Hami Book月讀包服務條款*/
.term_of_service {
	width: 84.37%;
	padding-top: 24px;
}
.term_of_service_title {
	width: 100%;
	height: auto;
	margin-bottom: 16px;
	color: #333;
	font-size: 24px;
}
.term_of_service_text {
	width: 100%;
	height: auto;
	line-height: 24px;
	color: #333;
	font-size: 16px;
}
.term_of_service_title02 {
	width: 100%;
	height: 16px;
	margin: 33px 0;
	color: #333;
	font-size: 16px;
}


/*書籍購買紀錄全部*/
.exchange_recording_books {
	height: 100%;
	border: none;
}
.exchange_recording_books_item {
	width: 100%;
	height: 29px;
	line-height: 29px;
	color: #999;
	font-size: 14px;
	background-color: #f8f8f8;
	position: relative;
}
.exchange_recording_books_item .abox {
	width: 100px;
	height: 29px;
	line-height: 29px;
	position: absolute;
	top: 0;
	left: 13px;
}
.exchange_recording_books_item .bbox {
	width: 60px;
	height: 29px;
	line-height: 29px;
	position: absolute;
	top: 0;
	left: 130px;
}

.exchange_recording_books_item .bbox02 {
	width: 60px;
	height: 29px;
	line-height: 29px;
	position: absolute;
	top: 0;
	left: 107px;
}

.exchange_recording_books_item .cbox {
	width: 9.87%;
	height: 29px;
	min-width: 70px;
	line-height: 29px;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 70px;
}
.exchange_recording_books_item_line {
	display: block;
}
.exchange_recording_books_item .dbox {
	width: 60px;
	min-width: 55px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 5px;
}

.exchange_recording_books_item .fbox {
	width: 60px;
	min-width: 55px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 12px;
}
.exchange_recording_books_table {
	width: 100%;
	height: auto;
}
.exchange_recording_books_table ul li {
	width: 100%;
	min-height: 79px;
	height: auto;
	position: relative;
	border-bottom: 1px #cfcfcf solid;
}
.exchange_recording_books_table ul li .abox {
	width: 100px;
	left: 13px;
}
.exchange_recording_books_table ul li .bbox {
	width: 52%;
	height: auto;
	margin: 0 0 0 130px;
	padding: 7px 0;
}

.exchange_recording_books_table ul li .bbox02 {
	height: auto;
    padding:7px 130px 7px 107px;
}

.exchange_recording_books_table ul li .bbox03 {
	padding:7px 10px 7px 130px;
}

.exchange_recording_book_table_box {
	width: 100%;
	height: 43px;
	color: #999;
	margin-top: -22px;
	position: absolute;
	top: 50%;
}
.exchange_recording_books_table ul li .cbox {
	width: 9.87%;
	height: 29px;
	min-width: 70px;
	line-height: 29px;
	text-align: right;
	margin-top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 5px;
}
.exchange_recording_books_table ul li .dbox {
	width: 60px;
	height: 29px;
	color: #484848;
	font-size: 14px;
	line-height: 29px;
	text-align: right;
	margin-top: -14px;
	position: absolute;
	top: 36px;
	right: 5px;
}



/*兌換券*/
.exchange_recording_books_title {
	width: 100%;
	height: 47px;
	font-size: 18px;
	line-height: 47px;
}
.close {
	display: none;
}
.close02 {
	width: 19px;
	height: 19px;
	position: absolute;
	top: 13px;
	right: 13px;
	display: block;
}
.coupon_input_box {
	width: 80%;
	height: 240px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.coupon_input_box02 {
	width: 80%;
	padding: 0 0;
	height: 169px;
}
.coupon_input_text {
	width: 100%;
	height: 15px;
	line-height: 15px;
	font-size: 13px;
	top: 36px;
	left: 0;
}

.coupon_input_btn {
	width: 100%;
	height: 46px;
	font-size: 18px;
	line-height: 46px;
	position: absolute;
	top: 167px;
	left: 0;
}

.coupon_input_btn a:link,.coupon_input_btn a:visited{
	width: 100%;
	height: 46px;
	display:block;
	color: #fff;
	background-color: #61953f;
}

.coupon_input_btn a:hover,.coupon_input_btn a:active{
	width: 100%;
	height: 46px;
	display:block;
	color: #fff;
	background-color: #6cae41;
}


.coupon_input_btn02 {
	display: block;
}
.coupon_input_btn03 {
	display: none;
}
.coupon_checkbox {
	width: 90%;
	min-width: 200px;
	height: 22px;
	color: #474747;
	font-size: 13px;
	line-height: 22px;
	position: absolute;
	top: 117px;
	left: 0;
}
.coupon_box {
	width: 80%;
	margin: 0 auto 34px auto;
	padding-top: 18px;
}
.coupon_box02 {
	width: 80%;
	min-height: 103px;
	margin: 0 auto 34px auto;
	padding-top: 28px;
}
.coupon_box02 {
	width: 80%;
	min-height: 130px;
	margin: 0 auto 34px auto;
	padding-top: 28px;
}

.coupon_input_list{
	width:100%;
	height:46px;
	position:absolute;
	top:56px;
	left:0;
	}

.coupon_input_list input{
	width:100%;
	height:46px;
	color:#000000;
	font-size:16px;
	line-height:46px;
	padding:0 5px;
	border: 1px solid #656565;
    background-color: #fff;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	}

.coupon_input_list input:focus, input:hover{
    color: #000;
    -webkit-transition: color.5s;
    padding:0 4px;
    border: 2px solid #61953f;
    background-color: #fff;
}

.coupon_input_list input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder {color: #999!important; }


.coupon_box_title {
	padding: 0;
}
.coupon_box_text01 {
	padding: 0;
}
.coupon_box_text02 {
	padding: 0;
}


/*活動兌換券自動兌換 640*/
.coupon_auto_box{
 width: 80%;
 padding: 40px 0 30px 0;
 margin: 0 auto 40px auto;
 border-bottom: 1px #eeeeee solid;
}

/*下載app qrcode*/
.coupon_download_box{
 display: none;
}

.phone_coupon_download_box{
 display: block;
}




.coupon_use {
	width: 80%;
	height: auto;
	padding: 0;
	margin: 0 auto 50px auto;
	border: none;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.coupon_use_title {
	width: 100%;
	height: 15px;
	line-height: 16px;
	color: #333;
	font-size: 15.5px;
	margin-bottom: 15px;
}
.coupon_use_content {
	width: 100%;
	margin-bottom: 32px;
}
.coupon_use_content ul li {
	width: 100%;
	min-height: 17px;
	height: auto;
	line-height: 31px;
	color: #333;
	font-size: 15.5px;
	text-indent: -15px;
	margin-bottom: 5px;
	padding-left: 20px;
}
.coupon_start_btn {
	width: 80%;
	height: 46px;
	margin: 0 auto 51px auto;
}
.coupon_start_btn a {
	width: 100%;
	height: 46px;
	line-height: 46px;
	font-size: 18px;
}
.privacy_terms {
	width: 100%;
	max-width: 100%;
	min-width: auto;
	height: 100%;
	border: none;
}
.privacy_terms_box {
	padding: 19px 0 32px 0;
	line-height: 31px;
}
.back {
	width: 19px;
	height: 19px;
	position: absolute;
	top: 13px;
	left: 17px;
}
.e-newspaper {
	width: 100%;
	max-width: 100%;
	height: auto;
	border: none;
}
.e-newspaper_box {
	width: 80%;
	max-width: 330px;
	height: auto;
	padding-top: 25px;
	margin: 0 auto 58px auto;
}
.e-newspaper_input {
	width: 100%;
	height: 46px;
	font-size: 18px;
	line-height: 44px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.e-newspaper_btn {
	width: 100%;
	height: 46px;
	text-align: center;
	margin-bottom: 35px;
	font-size: 18px;
	line-height: 46px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.e-newspaper_cancel {
	width: 77px;
	height: 16px;
	line-height: 16px;
	color: #484848;
	font-size: 15px;
	text-align: right;
	padding-right: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 11px;
	background-image: url(../images/book_classificati_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin: 0 auto;
}
.shopping_cart {
	width: 100%;
	height: auto;
	background-color: #fafafa;
	margin: 0 auto 62px auto;
	padding-bottom: 35px;
}
.shopping_cart_btn01 {
	width: 135px;
}
.shopping_cart_btn01 a {
	width: 100%;
}
.shopping_cart_btn02 {
	width: 135px;
}
.shopping_cart_btn02 a {
	width: 100%;
	background-position: 15px 9px;
}
.shopping_cart_btn03 {
	width: 135px;
	position: absolute;
	right: 145px;
}
.shopping_cart_btn03 a {
	width: 100%;
	background-position: 15px 6px;
}
.vip_news {
	padding: 0 10px;
}
/*閱讀包首頁 選單*/
.vip_menu_bk {
	width: 100%;
	height: 49px;
}
.vip_menu {
	width: 340px;
	height: 49px;
}
.vip_menu_btn01_choose {
	width: 30%;
	height: 48px;
	line-height: 48px;
	font-size: 18px;
	position: absolute;
	top: 0;
	left: 0;
}
.vip_menu_btn01 {
	width: 30%;
	height: 49px;
	line-height: 49px;
	color: #484848;
	font-size: 18px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
.vip_menu_btn01 a {
	display: block;
	width: 100%;
	height: 49px;
	line-height: 49px;
	color: #484848;
	font-size: 18px;
	text-align: center;
}
.vip_menu_btn02_choose {
	width: 30%;
	height: 48px;
	line-height: 48px;
	color: #629540;
	font-size: 18px;
	text-align: center;
	border-bottom: 2px #629540 solid;
	position: absolute;
	top: 0;
	left: 120px;
}
.vip_menu_btn02 {
	width: 30%;
	height: 49px;
	line-height: 49px;
	color: #484848;
	font-size: 18px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 120px;
}
.vip_menu_btn02 a {
	display: block;
	width: 100%;
	height: 49px;
	line-height: 49px;
	color: #484848;
	font-size: 18px;
	text-align: center;
}
.vip_menu_btn03_choose {
	width: 30%;
	height: 48px;
	line-height: 48px;
	color: #629540;
	font-size: 18px;
	text-align: center;
	border-bottom: 2px #629540 solid;
	position: absolute;
	top: 0;
	right: 0;
}
.vip_menu_btn03 {
	width: 30%;
	height: 49px;
	line-height: 49px;
	font-size: 18px;
	position: absolute;
	top: 0;
	right: 0;
}
.vip_menu_btn03 a {
	display: block;
	width: 100%;
	height: 49px;
	line-height: 49px;
	font-size: 18px;
}
/*閱讀包首頁  區塊1*/

.vip_index_block01 {
	display: none;
}
.phone_vip_index_block01 {
	display: block;
}

/*閱讀包首頁  區塊2*/

.vip_index_block02 {
	height: 455px;
	background-image: url(../images/vip_index_block02_bk.jpg);
}
.vip_index_block02_title {
	display: block;
	width: 358px;
	height: 102px;
	background-image: url(../images/phone/vip_index_block02_title.png);
	background-size: 100%;
	background-position: bottom left;
	background-repeat: no-repeat;
	position: relative;
	padding-top: 26px;
	margin: 0 auto;
}
.vip_index_block02_content {
	width: 100%;
	height: 250px;
	padding-top: 30px;
	position: relative;
	overflow: hidden;
}
.vip_index_block02_books {
	width: 2100px;
	height: 183px;
	margin-left: -16px;
}
.vip_index_block02_book {
	width: 134px;
	height: 181px;
	float: left;
	margin-right: 12px;
}
.vip_index_block02_booktitle {
	width: 100%;
	height: 15px;
	line-height: 15px;
	text-align: center;
	color: #333;
	font-size: 16px;
	padding-top: 10px;
}
.vip_index_block02_booktitle a {
	width: 100%;
	height: 15px;
	line-height: 15px;
	text-align: center;
	color: #333;
	font-size: 16px;
}
.vip_index_block02_book img {
	width: 134px;
	height: 181px;
	border: 1px #333333 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.vip_index_block02_more {
	width: 116px;
	height: 20px;
	margin: 0 auto;
}
.vip_index_block02_more a {
	width: 116px;
	height: 20px;
	display: block;
	background-image: url(../images/phone/vip_index_block02_more.png);
	background-size: 100%;
	background-repeat: repeat;
}
/*閱讀包首頁  區塊3*/
.vip_index_block03 {
	display: none;
}
.phone_vip_index_block03 {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}
.vip_index_block03_dotted_box {
	bottom: 2.161%;
}

.vip_index_block04_bk {
	display: none;
}
.phone_vip_index_block04_content {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	background-image: url(../images/vip_index_block04_bk.png);
}



/*藏愛包  區塊1*/

.love_index_block01 {
	display: none;
}
.love_index_block01_btn01 {
	display: none;
}
.love_index_block01_btn03 {
	display: none;
}
.phone_love_index_block01 {
	display: block;
}
.phone_love_index_block01_btn01 {
	display: block;
}
.phone_love_index_block01_btn02 {
	display: block;
}
/*藏愛包  區塊2*/

.love_index_block02 {
	height: 405px;
	background-image: url(../images/phone/love_block02_bk.png);
}
.love_index_block02_title {
	display: block;
	width: 96%;
	max-width: 394px;
	height: 78px;
	background-image: url(../images/phone/love_block02_pic01.png);
	background-size: 100%;
	background-position: bottom left;
	background-repeat: no-repeat;
	position: relative;
	padding-top: 25px;
	margin: 0 auto;
}
.love_index_block02_content {
	width: 100%;
	height: 217px;
	padding-top: 30px;
	position: relative;
	overflow: hidden;
}

.love_index_block02_booktitle {
	width: 100%;
	height: 15px;
	line-height: 15px;
	text-align: center;
	color: #333;
	font-size: 16px;
	padding-top: 10px;
}
.love_index_block02_booktitle a {
	width: 100%;
	height: 15px;
	line-height: 15px;
	text-align: center;
	color: #333;
	font-size: 16px;
}

.love_index_block02_books {
	width: 2100px;
	height: 183px;
	margin-left: -16px;
}
.love_index_block02_book {
	width: 134px;
	height: 181px;
	float: left;
	margin-right: 12px;
}
.love_index_block02_book img {
	width: 134px;
	height: 181px;
	border: 1px #333333 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.love_index_block02_more {
	width: 116px;
	height: 20px;
	margin: 0 auto;
}
.love_index_block02_more a {
	width: 116px;
	height: 20px;
	display: block;
	background-image: url(../images/phone/vip_index_block02_more.png);
	background-size: 100%;
	background-repeat: repeat;
}

/*藏愛包  區塊3*/
.love_index_block03 {
	display: none;
}
.phone_love_index_block03 {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}
.love_index_block04_bk {
	display: none;
}

.phone_love_index_block04_pic01 {
	width: 69.687%;
	height: auto;
	position: absolute;
	top: 27.378%;
	left: 14.843%;
}
.phone_love_index_block04_pic02 {
	width: 72.5%;
	height: auto;
	position: absolute;
	top: 53.828%;
	left: 13.75%;
}


/*藏愛包  區塊4*/
.love_index_block04_bk {
	display: none;
}
.phone_love_index_block04_content {
	display: block;
}
.download_app_block {
	display: none;
}
.phone_download_app_block {
	display: block;
}
.monthly_book_title {
	width: 182px;
	height: 23px;
	font-size: 19px;
	line-height: 23px;
	overflow: hidden;
	margin-bottom: 8px;
}
.monthly_book_title a {
	width: 182px;
	height: 23px;
	overflow: hidden;
	display: block;
}
.phone_authorize_bk {
	display: block;
}
.phone_authorize {
	display: block;
}

.phone_off_shelf{
	display: block;
}

.monthly_menu_box {
	width: 92.2%;
	height: auto;
	margin: 0 3.9% 0 auto;
	border: 1px #999999 solid;
	z-index: 890;
}
.monthly_menu_box ul li {
	width: 100%;
	height: 50px;
	padding: 0 3.38%;
	border-bottom: 1px #999999 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.monthly_menu_box ul li a {
	width: 100%;
	height: 50px;
	display: block;
}
.monthly_menu_box ul li:last-child {
	width: 100%;
	height: 50px;
	padding-left: 3.38%;
	border-bottom: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.monthly_menu_box ul li:last-child a {
	width: 100%;
	height: 50px;
	display: block;
}
.monthly_menu_list {
	width: 100%;
	color: #333;
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.monthly_menu_list_choose {
	width: 100%;
	color: #333;
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	float: left;
	background-image: url(../images/tick.png);
	background-repeat: no-repeat;
	background-size: 22px 15px;
	background-position: right center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.authorize_title {
	width: 92.18%;
	padding-top: 20px;
	text-align: center;
}
.authorize_table {
	margin: 0 auto 7px auto;
}
.authorize_notice_block {
	width: 92%;
}
.authorize_table ul li .abox {
	padding-top: 15px;
	margin-bottom: 11px;
}
.qa_title {
	width: 87%;
	height: 50;
	margin: 22px auto 0 auto;
	background-image: none;
	clear: both;
}
.phone_qa_block {
	display: block;
	width: 94.2%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
/*常見問題 內頁*/
.qa_in_page_content {
	padding-top: 5px;
	min-height: auto;
	margin: 0 auto 12px auto;
	background-image: none;
}
.qa_in_page_item {
	display: block;
}
.qa_in_page_title {
	width: 100%;
	height: 53px;
	padding: 0 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: none;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	margin: 0 auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
.qa_in_page_title_text {
	width: 121px;
	height: 53px;
	line-height: 53px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: bold;
	color: #484848;
	text-align: center;
	background-color: #fff;
	z-index: 0;
}
.qa_in_page_right {
	width: 94%;
	padding-left: 0;
	padding-right: 0;
	margin: 0 auto 5px auto;
	overflow: hidden;
	border: 1px #cccccc solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.qa_in_page_a_more_line {
	display: none;
}
.qa_in_page_q {
	font-size: 20px;
	line-height: 31px;
	min-height: 31px;
	padding-left: 35px;
	padding-right: 20px;
}
.qa_in_page_q_arrow {
	position: absolute;
	top: 8px;
	left: 12px;
}
.qa_in_page_a_text {
	font-size: 18px;
	line-height: 31px;
	padding-left: 35px;
	padding-right: 20px;
}
.qa_in_page_a {
	margin: 0 0 54px 0;
}
.qa_in_page_a_07more {
	font-size: 18px;
	line-height: 19px;
	margin-bottom: 12px;
	clear: both;
	padding-left: 36px;
}
.qa_in_page_a_more {
	padding-left: 36px;
}
.qa_in_page_a_more a {
	font-size: 18px;
	line-height: 19px;
}
.qa_more_arrow {
	top: 3px;
	right: 5px;
}
.qa_in_page_a_more02 {
	padding-left: 36px;
}
.qa_in_page_a_more02 a {
	font-size: 18px;
	line-height: 19px;
}
.qa_in_page_a_step {
	top: 1px;
	left: 33px;
}
.qa_in_page_a_step_text {
	min-height: 31px;
	font-size: 18px;
	line-height: 31px;
	padding: 0 20px 0 107px;
}
.qa_in_page_a_text02 {
	height: 19px;
	line-height: 19px;
	font-size: 18px;
	padding-left: 50px;
	background-position: 33px center;
}
.qa_in_page_a_text03 {
	font-size: 18px;
	padding-left: 35px;
}

.qa_in_page_a_text04 {
 font-size: 18px;
 padding-left: 47px;
 line-height: 31px;
}

/*促銷專區640*/
.focus_big_title_box {
	height: 24px;
	padding-top: 26px;
	margin-top: -30px;
	background-color: #eeeeee;
}
.focus_big_title {
	width: 100%;
	max-width: 1060px;
	height: 24px;
	margin: 0;
	padding: 0 16px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: none;
}
.focus_big_title_text {
	width: 200px;
	height: 24px;
	margin: 0;
	padding-top: 13px;
	font-size: 23px;
	font-weight: bold;
	color: #484848;
	text-align: left;
	background-color: #eeeeee;
}
.focus_big_title_text_gap {
	display: none;
}
.focus_block {
	padding: 29px 12px 0 12px;
	margin: 0 auto 44px auto;
}
.focus_box {
	width: 100%;
	min-width: 788px;
	height: 356px;
}
.focus_book_gap {
	width: 25%;
	min-width: 190px;
	height: 356px;
	overflow: hidden;
	float: left;
}
.focus_book {
	width: 185px;
	height: auto;
	min-height: 332px;
	margin: 0 auto;
	overflow: hidden;
}
.new_arrivals_book_box {
	width: 391px;
	min-width: 391px;
}
/*套書 640px*/
.book_show_top {
	display: none;
}
.serialbooks_title {
	width: 100%;
	height: 16px;
	margin-bottom: 12px;
	background-image: url(../images/index_title_bk.png);
	background-repeat: repeat-x;
}
.serialbooks_block {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 0 43px 0;
	padding: 0 8px;
	background-color: #fff;
}
.serialbooks_hide {
	width: 1000px;
	height: 330px;
	overflow: hidden;
}
.serialbooks_show {
	width: 1000px;
	height: 330px;
	overflow: hidden;
}
.serialbooks_bookbox {
	width: 197px;
	min-width: 197px;
	height: 330px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}
.serialbooks_book_cover {
	width: 183px;
	height: 244px;
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid #eeeeee;
}
.serialbooks_book_text {
	width: 183px;
	height: 47px;
	font-size: 19px;
	line-height: 23px;
	margin: 7px auto 8px auto;
}
.serialbooks_book_text a {
	width: 183px;
	height: 47px;
	display: block;
}
.serialbooks_book_price {
	width: 190px;
	height: 18px;
	margin: 0 auto;
	padding-top: 2px;
	overflow: hidden;
	color: #656565;
	font-size: 13px;
	text-align: center;
	line-height: 18px;
	vertical-align: text-bottom;
}
.serialbooks_book_price span {
	color: #cc0000;
	font-size: 18px;
	font-weight: bold;
	vertical-align: text-bottom;
}
.serialbooks_more {
	display: none;
}
.book_show_list2 {
	display: block;
}


/*單書制式活動 樣式一640px*/

.event_style1_banner_block{
	max-width:1060px;
	width: 100%;
	min-height:647px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	background-image:url(../images/phone/event_style1_banner_bk.png);
	background-size:640px 647px;
	background-position:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_style1_banner_cover_border{
	width:210px;
	height:auto;
	margin:0 auto;
	position:relative;
	top:19px;
	left:0;
	}

.event_style1_banner_right{
	width:90%;
	height:334px;
	position:absolute;
	top:314px;
	left:5%;
	}

.event_style1_banner_price_block{
	width:313px;
	height:41px;
	position:relative;
	margin:0 auto;
	background-image:none;
	}

.event_style1_banner_price{
	display:none;
	}

.event_style1_banner_title{
	width:100%;
	height:66px;
	color:#005986;
	font-size: 27px;
	text-align:center;
	overflow:hidden;
	padding:4px 0;
	position:absolute;
	top:56px;
	border-top:4px #094f82 solid;
	border-bottom:4px #094f82 solid;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_style1_banner_title_line{
	width:100%;
	height:50px;
	line-height:50px;
	color:#094f82;
	border-top:1px #094f82 solid;
	border-bottom:1px #094f82 solid;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_style1_banner_title_line a{
	color:#094f82;
	}

.event_style1_banner_text{
	width:100%;
	height:auto;
	line-height:29px;
	font-size: 18px;
	overflow:hidden;

	padding:0;
	position:absolute;
	top:139px;
	}

.event_style1_banner_sale{
    margin:17px 0 0 0;
	}

.event_style1_banner_sale_bigred{
    margin:4px 0 0 0;
	}

.event_style1_banner_sale_red{
    margin:17px 0 0 0;
	}


.event_style1_banner_btn{
	width:142px;
	height:41px;
    margin:0;
	float:right;
	}

.event_style1_banner_btn a:link,event_style1_banner_btn a:visited{
	width:142px;
	height:41px;
	display:block;
	background-image:url(../images/phone/event_style1_banner_price_btn.png);
	background-size:100%;
	background-repeat:no-repeat;
	}

.event_style1_banner_btn a:hover,event_style1_banner_btn a:active{
	width:142px;
	height:41px;
	display:block;
	background-image:url(../images/phone/event_style1_banner_price_btn_hover.png);
	background-size:100%;
	background-repeat:no-repeat;
	}

.event_book_sale {
	width: 185px;
	height: 21px;
}

.event_price_box{
	width:130px;
	height:21px;
	text-align:left;
	position:absolute;
	top:1px;
	left:0;
	margin:0;
	}


.event_price_text_gery{
	display:none;
	}

.event_saleprice_text_red {
	height: 19px;
	line-height: 19px;
	font-size: 18.5px;
}


.event_shopping_cart_text{
	display:none;
	}

.event_shopping_cart_box{
	width: 31px;
	height: 21px;
	margin:0;
	position:absolute;
	top:0;
	right:0;
	}

.event_shopping_cart_box a:link,.event_shopping_cart_box a:visited,.event_shopping_cart_box a:hover,.event_shopping_cart_box a:active{
	width: 31px;
	height: 21px;
	border:none;
	}

.event_shopping_cart {
	width: 31px;
	height: 21px;
	margin-top:0;
}

.event_style1_title{
	margin-left:18px;
	}

.event_style1_more a:link,.event_style1_more a:visited {
	background-image:url(../images/phone/event_style1_more_btn.png);
	background-size:100%;
}

.event_style1_more a:hover,.event_style1_more a:active {
	background-image:url(../images/phone/event_style1_more_btn_hover.png);
	background-size:100%;
}

/*單書制式活動 樣式一 推薦640px */
.event_style1_recommend_bk {
	margin: 0;
	padding:0;
	border-top:3px #bfe4f7 solid;
	border-bottom:3px #bfe4f7 solid;
	border-left:none;
	border-right:none;

}
.event_style1_recommend_border{
	margin: 0;
	padding:3px 0;
	border:none;
	}

.event_style1_recommend_border_dotted{
	margin: 0;
	padding:74px 0 24px 0;
	border-top:1px #3399cc dotted;
	border-bottom:1px #3399cc dotted;
	border-left:none;
	border-right:none;
	}



.event_style1_recommend_title{
	width:295px;
	height:80px;
	position:absolute;
	top:0;
	left:0;
	background-image:url(../images/phone/event_style1_recommend_title.png);
	background-size:100%;
	}

.event_style1_recommend_foot{
	display:none;
	}


.event_style1_title_bk{
	max-width:1060px;
	width: 100%;
	height:55px;
	margin:0 auto;
	padding-bottom:33px;
	background-image:url(../images/phone/event_style1_title_bk.png);
	background-size:auto 55px;
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	}

.event_style1_banner_title{
	width:100%;
	height:66px;
	color:#005986;
	font-size: 27px;
	text-align:center;
	overflow:hidden;
	padding:4px 0;
	position:absolute;
	top:56px;
	border-top:4px #3399cc solid;
	border-bottom:4px #3399cc solid;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_style1_banner_title_line{
	width:100%;
	height:50px;
	line-height:50px;
	color:#005986;
	border-top:1px #3399cc dotted;
	border-bottom:1px #3399cc dotted;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}


.event_foot_banner_style1_pc{
	display:none;
	}

.event_foot_banner_style1_phone{
	display:block;

	}


/*單書制式活動 樣式二640px*/
.event_style2_banner_block{
	max-width:1060px;
	width: 100%;
	min-height:687px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	background-image:url(../images/phone/event_style2_banner_bk.png);
	background-size:640px 687px;
	background-position:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}


.event_style2_banner_cover_border{
	width:236px;
	height:auto;
	margin:0 auto;
	position:relative;
	top:9px;
	left:0;
	}

.event_style2_banner_right{
	width:90%;
	height:334px;
	position:absolute;
	top:314px;
	left:5%;
	}

.event_style2_banner_price_block{
	width:313px;
	height:41px;
	position:relative;
	margin:0 auto;
	background-image:none;
	}


.event_style2_banner_price{
	display:none;
	}

.event_style2_banner_title{
	width:100%;
	height:66px;
	color:#005986;
	font-size: 27px;
	text-align:center;
	overflow:hidden;
	padding:4px 0;
	position:absolute;
	top:56px;
	border-top:4px #094f82 solid;
	border-bottom:4px #094f82 solid;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_style2_banner_title_line{
	width:100%;
	height:50px;
	line-height:50px;
	color:#333333;
	border-top:1px #094f82 solid;
	border-bottom:1px #094f82 solid;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}



.event_style2_banner_text{
	width:100%;
	height:auto;
	line-height:29px;
	font-size: 18px;
	overflow:hidden;

	padding:0;
	position:absolute;
	top:139px;
	}



.event_style2_banner_sale{
    margin:17px 0 0 0;
	}

.event_style2_banner_sale_bigred{
    margin:4px 0 0 0;
	}

.event_style2_banner_sale_red{
    margin:17px 0 0 0;
	}


.event_style2_banner_btn{
	width:142px;
	height:41px;
    margin:0;
	float:right;
	}

.event_style2_banner_btn a:link,event_style2_banner_btn a:visited{
	width:142px;
	height:41px;
	display:block;
	background-image:url(../images/phone/event_style2_banner_price_btn.png);
	background-size:100%;

	}

.event_style2_banner_btn a:hover,event_style2_banner_btn a:active{
	width:142px;
	height:41px;
	display:block;
	background-image:url(../images/phone/event_style2_banner_price_btn_hover.png);
    background-size:100%;
	}

.event_style2_title_bk{
	width: 100%;
	height:59px;
	margin:0 auto;
	padding-bottom:33px;
	background-image:url(../images/phone/event_style2_title_bk.png);
	background-color:#fff;
	background-repeat:no-repeat;
	background-size:auto 59px;
	background-position:top left;
	}

.event_style2_title{
	height:59px;
	margin-left:18px;
	}

/*單書制式活動 樣式二 推薦 */
.event_style2_recommend_bk {
	margin: 0 auto;
	border:none;
	background-image:none;
}
.event_style2_recommend_top_bk {
	width:100%;
	height:89px;
	background-image:url(../images/phone/event_style2_top_bk.png);
	background-size: auto 89px;
	background-repeat:repeat-x;
	padding-top:32px;
	}

.event_style2_recommend_top_title {
	width:199px;
	height:38px;
	background-image:url(../images/phone/event_style2_top_title.png);
	background-repeat:no-repeat;
	background-size:100%;
	}

.event_style2_recommend_bottom {
	width:100%;
	height:15px;
	background-image:url(../images/phone/event_style2_bottom_bk.png);
	background-size: auto 15px;
	background-repeat:repeat-x;
	}

.event_style2_recommend_center{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:8px 0 10px 0;
	background-image:url(../images/event_style2_center_bk.png);
	background-position:-2px top ;

	}

.event_foot_banner_style2_pc{
	display:none;
	}

.event_foot_banner_style2_phone{
	display:block;
	}



/*單書制式活動 樣式三640px*/

.event_style3_banner_block{
	max-width:1060px;
	width: 100%;
	min-height:647px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	background-image:url(../images/phone/event_style3_banner_bk.png);
	background-size:640px 647px;
	background-position:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_style3_banner_cover_border{
	width:217px;
	height:auto;
	margin:0 auto;
	background-image:url(../images/phone/event_style3_banner_cover_border.png);
	position:relative;
	top:17px;
	left:0;
	}

.event_style3_banner_right{
	width:90%;
	height:334px;
	position:absolute;
	top:314px;
	left:5%;
	}

.event_style3_banner_price_block{
	width:313px;
	height:41px;
	position:relative;
	margin:0 auto;
	background-image:none;
	}

.event_style3_banner_price{
	display:none;
	}

.event_style3_banner_title{
	width:100%;
	height:66px;
	color:#584f4f;
	font-size: 27px;
	text-align:center;
	overflow:hidden;
	padding:4px 0;
	position:absolute;
	top:56px;
	border-top:4px #584f4f solid;
	border-bottom:4px #584f4f solid;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_style3_banner_title_line{
	width:100%;
	height:50px;
	line-height:50px;
	color:#333333;
	border-top:1px #584f4f dotted;
	border-bottom:1px #584f4f dotted;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_style3_banner_text{
	width:100%;
	height:auto;
	line-height:29px;
	font-size: 18px;
	overflow:hidden;

	padding:0;
	position:absolute;
	top:139px;
	}

.event_style3_banner_sale{
    margin:17px 0 0 0;
	}

.event_style3_banner_sale_bigred{
    margin:4px 0 0 0;
	}

.event_style3_banner_sale_red{
    margin:17px 0 0 0;
	}


.event_style3_banner_btn{
	width:142px;
	height:41px;
    margin:0;
	float:right;
	}

.event_style3_banner_btn a:link,event_style3_banner_btn a:visited{
	width:142px;
	height:41px;
	display:block;
	background-image:url(../images/phone/event_style3_banner_price_btn.png);
	background-size:100%;
	background-repeat:no-repeat;
	}

.event_style3_banner_btn a:hover,event_style3_banner_btn a:active{
	width:142px;
	height:41px;
	display:block;
	background-image:url(../images/phone/event_style3_banner_price_btn_hover.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	}

.event_book_sale {
	width: 185px;
	height: 21px;
}

.event_price_box{
	width:130px;
	height:21px;
	text-align:left;
	position:absolute;
	top:1px;
	left:0;
	margin:0;
	}


.event_price_text_gery{
	display:none;
	}

.event_saleprice_text_red {
	height: 19px;
	line-height: 19px;
	font-size: 18.5px;
}


.event_style3_title01_bk{
	background-image:url(../images/phone/event_style3_title01_bk.png);
	background-size: auto 55px;
	}

.event_style3_title02_bk{
	background-image:url(../images/phone/event_style3_title02_bk.png);
	background-size: auto 55px;
	}


.event_style3_title{
	height:59px;
	margin-left:18px;
	}


.event_style3_more a:link,.event_style3_more a:visited {
	background-image: url(../images/phone/event_style3_more_btn.png);
	background-size:100%;
}

.event_style3_more a:hover,.event_style3_more a:active {
	background-image:url(../images/phone/event_style3_more_btn_hover.png);
	background-size:100%;
}



/*單書制式活動 樣式三 推薦 */
.event_style3_recommend_bk {
	width: 100%;
	height:auto;
	margin: 0 auto;
	padding:4px 0;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image:none;
	background-color:#f5739a;

}

.event_style3_recommend_border{
	width: 100%;
	height:100%;
	padding:4px 0;
	background-image:url(../images/event_style3_center_bk.jpg);

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.event_style3_recommend_title{
	width:188px;
	height:78px;
	background-image:url(../images/phone/event_style3__recommend_title.png);
	background-size:100%;
	background-repeat:no-repeat;
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-94px;
	z-index:10;

	}


.event_style3_recommend_center {
	width: 100%;
	height:100%;
	padding:70px 0 15px 0;
	border-top:2px #ff8bae dotted;
	border-bottom:2px #ff8bae dotted;
	border-left:none;
	border-right:none;


}

.event_foot_banner_style3_pc{
	display:none;
	}

.event_foot_banner_style3_phone{
	display:block;
	}


/*BN制式活動*/
.bn_style_benner_pc{
	display:none;
	}
.bn_style_benner_phone{
	display:block;
	}

.event_bn_title{
	height:59px;
	margin-left:18px;
	}

.event_bn_recommend_bk {
	padding:0;
}

.event_foot_bn_pc{
	display:none;
	}

.event_foot_bn_phone{
	display:block;
	}


/*任務*/
.tasks_member {
	width: 92.27%;
	min-height: 182px;
	margin: 0 auto 18px auto;
	background-image:none;
}

.tasks_member_box01{
	width: 92.5%;
	min-height: 55px;

	margin:13px auto 0 auto;
	float:none;
	padding:0 0 19px 0;
	border-right:none;
	border-bottom:#cccccc solid 1px;
}

.tasks_member_box02{
	width: 92.4%;
	min-height: 55px;
	margin:13px auto 0 auto;
	float:none;
	padding:0 0 25px 0;
	overflow:hidden;
}

.tasks_member_title01{
	font-size: 14.5px;
	margin-bottom:6px;
	}

.tasks_member_icon {
	width: 30px;
	height: 30px;
	top:3px;
}
.tasks_member_account {
	height: 35px;
}


.tasks_point {
	height: 30px;
	padding-left: 39px;

}


.tasks_point_text {
  padding-top:5px;
  font-size:23px;
  width:95%;
}

.cht_tasks_point_text {
  font-size:23px;
  width:95%;
}



/*任務表格*/
.tasks_table {
	width: 92.18%;
}
.tasks_table_title {
	width: 100%;
	height: 29px;
	font-size: 13px;
	line-height: 29px;
}
.tasks_table_title .abox {
	width: 100px;
}
.tasks_table_title .bbox {
	width: 225px;
	height: 29px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
}

.tasks_table ul li {
	width: 100%;
	min-height: 109px;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #cbcbcb;
	background-color: #fff;
	position: relative;
}
.tasks_table ul li:last-child {
	width: 100%;
	min-height: 109px;
	height: auto;
	margin-bottom: 0;
	overflow: hidden;
	border-bottom: none;
	background-color: #fff;
	position: relative;
}
.tasks_table_list .abox {
	width: 91px;
	height: 91px;
	overflow:hidden;

	-moz-border-radius: 45px;
	-webkit-border-radius: 45px;
	border-radius: 45px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;

	margin-top:-46px;
	position: absolute;
	top: 50%;
	left: 20px;
}

.tasks_table_list .abox img{
	width: 100%;
	height:auto;

}

.tasks_table_list .bbox {
  height:109px;
  width:100%;
  margin:0 auto;
  padding:0 245px 0 130px;
  font-size:0;
}

.tasks_table_list .bbox:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.tasks_table_text_block{
  display: inline-block;
  font-size:16px;
  vertical-align: middle;
}

.tasks_table_text_block a{
  width:100%;
  color:#333333;
  display:block;
  margin-bottom:2px;
}


.tasks_table_text01{
	width:100%;
	clear:both;
	color: #656565;
	font-size: 14px;
	}

.tasks_table_box {
	width: 225px;
	min-height: 16px;
	height: auto;
	font-size:14px;
	color: #484848;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	right:0;
}
.tasks_table_list .cbox {
	width: 185px;
	min-height: 16px;
	line-height: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
}
.tasks_table_list .dbox {
	width: 12px;
	height:12px;

	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #5db307; /* layer fill content */

	position:absolute;
	top: 2px;
	right: 16px;
}

/*簡化的TOP*/
.simply_logo {
	display: block;
	width: 106px;
	height: 22px;
	position:relative;
	margin:0 auto;
	top: 13px;
	left: 0;
}

.top_log_open {
	display:none;
}

.top_log_close {
	display:none;
}

/*二次認證*/
#verification_container {
   padding-top:51px;
   }

 .verification_content{
	width:90%;
	max-width:auto;
	min-height:405px;
	margin:51px auto 0 auto;
	padding-bottom:76px;
	}

.verification_foot{
	width:100%;
	height:76px;
	border-top:1px dotted #a2a2a2;

	color: #656565;
	font-size:0;
    text-align: center;

	position: absolute;
	bottom: 0;
	clear:both;

	}

.verification_foot:before {
  content: '';
  display: inline-block;
  vertical-align: middle ;
  height: 100%;


}

.verification_foot_text{
  width: 100%;
  line-height:18px;
}

.verification_foot_text span{
 display: block;

}

.verification_logo {
	display: block;
	width: 145px;
	height: 30px;
	position: absolute;
	top: 12px;
	left: 1px;
}
.verification_logo a {
	display: block;
	width: 100%;
	height: 30px;
	background-image: url(verification_logo.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.get_verification_title{
	color: #000;
	font-size: 24px;
	text-align:center;
	margin-top:54px;
	font-weight:bold;
	}

.get_verification_text{
	font-size: 18px;
	margin:27px 0 47px auto;
	line-height:27px;

	}

.color_3f9903{
	color:#3f9903;
	}

.get_verification_btn{
	width:90%;
	height:46px;
	line-height:46px;
	color: #fff;
	font-size: 18px;

	text-align:center;
	margin:0 auto;


	}

.get_verification_btn a{
	width:100%;
	height:46px;
	display:block;
	line-height:46px;
	color: #fff;
	font-size: 18px;

	text-align:center;
	background-color:#629540;
	}

.verification_code_input_time{
	width:100%;
	height:16px;
	color: #484848;
	font-size: 16px;
	text-align:center;
	margin:7px 0 12px 0;
	line-height:16px;
	}
.verification_code_input_text{
	width:100%;
	min-height:16px;
	height:auto;
	color: #484848;
	font-size: 16px;
	margin:0 0 13px 0 ;
	line-height:20px;
	}

.verification_code_input_text span{
	display:block;
	}

.verification_code_input {
	width:90%;
	max-width: 330px;
	height: 46px;

	position:relative;
	margin: 0 auto 12px auto;
}

.verification_code_input input{
	width:100%;
	height: 46px;
	line-height:36px;
	font-size:20px;
	padding:5px;
	border: 1px solid #666666;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}



.verification_code_btn_box{
	width:90%;
	max-width:330px;
	height:51px;
	margin:0 auto 30px auto;
	position:relative;
	}

.verification_code_btn01{
	width:49%;
	max-width:162px;
	height:46px;
	position:absolute;
	top:0;
	left:0;
	background-color: #999;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	}

.verification_code_btn01 a{
	width:100%;
	height:46px;
	line-height:46px;
	display:block;
	color: #fff;
	font-size: 18px;
	text-align:center;

	}

.verification_code_btn02{
	width:49%;
	height:46px;
	position:absolute;
	top:0;
	right:0;
	background-color: #629540;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	}

.verification_code_btn02 a{
	width:100%;
	height:46px;
	line-height:46px;
	display:block;
	color: #fff;
	font-size: 18px;
	text-align:center;

	}

.verification_code_getitagain{
	width:122px;
	height:17px;
	line-height:17px;
	color: #474747;
	font-size: 16px;


	margin:0 auto;
	position:relative;
	background-image:url(../images/phone/verification_code_getitagain_arrow.png);
	background-size:7px 9px;

	background-repeat:no-repeat;
	background-position:center right;

	}

.verification_code_getitagain a{
	width:122px;
	height:17px;
	line-height:17px;
	color: #474747;
	font-size: 16px;
	display:block;

	}

.verification_code_input_error {
	width:90%;
	max-width: 330px;
	height:46px;

	position:relative;
	margin: 0 auto 11px auto;
}
.verification_code_input_error input{
	width: 100%;
	height: 46px;
	line-height:36px;
	font-size:20px;
	padding:5px;
	border: 1px solid #cc0000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.verification_code_error_notice{
	width:100%;
	text-align:center;
	height:17px;
	color: #cb0000;
	font-size: 16px;
	line-height:17px;

	margin:0 auto 22px auto;
	position:relative;

	}

.verification_time_out{
	width:100%;
	height:25px;

	color: #0c0000;
	font-size: 24px;
	margin:54px 0 21px 0;
	font-weight:bold;

	}


/*自有會員登入頁的TOP*/
.top_logo_center {
	width: 95px;
	height: 20px;
	margin:14px auto 0 auto;
}
.top_logo_center a {
	height: 20px;
}

.login_page_top_space{
	height:0;
	}

.login_page_concent{
	width:100%;
	min-height: 100%;

	position: relative;
	padding-top: 51px;
	border:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	border: 0 ;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow: none;

	}

.login_page_concent_main{
	width:100%;
	padding:0 0 59px 0;
	display:block;
	}


.login_page_title01{
	height:29px;
	line-height:29px;
	color:#484848;
	font-size: 29px;
	padding:30px 0 0 0;
	margin:0 0 25px 0;
	}



.login_input_list,.login_input_list_pre{
	max-width:312px;
	width:83.5%;
	height:45px;

	position:relative;
	margin:0 auto 15px auto;
	}

.login_input_list input{
	height:45px;
	color:#000000;
	font-size:18px;
	line-height:45px;
	}




/*640*/
.login_input_width_keyboard {
	width: 100%;
}

.login_input_keyboard{
	display:none;
	}

.login_input_list_error{
	max-width:312px;
	width:83.5%;
	height:45px;
	color:#cc0000;
	font-size:18px;
	line-height:45px;
	margin:0 auto 15px auto;
	}

.login_input_list_error input{
	height:45px;
	color:#cc0000;
	font-size:18px;
	line-height:45px;
	}




.login_input_btn01_locked{
	max-width:312px;
	width:83.5%;
	height:46px;
	line-height:46px;
	font-size:20px;
	}

.login_input_btn01_locked a {
	width:100%;
	height:46px;
	}

.login_page_forget_password{
	width:68px;
	height:17px;
	line-height:17px;
	font-size: 16px;
	padding:13px 7px 0 0;
	margin: 0 auto 29px auto;
	}

.login_page_forget_password a:link,.login_page_forget_password a:visited{
	width:100%;
	height:17px;
	color: #474747;
	padding:0 9px 0 0;
	background-position: right 1px;
	background-size:8px 14px;
	}

.login_page_forget_password a:hover,.login_page_forget_password a:active{
	width:100%;
	height:17px;
	color: #629540;
	padding:0 9px 0 0;
	background-position: right 1px;
	background-size:8px 14px;
	}


.login_page_unlocked{
	width:100px;
	height:17px;
	font-size: 16px;
	line-height:17px;
	padding:13px 7px 0 0;
	margin: 0 auto 29px auto;
	}

.login_page_unlocked a{
	width:100%;
	height:17px;
	color: #d22020;
	padding:0 9px 0 0;
	background-position: right 1px;
	background-size:8px 14px;
	}


.login_page_text01{
	max-width:312px;
	width:83.5%;
	height:27px;
	line-height:27px;
	font-size: 26px;

	}

.login_input_btn_white{
	max-width:312px;
	width:83.5%;
	font-size:18px;
	margin:0 auto 12px auto;
	}

.login_input_btn_white a:link,.login_input_btn_white a:visited{
	width:100%;
	}

.login_input_btn_white a:hover,.login_input_btn_white a:active{
	width:100%;
	}

.login_input_btn_white_text{
		width: auto;
		height:28px;
		line-height:28px;
		background-size:28px;
		padding:11px 0 0 37px;
		white-space:nowrap;
		word-break:keep-all;
		}

.login_input_btn_edu {
    max-width: 312px;
    width: 83.5%;
    font-size: 18px;
    margin: 0 auto 12px auto;
    }

.login_input_btn_edu a:link,
.login_input_btn_edu a:visited {
    width: 100%;
    }

.login_input_btn_edu a:hover,
.login_input_btn_edu a:active {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

.login_input_btn_edu_text {
    width: auto;
    height: 28px;
    line-height: 28px;
    background-size: 28px;
    padding: 5px 0 0 37px;
    white-space: nowrap;
    word-break: keep-all;
    }

.login_input_btn_googletext{
	width:75px;
	background-image:url(../images/login_page_icon_google.png);
	}


.login_input_btn_fbtext{
	width:75px;
	background-image:url(../images/login_page_icon_fb.png);
	}

.login_input_btn_emailtext{
	    width: 110px;
		background-image:url(../images/login_page_icon_email.png);
		}

.login_input_btn_appletext{
		width: 150px;
		background-image:url(../images/login_page_icon_apple.png);
		}

/*appleid 的說明*/
.login_input_appleid_notice_pop01{
	width:96%;
	height: auto;
	position:absolute;
	top:255px;
	left:50%;
	margin-left:-48%;
	padding:35px 20px;
	}

.login_input_appleid_notice_text{
	font-size:18px;
	}




.login_input_btn_cht{
	max-width:312px;
	width:83.5%;
	font-size:18px;
	margin:0 auto 12px auto;
	}

.login_input_btn_cht a:link,.login_input_btn_cht a:visited{
	width:100%;
	}

.login_input_btn_cht a:hover,.login_input_btn_cht a:active{
	width:100%;
	}

.login_input_btn_chttext{
	background-image:url(../images/phone/login_page_icon_cht.png);
	background-size:37px 29px;
	}



.login_page_singup_btn{
	width:100%;
	height:59px;
	line-height:59px;
	background-color:#eeeeee;
	border-top:1px #d4d4d4 solid;
	margin:32px 0 0 0;
	position: fixed;
	bottom: 0;
	}

.login_page_remember_password{
	width:100px;
	height:17px;
	line-height:17px;
	font-size: 16px;
	padding:12px 7px 0 0;
	margin: 0 auto 36px auto;
	}

.login_page_remember_password a:link,.login_page_remember_password a:visited{
	width:100%;
	height:17px;
	display:block;
	color: #474747;
	padding:0 7px 0 0;
	background-image:url(../images/login_page_arrow01.png);
	background-repeat:no-repeat;
	background-position: right 1px;
	background-size:8px 14px;
	}

.login_page_remember_password a:hover,.login_page_remember_password a:active{
	width:100%;
	height:17px;
	display:block;
	color: #629540;
	padding:0 7px 0 0;
	background-image:url(../images/login_page_arrow01_hover.png);
	background-repeat:no-repeat;
	background-position: right 1px;
	background-size:8px 14px;
	}

.login_page_title02{
	height:31px;
	line-height:31px;
	color:#484848;
	font-size: 31px;
	padding:28px 0 0 0;
	margin:0 0 29px 0;
	}

.login_page_text02{
	width:83.5%;
	max-width:410px;
	height:auto;
	color: #474747;
	font-size: 18px;
	line-height:24px;
	margin:0 auto 34px auto;
	}

.login_page_error_text01{
	width:100%;
	height:17px;
	line-height:17px;
	font-size: 16px;
	padding:14px 0 0 0;
	}

.login_page_customer_service{
	width:133px;
	height:17px;
	line-height:17px;
	font-size: 16px;
	padding:26px 7px 0 0;
	margin: 0 auto 36px auto;
	}

.login_page_customer_service a:link,.login_page_customer_service a:visited{
	width:100%;
	height:15px;
	display:block;
	color: #474747;
	padding:0 9px 0 0;
	background-image:url(../images/login_page_arrow01.png);
	background-repeat:no-repeat;
	background-position: right 1px;
	background-size:8px 14px;
	}

.login_page_customer_service a:hover,.login_page_customer_service a:active{
	width:100%;
	display:block;
	color: #629540;
	padding:0 9px 0 0;
	background-image:url(../images/login_page_arrow01_hover.png);
	background-repeat:no-repeat;
	background-position: right 1px;
	background-size:8px 14px;
	}

.reset_password_title{
	width:100%;
	height:32px;
	line-height:32px;
	color:#484848;
	font-size: 31px;
	text-align:center;
	padding:27px 0 0 0;
	margin:0  auto 30px  auto;
	}


/*會員註冊*/
.signup_input_list{
	max-width:312px;
	width:83.5%;
	height:45px;

	position:relative;
	margin:0 auto 15px auto;
	}

.signup_input_list input{
	height:45px;
	color:#000000;
	font-size:18px;
	line-height:45px;
	}


.signup_input_list_error{
	max-width:312px;
	width:83.5%;
	height:45px;
	color:#cc0000;
	font-size:18px;
	line-height:46px;
	margin:0 auto 15px auto;
	}

.signup_input_list_error input{
	height:45px;
	color:#cc0000;
	font-size:18px;
	line-height:45px;
	}

.signup_input_btn01{
	max-width:312px;
	width:100%;
	height:46px;
	line-height:46px;
	font-size:20px;
	}

.signup_input_btn01 a:link,.signup_input_btn01 a:visited{
	width:100%;
	height:46px;
	}

.signup_input_btn01 a:hover,.signup_input_btn01 a:active{
	width:100%;
	height:46px;
	}

.sign_up_title01{
	height:32px;
	line-height:32px;
	color:#484848;
	font-size: 31px;
	text-align:center;
	padding:27px 0 0 0;
	margin:0 0 18px 0;
	}

.sign_up_text01{
	height:19px;
	line-height:19px;
	font-size: 18px;
	}

.signup_tick{
	width:24px;
	height:24px;
	top:11px;
	right:-34px;

	}

.sign_up_input_title{
	width:70%;
	max-width:286px;
	height:19px;

	line-height:19px;
	font-size: 18px;
	padding:0 ;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}


.sign_up_error_text01{
	width:70%;
	max-width:286px;
	padding:0 ;
	}

.sign_up_confirmation_title{
	height:32px;
	line-height:32px;
	font-size: 31px;
	padding:27px 0 0 0;
	margin:0  auto 50px  auto;
	}



.sign_up_confirmation_text{
	width:84%;
	line-height:26px;
	margin:0 auto 50px auto;

	}

.sign_up_confirmation_notice{
	width:100%;
	line-height:26px;
	font-size: 16px;
	margin:0 auto 33px auto;
	padding: 20px 8%;



	}

.sign_up_success_concent{
	width:100%;
	min-height: 100%;
	min-width: 100%;
	height: auto !important;
	height: 100%;
	padding-top: 51px;
	background-color:#FFFFFF;
	}

.sign_up_success_texe01{
	width:84%;
	height:24px;
	line-height:24px;
    font-size: 23px;
	padding:2px 0 0 0 ;
	margin:0 auto 12px auto;
	}

.sign_up_success_concent{
	width:100%;
	}

.sign_up_success_text_block{
	width:84%;
	}



.sing_up_success_qrcode{
	display:none;
	}

.sing_up_success_btn{
	display:block;
	width:312px;
	height:46px;
	line-height:46px;
	color: #fff;
	font-size: 21px;
	text-align:center;
	margin:0 auto;
	background-color: #61953f; /* layer fill content */
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.05); /* drop shadow */
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.05); /* drop shadow */
	box-shadow: 0 2px 3px rgba(0,0,0,.05); /* drop shadow */
	}

.sing_up_success_homebtn{
	display:none;
	}

/*會員資訊640*/
.menber_info_ph_text01_block{
	display:block;
	width:75%;
	max-width:405px;
	min-width:300px;
	min-height:19px;
	height:auto;
	line-height:25px;
	color:#484848;
	font-size:18px;
	padding:35px 0 0 0;
	margin:0 auto;
	overflow:hidden;
	}

.member_info_block{
	width:100%;
    max-width:1039px;

	border: 0;
	background-color:transparent;

	margin:0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position:relative;
	}

.member_info_block .a1{
    width:75%;
    max-width:405px;
	min-width:300px;
	height:auto;
	padding:25px 0 0 0;
	position:relative;
	margin:0 auto;
	}

.member_info_block .a2{
	width:75%;
    max-width:405px;
	min-width:300px;
	padding:0;
	position:relative;
	margin:0 auto;
	left:0;
	}

.menber_info_ph_title01{
	display:block;
	width:100%;
	height:32px;
	line-height:32px;
	color:#484848;
	font-size:31px;
	text-align:center;
	padding:29px 0 0 0;

	}

/*會員資訊下拉選單 640*/
.member_info_dropdown-menu{
	display:none;
}

.member_info-menu-style{
	display:none;
}

.member_info_floatleft{
	width:100%;
	position:relative;
	}

.member_info_floatleft01{
	width:30%;
	padding-right:5%;
	}

.member_info_floatleft02{
	width:30%;
	}

.member_info_date_text{
	display:none;
	}

.member_info_back_color{
	background-color:#fafafa;
	}

/*會員資訊下拉選單 Phone*/
.member_info_ph_select{
	display:block;
	width:100%;
	height:45px;
	margin-bottom:0;
	position:relative;
	}
.member_info_ph_select select{
	width:100%;
	height:45px;
	color:#000000;
	font-size:18px;
	padding:0 5px;
	border:1px #666666 solid;
	background-image:url(../images/phone/member_info-menu_close.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-size:43px;

	 appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
		-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	}


.member_info_ph_select select::-ms-expand { display: none; }

/*640*/
.member_info_block02{
	width:100%;
    max-width:1039px;
	height: 100%;
	border: 0;
	background-color:transparent;

	margin:0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position:relative;
	}

.member_info_block02 .a1{
    width:75%;
    max-width:405px;
	min-width:300px;
	height:auto;
	padding:20px 0 0 0;
	position:relative;
	margin:0 auto;
	}

.member_info_block02 .a2{
	width:75%;
    max-width:405px;
	min-width:300px;
	padding:0;
	position:relative;
	margin:0 auto;
	left:0;
	}

.member_info_item_title{
	width:100%;
	height:19px;
	line-height:19px;
	color:#484848;
	font-size:18px;

	}




/*640*/
.member_info_two{
	width:100%;
	height:28px;
    padding:0 0 0 0;
	margin:0 0 28px 0;
	overflow:hidden;
	position:relative;
	}


.member_info_two input[type="checkbox"] { display:none; }

.member_info_two input[type="checkbox"] + label span {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 0;
    background: url(../images/phone/check_radio_sheet.png)left top no-repeat;
	background-size:61px 28px ;
    cursor: pointer;
}
.member_info_two input[type="checkbox"]:checked + label span {
    background:url(../images/phone/check_radio_sheet.png) -33px top no-repeat;
	background-size:61px 28px;
}

.member_info_two_text{
	width:auto;
	height:28px;
	color: #474747;
	font-size: 18px;
	line-height:28px;
	position:absolute;
	top:1px;
	left:40px;
	}


.member_info_two_pop01{
	width:78%;
	height:192px;
	position:absolute;
	top:350px;
	left:50%;
	margin-left:-39%;
	}

.member_info_two_pop02{
	width:78%;
	height:192px;
	position:absolute;
	top:168px;
	left:50%;
	margin-left:-39%;
	}

.two_text{
	width:100%;
	height:192px;
	font-size:18px;
	line-height:192px;
	}

/*交易安全驗證功能*/

.member_info_safety_pop01{
	width:96%;
	height: auto;
	position:absolute;
	top:350px;
	left:50%;
	margin-left:-48%;
	padding:35px 20px;
	}

.member_info_safety_btn_block{
	width:100%;
	height:40px;
	text-align: center;
	margin:20px auto 0 auto;
	padding-bottom:8px;
	position:relative;
	}

.safety_title{
	font-size:18px;
	}

.safety_text{
	font-size:18px;
	}

/*取消交易安全驗證功能*/
.member_info_safety_pop02{
	width:96%;
	height: auto;
	position:absolute;
	top:370px;
	left:50%;
	margin-left:-48%;
	padding:35px 20px;
	}




.member_info_top{
	width:100%;
	height:0;
	display:block;
	}

.member_info_input_list01 input{
	height:45px;
	color:#000000;
	font-size:18px;
	line-height:45px;
	}


/*640*/

.member_info_item_box01{
    height:auto;
	margin:0 0 22px 0;
	}

.member_info_item_box02{
	width:100%;
	height:auto;
	}
.member_info_item_title02{
	width:100%;
	height:19px;
	line-height:19px;
	font-size: 18px;
	padding:0 0 12px 0;
	float:none;
	position:relative;
	}

.member_info_radiobutton_box{
	width:100%;
	height:34px;
	float:none;
	}

.member_info_item_title03{
	width:100%;
	height:19px;
	line-height:19px;
	color: #474747;
	font-size: 18px;
	padding:0 0 10px 0;
    position:relative;
	}

.member_info_radiobutton{
	width:80px;
	height:34px;
	line-height:34px;
	float:left;
	position:relative;
	}

.member_info_radiobutton input[type="radio"] + label span {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 0;
	line-height:34px;
	color: #000;
	font-size: 18px;
    background: url(../images/phone/member_info_check_radio_sheet.png)left top no-repeat;
	background-size:73px 34px;
    cursor: pointer;
}
.member_info_radiobutton input[type="radio"]:checked + label span {
    background:url(../images/phone/member_info_check_radio_sheet.png) -39px top no-repeat;
	background-size:73px 34px;
	line-height:34px;
	color: #000;
	font-size: 18px;
}
.member_info_radiobutton_text{
	width:53px;
	position:absolute;
	top:1px;
	left:39px;
	}

.member_info_btn_block{
	width:75%;
	max-width:405px;
	min-width:300px;
	height:40px;

	margin:0 auto;
	position:relative;

	}

.member_info_btn01{
	font-size:20px;
	width:48.5%;
	}

.member_info_btn02{
	font-size:20px;
	width:48.5%;
	}

/*CHT會員 640*/
.cht_exchange_recording_member {
	width: 86%;
	margin: 0 auto 25px auto;
}

.cht_index_logout_account {
	display:block;
}

/*CHT PC登入登出下拉選單 640*/
.cht_top_menu01_drop_box{
	display: none;
	height: 0;
	width: 0;
	border: 0;
	}



/*會員中心*/

.login_page_input_item{
	width:100%;
	max-width:290px;
	height:17px;
	font-size:16px;
	color:#333333;
	line-height:17px;
	margin:0 auto 9px auto;

	}

.unlocked_send_notice_title01{
	height:31px;
	line-height:31px;
	color:#484848;
	font-size: 31px;
	padding:28px 0 0 0;
	margin:0 0 29px 0;
	}

.unlocked_send_notice_text01{
	width:83.5%;
	max-width:410px;
	height:auto;
	color: #474747;
	font-size: 18px;
	line-height:24px;
	margin:0 auto 34px auto;
	}

.unlocked_send_notice_text02{
	width:83.5%;
	}


.login_page_continue_password{
	width:85px;
	height:17px;
	font-size: 16px;
	line-height:17px;
	padding:10px 7px 0 0;
	margin: 0 auto 37px auto;
	}

.login_page_continue_password a:link,.login_page_continue_password a:visited{
	width:100%;
	height:15px;
	display:block;
	color: #474747;
	background-size:8px 14px;
	background-position: right 1px;
	}

.login_page_continue_password a:hover,.login_page_continue_password a:active{
	width:100%;
	height:15px;
	display:block;
	color: #629540;
	background-size:8px 14px;
	background-position: right 1px;
	}


/*會員 驗證碼640*/
.login_page_captcha_title01{
	height:31px;
	line-height:31px;
	color:#484848;
	font-size: 31px;
	padding:28px 0 0 0;
	margin:0 0 29px 0;
	}

.login_page_captcha_text01{
	width:83.5%;
	max-width:410px;
	line-height:24px;
	}

.login_page_captcha_text02{
	width:83.5%;
	max-width:410px;
	line-height:24px;
	}

.login_page_captcha_text03{
	width:83.5%;
	max-width:410px;
	font-size: 15px;
	line-height:19px;
	}

.login_page_captcha_resend{
	width:117px;
	height:17px;
	font-size: 16px;
	line-height:17px;
	padding:13px 7px 0 0;
	margin: 0 auto 29px auto;
	}

.login_page_captcha_resend a:link,.login_page_captcha_resend a:visited{
	width:100%;
	height:17px;
	color: #474747;
	padding:0 9px 0 0;
	background-position: right 1px;
	background-size:8px 14px;
	}

.login_page_captcha_resend a:hover,.login_page_captcha_resend a:active{
	width:100%;
	height:17px;
	color: #629540;
	padding:0 9px 0 0;
	background-position: right 1px;
	background-size:8px 14px;
	}


.login_page_captcha_btn_box{
	width:83.5%;
	max-width:312px;
	height:45px;
	margin:0 auto 1px auto;
	position:relative;
	}

.login_page_captcha_btn01{
	width:49%;
	height:45px;
	position:absolute;
	top:0;
	left:0;
	background-color: #999;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	}

.login_page_captcha_btn01 a{
	width:100%;
	height:45px;
	line-height:45px;
	display:block;
	color: #fff;
	font-size: 18px;
	text-align:center;
	}

.login_page_captcha_btn02{
	width:49%;
	height:45px;
	position:absolute;
	top:0;
	right:0;
	background-color: #629540;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05);
	box-shadow: 0 3px 5px rgba(0,0,0,.05);
	}

.login_page_captcha_btn02 a{
	width:100%;
	height:45px;
	line-height:45px;
	display:block;
	color: #fff;
	font-size: 18px;
	text-align:center;
	}

/*QA會員專區新增*/
.qa_in_page_a_step_text_long {
	min-height: 31px;
	font-size: 18px;
	line-height: 31px;
	padding: 0 20px 0 113px;
}

.qa_in_page_a_text05{
	font-size: 20px;
	line-height:25px;
	background-position: 35px 5px;
	}
.qa_in_page_a_text06{
	font-size: 20px;
	line-height:26px;
	background-position: 35px 5px;
	}
.qa_in_page_a_step_p7_box01{
	width:100%;
	}

.qa_in_page_a_step_text_p7_a3{
	width:100%;
	font-size: 18px;
	}
.qa_in_page_a_step_text_p7_a1{
	font-size: 18px;
	}
.qa_in_page_a_step_p7_text{
	min-height:31px;
	font-size: 18px;
	line-height:31px;
	}


.qa_in_page_a_text05 {
	padding-left: 52px;
}

.qa_in_page_a_text06 {
	padding-left: 52px;
}


.qa4_in_page_a_step {
	left: 116px;
}

.qa4_in_page_a_text_box01{
	min-height: 31px;
	font-size: 18px;
	line-height: 31px;
	padding: 0 20px 0 152px;
	}

.qa_in_page_a_text07 {
	font-size: 18px;
	line-height: 31px;
	padding-left: 68px;
	padding-right: 20px;
}

/*有點數的CHT會員的帳號外框*/

.cht_tasks_member_account{
	margin-top:3px;
}

/*LBS*/
.lbs{
	width:92.75%;
	}

.lbs_title01{
	padding-top:23px;
	margin-bottom:3px;
	}

.lbs_text01{
	font-size: 16px;
	margin-bottom:28px;
	}

.lbs_store_block{
	margin-bottom:32px;
	}

.lbs_store_block ul li:nth-child(odd){
	width:100%;
	height:78px;
	}

.lbs_store_block ul li:nth-child(even){
	width:100%;
	height:78px;
	background-color:#FFFFFF;
	}
.lbsa1{
	width:100%;
	height:78px;
	border:none;
	}

.lbsa2{
	width:100%;
	height:78px;
	background-color:#f8f8f8;
	}

.lbs_store{
	padding:0 21px 0 73px;
	}

.lbs_logo{
	width:44px;
	height:44px;
	position:absolute;
	top:17px;
	left:21px;
	}

.lbs_more_btn{
	width:122px;
	height:34px;
	margin-bottom:40px;
	}

.lbs_more_btn a{
	width:122px;
	height:34px;
	line-height:34px;
	font-size: 18px;
	}

/*lbs單商店分店*/
.lbs_store_list_block{
	margin-bottom:32px;
	}

.lbs_store_list_title{
	display:block;
	}

.lbs_store_list_item {
	height:26px;
	line-height:26px;
	font-size: 13px;
	}

.lbs_store_list_item .a1{
	height:26px;
	padding-left:14px;
	}

.lbs_store_list_item_rightbox{
	height:26px;
	padding:0 0 0 114px;
	}

.lbs_store_list_item .a2{
	width:auto;
	height:26px;
	}

.lbs_store_list_line{
	display:block;
	}

.lbs_store_list_item .a3{
	height:26px;
	float:left;
	}

.lbs_store_list_block ul li{
	height:auto;
	padding:12px 0;
	}

.lbs_store_list_block ul li:nth-child(even){
	height:auto;
	background-color:#f8f8f8;
	position:relative;
	padding:12px 0;
	}

.lbs_store_list_rightbox{
	height:auto;
	padding:0 5px 0 114px;
	}

.lbs_store_list_b1{
	width:20.4%;
	min-width:114px;
	height:auto;
	padding:12px 0 12px 14px;
	}

.lbs_store_list_b2{
	width:100%;
	height:auto;

	position:relative;
	}

.lbs_store_list_b2_text{
    font-size: 18px;
	padding:0 10px 5px 0;
	}

.lbs_store_list_b3{
	width:100%;
	height:auto;
	position:relative;
	}

.lbs_store_list_b3_text{
    font-size: 18px;
	padding:0 10px 0 0;
	}

/*定點閱服務*/
.qa_in_page_text {
	font-size: 18px;
	line-height: 31px;
	padding-left: 35px;
	padding-right: 20px;
}

.qa_in_page_a_step_branch {
	top: 1px;
	left: 33px;
}

.qa_in_page_a_step_branch_text{
	min-height: 31px;
	font-size: 18px;
	line-height: 31px;
	padding: 0 20px 0 89px;

	}

.qa_in_page_a_text08 {
	font-size: 18px;
	line-height: 31px;
	padding-left: 50px;
	padding-right: 20px;
	text-indent:-15px;
}


/*手機簡訊認證碼 640*/
.phone_vc_concent_main{
	width:100%;
	min-height:100%;
	padding:0 0 59px 0;
	height: auto !important;
	height:100%;
	display:block;
	}
.phone_verification_code_title01{
	padding:28px 0 0 0;
	margin:0 0 17px 0;
	}

.phone_verification_code_text01{
	width:83.5%;
	max-width:410px;
	margin:0 auto 27px auto ;
}

.phone_verification_code_list{
	max-width:312px;
	width:83.5%;
	height:45px;

	position:relative;
	margin:0 auto 10px auto;
	}

.phone_verification_code_list input{
	height:45px;
	color:#000000;
	font-size:18px;
	line-height:45px;
	}

.phone_verification_code_text02{
	width:83.5%;
	max-width:410px;
	font-size: 18px;
	line-height: 25px;
}


/*認證碼灰色按鈕 640*/
.phone_vc_greybtn01{
	max-width:312px;
	width:83.5%;
	height:46px;
	line-height:46px;
	font-size:20px;
	}

.phone_vc_greybtn01 a:link,.phone_vc_greybtn01 a:visited{
	width:100%;
	height:46px;
	}

.phone_vc_greybtn01 a:hover,.phone_vc_greybtn01 a:active{
	width:100%;
	height:46px;
	}

/*認證碼錯誤*/
.phone_vc_error{
	max-width:312px;
	width:83.5%;
	font-size: 18px;
	margin:0 auto 10px auto;
}

/*CHT會員登入*/
.login_cht_menber_forgot_box{
	padding: 12px 0 38px 0;
}
.login_cht_menber_forgot{
	width: 125px;
	height: 18px;
	line-height: 18px;
	font-size: 18px;
}
.login_cht_menber_forgot_line{
	height: 19px;
}


/*帳號或蜜碼錯誤*/
.login_cht_menber_error{
	max-width:312px;
	width:83.5%;
	font-size: 18px;
	margin:0 auto 19px auto;
}

.login_cht_menber_forgot_pop_box{
	width: 88.164%;
	height: 315px;

	}

.login_cht_menber_forgot_pop_text01{
	width: 86.575%;
	margin: 0 auto;
	}

.login_cht_menber_forgot_pop_btn_box{
	width:85.479%;
	height: 110px;
}

.login_cht_menber_forgot_pop_title{
	font-size: 21px;
	}

.login_cht_menber_forgot_pop_text01{
	font-size: 18px;
	}

.login_cht_menber_forgot_pop_greenbtn{
	width:100%;
	height: 46px;
	top: 0;
	left: 0;
	}

.login_cht_menber_forgot_pop_greenbtn a:link,.login_cht_menber_forgot_pop_greenbtn a:visited{
	height: 46px;
}

.login_cht_menber_forgot_pop_greenbtn a:hover,.login_cht_menber_forgot_pop_greenbtn a:active{
	height: 46px;
}

.login_cht_menber_forgot_pop_greybtn{
	width:100%;
	height: 46px;
	top: 59px;
	left: 0;
	}

.login_cht_menber_forgot_pop_greybtn a:link,.login_cht_menber_forgot_pop_greybtn a:visited{
	height: 46px;
}

.login_cht_menber_forgot_pop_greybtn a:hover,.login_cht_menber_forgot_pop_greybtn a:active{
	height: 46px;
}

/*18禁 分流頁*/
.r18_pop_box{
	width: 90%;
	height: auto;
	border: 1px #787878 solid;
	background-color: #fff;
	z-index: 10;
    position: relative;
	margin: 25px auto 0 auto;
 	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.39);
}

.r18_pic{
	width:230px;
	height: 232px;
	margin: 0 auto;
	margin-top: 33px;
	padding: 0 0 30px 0;
	background-image: url("../images/phone/r18.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
}

.r18_text_box{
	width: 76%;
	margin: 0 auto 24px auto;
}

.r18_title{
	font-size: 20px;

	}
.r18_text{
	font-size: 19px;
	}

.r18_btn_box{
	width: 77.54%;
	height: auto;
	padding-bottom: 35px;

	}

.r18_btn01{
	width: 100%;
	height: 52px;
	margin-bottom: 15px;
	font-size: 19px;
	line-height: 52px;
	position: relative;
	top: auto;
	left: auto;

	}


.r18_btn01 a:link,.lr18_btn01 a:visited{
	height: 52px;
}

.r18_btn01 a:hover,.r18_btn01 a:active{
	height: 52px;
}


.r18_btn02{
	width: 100%;
	height: 52px;
	font-size: 19px;
	line-height: 52px;
	position: relative;
	top: auto;
	right: auto;
	}

.r18_btn02 a:link,.lr18_btn02 a:visited{
	height: 52px;
}

.r18_btn02 a:hover,.r18_btn02 a:active{
	height: 52px;
}




/*首購優惠*/
.first_buy_block{
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0 0 auto 0;
	border: none;
	background-color: #fff;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 0 rgba(0,0,0,0.2);
}

.first_buy_icon{
	margin: 0 auto;
	padding: 44px 0 0 0;
}

.first_buy_text01{
	width: 80%;
}

.first_buy_email_title{
	width: 80%;
}

.first_buy_email_block{
	width: 80%;
}

.first_buy_email_input input:focus, .first_buy_email_input input:hover{
	padding:0 10px;
}


.first_buy_pop_block{
	width: 90%;
	left: 5%;
}


.first_buy_btn{
	width: 80%;
}

.first_buy_back_btn{
	width: 80%;
}


/*弘光科技大學*/
.lbs_login_error_block{
	max-width:312px;
	width:83.5%;
	margin:0 auto 15px auto;
	}


/*cookie 640*/
.cookie{
		padding: 0;
	}

	.cook_text01{
		display: inline;
	}

	.cook_text02{
		display: inline;

	}

	.cookie_btn{
		width: 100%;
		height: 40px;
		font-size: 16px;
		text-align: center;
		line-height: 40px;
		position: relative;
		margin: 0 auto;
		padding: 7px 0 0 0;

	  }



}



@media screen and (max-width: 610px) {
.one_classification_book_content {
	width: 391px;
}
}

@media screen and (max-width: 470px) {
.new_arrivals_book_box {
	width: 86%;
	max-width: 86%;
	min-width: 394px;
}
.search_finish02 {
	width: 86%;
	max-width: 86%;
	min-width: 394px;
}
.leaderboard_book {
	width: 185px;
	max-width: 185px;
	height: auto;
	min-height: 332px;
	margin: 0 auto 38px auto;
}
.exchange_recording_table_title .bbox {
	width: 35%;
}
.exchange_recording_table_title .bbox02 {
	width: 30%;
}
.exchange_recording_table_list .bbox {
	width: 35%;
}

.exchange_recording_table_list .bbox02 {
	width: 30%;
}

.exchange_recording_table_list .bbox03 {
	width: 64%;
}


.exchange_recording_books_table ul li .bbox {
	width: 41%;
	height: auto;
	margin: 0 0 0 130px;
	padding: 7px 0;
}
.exchange_recording_books_item .bbox02 {
	left: 82px;
}

.exchange_recording_books_table ul li .bbox03 {

	padding:7px 10px 7px 130px;

}

.exchange_recording_books_table ul li .bbox02 {
   padding:7px 110px 7px 82px;
}
.coupon_qa {
	height: 18px;
	line-height: 18px;
	font-size: 18px;
}
.coupon_qa a {
	height: 18px;
	line-height: 18px;
	font-size: 18px;
}
.shopping_cart_btn_box {
	width: 94.86%;
	height: 105px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 23px;
	position: relative;
}
.shopping_cart_btn01 {
	width: 100%;
	height: 45px;
	position: absolute;
	top: 79px;
	left: 0;
}
.shopping_cart_btn01 a {
	width: 100%;
	height: 43px;
	display: block;
	line-height: 43px;
	font-size: 18px;
}
.shopping_cart_btn02 {
	width: 48.5%;
	height: 45px;
	position: absolute;
	top: 23px;
	right: 0;
}
.shopping_cart_btn02 a {
	width: 100%;
	height: 43px;
	display: block;
	line-height: 43px;
	text-align: center;
	padding-left: 32px;
	color: #FFF;
	font-size: 18px;
	border: 1px solid #1a7100;
	background-color: #71a93c;
	background-image: url(../images/shopping_cart_btn01.png);
	background-repeat: no-repeat;
	background-position: 25px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.shopping_cart_btn03 {
	width: 48.5%;
	height: 45px;
	margin-right: 10px;
	position: absolute;
	top: 23px;
	left: 0;
}
.shopping_cart_btn03 a {
	width: 100%;
	height: 43px;
	display: block;
	line-height: 43px;
	padding-left: 72px;
	color: #FFF;
	font-size: 18px;
	background-image: url(../images/shopping_cart_btn02.png);
	background-repeat: no-repeat;
	background-position: 25px 7px;
}
/*閱讀包首頁 選單*/
.vip_menu_bk {
	width: 100%;
	height: 49px;
}
.vip_menu {
	width: 332px;
	height: 49px;
}
.vip_menu_btn01_choose {
	height: 48px;
}
.vip_menu_btn01 {
	height: 49px;
}
.vip_menu_btn02_choose {
	height: 48px;
	left: 120px;
}
.vip_menu_btn02 {
	height: 49px;
	left: 120px;
}
.vip_menu_btn03_choose {
	height: 48px;
}
.vip_menu_btn03 {
	height: 49px;
}


/*閱讀包首頁  區塊5 470*/

.vip_index_block05_title{
	width:45%;
	max-width:184px;
	height:45px;
	line-height:45px;
	margin:2% auto 4px auto;
	background-image:url(../images/vip_index_block05_bk.png);
	}
.vip_index_block05_title02{
	font-size:16px;
	height:45px;
	}


.authorize_table_title .abox {
	width: 44%;
	height: 29px;
	padding-left: 6px;
}
.authorize_table_title .bbox {
	width: 33%;
	height: 29px;
	position: absolute;
	top: 0;
	left: 51%;
}
.authorize_table_title .cbox {
	width: 73px;
	height: 29px;
	text-align: right;
	position: absolute;
	top: 0;
	right: 6px;
}
.authorize_table ul li .abox {
	width: 44%;
	height: auto;
	line-height: 19px;
	min-height: 19px;
	font-size: 18px;
	margin-left: 6px;
}
.authorize_table ul li .bbox {
	width: 33%;
	min-width: 110px;
	height: 16px;
	font-size: 16px;
	line-height: 16px;
	position: absolute;
	top: 50%;
	left: 51%;
}
.authorize_table ul li .cbox {
	width: 80px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: 6px;
}
.phone {
	font-size: 12px;
	white-space: nowrap;
}
/*主題書展*/
.phone_item_bn_text_box {
	width: 90%;
}
.phone_item_bn_text01 {
	height: 51px;
	font-size: 43px;
	line-height: 43px;
}
.phone_item_bn_text02 {
	line-height: 21px;
	color: #fff;
	font-size: 16px;
}
/*促銷的書*/
.focus_block {
	padding: 29px 7px 0 7px;
}
.focus_box {
	width: 100%;
	min-width: 770px;
	height: 356px;
}
.focus_book_gap {
	width: 25%;
	min-width: 185px;
	height: 356px;
	overflow: hidden;
	float: left;
}


.member_info_radiobutton{
	width:70px;
	height:34px;
	}

.member_info_radiobutton input[type="radio"] + label span {
	font-size: 16px;
}
.member_info_radiobutton input[type="radio"]:checked + label span {
	font-size: 16px;
}



/*470*/
.ebook_btn_on {
	display: block;
	width: 60px;

	top: 13px;
	left: 114px;
}
.ebook_btn_on a:link, .ebook_btn_on a:visited {
	display: block;
	width: 100%;
	height: 21px;
}
.ebook_btn_on a:hover, .ebook_btn_on a:active {
	display: block;
	width: 100%;
	height: 21px;
}
.ebook_btn {
	display: block;
	width: 60px;
	top: 13px;
	left: 114px;
}
.ebook_btn a:link, .ebook_btn a:visited {
	display: block;
	width: 100%;
	height: 21px;
}
.ebook_btn a:hover, .ebook_btn a:active {
	display: block;
	width: 100%;
	height: 21px;
}

.monthly_btn_on {
	display: block;
	width: 60px;

	top: 13px;
	left: 180px;
}
.monthly_btn_on a:link, .monthly_btn_on a:visited {
	display: block;
	width: 100%;
	height: 21px;
}
.monthly_btn_on a:hover, .monthly_btn_on a:active {
	display: block;
	width: 100%;
	height: 21px;
}


.monthly_btn {
	display: block;
	width: 60px;

	top: 13px;
	left: 180px;
}
.monthly_btn a:link, .monthly_btn a:visited {
	display: block;
	width: 100%;
	height: 21px;
}
.monthly_btn a:hover, .monthly_btn a:active {
	display: block;
	width: 100%;
	height: 21px;
}


/*470*/
.phone_love_block01_title{
	margin: 0 auto 30px auto;
}

.phone_love_block01_apply_title{
	font-size: 20px;
	margin: 0 auto 15px auto;
}

.phone_love_index_publisher_list{
	margin: 0 auto 30px auto;
}

.phone_love_index_publisher_pic{
	margin: 0 10px 0 10px;
}

.phone_love_index_block01_btn_box{
	margin-bottom: 40px;
}

.phone_love_index_block01_btn03 {
	margin: 0 auto 40px auto;
}


.one_classification_bn_text{
	font-size: 27px;
}



}

@media screen and (max-width: 406px) {


.one_classification_book_content {
	width: 193px;
}
.new_arrivals_book_box {
	width: 185px;
	max-width: 185px;
	min-width: 185px;
	margin: 0 auto;
}
.search_finish02 {
	width: 185px;
	max-width: 185px;
	min-width: 185px;
	margin: 0 auto;
}
/*主題書展*/
.phone_item_bn_text_box {
	height: 80px;
	margin-top: -40px;
}
.phone_item_bn_text01 {
	height: 42px;
	font-size: 35px;
	line-height: 35px;
}
/*排行榜書籍*/
.leaderboard_book_gap {
	width: 100%;
}
.search_book_gap {
	width: 100%;
}

/*單書制式活動 樣式一406px*/
.event_style1_banner_title{
	font-size: 25px;
	}

.event_style1_banner_text{
	width:100%;
	height:auto;
	line-height:29px;
	font-size: 17px;
	overflow:hidden;

	padding:0;
	position:absolute;
	top:139px;
	}

/*單書制式活動 樣式二406px*/
.event_style2_banner_title{
	font-size: 25px;
	}

.event_style2_banner_text{
	width:100%;
	height:auto;
	line-height:29px;
	font-size: 17px;
	overflow:hidden;

	padding:0;
	position:absolute;
	top:139px;
	}

/*單書制式活動 樣式三406px*/
.event_style3_banner_title{
	font-size: 25px;
	}

.event_style3_banner_text{
	width:100%;
	height:auto;
	line-height:29px;
	font-size: 17px;
	overflow:hidden;

	padding:0;
	position:absolute;
	top:139px;
	}


.one_classification_bn_text{
	font-size: 25px;
}



}

@media screen and (max-width: 390px) {
.logo_box {
	width: 202px;
	height: 17px;
}
.logo {
	width: 85px;
	height: 18px;
	padding-top: 14px;
}
.logo a {
	width: 100%;
	height: 18px;
}
.ebook_btn_on {
	width: 52px;
	height: 17px;
	font-size:13px;
	line-height:15px;
	top: 15px;
	left: 91px;
}
.ebook_btn_on a:link, .ebook_btn_on a:visited {
	width: 100%;
	height: 17px;
}
.ebook_btn_on a:hover, .ebook_btn_on a:active {
	width: 100%;
	height: 17px;
}

.ebook_btn {
	width: 52px;
	height: 17px;
	font-size:13px;
	line-height:15px;
	top: 15px;
	left: 91px;
}
.ebook_btn a:link, .ebook_btn a:visited {
	width: 100%;
	height: 17px;
}
.ebook_btn a:hover, .ebook_btn a:active {
	width: 100%;
	height: 17px;
}

.monthly_btn_on {
	width: 52px;
	height: 17px;
	font-size:13px;
	line-height:15px;
	top: 15px;
	left: 149px;
}
.monthly_btn_on a:link, .monthly_btn_on a:visited {
	width: 100%;
	height: 17px;
}
.monthly_btn_on a:hover, .monthly_btn_on a:active {
	width: 100%;
	height: 17px;
}

.monthly_btn {
	width: 52px;
	height: 17px;
	font-size:13px;
	line-height:15px;
	top: 15px;
	left: 149px;
}
.monthly_btn a:link, .monthly_btn a:visited {
	width: 100%;
	height: 17px;
}
.monthly_btn a:hover, .monthly_btn a:active {
	width: 100%;
	height: 17px;
}


/*快讀按鈕 390px*/
.fast_reading_btn {
	width: 52px;
	height: 17px;
	font-size:13px;
	line-height:15px;
	top: 15px;
	left: 149px;
}
.fast_reading_btn a:link, .fast_reading_btn a:visited {
	width: 100%;
	height: 17px;
}
.fast_reading_btn a:hover, .fast_reading_btn a:active {
	width: 100%;
	height: 17px;
}



.index_book_title {
	width: 182px;
	height: 40px;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 8px;
}
.index_book_title a {
	width: 182px;
	height: 47px;
	display: block;
}
.hamburger_menu {
	left: 5px;
}
.front_page {
	left: 5px;
}
.top_shopping_cart {
	right: 5px;
}
/*左側漢堡選單*/

.index_hamburger_logout {
	left: 4%;
}
.index_hamburger_read {
	right: 4%;
}
.new_arrivals_big_title {
	padding: 0 5px;
}
.new_arrivals_big_title_text {
	font-size: 19px;
}
.one_sort_title_text {
	font-size: 19px;
}
.one_classification_open {
	padding-left: 5px;
	background-position: 95% center;
}
.one_classification_close {
	padding-left: 5px;
	background-position: 95% center;
}
.one_classification_choose {
	padding-left: 5px;
	background-position: 96% center;
}
.new_arrivals_sequence_open {
	padding-left: 5px;
	background-position: 95% center;
}
.new_arrivals_sequence_close {
	padding-left: 5px;
	background-position: 95% center;
}
.foot {
	font-size: 12px;
}
.phone {
	font-size: 12px;
	white-space: normal;
}
.exchange_recording_table_title .bbox {
	width: 29%;
	margin-left: 105px;
}
.exchange_recording_table_title .bbox02 {
	width: 29%;
	margin-left: 80px;
}
.exchange_recording_table_list .abox {
	width:100px;
}




.exchange_recording_table_list .bbox {
	width: 30%;
	min-height: 75px;
	font-size: 16px;
	margin-left: 105px;
}
.exchange_recording_table_list .bbox02 {
	width: 30%;
	min-height: 75px;
	font-size: 16px;
	margin-left: 80px;
}

.exchange_recording_table_list .bbox03 {
	width: 64%;
	min-height: 75px;
	font-size: 16px;
	margin-left: 105px;
}





.exchange_recording_books_table ul li .fbox {
	font-size:17px;
}


.search_book_title {
	font-size: 15px;
}
.exchange_recording_books_item .abox {
	left: 5px;
}
.exchange_recording_books_item .bbox {
	left: 115px;
}

.exchange_recording_books_item .bbox02 {
	left: 82px;
}
.exchange_recording_books_table ul li .abox {
	left: 5px;
}
.exchange_recording_books_table ul li .bbox {
	width: 35%;
	margin: 0 0 0 115px;
}

.exchange_recording_books_table ul li .bbox03 {
	padding:7px 10px 7px 115px;
}

.shopping_cart {
	min-width: 300px;
}
.shopping_cart_btn02 {
	min-width: 120px;
}
.shopping_cart_btn02 a {
	min-width: 120px;
	background-position: 13px 11px;
}
.shopping_cart_btn03 {
	min-width: 120px;
}
.shopping_cart_btn03 a {
	min-width: 120px;
	background-position: 13px 8px;
}
/*閱讀包首頁 選單*/
.vip_menu_bk {
	width: 100%;
	height: 49px;
}
.vip_index_block02_title {
	width: 90%;
	margin: 0 auto;
}
.monthly_book_title {
	width: 182px;
	height: 47px;
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 8px;
}
.monthly_book_title a {
	width: 182px;
	height: 47px;
	display: block;
}
.authorize_table_title .abox {
	width: 32%;
	height: 29px;
	padding-left: 5px;
}
.authorize_table_title .bbox {
	width: 33%;
	height: 29px;
	position: absolute;
	top: 0;
	left: 35%;
}
.authorize_table_title .cbox {
	width: 73px;
	height: 29px;
	text-align: right;
	position: absolute;
	top: 0;
	right: 6px;
}
.authorize_table ul li .abox {
	width: 32%;
	height: auto;
	line-height: 19px;
	min-height: 19px;
	font-size: 18px;
	margin-left: 5px;
}
.authorize_table ul li .bbox {
	width: 33%;
	min-width: 110px;
	height: 16px;
	font-size: 16px;
	line-height: 16px;
	top: 50%;
	left: 35%;
}
.authorize_table ul li .cbox {
	width: 80px;
	height: 14px;
	top: 50%;
	right: 6px;
}
.vip_menu {
	width: 300px;
	height: 49px;
}
.vip_menu_btn01_choose {
	height: 48px;
}
.vip_menu_btn01 {
	height: 49px;
}
.vip_menu_btn02_choose {
	height: 48px;
	left: 107px;
}
.vip_menu_btn02 {
	height: 49px;
	left: 107px;
}
.vip_menu_btn03_choose {
	height: 48px;
}
.vip_menu_btn03 {
	height: 49px;
}
.focus_big_title {
	padding: 0 5px;
}
.focus_big_title_text {
	font-size: 19px;
}
/*套書*/

.serialbooks_bookbox {
	height: 320px;
}
.serialbooks_book_text {
	font-size: 16px;
	height: 40px;
	line-height: 20px;
}

/*單書制式活動頁 樣式一 390px*/

.event_style1_banner_title{
	height:52px;
	line-height:52px;
	top:43px;
	}

.event_style1_banner_title_line{
	height:36px;
	line-height:36px;
	}

.event_style1_banner_text{
	top:108px;
	line-height:26px;
	font-size: 17px;
	}

.event_style1_banner_price_block{
	width:280px;
	height:32px;
	}

.event_style1_banner_sale{
    margin:10px 0 0 0;
	}

.event_style1_banner_sale_bigred{
    margin:0;
	}

.event_style1_banner_sale_red{
    margin:10px 0 0 0;
	}

.event_style1_banner_btn{
	width:110px;
	height:32px;
	}

.event_style1_banner_btn a:link,event_style1_banner_btn a:visited{
	width:110px;
	height:32px;
	display:block;
	}

.event_style1_banner_btn a:hover,event_style1_banner_btn a:active{
	width:110px;
	height:32px;
	display:block;
	}

/*單書制式活動頁 樣式二 390px*/

.event_style2_banner_title{
	height:52px;
	line-height:52px;
	top:43px;
	}

.event_style2_banner_title_line{
	height:36px;
	line-height:36px;
	}

.event_style2_banner_text{
	top:108px;
	line-height:26px;
	font-size: 17px;
	}

.event_style2_banner_price_block{
	width:280px;
	height:32px;
	}

.event_style2_banner_sale{
    margin:10px 0 0 0;
	}

.event_style2_banner_sale_bigred{
    margin:0;
	}

.event_style2_banner_sale_red{
    margin:10px 0 0 0;
	}

.event_style2_banner_btn{
	width:110px;
	height:32px;
	}

.event_style2_banner_btn a:link,event_style2_banner_btn a:visited{
	width:110px;
	height:32px;
	display:block;
	}

.event_style2_banner_btn a:hover,event_style2_banner_btn a:active{
	width:110px;
	height:32px;
	display:block;
	}


/*單書制式活動頁 樣式三 390px*/

.event_style3_banner_title{
	height:52px;
	line-height:52px;
	top:43px;
	}

.event_style3_banner_title_line{
	height:36px;
	line-height:36px;
	}

.event_style3_banner_text{
	top:108px;
	line-height:26px;
	font-size: 17px;
	}

.event_style3_banner_price_block{
	width:280px;
	height:32px;
	}

.event_style3_banner_sale{
    margin:10px 0 0 0;
	}

.event_style3_banner_sale_bigred{
    margin:0;
	}

.event_style3_banner_sale_red{
    margin:10px 0 0 0;
	}

.event_style3_banner_btn{
	width:110px;
	height:32px;
	}

.event_style3_banner_btn a:link,event_style3_banner_btn a:visited{
	width:110px;
	height:32px;
	display:block;
	}

.event_style3_banner_btn a:hover,event_style3_banner_btn a:active{
	width:110px;
	height:32px;
	display:block;
	}



/*會員註冊390*/

.login_page_input_item{
	width:100%;
	max-width:100%;
	height:17px;
	font-size:16px;
	color:#333333;
	line-height:17px;
	margin:0 auto 9px auto;
	padding-left:12%;

	}
.signup_input_list{
	max-width:414px;
	width:100%;
	height:auto;
	padding:0 45px;
	}


.signup_input_list_error{
	max-width:414px;
	width:100%;
	padding:0 45px;
	}

.signup_tick{
	right:10px;
	}

.sign_up_verification_code{
	position:relative;
	top:0;
	right:0;
	margin-top:10px;
	}

.sign_up_input_title{
	width:100%;
	min-width:100%;
	padding-left:17%;

	}

.sign_up_error_text01{
    width:100%;
	min-width:100%;
	padding-left:17%;
	}

.one_classification_bn_text{
		font-size: 22px;
	}



}

@media screen and (max-width: 330px) {
.logo_box {
	width: 195px;
}
.logo {
	width: 75px;
	padding-top: 16px;
}
.index_hamburger_evevt_item a {
	font-size: 17px;
}
.index_hamburger_allbooks_item_choose a {
	font-size: 17px;
}
.index_hamburger_allbooks_item a {
	font-size: 17px;
}
.index_hamburger_allbooks_more a {
	font-size: 17px;
}
.ebook_btn_on {
	left: 81px;
}

.ebook_btn {
	left: 81px;
}

.monthly_btn_on {
	left: 136px;
}

.monthly_btn {
	left: 136px;
}

/*主題書展*/
.phone_item_bn_text_box {
	height: 78px;
}
.phone_item_bn_text01 {
	height: 40px;
	font-size: 32px;
	line-height: 32px;
}
.new_arrivals_sequence_open {
	width: 110px;
}
.new_arrivals_sequence_close {
	width: 110px;
}

/*單書制式活動 樣式一330px*/
.event_style1_banner_title{
	font-size: 24px;
	}

/*單書制式活動 樣式二330px*/
.event_style2_banner_title{
	font-size: 24px;
	}

/*單書制式活動 樣式三330px*/
.event_style3_banner_title{
	font-size: 24px;
	}

/*會員註冊*/
.login_page_title01{
	height:25px;
	line-height:25px;
	font-size: 24px;
	padding:20px 0 0 0;
	margin:0 0 20px 0;
	}
.login_page_text01{
	height:21px;
	line-height:21px;
	font-size: 20px;
	padding: 22px 0 0 0;
	margin:0 auto 26px auto;
	}
/*會員 驗證碼330*/
.phone_verification_code_title01{
	height:25px;
	line-height:25px;
	font-size: 24px;
	padding:28px 0 0 0;
	margin:0 0 17px 0;
	}


.one_classification_bn_text{
		font-size: 20px;
	}

	
}