@charset "utf-8";

@import url('/style/m_socail_ad.css');
@import url('/style/cmoneystrap.css');
@import url('/style/discuss.css');

a{ color:#3189c8;}
a:hover{ color:#D90000;}

/*=== Module ====================================*/
body{ color:#666; /*background:#f5f5f5 url(../images/bg2.png);*/ background: #e9eaed;}
.block-style, .author-box, .enable-out, .appTab-row, .r-out, .the-date-selected-out, .pd-con-out, .list-class, .d-box, #wrapper.wrap, .pd, .exchange, .ad2, .ad3, .ad5, .ad6, .ad8{ background: #fff; padding:15px; box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12); border-radius: 3px;}

#wrapper.wrap{ width:965px; min-height: 500px;}
#wrapper.wwy {
    width: 100%;margin-left:0;margin-right:0;  box-sizing: border-box;
}
.more:after, .path a:after, .toggle, .listImg li:before,.appTools li:before{ background:url(../images/bg-v3.png?_=3);}
.switch a, .detail, .ex1, .attach, .alp2, a.tabNow, .appbuyb-ug, .appbuyb-f, .gt_btn{ background:url(../images/repeat.png);}
/*.tAni a, .tAni a span, .tAni > div, .tAni header, .tAni .btn3, .tAni li, .tAni, .tAni div{ transition:all .3s ease-out; -moz-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -o-transition:all .3s ease-out; -ms-transition:all .3s ease-out;}*/
.light{ text-shadow:1px 1px #EEE;}
.dark{ text-shadow:-1px -1px #000;}
.push-left{ float: left;}
.push-right{ float: right;}
.color1, .redtext, .mas-name{color:#A90000;}
.color2{}
.color3{ color: #000;}
.text-danger{ color: #f00;}
.text-success{ color: #7ed321;}
.text-large{ font-size: 20px;}
.text-middle{ font-size: 16px;}
.text-small{ font-size: 13px;}
.text-left{ text-align: left;}
.text-center{ text-align: center;}
.text-right{  text-align: right;}

.light {
	text-shadow: 1px 1px #EEE;
}

.dark {
	text-shadow: -1px -1px #000;
}

.d-none {
    display: none !important;
}

.push-left {
	float: left;
}

.push-right {
	float: right;
}

.color1, .redtext, .mas-name {
	color: #A90000;
}

.color2 {}

.color3 {
	color: #000;
}

.text-danger {
	color: #f00;
}

.text-success {
	color: #7ed321;
}

.text-large {
	font-size: 20px;
}

.text-middle {
	font-size: 16px;
}

.text-small {
	font-size: 13px;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

h1.redtext {
	display: inline
}

.empty:before, .listImg li a:before {
	content: '.';
	display: inline-block;
	text-indent: -9999px;
}

.more {
	color: #900;
	position: absolute;
	right: 0;
	bottom: 4px;
	padding-right: 10px;
	font-size: 13px;
	line-height: 1;
}

.more:after {
	position: absolute;
	right: 0;
	top: 5px;
	content: '';
	width: 6px;
	height: 5px;
	background-position: -130px -5px;
}

.more span {
	background: #900!important;
}

.more2 {
	position: relative;
	bottom: 0;
	line-height: 1.5;
}

.more2:after {
	top: 7px;
}

/*.list-class, .usestep-right, .usestep-main, .v-menu, .usestep-right-nb{ background: #fff; padding:15px;}*/

.col-left2, .col-left3 .col-left4, .list-class {
    padding: 15px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px;
}

.col-left, .col-left2, .col-left3, .col-left4 {
    float: left;
}

.col-left, .col-left2 {}

.col-left {
	width: 154px;
}

.col-left2 {
	width: 168px;
	background: #fff;
}

.col-left3 {
	width: 298px;
	background: #fff;
}

.col-left4 {
    background: #fff;
}

.col-left>div {
    margin-top: 3em;
}

.col-left>div:first-child {
	margin-top: 1em;
}

.col-right {}

.col-right2 {
	margin-left: 169px;
	min-height: 570px;
}

.col-right3 {
	margin-left: 215px;
}
.col-right4 {
    position: absolute;
    right: 0;
    width: 170px;
    padding: 25px;
    background: #fff;
}
.col-left2>div {
	margin-bottom: .667em;
}

.col-left2 img {
	width: 100%;
	height: 168px;
}

.v-menu>div {
	margin-top: 3em;
}

.v-menu>div:first-child {
	margin: 0;
}

.v-menu {
	width: 168px;
	float: left;
}

.dailog {
	font-size: 15px;
}

.dailog-hdr {
	padding: .5em;
	font-size: 20px;
	background: #BC000A;
	color: #fff;
	text-align: center;
	margin-bottom: .5em;
}

.dailog-con {}

.dailog-con p {
	line-height: 1.5;
	margin-bottom: 10px;
}

.hdr5 {
	background: #d90000;
	border-bottom: solid 1px #fff;
}

.site-name {
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 25px;
}

.site-name .fa-mobile {
	margin-left: .5em;
	font-size: 23px;
	color: #faa;
	transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
}

.mBox>a:before {
	-webkit-transition: all .3 ease;
	-moz-transition: all .3 ease;
}

/*.btn1, .btn2, .btn3, .btn4{ display: inline-block; line-height:1; text-align: center;}
.btn1:hover, .btn2:hover, .btn3:hover, .btn4:hover, .gt_btn:hover{ text-decoration:none;}*/

.btn {
	display: inline-block;
	padding: .333em .667em;
	line-height: 1;
	text-align: center;
	border-radius: 3px;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	border-radius: 3px;
	background: none;
	border: solid 1px transparent;
}

.btn:hover {
	text-decoration: none;
}

.btn-warning, .label-warning, .progress-warning {
	color: #fff;
	background: #f8ac59;
}

.bc1 {
	border: 1px solid #057fd0;
	color: #fff;
	text-shadow: 0px -1px 0px #5b6178;
	background: linear-gradient(#33bdef, #019ad2);
	background: -webkit-linear-gradient(#33bdef, #019ad2);
	background: -moz-linear-gradient(#33bdef, #019ad2);
	background: -ms-linear-gradient(#33bdef, #019ad2);
	background: -o-linear-gradient(#33bdef, #019ad2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2', GradientType=0);
}

.bc1 .btn-link {
    font-size: 30px;
    font-weight: initial;
    color: #fff;
}

.bc1:hover {
	color: #fff;
	background: linear-gradient( #019ad2, #33bdef);
	background: -webkit-linear-gradient( #019ad2, #33bdef);
	background: -moz-linear-gradient( #019ad2, #33bdef);
	background: -ms-linear-gradient( #019ad2, #33bdef);
	background: -o-linear-gradient( #019ad2, #33bdef);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef', GradientType=0);
}

.bc1 .btn-link:hover {
    color: #fff;
    text-decoration: none;
}

.bc2 {
	border: 1px solid #ffaa22;
	color: #000;
	text-shadow: 0px 1px 0px #ffee66;
	background: linear-gradient( #ffec64, #ffab23);
	background: -webkit-linear-gradient( #ffec64, #ffab23);
	background: -moz-linear-gradient( #ffec64, #ffab23);
	background: -ms-linear-gradient( #ffec64, #ffab23);
	background: -o-linear-gradient( #ffec64, #ffab23);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23', GradientType=0);
}

.bc2 .btn-link {
    font-size: 30px;
    font-weight: initial;
    color: #000;
}

.bc2:hover {
	color: #000;
	background: linear-gradient( #ffab23, #ffec64);
	background: -webkit-linear-gradient( #ffab23, #ffec64);
	background: -moz-linear-gradient( #ffab23, #ffec64);
	background: -ms-linear-gradient( #ffab23, #ffec64);
	background: -o-linear-gradient( #ffab23, #ffec64);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64', GradientType=0);
}

.bc2 .btn-link:hover {
    color: #000;
    text-decoration: none;
}

.bc3 {
	color: #fff;
	text-shadow: 0 -1px #000;
	border: solid 1px #2e498c;
	background: linear-gradient(#6286d1, #2e4a87);
	background: -webkit-linear-gradient(#6286d1, #2e4a87);
	background: -moz-linear-gradient(#6286d1, #2e4a87);
	background: -ms-linear-gradient(#6286d1, #2e4a87);
	background: -o-linear-gradient(#6286d1, #2e4a87);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6286d1', endColorstr='#2e4a87', GradientType=0);
}

.bc3:hover {
	color: #fff;
	background: linear-gradient(#2e4a87, #6286d1);
	background: -webkit-linear-gradient(#2e4a87, #6286d1);
	background: -moz-linear-gradient(#2e4a87, #6286d1);
	background: -ms-linear-gradient(#2e4a87, #6286d1);
	background: -o-linear-gradient(#2e4a87, #6286d1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e4a87', endColorstr='#6286d1', GradientType=0);
}

.bc3:before {
	content: 'f';
	display: inline-block;
	font: 900 20px/25px "Arial Black";
	vertical-align: middle;
	text-align: center;
	margin-right: 10px;
	border: solid 1px #fff;
	width: 25px;
	border-radius: 3px;
	position: relative;
	top: -1px;
}

.bc4 {
	border: 1px solid #ccc;
	color: #000;
	text-shadow: 0px 1px 0px #fff;
	background: linear-gradient( #eee, #ccc);
	background: -webkit-linear-gradient( #eee, #ccc);
	background: -moz-linear-gradient( #eee, #ccc);
	background: -o-linear-gradient( #eee, #ccc);
	background: -ms-linear-gradient( #eee, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
}

.bc4:hover {
	background: linear-gradient( #ccc, #eee);
	background: -webkit-linear-gradient( #ccc, #eee);
	background: -moz-linear-gradient( #ccc, #eee);
	background: -o-linear-gradient( #ccc, #eee);
	background: -ms-linear-gradient( #ccc, #eee);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee', GradientType=0);
}

.deadline-con .bc6 {
	display: none;
	padding: .5em 0 .3em;
	width: 100%;
	border-radius: 3px;
	font-size: 18px;
	border: solid 1px #06B504;
	margin-bottom: .2em;
}

.bc6 {
	color: #fff;
	background: linear-gradient(#8BED0A, #06B504);
	background: -webkit-linear-gradient(#8BED0A, #06B504);
	background: -o-linear-gradient(#8BED0A, #06B504);
	background: -moz-linear-gradient(#8BED0A, #06B504);
	background: -ms-linear-gradient(#8BED0A, #06B504);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8BED0A', endColorstr='#06B504', GradientType=0);
}

.bc6:before {
	position: relative;
	top: -2px;
	content: url(../images/lineIcon.png);
	vertical-align: middle;
	width: 20px;
	height: 19px;
	display: inline-block;
	margin-right: .5em;
}

.bc6:hover {
	color: #fff;
	background: linear-gradient(#06B504, #8bed0a);
	background: -webkit-linear-gradient(#06B504, #8bed0a);
	background: -o-linear-gradient(#06B504, #8bed0a);
	background: -moz-linear-gradient(#06B504, #8bed0a);
	background: -ms-linear-gradient(#06B504, #8bed0a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#06B504', endColorstr='#8bed0a', GradientType=0);
}

.bc7 {
	border: 1px solid #14C200;
	color: #fff;
	text-shadow: 0px -1px 0px #5b6178;
	background: linear-gradient( #1EFF00, #14C200);
	background: -webkit-linear-gradient( #1CEF00, #14C200);
	background: -moz-linear-gradient( #1EFF00, #14C200);
	background: -o-linear-gradient( #1EFF00, #14C200);
	background: -ms-linear-gradient( #1EFF00, #14C200);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1EFF00', endColorstr='#14C200', GradientType=0);
}

.bc7:hover {
	color: #fff;
	background: linear-gradient( #14C200, #1CEF00);
	background: -webkit-linear-gradient( #14C200, #1CEF00);
	background: -moz-linear-gradient( #14C200, #1CEF00);
	background: -o-linear-gradient( #14C200, #1CEF00);
	background: -ms-linear-gradient( #14C200, #1CEF00);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14C200', endColorstr='#1CEF00', GradientType=0);
}

.bc8 {
	border: 1px solid #df2f00;
	color: #fff;
	background: linear-gradient( #ff7d2f, #f24400);
	background: -webkit-linear-gradient( #ff7d2f, #f24400);
	background: -moz-linear-gradient( #ff7d2f, #f24400);
	background: -o-linear-gradient( #ff7d2f, #f24400);
	background: -ms-linear-gradient( #ff7d2f, #f24400);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7d2f', endColorstr='#f24400', GradientType=0);
}

.bc8:hover {
	color: #fff;
	background: linear-gradient( #f24400, #ff7d2f);
	background: -webkit-linear-gradient( #f24400, #ff7d2f);
	background: -moz-linear-gradient( #f24400, #ff7d2f);
	background: -o-linear-gradient( #f24400, #ff7d2f);
	background: -ms-linear-gradient( #f24400, #ff7d2f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24400', endColorstr='#ff7d2f', GradientType=0);
}

.bc9 {
	color: #fff;
	background: #f90;
}

.bc9:hover {
	background: #FF8D00;
	color: #fff
}

.bc10 {
	color: #fff;
	background: #c3c3c3;
}

.bc10:hover {
	background: #b8b8b8;
	color: #fff
}

.bc11 {
    background: #D9D9D9;
    color: #666666;
    border: solid 1px #26262699;
    cursor: not-allowed;
    pointer-events: none;
}

.text-brown {
	color: #770000 !important;
}


.btn-cancel {
	background-color: #c3c3c3;
	color: #fff;
}

.d-block {
	display: block;
}

.link-cancel {
	color: #6d6b6b;
}

.f-share {
	display: inline-block;
}

.f-share span {
	margin-top: 5px;
	display: block;
	font-size: 14px;
	color: #999;
}

.f-share .bc8, .enable-con+.btnOut .bc2, .pd-intro-out>.btnOut>div>.bc1, .pd-intro-out>.btnOut>div>.bc2 {
	line-height: 40px;
	/* width:150px;*/
	padding: 0 1em;
	font-size: 25px;
}

.gt_stepbox .bc1 {
	font-size: 15px;
	padding: .5em 1em;
	position: absolute;
	right: 0;
	top: 2px;
}

.wrlist-classification .bc1 {
	position: absolute;
	top: 0;
	right: 0;
	padding: .3em .5em;
	font-size: 15px;
}

.pathOut .bc1 {
	position: absolute;
	top: 1px;
	right: 0;
	padding: 0 10px;
	font-size: 13px;
	line-height: 22px;
}

.pathOut .btn-right {
    position: absolute;
    top: 1px;
    right: 0;
    padding: 0 10px;
    font-size: 13px;
    line-height: 22px;
}

.pStyle .bc2 {
	width: 105px;
	padding: 7px 0 6px;
	font-size: 14px;
}

.appIntro .bc2 {
	padding: .5em 1em;
	font-size: 30px;
}

.count-down-out .bc2, .count-down-out .bc1 {
	display: inline-block;
	padding: .5em .667em .4em;
	font-size: 18px;
}

.btnOut>.class-cart-out {
	display: block;
}

.sign .btn {
	font-size: 25px;
	width: 100%;
	box-sizing: border-box;
	padding: .5em;
}

.cpBox>.btn {
	width: 150px;
	padding: .5em 1em;
	font-size: 20px;
}

.btn.class-btn {
	width: 40%;
}

.class-status a {
	font-size: 14px;
	margin-left: 10px;
}

.rate-minutes-out .bc2 {
	padding: .5em;
}

.download-fn .bc2, .step-hdr .bc2, .step-hdr .bc1 {
	padding: .5em 1em;
	font-size: 30px;
}

.black-bubble {
	display: none;
	background: rgba(0, 0, 0, .7);
	color: #fff;
	left: 3px;
	text-align: center;
	width: 90px;
	padding: 5px;
	border-radius: 3px;
	position: absolute;
	bottom: 50px;
	font-weight: normal;
	text-shadow: none;
}

.black-bubble:after {
	display: block;
	content: "";
	width: 0;
	border: solid 10px;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: rgba(0, 0, 0, .7);
	border-bottom-color: transparent;
	position: absolute;
	left: 40px;
	top: 42px;
}

.instant-buy:hover .black-bubble {
	display: block;
}

.get-more-right {
	display: inline-block;
	margin-top: 10px;
}

.instant-buy {
	line-height: 1.2;
}

.now-used {
	width: 630px;
}

.now-used h6 {
	font-size: 24px;
	color: #999;
	margin-bottom: 5px;
	list-style: none;
}

.used-tbar {
	width: 430px;
	font-size: 14px;
}

.used-tbar i {
	margin-right: 7px;
}

.app-textboxline .used-tbar p {
	display: inline;
	color: #696969;
	margin: 0;
}

.app-textboxline .used-tbar .can-used-t {
	font-size: 14px;
	position: absolute;
	right: 0;
}

.used-bar {
	width: 430px;
	background: #eee;
	margin: 10px 0;
}

.used-bar>div {
	width: 60%;
	height: 10px;
	background: #c00;
	border-radius: 50px;
}

.t-bold {
	font-weight: bold;
}

.your-way {
	margin-bottom: 1.5em;
}

.your-way span {
	position: absolute;
	right: 15px;
	top: 5px;
	font-size: 14px;
}

.your-way-t, .share-get-use p {
	display: inline-block;
	width: 71%;
	color: #333;
	font-size: 16px;
}

.btn-area {
	display: inline-block;
}

.limits-list {
	border: solid 1px #eee;
	padding: 15px;
	margin-top: 2em
}

.your-way a, .share-get-use a {
	padding: 12px 15px;
	right: 0;
}

.your-way>div, .share-get-use {
	padding: 15px;
	background: #f6f6f6;
}

.get-more>p {
	font-size: 13px;
}

.red-text {
	color: #c00;
}

.guidetip_box .btnOut .bc3 {
	line-height: 3;
	padding: 0 2em;
}

.guidetip_box .btnOut .bc1 {
	line-height: 2;
	padding: 0 2em;
}

.dailog>.btnOut .bc2, .dailog>.btnOut .bc4, .enable .bc1 {
	padding: .5em 1em;
	font-size: 16px;
}

.dailog>.btnOut .bc2, .dailog>.btnOut .bc4 {
	width: 100px;
	line-height: 2;
	padding: 0;
}

.or {
	border: solid 1px #CCC;
	border-width: 1px 0 0;
	margin: 1.5em 0;
	height: 1px;
}

.or:after {
	content: '或';
	display: block;
	text-align: center;
	background: #fff;
	width: 1.5em;
	margin: auto;
	margin-top: -11px;
}

.g2 .bc2 {
	width: 244px;
	line-height: 2.4;
	font-size: 20px;
}

.g3 .bc2 {
	width: 160px;
	line-height: 2;
}

.g5 .bc2, .g6 .bc2 {
	width: 100px;
	line-height: 2;
}

.g7 .bc2 {
	width: 133px;
	line-height: 2;
}

.g10 .btn, .g11 .btn {
	line-height: 2;
	padding: 0 1em;
}

.guidetip_box a.bc4:hover {
	color: #000;
}

.appTab+.bc4 {
	font-size: 16px;
	padding: .5em;
	position: absolute;
	right: 0;
	top: 0;
}

.appTab+.bc4 .fa-pencil {
	color: #000;
	margin-right: 3px;
}

.navi-cal:hover, .step-out>li:hover, .download-tv:hover, .hotPd:hover, .Product-out-01:hover, .Product-out-wr:hover, .Product-out-wrlist:hover, .coming_lesson:hover, .lesson-out:hover, .pdBox:hover, .faq_box .step-out>li:hover {
	background-color: #FFFCF0;
}

.bc5 {
	background: #e6e6e6;
	border: solid 1px #d6d6d6;
	color: #999;
}

.enable-list2 .bc4 {
	padding: .3em .5em;
	margin-left: 5px;
}

.text .bc2 {
	margin-bottom: .4em;
}

.ad5>.bc2, .ad5>.bc1, .fbLike {
	float: left;
	box-sizing: border-box;
}

.ad5>.bc1, .fbLike {
	margin-left: 15px;
}

.ad5>.bc2, .ad5>.bc1 {
	line-height: 50px;
	font-size: 30px;
}

.ad5>.bc2 {
	width: 49.3%;
}

.ad5>.bc1 {
	width: 24.6%;
}

.fbLike {
	width: 23.5%;
}

.sign .bc4, .cpBox .bc4 {
	left: 0
}

.heading span.color2, .text h2 .color2 {
	color: #3079ED;
	font-size: 40px;
	font-weight: 900;
}

.btnOut {
	text-align: center;
}

.remark {}

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

.remark ol {
	color: #666;
	font-size: 13px;
}

.secondCol .btnOut {
	border: 0;
}

.download-info {
	width: 322px;
}

.download-info p {
	display: none;
}

.video {}

.video:before {
	content: '';
	position: absolute;
	border: solid 1px #1E5780;
	width: 15px;
	height: 14px;
	right: -23px;
	top: 1px;
}

.video:after {
	content: '';
	position: absolute;
	border: solid 5px transparent;
	border-left: solid 8px #1E5780;
	top: 4px;
	right: -24px;
}

.what2 {
	display: block;
	text-align: right;
}

.asWhat {
	text-align: right;
	line-height: 1.2;
	font-size: 13px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.text .bc2 {
	margin-bottom: 10px;
	padding: .4em 1em .3em;
	font-size: 28px;
	display: block;
}

.video:hover {
	text-decoration: underline;
}

#topVideoBlock {
    min-height: 630px;
}
#courseInfoBlock {
    min-height: 500px;
}
#lectureIntroduction {
    min-height: 90px;
}
#authorIntroductionBlock {
    min-height: 90px;
}
#latestLecturesBlock {
    min-height: 225px;
}
#freeVideoTitleBlock {
    min-height: 475px;
}
/*=== layout =====================================*/
.subject, .pathOut, .ad1, .nosign {
    width: 1200px;
    margin: auto;
}

.main {
	margin: 0 auto 15px;
	width: 1240px;
	margin: auto;
}

.ad, .pathOut {
	margin-bottom: 15px;
}

.ad {
	overflow: hidden;
}

.bnr {
	padding: 30px 0;
	border-bottom: solid 1px #e2e2e2;
	background: #fff url(../images/bnr1.png) center bottom no-repeat;
}

.bnr1 {}

.bnr2 {
	background: #fff;
}

.bnr3 {
	border: 0;
}

.bnr4 {
	padding: 0;
	padding-top: 0;
	background: linear-gradient(#FFFFFF, #D8D8D8);
	background: -webkit-linear-gradient(#FFFFFF, #D8D8D8);
	background: -moz-linear-gradient(#FFFFFF, #D8D8D8);
	background: -ms-linear-gradient(#FFFFFF, #D8D8D8);
	background: -o-linear-gradient(#FFFFFF, #D8D8D8);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D8D8D8', GradientType=0);
}

.bnr4 a {
	color: #000
}

.bnr4 a:before {
	border: solid 1px #000;
}

.bnr4 a:after {
	border-left: solid 8px #000;
}

.bnr4 .ad9 .text {
	top: 80px;
}

.ad1 {
	height: 308px;
}

.ad9 {
	height: 367px;
	width: 1200px;
	margin: auto;
}

.bnr4 .ad9 {
	background-position: 200px 0!important;
	background-repeat: no-repeat;
}

.nosign {
	height: 80px;
}

.nosign>a:hover .empty {
	color: #000;
}

.subject {
	/*min-height:360px;*/
}

.subject .box {
	padding-left: 10px;
	border-left-color: transparent;
	margin-bottom: 20px;
}

.subject-lesson {
	float: left;
}

.subject .box:first-child {}

.ad2, .ad3, .ad5, .ad6 {}

.ad3 {
	background: #F8F8F8;
}

.ad5, .ad6 {
	padding: 1em;
}

.ad6 {
	padding-bottom: 0;
}

.ad7 {
	width: 963px;
	margin-left: auto;
	margin-right: auto;
	background: #F8F8F8;
}

.ad8 {
	float: left;
	margin-left: 15px;
	width: 21.55%;
	padding: 15px;
	margin-bottom: 15px;
}

.ad8:first-child {
	margin: 0;
}

.pd-out {
	margin-bottom: 15px;
}

.pathOut {
	margin-bottom: 0;
}

.why {
	padding: 15px;
}

.why .heading:before {
	top: 25px;
}

.whyList {
	list-style: decimal;
	margin-left: 35px;
	float: left;
}

.whyList li {
	margin-bottom: .6em;
	line-height: 1.8;
}

.whyList .more {
	position: relative;
	bottom: 0;
}

.whyImg {
	margin-left: 482px;
	padding-top: 3px;
}

.whyImg img {
	position: absolute;
	padding: 5px;
	background: #FFF;
	border: solid 1px #CCC;
}

.how {
	background: #f8f8f8;
	box-shadow: 0 2px 3px #CCC inset;
}

.how .box {
	height: 160px;
}

.how .heading {
	top: 15px;
	left: 15px;
}

.how .box header {
	font-size: 19px;
	color: #900;
	margin-bottom: .3em;
}

.idxStep {
	color: #666;
	font-family: "微軟正黑體";
	margin-bottom: .2em;
}

.idxStep:before, .idxStep:after {
	content: '';
	display: block;
	border: solid 3px transparent;
	border-left-color: #666;
	position: absolute;
	top: 6px;
}

.idxStep:before {
	left: 50px;
}

.idxStep:after {
	left: 54px;
}

.idxMore {
	position: absolute;
	right: 10px;
	bottom: 0;
	padding: 0 .5em;
}

.how .box .video {
	position: absolute;
	right: 0;
}

.idxMore.btn2 {
	font-size: 16px;
	line-height: 2;
	width: auto;
}

.idxMore.btn3 {
	line-height: 2;
}

.ad1>img {
	float: left;
}

/*=== navigation =====================================*/

.ad1>div {
	float: right;
}

.ad1>div>span {
	font-weight: 700;
}

.ad1 div.text {
	width: 615px;
	float: left;
}

.text hgroup {
	margin-bottom: 25px;
}

.text h1, .text h2 {
	font-weight: 600;
}

.text h1 {
	font-size: 43px;
	color: #000;
	line-height: 1.3;
	margin-bottom: 5px;
}

.text h1 ul.color1 {}

.text h2 {
	color: #aaa;
	font-style: italic;
	font-size: 30px;
}

.text h4 {
	line-height: 1.5;
	font-size: 15px;
}

.ad1>div>span {
	display: block;
	margin-bottom: 5px;
}

.slider-time {
	font-size: 0;
	top: 8px;
}

.slider-time, .slider-time>li {
	display: inline-block;
}

.slider-time>li {
	height: 64px;
	width: 34px;
	overflow: hidden
}

.slider-time>li:first-child {
	margin-left: 0;
}

.slider-time ul {
	position: absolute;
	top: 0;
	left: 0;
}

.slider-time ul li {
	font-size: 60px;
}

.using .slider-time {
	height: 27px;
	top: 1px;
}

.using .slider-time>li {
	height: 25px;
	width: 17px;
}

.using .slider-time ul li {
	font-size: 30px;
}

.boxOut {
	padding: 15px;
}

.box {
	float: left;
	width: 385px;
	padding-left: 10px;
	border-left: dotted 1px #D6D6D6;
	margin-left: 10px;
}

.box>img {
	float: left;
	margin-right: 15px;
	margin-top: 4px;
}

.pd, .exchange {
	padding-left: 10px;
}

.box:first-child {
	border: 0;
	padding-left: 0;
	margin: 0;
}

.box header, .pd .empty, .exchange header, .heading, .pdTitle {
	font-size: 20px;
	color: #666;
	margin-bottom: 5px;
	font-weight: bolder;
}

.box>header, .box>.box-1>header, .pd .empty, .exchange header, .heading {
	padding-left: 10px;
}

.box header:before, .pd .empty:before, .exchange header:before, .heading:before {
	border-left: solid 5px #CCC;
	height: 20px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
}

.box p {
	font-size: 14px;
	color: #333;
	line-height: 1.6;
	margin-bottom: 15px;
}

.box-1 {
	cursor: pointer;
}

.box-1:hover .empty {
	color: #000;
}

.box-2 {
	background: #f6f6f6;
	border: solid 1px #e6e6e6;
	padding: 15px;
}

.box-2 header {
	font-size: 18px;
	font-weight: 600;
}

.loadBox {
	line-height: 85px;
	background: #FFF url(../images/boxbg.png) repeat-x;
	padding: 0 25px;
	border-top: solid 1px #E6E6E6;
}

.loadBox .btn2, .what {
	font-size: 25px;
	width: 235px;
	line-height: 45px;
	margin-right: 30px;
}

.text1 {
	font-size: 22px;
}

.ad3 .boxOut {
	float: left;
}

.ad3 .box {
	float: none;
	padding-left: 10px;
	border: 0;
	margin-bottom: 20px;
	width: 280px;
}

.info {
	display: block;
	text-align: right;
	margin-top: 10px;
}

.lesson {
	margin-top: .5em;
}

.lesson li {
	margin-bottom: 5px;
}

.lesson a {
	display: inline-block;
	margin-top: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 235px;
}

.lesson img {
	margin-right: 5px;
	vertical-align: top;
}

.ad3 .more {
	right: -670px;
}

.ad4 .ad2 {
	background: #E0E0E0;
	position: absolute;
	bottom: 0;
	width: 624px;
}

.ad4>.boxOut {
	padding: 0;
	width: 660px;
	float: left;
	height: 290px;
}

.ad4 .boxOut .boxOut:first-child {
	padding: 0;
}

.ad4 .boxOut .boxOut:first-child .box:first-child {
	padding-left: 26px;
}

.what {
	margin-right: 0;
	position: absolute;
	right: 15px;
	top: 55px;
}

.fbEmbed {
	margin-left: 794px;
}

.subject .fbEmbed {
	margin-left: 815px;
}

.subject .fbEmbed iframe {
	width: 390px;
}

.fbEmbed .pluginSkinLight {
	background: #FFF;
}

.ad3 .fbEmbed {
	margin-top: 19px;
	margin-left: 675px;
}

/*=== path ===============*/

.pathOut {
	line-height: 26px;
	z-index: 98;
	margin: -11px auto 4px;
}

.path {
	font-size: 15px;
}

.path li {
	margin-right: 9px;
}

.path a {
	color: #000;
}

.path .path-text {
    font-size: 15px;
    font-weight: 400;
}

.path a:after {
	content: '';
	display: block;
	position: absolute;
	right: -10px;
	top: 8px;
	width: 7px;
	height: 11px;
	background-position: -167px -5px;
	top: 7px\0;
}

.tips {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.tips:hover .tipsCon {
	display: block;
}

.tipsTt {
	text-align: right;
	font-size: 13px;
	color: #666;
}

.tipsCon {
	width: 250px;
	border: solid 1px #CCC;
	background: #FFFCF0;
	padding: 10px;
	top: 10px;
	font-size: 13px;
	line-height: 1.5;
	display: none;
	z-index: 100;
}

.tipsCon:before, .tipsCon:after {
	content: '';
	display: block;
	position: absolute;
	right: 2em;
	border: solid 10px transparent;
}

.tipsCon:before {
	top: -30px;
	border-bottom-color: #CCC;
	border-bottom-width: 20px;
}

.tipsCon:after {
	top: -29px;
	border-bottom-color: #FFFCF0;
	border-bottom-width: 20px;
}

/*=== sliderShow ========*/

.slider {
	float: left;
	width: 778px;
	height: 350px;
	overflow: hidden;
	border: solid 1px #e2e2e2;
}

.sliderNav {
	width: 250px;
	position: absolute;
	right: 0;
}

.switchOut {}

.switch {
	margin-top: 0px;
}

.switch a {
	text-decoration: none;
	display: block;
	color: #333;
	height: 52px;
	padding: 9px 10px;
	background-position: 0 -250px;
	line-height: 1.4;
	font-size: 15px;
	overflow: hidden;
	transition: none;
}

.detail {
	padding: 8px 30px 5px 5px;
	position: absolute;
	background-position: 0 -325px;
	bottom: 0;
	width: 355px;
	font-size: 13px;
	text-shadow: none;
	height: 60px;
}

.detail p {
	color: #CCC;
	line-height: 1.5;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

a.tabNow {
	background: url(../images/repeat.png) 0 -660px;
	color: #FFF;
	text-shadow: -1px -1px #000;
}

.tab-content {
	position: absolute;
	top: 0;
	left: 0;
}

.slider .tab-content {
	padding: 0;
	border: 0;
}

.tab-content:hover .conTitle {
	color: #F90;
}

.tab-content>a>img {
	width: 528px;
	height: 350px;
}

.conTitle {
	font-size: 24px;
	font-weight: 900;
	color: #FFF;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sliderPage {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.prev, .next {
	background: #333;
	display: block;
	position: absolute;
	width: 100%;
	height: 30px;
	text-indent: -9999px;
}

.prev {
	top: 0px;
}

.next {
	bottom: -350px;
}

.sliderNav:hover .prev {}

.sliderNav:hover .next {}

.prev:before, .next:before {
	content: '';
	display: block;
	border: solid 10px transparent;
	width: 0;
	position: absolute;
	left: 50%;
	margin-left: -5px;
}

.prev:before {
	border-bottom-color: #CCC;
	top: 0px;
}

.next:before {
	border-top-color: #CCC;
	top: 10px;
}

.prev:hover:before {
	border-bottom-color: #FFF;
}

.next:hover:before {
	border-top-color: #FFF;
}

/*=========*/

.ind-tab {
	border-bottom: solid 1px #ccc;
	margin-bottom: 2px;
}

.ind-tab a {
	background: #f6f6f6;
	font-size: 15px;
	line-height: 30px;
	display: inline-block;
	padding: 0 10px;
	border: solid 1px #ccc;
	margin-bottom: -1px;
	text-decoration: none;
	color: #666;
}

.ind-tab a:hover {
	background: #e6e6e6;
}

a.ind-tab-now, a.ind-tab-now:hover {
	background: #fff;
	color: #000;
	border-bottom-color: #fff;
}

.using {
	font: 600 20px/30px Arial, "微軟正黑體";
	text-align: center;
}

.ind-tab-ctr {}

.ind-tab-ctr>div {
	display: none;
	height: 318px;
}

.ind-tab-ctr>div:first-child {
	display: block;
}

.mask {
	height: 290px;
	overflow: hidden;
}

.ad-atonce {
	width: 400px;
}

.atonce {
	z-index: 0;
	cursor: pointer;
	height: 60px;
	font-size: 13px;
	border: solid 1px transparent;
	border-color: #ccc transparent;
	padding: 5px;
	margin-bottom: -1px;
}

.atonce:hover {
	background: #FFFCD0;
	border-color: #ccc;
}

.atonce:first-child {}

.atonce div {}

.atonce-img-out {
	width: 60px;
	height: 60px;
	float: left;
}

.atonce-img-out a {
	height: 60px;
	width: 60px;
}

.atonce-content {
	margin-left: 70px;
}

.atonce>div p {
	color: #999;
}

.use-time {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #999;
	font-size: 13px;
}

.pd-adv {
	margin-top: -1em;
	padding: 1em 0;
}

.pd-ad-img {
	width: 1200px;
	margin: auto
}

.pd-ad-img-h {
    height: 500px;
}
/*=== product ==========*/

.pd {
	width: 30%;
	float: left;
	margin-left: 15px;
}

.pd, .exchange {
	padding: 1em;
}

.exchange {
	padding-bottom: 0;
}

.pd:first-child, .exchange:first-child {
	margin-left: 0;
}

.pd .empty, .exchange header {
	padding-left: 10px;
	margin-bottom: 10px;
}

.pd .empty:before, .exchange header:before {
	left: 0;
}

.app li {
	margin-top: 15px;
}

.app li:first-child {
	margin-top: 0;
}

.app a, .app a .appT, .app a .appCtnr {
	display: block;
	border: solid 1px #DDD;
	border-radius: 5px;
}

.app a {
	padding: .667em;
}

.app1 a {
	height: 30px;
}

.app2 a {
	height: 97px;
}

.app img {
	z-index: 1;
}

.app1 img {
	height: 30px;
	width: auto;
}

.app1 a .appT {
	font-size: 16px;
	font-weight: 600;
	background: url(../images/body.png);
	line-height: 29px;
	position: absolute;
	top: -1px;
	left: -1px;
	margin-left: 52px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 285px;
	padding: .667em;
}

.app1 a:hover .appT {
	padding-left: 50px;
	width: 83.3%;
}

.app2 a .appCtnr {
	background: url(../images/body.png);
	height: 97px;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 251px;
	padding: .667em;
	margin-left: 87px;
	overflow: hidden;
}
.app2 a .most-used-ctnr {
    width: 157px;
}

.app2 a:hover .appCtnr {
	padding-left: 85px;
	width: 263px;
}
.app2 a:hover .most-used-ctnr {
    width: 170px;
}
.app2 a .appTT {
	font: 900 16px "微軟正黑體";
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.app2 a .appTT, .app2 a .appD {
	background: none;
	height: auto;
	display: block;
}

.app2 a .appD {
	font-size: 13px;
	color: #333;
	overflow: hidden;
	line-height: 1.5;
	height: 60px;
	display: block;
	margin-top: 3px;
}

.app a:hover .appT, .app a:hover .appCtnr {
	margin-left: 0;
	border-color: #666;
	animation: appAni 1.5s infinite;
	-moz-animation: appAni 1.5s infinite;
	-webkit-animation: appAni 1.5s infinite;
	-o-animation: appAni 1.5s infinite;
	-ms-animation: appAni 1.5s infinite
}

@keyframes appAni {
	from {
		border-color: #CCC;
	}
	50% {
		border-color: #666;
	}
	to {
		border-color: #CCC;
	}
}

@-moz-keyframes appAni {
	from {
		border-color: #CCC;
	}
	50% {
		border-color: #666;
	}
	to {
		border-color: #CCC;
	}
}

@-webkit-keyframes appAni {
	from {
		border-color: #BBB;
	}
	50% {
		border-color: #666;
	}
	to {
		border-color: #BBB;
	}
}

@-o-keyframes appAni {
	from {
		border-color: #BBB;
	}
	50% {
		border-color: #666;
	}
	to {
		border-color: #BBB;
	}
}

@-ms-keyframes appAni {
	from {
		border-color: #BBB;
	}
	50% {
		border-color: #666;
	}
	to {
		border-color: #BBB;
	}
}

.pdContainer .app {
	overflow: hidden;
}

.pdContainer .app li {
	margin: 0 15px 15px 0;
	width: 49.2%;
	float: left;
}

.pdContainer .app li:nth-child(2n) {
	margin-right: 0;
}

.pdContainer .app2 a .appCtnr {
	width: 77%;
}

.pdContainer .app2 a:hover .appCtnr {
	width: 79.5%;
}

/*=== exchange ================*/

.ex {
	width: 32.3%;
	height: 200px;
	overflow: hidden;
	border-radius: 5px;
	float: left;
	margin: 0 15px 15px 0;
	border: solid 1px #DDD;
	cursor: pointer;
}

.ex:nth-child(3n) {
	margin-right: 0;
}

.ex>div:hover .ex2 {
	display: block;
}

.ex1, .ex2 {
	height: 202px;
	width: 100%;
	padding: 1em;
	overflow: hidden;
	border-radius: 5px;
	position: absolute;
	box-sizing: border-box;
}

.ex1 {
	background-position: 0 -415px;
	text-align: center;
}

.reciprocal {
	color: #666;
}

header.exTitle {
	font-size: 20px;
	font-weight: 900;
	height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0;
}

.ex1 img {
	margin: 10px 0;
	height: 105px;
	width: auto;
}

.ex2 {
	background: #F6F6F6;
	font-size: 14px;
	display: none;
}

.exName {
	font-weight: 900;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ex2 div, .ex2 p {
	margin-bottom: 5px;
}

.ex2 p {
	margin-left: 46px;
}

.ex2 p {
	color: #666;
	line-height: 1.5;
	font-size: 13px;
}

.ex2 .more {
	right: 10px;
	bottom: 10px;
}

/*=== alp ================*/

.firstCol {
	width: 66.66666667%;
	float: left;
}

.firstCol .ad5 {
	margin-top: 15px;
}

.firstCol .ad5:first-child {
	margin: 0;
    min-height: 400px;
}

.secondCol {
	margin-left: 670px;
}

.heading {
	padding-left: .667em;
	margin-bottom: .667em;
}

.heading:before {
	left: 0;
}

.tabPanel {
	margin-bottom: -1px;
}

.storeTab {
	font-size: 0;
}

.storeTab li {
	border: solid 1px #DDD;
	font-size: 16px;
	margin-right: -1px;
	padding: 0 1em;
	line-height: 1.8;
	border-radius: 5px 5px 0 0;
	top: 4px;
	background: #F3F3F3;
}

.storeTab a {
	color: #000;
}

li.storeTabNow {
	top: 1px;
	border-bottom: 0;
	background: #FFF;
	z-index: 1;
}

li.storeTabNow a {
	color: #08C;
	line-height: 2.2;
}

.storeTabContentGroup>div {
	display: none;
}

.storeTabContentGroup {
	border: solid 1px #DDD;
	padding: 5px 15px;
	font-size: 15px;
	border-radius: 0 5px 0 0;
	background: #FFF;
}

.sel {
	padding: .5em 0;
}

.sel dt, .sel dd {
	display: inline-block;
}

.sel dt {
	margin-right: .5em;
}

.sel a, .filter a {
	padding: 0 1em;
	border-radius: 3px;
	color: #000;
	line-height: 1.6;
}

.sel a:hover, .filter a:hover {
	color: #08C;
}

.selNow>a, .selNow>a:hover {
	background: #08C;
	color: #FFF;
	display: inline-block;
}

.selMore {
	border: solid 1px #DDD;
	position: absolute;
	font-size: 13px;
	z-index: 1;
	background: #FFF;
	width: 100%;
	display: none;
}

.selMore a {}

.toggle {
	display: inline-block;
	text-indent: -9999px;
	background-position: -90px 0;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	top: -2px;
	left: 5px;
}

.filter {
	text-align: center;
	background: #F3F3F3;
	border-bottom: solid 1px #DDD;
	padding: 5px 0;
}

.alpPanel {
	border: solid 1px #DDD;
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	margin-bottom: 15px;
}

.alp2 {
	padding: 10px;
	border-top: solid 1px #DDD;
}

.alp {
	padding: 10px;
	border: solid 1px #DDD;
	border-color: #DDD transparent;
	margin-top: -1px;
}

.alp:first-child {
	border-top-color: transparent;
}

.alp:hover {
	background: #FFFCD0;
	border-color: #ddd;
	z-index: 1;
}

.appImg {
	width: 50px;
	text-align: center;
	float: left;
	margin-right: 10px;
}

.alpCon {
	width: 410px;
	float: left;
}

.alpHeading {
	line-height: 1;
	font-size: 15px;
}

.alpHeading a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 400px;
	font-weight: 900;
}

.alpCon p {
	font-size: 13px;
	font-family: "新細明體";
	line-height: 1.5;
	height: 58px;
	overflow: hidden;
	color: #666;
}

.tag {
	display: inline-block;
	width: 38px;
	border-radius: 3px;
	background: #29ABE2;
	color: #FFF;
	font-size: 12px;
}

.tag:before {
	border: solid 5px transparent;
	position: absolute;
	border-bottom-color: #29ABE2;
	top: -25px;
	left: 13px;
}

.attach {
	background: #F6F6F6;
	margin-left: 480px;
	border: solid 1px #DDD;
	border-radius: 5px;
	font-size: 13px;
	padding: 10px;
	height: 60px;
	font-family: "新細明體";
	line-height: 1;
}

.attach li {
	margin-bottom: .4em;
}

.attach li {
	list-style-type: none;
}

.attach li:first-child {
	color: #666;
}

/*=== alp2 ===============*/

.alp2Group {}

.alp2 {
	border: solid 1px #DDD;
	border-radius: 5px;
	background-position: 0 -415px;
	margin-top: 15px;
}

.alp2:first-child {
	margin-top: 0;
}

.alp2:hover {
	box-shadow: 0 2px 3px #CCC inset;
	border: solid 1px #BBB;
}

.alp2 .appImg {
	width: 100px;
}

.alp2 .alpCon {
	margin-left: 110px;
	float: none;
	width: auto;
}

.alp2 .alpHeading {
	font-size: 20px;
}

.alpDetail {
	border-top: dotted 1px #DDD;
	margin-top: .5em;
	padding-top: .5em;
	font-family: "新細明體";
}

.alpDetail li {
	margin-bottom: .2em;
	font-size: 13px;
	line-height: 1.5;
}

.alpDetail li:last-child {
	margin: 0;
}

.alpDetailLeft {
	display: block;
	float: left;
	width: 35px;
}

.alpDetailRight {
	display: block;
	margin-left: 35px;
	overflow: hidden;
	max-height: 38px;
}

.alpDetail a span {
	position: absolute;
	bottom: 2px;
}

.first, .second, .third {
	color: #FFF;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	font-weight: 900;
	padding: 1px 5px;
	border-radius: 3px;
	font-size: 13px;
}

.first:before, .second:before, .third:before {
	content: '';
	border: solid 5px transparent;
	position: absolute;
	left: -9px;
	top: 5px;
}

.first {
	background: #F00;
}

.first:before {
	border-right-color: #F00;
}

.second {
	background: #FBB03B;
}

.second:before {
	border-right-color: #FBB03B;
}

.third {
	background: #39B54A;
}

.third:before {
	border-right-color: #39B54A;
}

.alp2Group.col {
	padding-bottom: 0;
}

.col .alp2 {
	width: 283px;
	margin: 15px 15px 0 0;
	float: left;
	height: 200px;
}

.col .alpCon {
	margin-left: 60px;
}

.col .appImg {
	width: 50px;
}

.col .alpHeading a {
	max-width: 220px;
}

/*=== page ===========================*/

.page {
	text-align: center;
	font-size: 0;
	border-top: solid 1px #DDD;
	background: #F2F2F2;
}

.page li {
	font-size: 13px;
}

.page a {
	border-left: solid 1px #DDD;
	padding: 0 1em;
	line-height: 2;
}

.page a:hover {
	background: #29ABE2;
	color: #FFF;
}

.page li:first-child a {
	border: 0;
}

.pageNow a {
	background: #08C;
	color: #FFF;
}

.secondCol {
	margin-left: 67.9%;
}

.secondCol .page, .cImgUI .page {
	background: none;
	margin-top: 10px;
	border: 0;
}

.secondCol .page a, .cImgUI .page a {
	border: 0;
	border-radius: 3px;
}

.page-view a {
	color: #aaa;
	background: #ddd;
	display: inline-block;
	text-decoration: none;
}

.page-view a:hover {
	background: #ccc;
}

.page-view a.page-crt {
	background: #999;
	color: #fff;
}

.list3+.page-view {
	text-align: center;
	margin-top: 1em;
}

.list3+.page-view a {
	line-height: 32px;
	padding: 0 .8em;
}

.list4 .item-title {
	font-size: 15px;
	display: inline-block;
	margin-bottom: 0;
	width: 65%;
}

.list4 li {
	list-style: square;
	list-style-position: inside;
	font-size: 15px;
	border-top: solid 1px #eee;
	padding: .7em 0 0 10px;
	margin-top: .3em;
	box-sizing: border-box;
}

.list4 li:first-child {
	border: none;
}

.list4 p {
	display: inline-block;
	position: absolute;
	right: 0;
}

.list4 p i {
	margin-right: 7px;
	color: #ABABAB;
}

/*=== sidebar edia ===========================*/

.mediaCon {
	display: none;
}

.mediaTab li {
	margin-bottom: -1px;
}

.mediaTab a {
	display: block;
	border: solid 1px #DDD;
	padding: 5px;
	background: #F6F6F6;
	width: 280px;
	font-weight: 900;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mediaTab a:hover {
	background: #FFF;
	border-color: #AAA;
	z-index: 1;
	box-shadow: 0 0 5px #BBB;
}

.mediaTab a img {
	vertical-align: middle;
	margin-right: .5em;
}

.mDefault a {
	margin-left: -10px;
	width: 300px;
	background: #FFF;
	color: #000;
	box-shadow: 0 0 5px #BBB;
	border-color: #AAA;
	z-index: 1;
}

.mediaIntro {
	color: #666;
	font-size: 13px;
	margin-bottom: .5em;
	line-height: 1.5;
}

.mediaIntro header {
	font-size: 15px;
	color: #000;
	font-weight: 900;
}

/*=== sidebar fadeShow ==============*/

.fadeShow {
	width: 295px;
	height: 197px;
}

.fadeWrap>div {
	position: absolute;
	display: none;
}

.fadeWrap img {}

.control {
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 100;
}

.control a {
	background: #F6F6F6;
	margin: 0 3px;
	width: 15px;
	line-height: 15px;
	text-align: center;
	font-size: 12px;
	border-radius: 100%;
	color: #000;
}

a.status {
	background: #08C;
	color: #FFF;
}

/*=== sidebar talkInfo ==================*/

.talkInfo {
	margin-bottom: 1em;
}

.talkInfo div, .talkInfo ul {
	line-height: 1.5;
}

.talkInfo>header {
	font-weight: 900;
	border-bottom: dotted 1px #ddd;
	padding-bottom: .4em;
	margin-bottom: .2em;
}

/*=== alp3 ===================*/

.alp3 {
	overflow: hidden;
	padding-bottom: 1px;
}

.alp3 li {
	float: left;
	font-size: 12px;
	width: 62px;
	height: 92px;
	border: solid 1px #DDD;
	margin-right: -1px;
	margin-bottom: -1px;
	padding: 5px;
	background: #F6F6F6;
}

.alp3 li:hover {
	background: #FFF;
	border-color: #AAA;
	z-index: 1;
	box-shadow: 0 0 5px #BBB;
}
/*===========首頁-Money產品下載專區================*/
#MoneyAppAd {
    background: #F6F6F6;
}

#MoneyAppAd ul li {
    float: left;
    border-radius: 5px;
    border: solid 1px #DDD;
    margin: 0 10px 16px 6px;
    height: 192px;
    background: #FFF;
}

#MoneyAppAd ul li table {
    float: left;
    height: 200px;
}

td.app-link {
    width: 72px;
    padding: 6px 0 0 0;
}

.tg {
    width: 216px;
    color: #000000;
    cursor: pointer;
}

.tg td {
    padding: 5px 5px;
    font-size: 12px;
}

.tg th {
    padding: 16px 14px 16px 16px;
}

.tg .tg-money {
    text-align: left;
    vertical-align: top
}

.tg-money a img {
    width: 55px;
    height: 20px;
}

.tg-money img {
    width: 48px;
    height: 48px;
}

.tg-money.app-name {
    height: 16px;
    padding: 16px 0 8px 0;
    font-size: 14px;
}

.tg-money.description {
    height: 107px;
    padding: 0 16px 0 0;
    line-height: 18px;
}

.tg-money.app-link {
    padding: 6px 0 0 0;
}
/*===========首頁-Money產品下載專區================*/
/*===========Master達人內頁================*/
.cpBox {
    /*padding-top: 15px; margin-top: 15px;*/
    font-size: 16px;
}

.cpBox:first-child {
	margin: 0;
	padding: 0;
	border: 0;
}

.cpBox h1, .cpBox h2 {
	margin: 1em 0;
}

.cpBox>div img {
	max-width: 100%!important;
	height: auto!important;
}

.cpBox:first-child {}

.cpBox:after {
	content: '';
	display: block;
	clear: both;
}

.cpBox>img {
	float: left;
	width: 400px;
	height: 298px;
}

.cpBoxTitle {
	display: inline-block;
	font-weight: 900;
	font-size: 20px;
	margin-bottom: .5em;
}

.ad5 p {
	line-height: 1.6;
}

.author>div:first-child {
	text-align: center;
}

.author img {
	width: 70%;
	height: auto;
}

.author p {}

.author article {
	margin-top: 15px;
}

.author h1 {
	font-size: 30px;
	color: #000;
}

.order-out {
	margin-top: 1em;
	padding: 1em;
	background: #f6f6f6;
	border: solid 1px #e6e6e6;
	text-align: center;
}

.order-out .btn {
	padding: .667em 1em;
}

.cpBox ul {
	margin-left: 1.3em;
	list-style: square;
	margin-bottom: 1em;
}

.cpBox ol {
	margin-left: 1.6em;
	list-style: decimal;
	margin-bottom: 1em;
}

.cpBox li {
	margin-bottom: .4em;
	line-height: 1.5;
}

/*.cpBox h1{font-size: 26px;color: #C00;font-weight: bold;line-height: 1.3;margin-bottom: .5em;}
.cpBox h2{font-size: 22px;color: #F60;font-weight: bold;line-height: 1.5;margin-bottom: .5em;}*/

.cpBox p, .cpBox ul, .appIntro p, .appIntro ul, .author-intro p, .author-intro ul {
	color: #000;
}

.cpBox.btnOut {
	margin-bottom: 1em;
}

.cpMaster .cpBox {
	line-height: 1.5;
}

.cpMaster .cpBox img {
	max-width: 100%;
	height: auto;
}

.sign .btn2 {
	font-size: 25px;
	width: 235px;
	line-height: 45px;
}

.sign {
	border: solid 1px #ddd;
	border-width: 1px 0;
	padding: 15px 0;
	margin: 10px 0;
}

.groupReg {
	top: 10px;
	height: 50px;
}

.groupReg a {
	color: #CA0000;
}

.groupReg:after {
	margin-left: .3em;
	content: '';
	border: solid 7px transparent;
	border-left-color: #CA0000;
	position: absolute;
}

.author {
	text-align: center;
}

.authorDetail {
	line-height: 1.6;
	color: #666;
	text-align: left;
}

.authorDetail p {
	font-weight: 900;
	margin-bottom: .5em;
	border: solid 1px #eee;
	background: #f6f6f6;
	padding-left: 1em;
	line-height: 2.5;
}

.authorDetail ul {
	list-style: square;
	margin-left: 1.5em;
	margin-bottom: 1em;
}

.authorDetail ul li {
	overflow: hidden;
	text-overflow: ellipsis;
}

.authorDetail .more {
	top: 22px;
}

.sign .check-price-out {
	display: block;
}

.check-price-out .check-price, .check-price-out .check-price-sale {
	margin-top: 10px;
	font-size: 16px;
}

.check-price-out .check-price {}

.check-price-out .save {}

.check-price del {}

.check-price-sale span {
	color: red;
}

ul.listImg {
	list-style: none;
	margin: 0;
}

.listImg li {
	padding-left: 20px;
}

.listImg li:before {
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	width: 18px;
	height: 20px;
	background-position: -183px 2px;
	margin-right: .2em;
}

.listImg li span, .recent-c-list li span {
	position: absolute;
	right: 0;
	color: #666;
	font-size: 12px;
}

.listImg li {
	line-height: 1.8em;
}

.listImg li a, .mas-list li a {}

.author-lesson>li {
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: solid 1px #e6e6e6;
}

.author-lesson ul li {
	line-height: 1.3;
}

.author-lesson ul {
	font-size: 14px;
	list-style-type: disc;
	margin-left: 20px;
}

.author-lesson h3 {
	padding-bottom: 5px;
	font-size: 16px;
}

.author-lesson .bc2 {
	padding: 5px 10px;
	position: absolute;
	right: 0;
	bottom: 15px;
}

.mobi-fixed-layer {
	display: none;
	z-index: 3;
	position: fixed;
	box-sizing: border-box;
	padding: 5px;
	left: 50%;
	bottom: 10px;
	margin-left: -20%;
	width: 40%;
	text-align: center;
	font-size: 20px;
	background: #01C300;
	color: #fff;
	line-height: 2;
	border-radius: 5px;
}

.mobi-fixed-layer:hover {
	color: #fff;
}

.mobi-fixed-layer:before {
	content: '';
	position: relative;
	display: inline-block;
	top: -2px;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	background: url(../images/lineat.png);
	vertical-align: middle;
}

/*===========講座報名內頁================*/

.dateLine {
	font-size: 20px;
	text-align: center;
}

.dateLine span {
	font-size: 30px;
	color: #08C;
}

.deadline, .deadline-over {
	margin-left: 415px;
	background: #f6f6f6;
	border: solid 1px #e6e6e6;
	padding: 10px;
	text-align: center;
}

.deadline>div:first-child {
	font-weight: 900;
	margin-bottom: .5em;
	border-bottom: solid 1px #ddd;
}

.deadline-con {
	font-size: 14px;
}

.deadline-tips {
	line-height: 1.3;
}

.deadline-tips a {
	font-size: 14px;
	text-decoration: underline;
}

.deadline-tips a:hover {
	text-decoration: none;
}

.deadline-link {
	display: inline-block;
	margin-top: 15px;
	text-decoration: underline;
}

.deadline-link:hover {
	text-decoration: none;
}

.time {
	display: inline-block;
	font-size: 15px;
}

.time span {
	font-size: 20px;
	color: #08C;
	font-weight: bold;
}

.linebar {
	border: solid 1px #ccc;
	margin: 10px 0;
	padding: 3px;
	border-radius: 10px;
	background: #fff;
}

.linebar span {
	background: #08c;
	height: 7px;
	width: 50%;
	display: block;
	border-radius: 10px;
}

.day-area {
	font-family: Arial, "微軟正黑體";
	font-size: 18px;
	padding-bottom: .4em;
}

.day-area>div {
	border-top: solid 1px #ddd;
	padding-bottom: .2em;
}

span.barfull {
	display: block;
	background: #CA0000;
	height: 7px;
	width: 100%;
	border-radius: 10px;
}

.bc6+p {
	font-size: 13px;
}

.fixed-layer {
	position: fixed;
	top: 300px;
	margin-left: 1215px;
	width: 84px;
	text-align: center;
	background: #0c0;
	box-shadow: 2px 4px 8px #999;
}

.fixed-layer img {
	width: 100%;
	height: auto;
}

.fixed-layer-content {
	padding: 5px;
	color: #fff;
	line-height: 1.3;
	font-size: 13px;
}

.fixed-right-follow, .fixed-bottom-follow {
	background-color: #15b2ae;
}

.fixed-bottom-follow::before {
	display: none;
}

/*---------( 課程資訊 )以下---------*/

.aa:after {
	content: '';
	display: block;
	clear: both;
}

.aa .talkInfo {
	width: 32%;
	color: #666;
	float: left;
	height: 100px;
	margin: 0 15px 15px 0;
	font-size: 13px;
	background: #f6f6f6;
	border: solid 1px #e6e6e6;
	padding: 1em;
	box-sizing: border-box;
}

.aa .talkInfo:nth-child(3n) {
	margin-right: 0;
}

.aa .talkInfo header {
	border: 0;
	padding: 0;
	font-size: 15px;
	font-weight: bold;
}

.aa .talkInfo ul {
	margin: 0;
}

.aa .talkInfo li {
	margin-bottom: 0;
	list-style-type: disc;
	margin-left: 20px;
}
.series .aa.sc-class div.talkInfo {
    width: 100%;
    font-weight: 600;
    min-height: 121px;
}

.series .aa.sc-class .sc-name {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 8px;
}

.series .aa.sc-class li {
    font-size: 13px;
    line-height: 20px;
    color: #666666;
}

.cp-sign-up, .cpBox .bc1, .cpBox .bc2 {
	vertical-align: middle;
}

.cp-sign-up span {
	display: inline-block;
	margin: -7px 0 6px 0;
}

.cp-sign-up div {
	font-size: 13px;
	line-height: 1.7;
}

.cp-sign-up .signup-select {
	display: inline-block;
	border: 1px solid #CCC;
	width: 70px;
	background: url(../images/sel-bg.png) 0 0;
	box-shadow: 0 0 3px #dbdbdb;
	text-align: left;
	padding-left: 7px;
}

/*.cp-sign-up div:after {content: "";position: absolute;width: 10px;height: 19px;border-left: 1px solid #CCC;background: url(../images/sd.png) no-repeat center 9px;right: 0;top: 0;padding-left: 14px;text-indent: -9999px;}*/

.signup-select>div span {
	width: 0;
	height: 0;
	border: 5px solid;
	border-color: #333 transparent transparent transparent;
	border-style: solid;
	position: absolute;
	right: 4px;
	top: 15px;
}

.signup-select>div span:before {
	content: "";
	height: 22px;
	border-left: solid 1px #CCC;
	right: 9px;
	bottom: -8px;
	;
	position: absolute;
}

.cp-sign-up>div:hover {
	cursor: pointer;
	background: url(../images/sel-bg.png) 0 -34px;
}

.cp-sign-up ul {
	list-style: none;
	width: 77px;
	height: 95px;
	margin: 0;
	overflow: scroll;
	overflow-x: hidden;
	border: 1px solid #CCC;
	background: #fff;
	z-index: 1;
	position: absolute;
	top: 21px;
	left: -1px;
}

.cp-sign-up li {
	padding-left: 10px;
	line-height: 1.5;
}

.cp-sign-up div.b-rda {
	border-radius: 5px 5px 0 0;
}

.recent-c-list li {
	border-top: solid 1px #ebebeb;
	font-size: 14px;
	padding-top: .7em;
	margin-top: .3em;
}

.recent-c-list li:first-child {
	border: 0;
}

.recent-c-list li .fa-chevron-right {
	margin-right: 5px;
	top: -3px;
	color: #999;
}

.recent-c-list li a {
	display: inline-block;
	max-width: 455px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/*=== pd-index==================================*/

.heading span {
	font-size: 13px;
	color: #999;
	margin-left: .5em;
}

.hotPdOut {
	height: 455px;
	margin-bottom: 15px;
}

.hotPdOut .ad8 {
	padding-bottom: 0;
}

.hotPd {
	border-top: solid 1px #e6e6e6;
	margin: 0 -15px;
	padding: 10px 15px;
	cursor: pointer;
}

.hotPd h2 a {}

.hotPd h2 {
	margin-bottom: .2em;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hotPd p {
	color: #999;
	font-size: 13px;
	line-height: 1.5;
	height: 40px;
	overflow: hidden;
	margin-bottom: .5em;
}

.hotPdIntro {
	font-size: 13px;
	color: #999;
	height: 70px;
}

.hotPdIntro>ul {
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
	line-height: 1.6;
}

.hotPdIntro li span {
	color: inherit;
}

.hotPdIntro a {}

.ind-tab-ctr>div .fb-like-box {
	margin-bottom: 10px;
	width: 100%;
}

.ind-tab-ctr>div .fb-like-box span, .ind-tab-ctr>div .fb-like-box iframe {
	width: 100%!important;
}

.ad1>div .fb-like-box {
	background: #fff;
}

.shadow1>img {
	width: 220px;
	height: auto;
	border-bottom: solid 1px #eee;
	padding-bottom: 15px;
	margin-bottom: 5px;
}

.cp-name, .mas-name {
	line-height: 1.2;
	font-size: 28px;
	font-weight: 500;
}

.mas-name {
	margin-bottom: .5em;
}

.cp-name+.cpBox, .mas-name+.cpBox {
	margin: 0;
	padding: 0;
	border: 0;
}

.ct-nameBox {
	margin-bottom: .5em;
}

.mas-name>h1 {
	padding-left: 35px;
	font-size: 30px;
}

.ct-nameBox>span {
	color: #666;
	width: 125px;
	padding-left: 35px;
	vertical-align: top;
	margin-right: 10px;
}

.cp-name .ct-nameBox h1 {
	display: inline;
	font-size: 30px;
}

.cp-name:before, .mas-name:before {
    background: url(../images/titleIcon.png) no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
}

.cp-name:before {
	background-position: -35px -2px;
}

.mas-name:before {
	backFground-position: -1px 0;
}

.mas-list li a {
	max-width: 160px;
}

.appTools li:before {
	background-position: -217px 2px;
}

.mas-list li a:before {
	background-position: -243px 2px;
}

.live-list li a:before {
	background-position: -267px 2px;
}

.media-list li a:before {
	background-position: -288px 2px;
}

#ContentPlaceHolder1_plAllBoxOut .mBtnOut {
    padding-right: 5px;
    padding-bottom:5px;
    display: flex;
    align-items: center;
}

#ContentPlaceHolder1_plAllBoxOut .mBtnOut > .mPrice {
    padding-right: 5px;
}

.attach .hot-point-da {
	line-height: 1;
	text-align: left;
	margin-top: -3px;
}

ul.attach {
	margin-left: 468px
}

.appIntro iframe {
	width: 100%
}

.app-textboxline ul.down-list {
	list-style: none;
	padding: 0;
}

.down-list li {
	margin-top: 10px;
}

.down-list li:first-child {
	margin: 0;
}

.down-list a {
	background: url(../images/dm-b.png);
	display: block;
	width: 213px;
	padding-top: 8px;
	height: 41px;
	font-size: 13px;
	color: #fff;
	font-family: Arial, "細明體";
	padding-left: 7px;
	text-decoration: none;
}

.down-list a span {
	color: #f9d80b;
}

.down-list a:hover {
	background-position: -220px 0;
}

.check1 {
	margin-bottom: 1em;
	display: inline-block;
}

.down-software {
	border: solid 1px #ddd;
	width: 220px;
	padding: 10px;
}

.down-software {
	margin: 1em 0;
}

.tit {
	color: #900;
	text-align: center;
}

.d-box {
	box-shadow: -2px 0 3px #ddd;
}

/* === lp-class === */

.list-class {
	padding: 15px;
}

.list-class .classesH3 {
	display: inline-block;
}

.cal-class {
	position: absolute;
	top: 1em;
	right: 1em;
	display: none;
	cursor: pointer;
}

.cal-class .fa {
	margin-right: .2em;
}

.mobi-cal {
	display: none;
	margin-bottom: .667em;
}

.desk-top-cal {
	display: none;
}

.list-class .classesAdd {
	margin: 5px 0px 15px 0px;
	color: #CA0000;
	font-weight: bold;
	display: inline-block;
}

.list-class {
	margin-top: 1em;
}

.list-class:first-child {
	margin-top: 0;
}

.list1>li {
	margin-top: 1em;
	cursor: pointer;
	overflow: hidden;
}

.list1>li:first-child {
	margin: 0;
}

.app-textboxline h3:before {
	content: '';
	display: inline-block;
	vertical-align: text-top;
	margin-right: 5px;
	width: 5px;
	height: 20px;
	background: #ccc;
}

.app-textboxline h3 {
	margin-bottom: .667em;
	font-size: 20px;
	color: #666;
}

.v-hdr .more {
	bottom: 8px;
}

.item-title {
	font-size: 25px;
	margin-bottom: .3em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.count-down-out {
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	border: solid 1px #eee;
	background: #f6f6f6;
	padding: 1em;
}

.count-down {
	color: #666;
	margin-bottom: .5em;
}

.count-down>span {
	display: block;
	margin-bottom: .667em;
	font-weight: 900;
	font-size: 16px;
}

.count-down-num span {
	font-size: 18px;
	font-weight: 900;
	color: #08c;
}

.list1 .count-down-out {
	width: 210px;
}

.lp-no-class p {
	font-size: 22px;
	color: #666;
	text-align: center;
}

.lp-no-class i {
	font-size: 23px;
	margin-right: 5px;
	color: #999;
}

.v-tech {
	display: inline-block;
	margin-top: .667em;
}

.v-tech .fa-play-circle {
	color: #1E5780;
	margin-left: 3px;
}

.item-content {
	overflow: hidden;
}

.item-content-s-ad {
	display: block;
	width: 84px;
	height: 118px;
	position: fixed;
	top: 18%;
	margin-left: 986px;
	box-shadow: 2px 4px 8px #999;
}

.item-content-s-ad .upper {
	background-color: white;
	height: 70px;
	color: black;
	padding: 4px;
	padding-left: 11px;
	font-size: 15px
}

.item-content-s-ad .bottom {
	background-color: red;
	height: 25px;
	color: white;
	padding: 8px;
	padding-top: 8px;
}

.item-content-s-ad .bottom:before {
	content: '';
	border-left: 10px solid transparent;
	border-top: 10px solid white;
	border-right: 10px solid transparent;
	margin-left: -10px;
	margin-top: -21px;
	position: absolute;
	top: 50%;
	left: 50%;
}

.item-img {
	float: left;
}

.item-img img {
	border: solid 1px #eee;
	width: 200px;
	height: 200px;
}

.list1 .item-detail {
	margin-left: 217px;
/*	height: 201px;*/
	padding-right: 250px;
}

.item-meta li {
	line-height: 1.5;
}

.list2 .v-intro {
	font-size: 13px;
	position: absolute;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
}

.item-detail .v-intro p {
	color: #666;
	line-height: 1.5;
	padding-top: 4px;
	height: 38px;
	overflow: hidden;
}

.list2 {
	overflow: hidden;
}

.list2>li {
	width: 49.2%;
	float: left;
	margin: 0 15px 3em 0;
}

.list2>li:nth-child(2n) {
	margin-right: 0;
}

.list2>li:last-child, .list2>li:nth-last-child(2) {
	margin-bottom: 0;
}

.list2 .item-detail {
	margin: 0;
	padding-right: 140px;
}

.list2 .item-title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 20px;
	margin-bottom: 15px;
}

.app-textboxline .list3 {
	margin-top: -1em;
}

.list3 {
	padding: 0;
	margin-left: 0;
}

.list3 li {
	list-style: none;
	overflow: hidden;
	line-height: 1;
	border: solid 1px #e6e6e6;
	border-color: #ddd transparent;
	padding: 10px;
	margin-top: -1px;
}

.list3 li:hover {
	border-color: #e6e6e6;
	background: #FFFCF0
}

.list3 li:first-child {
	border-top: 0;
}

.list3 .img-out {
	float: left;
}

.list3 .img-con {
	margin-left: 90px;
}

.img-out img {
	display: block;
}

.img-con-base time {
	font-size: 13px;
	color: #999;
	margin-left: 1em;
}

.img-con p {
	font-size: 13px;
}

.img-con p span {
	color: #999;
}

.img-con-base, .app-star {
	margin-bottom: 5px;
}

div, h1, h2, h3, h4, p, ul, li {
	padding: 0;
	margin: 0;
}
/*----講座商品頁sticky----*/

#StickyBtnBlock {
    z-index: 2;
}

#StickyBtnBlock .class-sticky-info {
    margin: 8px 8px -8px 8px;
}

.class-sticky-limit-desc {
    font-size: 12px;
    line-height: 26px;
}

/*----最外層包裝----*/

#wrapper {
    width: 1200px;
    margin: 0 auto 15px;
}

#content {
	float: left;
	width: 581px;
}

#footer {
	height: 6px;
	clear: both;
}

#wrapper:after {
	content: '';
	display: block;
	clear: both;
}

.Product-out {}

.Product-out:after {
	content: '';
	display: block;
	clear: both;
}

.appTabConGp .Product-out-app6 {
	display: none;
}

.appTabConGp .Product-out-app6:first-child {
	display: block;
}

.comboProduct-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.Product-out-wr, .Product-out-wrlist {
	border: solid 1px #ebebeb;
}

.Product-out-wrlist {
	margin-top: -1px;
	padding: 15px;
	height: 80px;
}

.Product-out-new {
	padding: 10px;
	border: solid 1px #e6e6e6;
	margin-top: -1px;
	font-size: 13px;
}

.Product-out-new .Product-text-out-new {
	width: 575px;
}

.Product-out-01 {
	float: left;
	width: 478px;
	height: 77px;
	border: solid 1px #ebebeb;
	margin: -1px -1px 0 0;
	padding: 10px;
	cursor: pointer;
}

.Product-out-new:hover {
	text-decoration: none;
	background-color: #FFFCF0;
	border-color: #d0d0d0;
	z-index: 1;
}

.Product-icon-small {
	text-align: center;
}

.Product-icon-small img, .Product-icon-wrlist img {
	border: none;
}

.Product-icon-wrlist {
	float: left;
	width: 80px;
	height: 80px;
}

.Product-text-out {
	margin-left: 82px;
	height: 74px;
}

.Product-text-out-new {
	width: 380px;
	float: left;
	margin-left: 10px;
}

.Product-text-out-new>a {
	position: absolute;
	right: 0;
	top: 0;
	color: #0D9248;
}

.Product-text-right-new {
	border-left: solid 1px #eee;
	padding-left: 10px;
	text-align: center;
	margin-left: 675px;
	height: 70px;
	padding-top: 8px;
}

.Product-text-right-new>.bc1, .Product-text-right-new>.bc2 {
	padding: .5em;
}

.Product-text-right-new>a:hover {}

.Product-text-right-new>div span {
	color: #900;
	font-weight: 900;
}

.pd-hot {
	margin-top: .5em;
}

.Product-text-value {
	height: 57px;
}

.Product-text-value p a {
	color: #666;
}

.Product-text-out-wr {
	float: left;
	width: 460px;
	margin-left: 15px;
}

.Product-text-out-wrlist {
	width: 620px;
	margin-left: 15px;
	float: left;
	word-break: break-all;
}

.Product-text-box {
	height: 35px;
	font-size: 13px;
	line-height: 1.4;
	color: #6A6A6A;
}

.Product-text-box-date {
	width: 212px;
	height: 98px;
	font-size: 15px;
	line-height: 160%;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	overflow: hidden;
}

.pt-free, .pt-free-g {
	background: url(../images/free-red.png) no-repeat;
	height: 36px;
	width: 96px;
	position: absolute;
	margin-left: 288px;
	top: 0;
	right: 0;
}

.pt-free-g {
	margin-left: 0px;
	background: url(../images/free-red02.png);
}

.status-tab {
	color: #6A6A6A;
	text-align: center;
	width: 38px;
	font-size: 12px;
	line-height: 21px;
	background: url(../images/status-tab-b.png) repeat-x;
	border: 1px solid #CCC;
	cursor: pointer;
	display: inline-block;
}

.list1 .Product-left img {
	width: 60px;
	height: 60px;
}

.list1 .Product-text-out-new {
	font-size: 15px;
	height: 78px;
}

.list1 .Product-text-out-new a {
	position: static;
}

.list1 .Product-text-out-new>div {
	/*width:420px;*/
	overflow: hidden;
	height: 38px;
	color: #6A6A6A;
}

.list1 .Product-text-out-new ul {}

.list1 .Product-text-out-new ul li {
	font-size: 13px;
	line-height: 1.5;
}

.Product-sort {
	float: left;
	text-align: right;
	margin-top: 42px;
	width: 155px;
}

.Product-sort-s-up-t {
	float: right;
	text-align: right;
	padding: 30px 20px;
}

.Product-sort-wr-s-up-t {
	float: right;
	margin: 0 10px;
	width: 110px;
	line-height: 160%;
	padding-left: 15px;
	text-align: right;
}

.Product-sort span, .Product-sort-s-up-t span, .Product-sort-wr-s-up-t span {
	color: #900;
}

.Product-sort span.bk, .Product-sort-s-up-t span.bk, .Product-sort-wr-s-up-t span.bk {
	color: #000;
}

.Product-dispalyName, .bk {
	font-size: 12px;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 110px;
}

/*分類*/

/*-------------------------------------------------------------------------------------------------------------------------*/

#main-tmp-all {}

#main-app-right-wr {
	float: left;
	width: 960px;
	margin-left: 17px;
	margin-bottom: 40px;
	z-index: 20;
	position: relative;
}

.Product-text-out-wr .apptitle, .Product-text-out-wr .hot-point-s-up {
	display: inline-block;
}

#main-app-right-wr ul {
	/*----app作者全----*/
	margin-left: 14px;
}

.out-line {
	/*overflow:hidden;*/
}

.out-line-main {
	float: left;
	background-color: transparent;
	border-top: solid 3px #881218;
	width: 100%;
	border-right: solid 3px #881218;
	border-bottom: solid 3px #881218;
}

/*------------------------------------------------------------商城左側主選單------------------------------------------------------*/

.back .fa-reply {
	color: #900;
	margin-right: 5px;
	margin-bottom: 1em;
}

.sub-navi ul {
	display: none;
}

.item-sub-menu:after {
	content: '';
	position: absolute;
	border: solid 5px transparent;
	border-top-color: #999;
	right: .6em;
	top: 17px;
}

.sub-navi li a img {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	top: -1px;
	margin-right: 8px;
}

.sub-navi a {
	color: #666;
	text-decoration: none;
	border-radius: 3px;
	display: block;
	line-height: 2.5;
	padding: 0 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sub-navi a:hover {
	background: #ddd;
}

.sub-navi ul a {
	padding-left: 2.5em;
}

.sub-navi li a .fa {
	margin-right: 8px;
	font-size: 16px;
	top: 0;
	color: #777;
}

li.crt-list:after {
	border-bottom-color: #fff;
	border-top-color: transparent;
	top: 11px;
}

.sub-navi>li.crt-list {
	z-index: 1;
}

.sub-navi>li.crt-list>a {
	background: #bbb;
}

.crt-list .crt-sub a {
	background: #ddd;
}

.crt-list>a {
	color: #fff;
}

.sub-navi li.crt-list a .fa {
	color: #fff;
}

.crt-sub a {}

.col-left.bgc2 .heading {
	margin-top: 1em;
}

.small3 {
	display: inline-block;
}

/* === we want you =======================*/

.wrHeading {
	text-align: center;
	margin-bottom: 1em;
}

.wrHeading h1 {
	color: #a00;
	font-size: 50px;
	line-height: 1.5;
}

.wrHeading h2 {
	color: #059;
	font-size: 30px;
	line-height: 1.5;
}

.wrHeading img {
	margin: 2em 0;
}

.wrCon {
	margin: 0 150px;
}

.wrCon p {
	line-height: 1.5;
}

.wrCtr {
	margin-bottom: 2em;
	font-size: 16px;
}

.wrExpCtr {
	border: solid 1px #ccc;
	border-width: 1px 0;
	padding-top: 2em;
	font-size: 16px;
}

.wrExpTitle {
	font-size: 20px;
	font-weight: 900;
	margin-bottom: .5em;
	color: #059;
	margin-bottom: .5em;
}

.wrExpCtr p {
	line-height: 1.5;
	margin-bottom: 1em;
}

.wrExpChild {
	margin-bottom: 1em;
	background: #f6f6f6;
	padding: 1em;
	border: solid 1px #e6e6e6;
}

.wrExpChild ul {
	list-style: square;
	margin-left: 1.5em;
	line-height: 1.5;
	color: #a00;
}

.wrExpChild li {
	margin-bottom: .3em;
}

.wrAddCtr {
	margin-top: 2em;
	font-size: 16px;
}

.wrAdd ul {
	color: #333;
}

.wrAdd ul strong {
	color: #a00;
}

.wrAdd .wrExpTitle {
	color: #000;
}

.wrCtat {
	background: #FEEDB1;
	border-color: #FC6;
	position: relative;
	margin-bottom: 0;
}

.wrCtat .wrExpTitle {
	color: #a00;
}

.wrCtat ul {
	color: #000;
}

.wrLogo {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.findwr {}

/*------------------------s商城左側下拉--------------------------*/

/*------------------------e商城左側下拉--------------------------*/

/*----------------------------------sicon位置-------------------------------------------*/

.lm-ican {}

.lm-ican-06 {
	background: url(../images/maim-l-ican.png) no-repeat;
	background-position: -102px;
	/*margin:0 4px 0 6px; float: left;*/
	height: 36px;
	width: 22px;
}

.lm-ican-01, .lm-ican-02, .lm-ican-03, .lm-ican-04, .lm-ican-05, .lm-ican-06, .lm-ican-07, .lm-ican-08, .lm-ican-09, .lm-ican-10, .lm-ican-11, .lm-ican-12, .lm-ican-13, .lm-ican-14, .lm-ican-15, .lm-ican-17 {
	background: url(../images/maim-l-ican.png) no-repeat;
	/*float: left;*/
	height: 36px;
	width: 22px;
	/*margin-top: 1px;
	margin-left: 6px;*/
	background-position: -2px;
	margin-right: 4px;
	clear: both;
}

.lm-ican-02 {
	background-repeat: no-repeat;
	background-position: -22px;
}

.lm-ican-03 {
	background-repeat: no-repeat;
	background-position: -42px;
}

.lm-ican-04 {
	background-repeat: no-repeat;
	background-position: -62px;
}

.lm-ican-05 {
	background-repeat: no-repeat;
	background-position: -82px;
}

.lm-ican-06 {
	background-repeat: no-repeat;
	background-position: -102px;
}

.lm-ican-07 {
	background-repeat: no-repeat;
	background-position: -122px;
}

.lm-ican-08 {
	background-repeat: no-repeat;
	background-position: -142px;
}

.lm-ican-09 {
	background-repeat: no-repeat;
	background-position: -162px;
}

.lm-ican-10 {
	background-repeat: no-repeat;
	background-position: -182px;
}

.lm-ican-11 {
	background-repeat: no-repeat;
	background-position: -202px;
}

.lm-ican-12 {
	background-repeat: no-repeat;
	background-position: -222px;
}

.lm-ican-13 {
	background-repeat: no-repeat;
	background-position: -242px;
}

.lm-ican-14 {
	background-repeat: no-repeat;
	background-position: -262px;
}

.lm-ican-15 {
	background-repeat: no-repeat;
	background-position: -282px;
}

/*----------------------------------eicon位置-------------------------------------------*/

/*------------------------------------------------------------e左側主選單------------------------------------------------------*/

.star-outline-g, .star-outline-g img, .Product-left-s-up, .Product-left, .Product-left-wrlist, .lesson-join-b, .lesson-cutoff-b, .lesson-join-b {
	float: left;
}

.star-outline-g {
	width: 60px;
	margin-left: 10px;
	padding: 0px;
}

.star-outline-g {
	margin-left: 23px;
}

.Product-left-s-up {}

.Product-left-s-up .app-star {
	font-size: 0;
}

.Product-left-s-up .app-star .fa-star, .Product-left-s-up .app-star .fa-star-o {
	font-size: 13px;
	margin-left: 1px;
}

.Product-left {
	width: 76px;
	text-align: center;
}

.Product-left .btn2 {
	font-size: 13px;
	padding: 0 7px;
	width: auto;
	line-height: 1.6;
	cursor: pointer;
}

.Product-left .app-star {
	font-size: 0;
}

.Product-left .app-star .fa-star, .Product-left .app-star .fa-star-o {
	font-size: 12px;
	margin-left: 1px;
}

.Product-left-wrlist {}

.Product-text-out-wr .apptitle {
	width: auto;
}

.apptitle {
	font-weight: 900;
	margin-bottom: .3em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.apptitle-date {
	font-size: 18px;
	font-weight: bold;
	width: 206px;
	text-align: center;
	border-bottom: solid 1px #CCC;
	margin: 20px auto;
	padding-bottom: 20px;
}

.apptitle-date a {
	color: #FFF;
}

.rate-minutes-out {
	float: right;
	height: 56px;
	border-left: solid 1px #ebebeb;
	padding-top: 22px;
	padding-left: 20px;
}

.lesson-join-b {
	font-size: 13px;
	color: #000;
	cursor: pointer;
	line-height: 35px;
	padding: 0 10px;
	width: 80px;
	border-radius: 5px;
	background: url(../images/y-b.png) center;
	text-align: center;
	border: solid 1px #b54901;
}

.lesson-join-b, .lesson-cutoff-b, .lesson-join-b {
	background: url(../images/lesson-b.png) no-repeat;
	height: 57px;
	width: 218px;
	font-size: 22px;
	font-weight: bolder;
	line-height: 50px;
	[;
	line-height: 46px;
	];
	float: left;
	border-style: none;
	color: #FFF;
	text-align: center;
	cursor: pointer;
}

/*.buymedia-out a{ vertical-align: inline-block;}*/

.lesson-join-b, .lesson-cutoff-b {
	margin-bottom: 10px;
}

.buymedia-out a.lesson-join-b, .buymedia-out a.lesson-cutoff-b {
	float: none;
	display: inline-block;
	color: #FFF;
}

.buymedia-out a.lesson-join-b:hover, .buymedia-out a.lesson-cutoff-b:hover {
	text-decoration: none!important;
}

.gobuymedia_bP {
	background: url(../images/gobuymedia_b.png);
	width: 214px;
	height: 63px;
	padding: 0;
}

a.gobuymedia_bP:hover {
	background: url(../images/blue_buttom_h.png) 1px 0;
}

.mediaBtn {
	position: relative;
	margin-top: 10px;
}

.watch {
	position: absolute;
	top: 30px;
	left: 224px;
}

.lesson-cutoff-b {
	background-image: url(../images/lesson-cutoff-b.png);
	cursor: default;
}

.detail-description-b:hover {
	background: url(../images/y-b-h.png) center;
}

.lesson-join-b:hover {
	background-image: url(../images/lesson-b-h.png);
}

.hot-point, .hot-point-wr {
	font-size: 14px;
	text-align: right;
}

/*--------------------------------------熱門度01*/

.hot-point-wr {
	float: left;
	text-align: center;
	border-right: solid 1px #BCBCBC;
	padding-top: 26px;
	margin-top: 10px;
	height: 54px;
	width: 128px;
}

.hot-point-da, .hot-point-s-up {
	font-size: 13px;
	text-align: center;
}

.hot-point-s-up {
	margin-right: 0px;
	margin-left: 20px;
	text-align: left;
}

.hot-point span, .hot-point-wr span, .hot-point-da span, .hot-point-s-up span {
	font-weight: bold;
	color: #900;
}

/*--------------------------------------熱門度01*/

/*--------------------------------------熱門度02*/

.hot-point-wrlist {
	float: right;
	font-size: 13px;
	padding: 15px;
	line-height: 22px;
	text-align: right;
}

.hot-point-wrlist span {
	font-family: Arial, helvetica, clean, 新細明體, PMingLiU, sans-serif;
	font-weight: bold;
	color: #900;
}

/*--------------------------------------熱門度02*/

/*作者分類*/

.wrlist-classification {
	z-index: 20;
}

.wrlist-classification h3 {
	float: left;
	line-height: 30px;
	font-size: 13px;
	background: url(../images/wrlist-t.png) no-repeat;
	background-position: 0 8px;
	[;
	background-position: 0 10px;
	];
	padding: 0 8px 0 12px;
	color: #B11720;
	font-weight: normal;
}

.wrlist-classification ul li {
	text-decoration: none;
	background: #f6f6f6;
	display: inline-block;
	font-size: 14px;
	line-height: 2.5;
	padding: 0 1em;
	border: 1px solid #ebebeb;
	cursor: pointer;
}

.wrlist-classification ul li:hover {
	background: #e6e6e6;
}

.wrlist-classification ul li span {
	background: #999;
	padding: 1px 3px;
	color: #fff;
	margin-left: 5px;
	font-size: 12px;
}

ul li.left-line, ul li.left-line:hover {
	background: #fff;
	border-bottom-color: #fff;
	color: #000;
}

.wrlist-classification ul ul {
	position: absolute;
	left: 0;
	background: #f6f6f6;
}

.wrlist-classification li li {
	white-space: nowrap;
	display: block;
	padding: 0 5px;
}

.wrlist-classification .left-line:hover {}

.wrlist-classification span {
	color: #6A6A6A;
	padding-left: 3px;
}

.drop-down ul {
	background-color: #F2F2F2;
	float: left;
	width: 140px;
	position: absolute;
	margin-left: -13px;
	padding: 5px 7px 5px 5px;
	border: 1px solid #CCC;
	z-index: 10;
}

.wrlist-classification .drop-down ul:hover, .wrlist-classification ul li:hover .drop-down ul {
	background-color: #fffbed;
}

.drop-down ul li {
	background-image: none;
	background-color: #FFF;
	width: 100%;
	line-height: 26px;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	border-radius: 0;
}

/*作者分類*/

/*======================================產品選單開始==================================================*/

#vtpd-main {
	width: 100%;
}

#vtpd-main ul li {
	color: #900;
	display: block;
	line-height: 26px;
	text-decoration: none;
	font-size: 12px;
	width: 63px;
	background: url(../images/vtpd-main-hover-bg-02.png) right no-repeat;
	text-indent: 11px;
	padding-top: 4px;
	list-style-type: none;
	float: left;
	border-radius: 5px 0px 0px 0px;
}

#vtpd-main ul li:hover {
	background-image: url(../images/vtpd-main-hover-bg-03.png);
	color: #900;
	cursor: pointer;
}

#vtpd-main ul li.sub-navi-selected {
	color: #FFF !important;
	background: url(../images/vtpd-main-hover-bg.png ) right no-repeat;
	cursor: default;
}

/*==============================================================產品選單結束========================================================================*/

/*下一頁數字頁籤*/

.page-next-out {
	font-size: 12px;
	color: #000;
	text-decoration: none;
	margin-top: 12px;
	text-align: right;
}

.page-next-out a {
	margin: 0 .5em;
}

.page-next-out a {
	font-size: 12px;
	color: #333;
	text-decoration: underline;
}

.page-next-out a:hover {
	text-decoration: none;
}

.page-next-out-s {
	margin: 20px auto 0;
	width: 100%;
	text-align: center;
	display: inline-block;
}

.page-next-out-s a {
	font-weight: bold;
	font-size: 15px;
	color: #059;
}

.page-next-out-s a:hover {
	text-decoration: underline;
}

/*下一頁數字頁籤*/

/*---------------------------------s管理工具選單部分--------------------------------------------------*/

#content-inf-menu {
	margin-bottom: 20px;
	background: linear-gradient(#f6f6f6, #f3f3f3, #ddd, #e6e6e6);
	background: -webkit-linear-gradient(#f6f6f6, #f3f3f3, #ddd, #e6e6e6);
	background: -moz-linear-gradient(#f6f6f6, #f3f3f3, #ddd, #e6e6e6);
	background: -ms-linear-gradient(#f6f6f6, #f3f3f3, #ddd, #e6e6e6);
	background: -o-linear-gradient(#f6f6f6, #f3f3f3, #ddd, #e6e6e6);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e6e6e6', GradientType=0);
}

#content-inf-menu ul {
	font-size: 0;
	border: solid 1px #ddd;
}

#content-inf-menu ul li {
	display: inline-block;
	border-left: solid 1px #ccc;
	font-size: 15px;
}

#content-inf-menu ul li:hover {
	background: #eee;
}

#content-inf-menu ul li, .content-inf-redtga {
	display: inline-block;
	color: #152d49;
	padding: .5em 1em;
	color: #fff;
}

li.content-inf-redtga, #content-inf-menu li.content-inf-redtga:hover {
	color: #FFF;
	background-image: url(../images/doc-bar-blue.png);
}

#content-inf-menu li a {
	text-decoration: none;
}

/*---------------------------------e管理工具選單部分--------------------------------------------------*/

/*---------------------------------s管理工具選單次選單--------------------------------------------------*/

#tools-sub-menu {
	float: left;
	height: 32px;
	margin-left: 24px;
}

#tools-sub-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#tools-sub-menu ul li {
	float: left;
}

#tools-sub-menu ul li a, .tsm-redtga {
	display: block;
	color: #059;
	text-decoration: none;
	text-align: center;
	height: 32px;
	font-size: 15px;
	line-height: 36px;
	padding: 0 13px;
}

.tsm-redtga {
	color: #FFE426;
	background: url(../images/tsm-bg.png) repeat-x;
	border-radius: 10px 10px 0px 0px;
	border-left: solid 1px #A0A0A0;
}

#tools-sub-menu a:hover {
	text-decoration: underline;
}

/*---------------------------------e會員中心選單次選單--------------------------------------------------*/

/*s管理工具次選單超連結設定*/

.mcml {
	background-color: #2B6EA1;
	width: 100%;
	font-size: 13px;
	color: #FC0;
	text-indent: 30px;
	height: 36px;
	line-height: 36px;
}

.mcml a:link, .mcml a:visited, .mcml a:active, .mcml a:hover {
	font-size: 13px;
	color: #fff;
	text-decoration: none;
}

.mcml a:hover {
	color: #D2F8FF;
}

/*e管理工具次選單超連結設定*/

/*s購物車頁面*/

.mc-title {
	color: #2B6FA3;
	font-size: 18px;
	background: url(../images/line.png) 0px -1px no-repeat;
	height: 26px;
	font-weight: bold;
	padding-left: 20px;
}

.coutbar01 {
	height: 58px;
	background: url(../images/c-out-b.png) no-repeat 0 0;
}

/*.box-title{ line-height: 22px; padding-left:27px; font-size:17px; font-weight:bolder;background:url(../images/tit-point.png) no-repeat;margin:15px auto;color:#333;}*/

.box-title {
	padding: 0 0 10px;
	font-size: 17px;
	font-weight: bolder;
	color: #333;
}

.spc-box {
	font-size: 12px;
	color: #666;
	position: absolute;
	right: 128px;
	top: 0;
}

.spc-box:after {
	background: url(../images/visa_mastercard_logo.png) no-repeat;
	width: 120px;
	height: 26px;
	top: -7px;
	position: absolute;
	content: '';
}

a.s-price {
	margin: 5px 0 0 14px;
	display: inline-block;
	text-indent: 20px;
}

.spc-box img {
	margin: 10px 0 0 0
}

.trash-icon {
	background-image: url(../images/trash-icon.png);
	height: 16px;
	width: 16px;
	cursor: pointer;
	margin-left: 7px;
}

.trash-icon:hover {
	background-image: url(../images/trash-icon-h.png);
}

/*e購物車頁面*/

.content-doc-mc-s {
	margin: 5px 15px 15px 15px;
	z-index: 20;
	position: relative;
	min-height: 568px;
}

.content-doc-mc-big {
	min-height: 700px;
}

.content-doc-mc-s {
	width: 682px;
	margin-top: 0 0 0 17px;
}

.carttip {
	display: inline-block;
	margin: 10px 5px;
}

.carttip i {
	margin-right: 5px;
}

.cart-btns {
	text-align: center;
	margin-top: 10px;
}

.cart-btns input[type="button"] {
	font-size: 20px;
	min-width: 170px;
	padding: 10px 15px;
}

/*---------------------------------------------APP產品說明頁--------------------------------------------------------*/

.pd-con-out {
	margin-top: 1em;
}

.pd-con-out:first-child {
	margin-top: 0;
}

.pd-intro-out {
	margin-bottom: 1em;
}

.pd-intro {
	margin-bottom: 1em;
	/*margin-right: 3em;*/
}

.pd-intro p {
	line-height: 1.5;
}

.app-title, .use-number {
	display: inline-block;
}

.app-title {
	font-size: 30px;
	line-height: 1.3;
	margin-bottom: .5em;
	border-bottom: solid 2px #999;
	color: #000;
}

.cp-physicalproduct .app-title {
	display: block;
	margin-right: 55px;
}

.pd-intro .fb-like {
	z-index: 1;
	position: absolute;
	right: 0;
	top: 0;
	width: 55px;
}

.use-number {
	font-size: 13px;
	color: #999;
	margin-left: .5em;
}

.use-number span {
	color: #666;
	font-weight: 900;
}

.app-rc-out {
	width: 210px;
	margin-left: auto;
	margin-right: auto;
}

.pd-intro-out>.btnOut {
	z-index: 3;
	padding: 1.5em 0;
	background: #f6f6f6;
	border: solid 1px #ebebeb;
}

.btnOut>div {
	display: inline-block;
}

.pd-intro-out>.btnOut>div {
	vertical-align: top;
	margin: 0 .5em;
}

.btnOut .gt_btn {
	margin: 0;
}

.app-textbox {
	font-size: 15px;
	color: #666;
}

.app-textbox>p {
	line-height: 1.5;
}

.guidetip_box {
	display: none;
	text-align: left;
	border: solid 5px #999;
	border: solid 5px rgba(0, 0, 0, .3);
	width: 340px;
	padding: 10px;
	background: #FFF;
	position: absolute;
	top: 50px;
	background-clip: padding-box;
	left: 18px;
	z-index: 1;
}

.guidetip_box:before, .guidetip_box:after {
	content: '';
	position: absolute;
	border: solid 10px transparent;
	left: 56px;
}

.guidetip_box:before {
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, .3);
	top: -25px;
}

.guidetip_box:after {
	border-bottom-color: #fff;
	top: -18px;
}

.guidetip_box h2 {
	font-size: 15px;
	margin-bottom: 15px;
}

.guidetip_box p {
	font-size: 15px;
	margin-bottom: 1em;
}

.guidetip_box.dailog {
	width: 420px;
}

.guidetip_box.dailog .dailog-ipt {
	width: 320px;
}

.g5 .fb-like, .g6 .fb-like {
	top: auto;
}

.gt_btn {
	color: #fff;
	line-height: 27px;
	padding: 1px 20px 0;
	text-align: center;
	font-size: 16px;
	text-shadow: 0 -1px #000;
	font-weight: 900;
	background: linear-gradient(#6CF, #08c);
	background: -webkit-linear-gradient(#6CF, #08c);
	background: -moz-linear-gradient(#6CF, #08c);
	background: -ms-linear-gradient(#6CF, #08c);
	background: -o-linear-gradient(#6CF, #08c);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ccff', endColorstr='#0088cc', GradientType=0);
}

.gt_btn:hover {
	text-decoration: none;
	background: linear-gradient(#08c, #6CF);
	background: -webkit-linear-gradient(#08c, #6CF);
	background: -moz-linear-gradient(#08c, #6CF);
	background: -ms-linear-gradient(#08c, #6CF);
	background: -o-linear-gradient(#08c, #6CF);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0088cc', endColorstr='#66ccff', GradientType=0);
}

.gt_stepbox {
	font-size: 13px;
}

.gt_stepbox li {
	padding-left: 20px;
	line-height: 40px;
}

.gt_stepbox li:before {
	padding: 0 4px;
	line-height: 1.3;
	position: absolute;
	top: 11px;
	left: 0;
	background: #f90;
	color: #fff;
	font-family: Arial;
}

.gt_stepbg:before {
	content: '1';
}

.gt_stepbg2:before {
	content: '2';
}

li.gt_stepbg2 {
	line-height: 2em;
	padding-top: 7px;
}

.gt_stepbg2 a {
	color: #0C74E2;
}

.gt_stepbox .gt_btn {
	position: absolute;
	right: 5px;
	top: 4px;
}

.text2 {
	color: red;
	position: absolute;
	right: 5px;
	top: 0px;
}

.app-writer-list {}

.app-writer-list>div {
	font-size: 12px;
	line-height: 1.5em;
	color: #666;
}

/*.app-writer-list select {width:100%;}*/

.appbuy-car {
	text-indent: -9999px;
	width: 30px;
	background: url(../images/sp-c.png) no-repeat;
	height: 30px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.appbuy-car:hover {
	background-image: url(../images/sp-c-h.png);
}

.appbuyb {
	width: 100%;
	height: 32px;
	margin-top: 5px;
	cursor: pointer;
	clip: rect(auto, auto, auto, auto);
	padding-bottom: 5px;
}

.recommend {}

div.special {
	background: #f6f6f6;
	margin: 0 -1em 1em;
	overflow: hidden;
}

.special .Product-out-small {
	margin-bottom: 1em;
}

.pd-titlebar-big {
	width: 100%;
	margin: 20px 0 0 0;
	line-height: 30px;
}

.Product-out-small {
	margin-bottom: 2em;
}

.Product-out-small ol {
	list-style: none;
}

.hot-title {
	padding: 10px;
	text-align: center;
	background: #eee;
}

.hot-class, .hot-media {
	margin: 0 1em;
}

.hot-class li, .hot-media li, .hot-app li {
	margin-top: 1em;
}

.hot-app li {
    margin-bottom: 24px;
}

.hot-class li h4, .hot-media li h4 {}

.hot-class li img, .hot-media li img, .hot-app li img {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 10px;
}

.hot-class span {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: 12px;
}

.hot-media span {
	line-height: 1;
}

.hot-class li a {
	display: block;
	height: 90px;
}

.hot-media a, .hot-app a {
	display: block;
	overflow: hidden;
}

.hot-app .hot-app-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.hot-app .hot-app-desc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    margin-top: 6px;
    color: #666666;
}

.hot-app .hot-app-desc:hover {
    color: #666666;
}

.notes li {
	margin-top: 10px;
	background: #f6f6f6;
	border: solid 1px #e6e6e6;
	padding: 10px;
	font-size: 12px;
	color: #999;
	cursor: pointer;
	background: linear-gradient(#fff, #eee);
	background: -webkit-linear-gradient(#fff, #eee);
	background: -moz-linear-gradient(#fff, #eee);
	background: -o-linear-gradient(#fff, #eee);
	background: -ms-linear-gradient(#fff, #eee);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffffff', endColorstr='#eeeeee', GradientType=0);
}

.Product-out-small li:first-child {}

.Product-out-small li:hover {
	border-color: #ccc;
}

.Product-out-small a {
	font-size: 13px;
	line-height: 1.5;
}

.Product-out-small a:hover {}

.pd-titlebar {
	font-size: 15px;
	padding-left: 10px;
}

.pd-titlebar:before {
	content: '';
	border-left: solid 5px #CCC;
	height: 15px;
	position: absolute;
	top: 1px;
	left: 0;
}

.pd-titlebar a {}

ol.notes a {}

.notes span, .hot-media span {
	display: block;
	text-align: right;
	font-size: 12px;
	color: #aaa;
	font-family: Arial;
	padding-right: 18px;
	margin-top: 5px;
}

.notes span:after, .hot-media span:after {
	content: '';
	width: 15px;
	height: 11px;
	background: url(http://www.cmoney.tw/notes/images/icon.png) -40px -4px;
	position: absolute;
	top: 0;
	right: 0;
	opacity: .5;
}

.sad {
	z-index: 1;
}

.appTabPanel {}

.appTab {
	margin-bottom: -1px;
}

.appTab li {
	display: inline;
}

.appTab a {
	display: inline-block;
	border: solid 1px #e6e6e6;
	color: #666;
	padding: 1em .9em;
	line-height: 1;
	background: #f6f6f6;
	font-weight: 900;
}

.appTab a:hover {
	background: #e6e6e6;
	text-decoration: none;
}

.appTabConGp {
	border-top: solid 1px #e6e6e6;
	padding-top: 16px;
}

.appTabConGp img {
	cursor: pointer;
}

/*   頁籤置頂浮貼   */
.appTopTab {
    height: 48px;
    top: 0;
    position: fixed;
    z-index: 999;
    background: white;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    margin-left: -15px;
}
.appTopTab a {
    border: none;
    background: none;
    color: #666666;
}

.appTopTab .appTabNow {
    color: #000;
}

.appTopTab #GiveEvaluateBtn{
    display:none;
}

.app-textboxline {
	display: none;
}

.app-textboxline:first-child {
	display: block;
}

.app-textboxline h1, .app-textboxline h2, .cpBox h1, .cpBox h2 {
	margin-bottom: .5em;
}

.app-textboxline h1, .cpBox h1 {
	font-size: 26px;
	color: #C00;
	line-height: 1.3;
}

.app-textboxline h2, .cpBox h2 {
	font-size: 22px;
	color: #F60;
	line-height: 1.5;
}

.app-textboxline p, .cpBox p {
	margin-bottom: .5em;
	line-height: 1.7;
}

.app-textboxline input[type=image] {
	width: 100%!important;
	height: auto!important;
}

.appIntro img {
	padding: 5px;
	background: #FFF;
	border: solid 1px #EEE;
	max-width: 100%!important;
	height: auto!important;
	box-sizing: border-box;
}

.appIntro ul, .appIntro ol {
	padding-left: 25px;
}

.appIntro ul {
	list-style-type: square;
}

.appIntro ol {
	list-style-type: decimal;
}

.appIntro hr {
	margin: 1em 0;
}

.writer .pdContainer {
	margin-top: 1em;
}

.writer>img {
	float: right;
}

.app-textboxline.writer {
	position: static;
}

.app-textboxline.writer a {
	color: #3079ED;
	text-decoration: none;
}

.app-textboxline.writer a:hover {
	color: #3079ED;
	text-decoration: underline;
}

.pStyle {
	font-size: 14px;
	border: 1px solid #e6e6e6;
	margin-bottom: 20px;
	padding: 10px;
	background: #f6f6f6;
}

.pStyle>div {
	margin-top: 5px;
}

.pStyle>div:first-child {
	margin: 0;
}

.pStyle .color2 {
	color: red;
	font-weight: 900;
	font-size: 20px;
}

.price {}

.pStyle span {
	float: none;
}

.pStyle select {
	width: 75px;
}

.b_price {}

.b_price p, .price p {
	display: inline;
}

.cred {
	color: #FF5800;
	font-weight: 900;
}

.deline {
	display: inline-block;
}

.deline:before {
	content: '';
	display: block;
	border-top: 1px solid red;
	position: absolute;
	left: 0;
	top: 6px;
	width: 100%;
}

/*s星星評分群組*/

.star {
	text-align: center;
}

.dailog .fa-star, .dailog .fa-star-o {
	font-size: 18px;
}

.app-star .fa-star {
	color: #ffab23;
	margin-right: 3px;
}

.app-star .fa-star-o {
	color: #ccc;
}

.app-meta {
	color: #999;
	font-size: 13px;
	margin-bottom: .667em;
}

.app-meta li {
	line-height: 1.5;
}

.dailog .app-star i {
	cursor: pointer;
}

.dailog .app-star {
	text-align: center;
	margin-bottom: 1em;
}

.evaluate {
	margin-bottom: 2em;
}

.evaluate .fa-pencil, .evaluate .fa-reply {
	margin-right: 3px;
}

.val-slt-now {
	border: solid 1px #e3e3e3;
	padding: 10px;
	line-height: 1;
	cursor: pointer;
	font-weight: 900;
	color: #000;
	background: #FFFCF0;
}

.val-slt-now .fa-angle-down {
	position: absolute;
	right: 10px;
	font-weight: 900;
}

.evaluate>div {
	margin-bottom: 1em;
}

.val-slt-now:hover, .dailog-ipt:hover {
	border-color: #999;
}

.val-slt-now:focus, .dailog-ipt:focus, a.sort-now:focus {
	border-color: #33bdef;
}

.val-slt-otr {
	display: none;
	position: absolute;
	background: #fff;
	border: solid 1px #ccc;
	z-index: 1;
	width: 100%;
	box-sizing: border-box;
	height: 152px;
	overflow: auto;
}

.val-slt-otr a {
	display: block;
	padding: .5em;
	text-decoration: none;
}

.val-slt-otr a:hover {
	background: #eee;
}

.dailog .val-slt {
	font-size: 14px;
}

.dailog-ipt {
	padding: 7px;
	border: solid 1px #ccc;
	width: 355px;
}

.warn {
	padding: 1em;
	background: #f6f6f6;
	border: solid 1px #e6e6e6;
}

.warn .fa-exclamation-triangle {
	font-size: 50px;
	color: #F90024;
}

.warn p {
	display: inline-block;
	width: 650px;
	margin: 0 0 0 10px;
	font-weight: 900;
	color: #000;
}

.sad {
	display: none;
	list-style: none;
	position: absolute;
}

/*e星星評分群組*/

/*s-ican下方大星星*/

.content-star-outline {}

.content-star-outline img, .app-star img {
	border: 0;
}

.app-star img {
	cursor: default;
	vertical-align: middle;
}

.app-star span {
	font-size: 12px;
	color: #235F87;
	padding-left: 3px;
	vertical-align: middle;
}

.starm {
	padding-bottom: 5px;
}

/*e-ican下方大星星*/

/*-----s評分欄位-----*/

.riting-out {
	background: #FFFFF0;
	border: 2px solid #CCC;
	width: 170px;
	padding: 7px;
}

.riting-out .riting-out-b {
	position: absolute;
	right: 7px;
	bottom: 7px;
}

.riting-out-b {
	height: 30px;
	padding: 0 10px;
	cursor: pointer;
	background: url(../images/titlebar-bg.gif) repeat-x;
	border: 1px solid #CCC;
	font-size: 12px;
}

.riting-out-b:hover {
	background: url(../images/titlebar-bg-hr.gif) repeat-x;
	color: #FFF;
}

.riting-out hr {}

.riting-out-box {}

.riting-out div h1 {
	font-size: 130%;
	font-weight: normal;
	margin-right: 5px;
}

.riting-out div h1 span {
	color: #900
}

.riting-out div h1 span.p, .riting-out div h3 {
	color: #808080
}

.riting-out div h2, .riting-out div h3, .riting-out-box>div {
	display: inline-block;
	vertical-align: middle;
}

.riting-out div h2, .riting-out div h3 {
	font-size: 13px;
	font-weight: normal;
}

.riting-out div h2 {}

.riting-out-box>div {
	height: 12px;
	top: -1px;
}

.riting-bar5 {
	background-color: #88B131;
}

.riting-bar4 {
	background-color: #A4CC02;
}

.riting-bar3 {
	background-color: #FFCF02;
}

.riting-bar2 {
	background-color: #FF9F02;
}

.riting-bar1 {
	background-color: #FF6F31;
}

.dead-date {
	font-family: Arial, "細明體";
	font-size: 13px;
	margin-left: 3px;
}

/*.save{
	z-index: 1; right:-30px; top:-15px; height:44px; width:50px; background:red; color:#fff; padding:8px 5px; font-size:12px; position:absolute; text-align:center; border-radius:100%; background:url(../images/save.png); padding-top:5px\0; height:47px\0;
	-webkit-transform:rotate(-20deg);
	-moz-transform:rotate(-20deg);
	-ms-transform:rotate(-20deg);
	-o-transform:rotate(-20deg);}*/

.save {
	z-index: 1;
	right: -30px;
	top: -70px;
	height: 54px;
	width: 60px;
	background: red;
	color: #fff;
	padding: 9px 5px;
	font-size: 12px;
	position: absolute;
	text-align: center;
	border-radius: 50%;
	padding-top: 5px\0;
	height: 47px\0;
	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
}

.save>span {
	display: block;
	font-size: 20px;
	margin-bottom: 5px;
}

.save>div>span {
	font-size: 18px;
	font-weight: 700;
}

/*-----e評分欄位-----*/

/*-------------------------------------s管理工具表格使用--------------------------------------*/

.tbbuse-02 {
	border: 0px;
	border-collapse: collapse;
	width: 100%;
}

.tbbuse-02 td {
	padding-top: 5px;
	padding-bottom: 5px;
}

.tbbuse-02 input[type="text"] {
	border-radius: 3px;
	height: 15px;
	padding: 5px 5px 5px 8px;
	width: 400px;
	font-size: 13px;
	background-color: #fff;
	border: 1px solid #999;
}

.tbbuse-02 input[type="button"] {
	cursor: pointer;
	padding: 5px 10px 3px 10px;
}

.tbbuse-02 textarea {
	border-radius: 3px;
	height: 15px;
	padding: 5px 5px 5px 8px;
	font-size: 13px;
	background-color: #fff;
	border: 1px solid #999;
}

.tbbuse-02 select {
	padding: 4px;
}

.tbbuse {
	font-size: 13px;
	line-height: 30px;
	color: #333;
	border: 1px solid #A0A0A0;
	border-collapse: collapse;
	float: left;
}

.tbbuse a, .tbbuse-sky a {
	color: #095CC4;
}

.tbbuse a:hover, .tbbuse-sky a:hover, .tbbuse-sky th a {
	text-decoration: underline;
}

.tbbuse td, .tbbuse-tit th {
	padding: 5px;
	line-height: 1.5;
}

.tbbuse td {
	border: 1px solid #A0A0A0;
}

.tbbuse span.mon, .tbbuse-sky span.mon {
	color: #286798;
}

.tbbuse-tit th {
	color: #FFF;
	background-color: #286798;
	font-size: 15px;
	text-align: left;
	font-weight: normal;
}

.tbbuse-tit th a {
	color: #FFF;
	text-decoration: underline;
}

.tbbuse-tit th input[type="button"] {
	cursor: pointer;
	position: relative;
	top: -1px;
	height: 25px;
	padding-top: 3px;
}

.box-basic {
	border: 1px solid #CACACA;
	border-collapse: collapse;
	line-height: 20px;
	font-size: 13px;
}

.box-basic td {
	border: 1px solid #CACACA;
	padding: 10px;
}

.cartCheckout {
	text-align: center;
}

.cartTotalPrice {
	float: right;
	font-size: 16px;
	padding: 40px 60px;
}

.mark {
	color: #000;
	background-color: #EFEFEF;
	font-size: 15px;
}

.mc-b {
	padding: 0 40px;
	line-height: 34px;
	height: 34px;
}

.tbbuse-sky {
	float: left;
	font-size: 13px;
	line-height: 30px;
	color: #333;
	border: 1px solid #A0A0A0;
	border-collapse: collapse;
	margin-left: 24px;
}

.tbbuse-sky td {
	padding-left: 8px;
	border: 1px solid #A0A0A0;
}

.tbbuse-sky-tit th {
	color: #FFF;
	background-color: #173D57;
	line-height: 36px;
	font-size: 15px;
	padding-top: 4px;
	padding-left: 8px;
	text-align: left;
	font-weight: normal;
}

.tbbuse-sky th a {
	color: #FFF;
}

.tbbuse-sky-tit th input[type="button"] {
	cursor: pointer;
	position: relative;
	top: -1px;
	height: 25px;
	padding-top: 3px;
}

/*-----s訂課程表格------*/

.tb-lesson {
	font-size: 13px;
	line-height: 30px;
	color: #333;
	border: 1px solid #A0A0A0;
	border-collapse: collapse;
}

.tb-lesson a {
	color: #059;
}

.tb-lesson a:hover {
	text-decoration: underline;
}

.tb-lesson td {
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #A0A0A0;
	text-align: center;
}

.tb-lesson tr:hover {
	background-color: #FFFCF0;
}

.tb-lesson span.mon {
	color: #286798;
}

.tb-lesson-tit th {
	line-height: 36px;
	font-size: 15px;
	padding-top: 3px;
	text-align: center;
	font-weight: normal;
	background: url(../images/media-h-bg.png) repeat-x;
}

.tb-lesson th a {
	color: #FFF;
	text-decoration: underline;
}

.tb-lesson-tit th input[type="button"] {
	cursor: pointer;
	position: relative;
	top: -1px;
	height: 25px;
	padding-top: 3px;
}

.tb-lesson .free {
	background-color: #669900;
	color: #FFF;
}

.tb-lesson .pay {
	font-weight: bold;
	color: #900;
}

.tb-lesson .cname {
	text-align: left;
	padding-left: 8px;
}

.tb-lesson .toend {
	color: #999;
}

/*-----e訂課程表格------*/

/*-----s課程內頁------*/

.tb-lesson-page {
	font-size: 15px;
	line-height: 24px;
	color: #333;
	border-collapse: collapse;
	margin-bottom: 50px;
	border-style: none;
}

.tb-lesson-page .lesname {
	line-height: 80px;
	color: #900;
	padding: 34px 0 10px 60px;
	font: 700 46px "微軟正黑體";
}

.tb-lesson-page .content-s {
	line-height: 24px;
	padding-bottom: 30px;
	padding-left: 3px;
}

.tb-lesson-page .content-m {
	font-size: 24px;
	line-height: 30px;
	padding: 10px 0;
	font-weight: bold;
}

.tb-lesson-page a {
	color: #059;
}

.tb-lesson-page a:hover {
	text-decoration: underline;
}

.tb-lesson-page td {
	padding-top: 5px 0;
	text-align: left;
	border-style: none;
}

.tb-lesson-page span.mon {
	color: #286798;
}

.tb-lesson-page-tit th {
	line-height: 38px;
	text-align: left;
	font-size: 17px;
	text-indent: 19px;
	background: url(../images/lesson-t-bg.png) no-repeat -1px 1px;
	font-weight: bold;
	color: #000;
}

.tb-lesson-page-tit td {
	padding-left: 19px;
	padding-bottom: 30px;
	font-size: 15px;
	line-height: 22px;
}

.tb-lesson-page-tit .fee {
	font-size: 16px;
	color: #900;
	line-height: 24px;
}

.tb-lesson-page th a {
	color: #FFF;
	text-decoration: underline;
}

.backLesson {
	position: relative;
}

.backLesson:before, .backLesson:after {
	content: '';
	display: block;
	border: solid 6px transparent;
	border-left-color: #059;
	position: absolute;
	top: 3px;
}

.backLesson:before {
	left: -18px;
}

.backLesson:after {
	left: -10px;
}

/*-----e課程內頁------*/

/*-------------------------------------e管理工具表格使用--------------------------------------*/

/*s理財寶啟用頁*/

.c-out-ptitle-app, .c-out-ptitle-app-red, .c-out-ptitle-app-whtie {
	color: #003D6C;
	font-size: 16px;
	line-height: 20px;
}

.c-out-ptitle-app-red {
	color: #900;
}

.c-out-ptitle-app-whtie {
	color: #fff;
	font-weight: bold;
	background-color: #1b5da9;
}

/*e理財寶啟用頁*/

/*s首頁sp*/

#main-tmp-sp {
	z-index: 20;
}

#main-tmp-sp:after {
	content: '';
	display: block;
	clear: both;
}

#main-b-tmp-sp {
	/*----右側----*/
	width: 900px;
	margin: 0 auto;
}

.uptit {
	font-size: 15px;
	width: 900px;
	margin: 0 auto 10px auto;
	border-bottom: solid 1px #999;
	padding-bottom: 10px;
	padding-top: 36px;
}

.apptitle-sp a {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
}

.Product-left-sp {}

.Product-out-01-sp {
	float: left;
	width: 155px;
	padding: 0 5px;
	height: 140px;
}

.Product-out-01-sp:hover a {
	color: #d90000;
}

.Product-icon-small-sp {
	text-align: center;
}

.Product-icon-small-sp img {
	border: none;
}

.Product-icon-small-sp>a>img {
	cursor: pointer;
}

.Product-icon-small-date {
	width: 150px;
	height: 150px;
	margin: 60px auto 4px auto;
	position: relative;
	z-index: 10;
}

.Product-icon-small-date img {
	width: 150px;
	height: 150px;
	border: none;
}

.Product-text-out-sp {
	margin: 5px 0;
	text-align: center;
}

.Product-text-box-sp {
	float: left;
	width: 100%;
	height: 44px;
	margin-bottom: 14px;
	font-size: 13px;
	line-height: 160%;
	color: #666;
}

/*e首頁sp*/
.download-tv, .navi-cal, .map-marker {
	background: #f6f6f6;
	border: solid 1px #e6e6e6;
	padding: 10px 5px;
	text-align: center;
	font-size: 14px;
	display: block;
	margin-top: 15px;
	cursor: pointer;
}

@media (max-width: 767px) {
	.download-tv {
		display: none;
	}
}

.navi-cal .fa, .map-marker .fa {
	font-size: 50px;
}

.download-tv img, .navi-cal .fa, .map-marker .fa {
	display: block;
	margin: 0 auto 10px;
}

.d-tv:hover {
	background: url(../images/teamviewer-bg.png) repeat-x 0 -47px;
}

.teamviewer img {
	margin: 0 auto;
	display: block;
}

.teamviewer {
	margin: 50px auto 70px;
	width: 626px;
	text-align: left;
}

.teamviewer ol {
	margin: 22px 0 0 24px;
	text-align: left;
	list-style: decimal
}

.teamviewer hr {
	margin: 16px 0
}

/*第二選單*/

/*常見問題*/

.usestep-right {
	margin-left: 240px;
	min-height: 600px;
	overflow: hidden;
}

.usestep-right-nb {
	margin-left: 215px;
}

.usestep-ct {
	font-size: 15px;
	line-height: 26px;
}

.usestep-title {
	font-size: 21px;
	font-weight: bold;
	color: #900;
	background: url(../images/help/usestep/qm.png) no-repeat 50px 10px;
	display: block;
	line-height: 102px;
	text-indent: 20px;
	height: 100px;
}

.seefilm a {
	color: #333;
	text-align: center;
	line-height: 35px;
	padding-left: 4px;
	width: 110px;
	height: 40px;
	position: absolute;
	left: 42%;
	top: -85px;
	background: url(../images/seefilmB.png) no-repeat;
}

.seefilm a:hover {
	color: #03C;
	background: url(../images/seefilmB0.png) no-repeat;
}

.qastep-title {
	font: 900 25px "微軟正黑體";
	color: #059;
	display: block;
	padding-bottom: .2em;
	margin-bottom: .5em;
	border-bottom: dotted 1px #CCC;
}

.box-shadows {
	background: url(../images/help/usestep/box-shadows.png) no-repeat;
	height: 10px;
	width: 750px;
	margin-top: 10px;
}

.explain {
	border-bottom: 1px dashed #CCC;
	padding: 0 0 20px 0;
	margin-bottom: 20px;
}

.explain:after {
	display: block;
	content: "";
	clear: both;
}

.img-in {
	margin: 5px 0 0 0;
	float: left;
}

.img-in img {
	width: 280px;
	height: auto;
	border: 0
}

a.zoomimg {
	font-size: 12px;
	background: url(../images/zoomin.png) no-repeat 6px 5px;
	display: block;
	width: 80px;
	height: 26px;
	line-height: 30px;
	[;
	line-height: 26px;
	];
	margin: 10px auto 0;
	text-indent: 26px;
	text-decoration: none;
	border: 1px solid #CCC;
	border-radius: 5px;
}

a.zoomimg:hover {
	background-color: #FFFBE6
}

.ct {
	margin: 0 0 0 300px
}

.ct .ct-tit {
	margin-bottom: 10px;
	display: block;
	color: #900;
}

.if-failure {
	background: url(../images/help/usestep/attention.png) no-repeat 0px 0px;
	height: 25px;
	margin: 20px 0 20px 18px;
	text-indent: 31px;
}

/*td.usestep-out{font-size: 15px;border: 1px solid #bdbdbd;width:660px;padding: 10px;line-height:28px;background-color: #FFF;}
td.usestep-out-class { padding-left:15px; min-height:568px;}
td.usestep-out-class a{color: #059;}*/

td.usestep-next {
	padding: 10px;
	width: 660px;
	background-color: #E8E8E8;
}

td.usestep-tp {
	padding-bottom: 8px;
}

.usestep-next a {
	float: right;
}

.go-highimg {
	width: 200px;
	height: 46px;
	background-color: #360;
	text-align: center;
	position: absolute;
	margin-top: 18px;
	margin-left: 420px;
	border: 2px solid #FFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 48px;
	color: #FFF;
	box-shadow: 0px 0px 30px #888;
	pointer-events: none;
}

/*原richpower↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

/*---------------------------------s按鈕空間使用---------------------------------------------------*/

.b-start-using {
	background-image: url(../images/home/b-startusing-bg.png);
	color: #3E3E3E;
	border: 1px solid #FD9D00;
	cursor: pointer;
	font-size: 15px;
	height: 35px;
	line-height: 34px;
	[;
	line-height: 0;
	];
}

.b-start-using:hover {
	background-image: url(../images/home/b-startusing-bg-h.png);
}

input.b-basic {
	padding: 7px 7px;
	cursor: pointer;
	font-size: 13px;
	margin: 20px 0;
	font-family: Arial;
	text-align: center;
	-webkit-appearance: push-button;
}

.the-date-b-out-s {
	margin: 10px 0;
}

.the-date-b {
	font-size: 20px;
	color: #000;
	cursor: pointer;
	line-height: 32px;
	padding-top: 4px;
	padding-bottom: 2px;
	height: 48px;
	width: 209px;
	border: none;
	background: transparent url(../images/date-b.png) no-repeat;
}

.the-date-s-b {
	font-size: 13px;
	color: #000;
	cursor: pointer;
	line-height: 32px;
	[;
	line-height: 26px;
	];
	height: 32px;
	width: 96px;
	border: none;
	background: url(../images/y-b.png) no-repeat;
	border: 1px solid #b54901;
	border-radius: 10px;
}

.the-date-s-b:hover {
	background-image: url(../images/y-b-h.PNG);
}

/*---------------------------------e按鈕空間使用---------------------------------------------------*/

/*---------------------------------s啟用序號字型設定區---------------------------------------------------*/

.f-white {
	color: #FFF;
}

.f-red {
	color: #900;
}

.f-ae {
	font-size: 25px;
	font-weight: bold;
	color: #900;
}

/*s輸入產品序號欄位*/

.enable-out {
	text-align: center;
	margin-bottom: 1em;
	background: linear-gradient(#fff, #ebebeb);
	background: -webkit-linear-gradient(#fff, #ebebeb);
	background: -moz-linear-gradient(#fff, #ebebeb);
	background: -ms-linear-gradient(#fff, #ebebeb);
	background: -o-linear-gradient(#fff, #ebebeb);
}

.enable-label {
	text-align: left;
	font-weight: 900;
	margin-bottom: .5em;
}

.enable {
	margin-left: .5em;
}

.enable .btnOut {
	text-align: center;
}

.enable .bc1 {
	margin-right: 1em;
}

.enable-out>img {
	vertical-align: top;
}

.enable {
	display: inline-block;
}

.enable-ipt {
	margin: 0 0 1em;
}

.enable .link-cancel {
	display: inline-block;
	margin-top: 15px;
}

.enable-ipt input {
	width: 70px;
	height: 22px;
	padding: 5px;
	margin: 0;
	outline: none;
	line-height: 22px;
	border-radius: 3px;
	border: 2px solid #FFCC34;
}

.enable-list2 .fa-chevron-right, .enable-a .fa-chevron-right, .enable-navi .fa-chevron-right {
	margin-left: 5px;
	color: #019ad2;
}

.enable-list {
	text-align: center;
	margin-bottom: 2em;
}

.enable-list li {
	display: inline-block;
	text-align: center;
	width: 250px;
	margin: 0 1em;
	vertical-align: top;
}

.enable-list img {
	margin-bottom: 1em;
}

.enable-list img+header {
	font-size: 18px;
	font-weight: 900;
	margin-bottom: .5em;
}

.enable-list p {
	line-height: 1.5;
	text-align: left;
	color: #666;
}

.enable-list a:hover {
	text-decoration: none;
}

.enable-app {
	box-shadow: none;
}

.enable-app .heading {
	margin-bottom: 1em;
}

.enable-navi {
	text-align: right;
}

.enable-navi li {
	margin-left: 2em;
}

.enable .btn-cancel, .enable .bc8, .download-welcome .bc8 {
	font-size: 20px;
}

/*e輸入產品序號欄位*/

/*s一般輸入欄位*/

.inputbox {
	display: inline-block;
	width: 260px;
	height: 22px;
	line-height: 22px;
	padding: 5px;
	margin: 0;
	outline: none;
	background-color: white;
	border: 1px solid #48698A;
	border-radius: 4px;
	font-size: 13px;
}

.inputbox:hover {
	border: 1px solid #FC0;
}

.ShowGray {
	color: #A7A7A7;
}

/*e一般輸入欄位*/

/*s理財寶APP啟用成功*/

hr, hr.d {
	border-top: solid 1px #D8D8D8;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

hr.d {
	border-top-color: #A0A0A0;
}

.question-img, .download-img, .home-img, .gorich-img {
	background: url(../images/home/question.png) no-repeat;
	height: 20px;
	/*	width: 130px;*/
	float: left;
	padding-left: 20px;
	background-position: 0px 1px;
	margin-top: 10px;
	margin-left: 30px;
	line-height: 20px;
	[;
	line-height: 15px;
	];
}

.download-img {
	background-image: url(../images/home/download.png);
}

.home-img {
	background-image: url(../images/home/q-home.png);
	/*	width: 105px;*/
}

.gorich-img {
	background-image: url(../images/gorich.png);
	background-position: 0px 3px;
}

/*e理財寶APP啟用成功*/

.download-welcome h1, .step-hdr h1 {
	font-size: 30px;
	line-height: 1.3;
	margin-bottom: 0.5em;
	border-bottom: 2px solid #999;
	display: inline-block;
}

.download-welcome p {
	line-height: 1.6;
	margin: 1em 0;
}

.download-welcome, .download-fn {
	text-align: center;
}

.download-fn img {
	display: block;
	margin: 1em auto;
}

.download-welcome .fa-exclamation-triangle {
	display: block;
	font-size: 80px;
	color: red;
}

.download-list {
	text-align: left;
	margin: 2em 7em;
	font-size: 14px;
}

.download-list>div {
	margin-bottom: .5em;
}

.download-list ol {
	background: #f6f6f6;
	border: solid 1px #ebebeb;
	padding: 1em;
}

.download-list li {
	margin-bottom: .5em;
}

/*download page*/

#wrapper.download-wapper {
	margin-top: -5px;
}

.download-header {
	height: 52px;
}

.download-content {
	padding: 11px 31px 50px 30px;
	width: 957px;
	font-family: 'Noto Sans TC', '微軟正黑體', sans-serif;
}

.download-content h1 {
	float: left;
	font-size: 36px;
	color: #000;
}

.download-path {
	margin-bottom: 10px;
}

.help-link {
	float: right;
}

.help-link img {
	vertical-align: middle;
}

.help-link a {
	font-size: 14px;
	color: #1877f2;
}

.mainImg {
	margin: 13px auto 30px;
}

.download-btn {
	display: block;
	margin: 0 auto;
	width: 230px;
	height: 70px;
	background: url('../images/bt-cmoney-dowloand.png') no-repeat;
}

.fitSystem {
	margin: 11px auto 0;
	color: #7e7e7e;
	font-size: 14px;
	text-align: center;
}

.download-title {
	display: inline-block;
	margin: 30px 0 16px -30px;
	padding: 8px 31px 7px;
	font-size: 32px;
	color: #fff;
	background-color: #000;
}

.install-title {
	padding-right: 46px;
}

.step {
	margin-top: 17px;
	width: 882px;
	height: 497px;
	color: #000;
	background: url('../images/bg-dowloand-teaching.png') no-repeat;
}

.step__desc {
	padding: 17px 15px 15px;
	font-size: 28px;
}

.step__img {
	display: block;
	margin: 0 30px 18px 29px;
}

.device {
	width: 680px;
	height: 183px;
	color: #000;
}

.device__title {
	font-size: 26px;
	font-weight: bolder
}

.device__title::before {
	content: '';
	display: inline-block;
	margin: 0 5px 3px 0;
	border-radius: 50%;
	width: 14px;
	height: 14px;
	line-height: 14px;
	background-color: #000;
}

.device__contents {
	padding-left: 19px;
}

.device__contents li {
	height: 29px;
	font-size: 20px;
}

.window-btn {
	display: block;
	margin: 21px auto 0;
	border-radius: 15px;
	width: 280px;
	height: 70px;
	color: #fff;
	text-align: center;
	line-height: 70px;
	font-size: 28px;
	font-weight: 600;
	background: #1c7ddf;
}

.window-btn:hover {
	color: #fff;
}

#AsideBar {
	position: fixed;
	top: 320px;
	text-align: center;
	font-family: 'Noto Sans TC', '微軟正黑體', sans-serif;
}

#AsideBar a:hover {
	color: #fff;
}

.downloadIcon {
	display: block;
	width: 84px;
	height: 83px;
	background: url('../images/bt-chipk-dowloand.png') no-repeat;
}

.downloadIcon-content {
	display: inline-block;
	margin-bottom: 20px;
	padding: 3px 9px 4px 10px;
	font-size: 16px;
	color: #fff;
	background: #ca181c;
}

.lineIcon {
	display: block;
	width: 84px;
	height: 84px;
	background: url('https://qr-official.line.me/L/gg2xZfPr84.png') no-repeat;
	background-size: cover;
}

.lineIcon-content {
	display: inline-block;
	padding: 5px;
	color: #fff;
	font-size: 14px;
	background: #0c0;
}

#TopBtn {
	display: block;
	margin: 15px auto 0;
	width: 64px;
	height: 62px;
	background: url('../images/bt-top.png') no-repeat;
}

.js-open {
	display: block !important;
}

.js-hidden {
	display: none !important;
}

.gv {
	display: inline-block;
}

.gv .fa-chevron-right, .col-right2 .v-msg .fa-chevron-right {
	margin-left: 5px;
	color: #019ad2;
}

.st, .gv {
	font-size: 14px;
	margin-top: 1em;
}

.d-app-infor {
	margin-bottom: 2em
}

.d-app-infor h3 {
	font-size: 22px;
	margin-bottom: 5px
}

.d-app-infor h3:before {
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-bottom: solid 5px transparent;
	border-top: solid 10px #DDD;
	border-left: solid 15px transparent;
	border-right: solid 15px transparent;
	margin: 5px auto 10px;
	z-index: 6;
}

.d-app-infor .bc2 {
	font-size: 24px;
	padding: .5em 1.5em;
	box-sizing: border-box;
}

.d-app-infor:first-child {
	border-bottom: solid 1px #eee;
	padding-bottom: 1.5em
}

.step-hdr .btnOut {
	margin-bottom: 1em;
}

.step-out+.btnOut {
	margin-top: 1em;
	text-align: right;
}

.step-out+.btnOut>a .fa-navicon {
	margin-right: 5px;
}

.step-out+.btnOut>a .fa-chevron-right {
	margin-left: 5px;
	color: #08c;
}

.step-out>li, .faq_box .step-out>li, .faq_box .step-out {
	padding: 15px;
	background: #f6f6f6;
	margin-top: 15px;
	border: solid 1px #ebebeb;
}

.step-out>li:first-child {
	margin: 0;
}

.step-out ol {
	list-style: decimal inside;
}

.step-out ol li {
	line-height: 1.5;
}

.step-text {
	margin-bottom: .5em;
}

.step-text>div:first-child {
	font-size: 20px;
	font-weight: 900;
	margin-bottom: .5em;
	color: #000;
}

.step-text p {
	line-height: 1.5;
}

.step-text .fa {
	margin-right: 5px;
	top: -2px;
}

.step-img img {
	padding: 10px;
	background: #fff;
	border: solid 1px #e6e6e6;
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
	display: block;
	margin-top: 1em;
}

.step-heading>div {
	margin-top: 2em;
}

.step-heading>div:first-child, .faq_box .step-out ol li:first-child {
	margin-top: 0;
}

.step-heading>div h2 {
	margin-bottom: .5em;
}

.step-box p {
	line-height: 1.5;
	margin-bottom: .5em;
}

.warn2 {
	margin-top: 1em;
}

.warn2 .fa {
	color: red;
	margin-right: 5px;
}

.dn-b {
	background: url(../images/dn-b.png?_=1) no-repeat 0 0;
	height: 91px;
	width: 336px;
	margin: 0 auto;
	cursor: pointer;
	line-height: 90px;
	text-indent: -63px;
	color: #FFF;
	font-size: 23px;
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體";
	text-shadow: 0 0 10px rgb(0, 0, 0);
}

.dn-b:hover {
	background: url(../images/dn-b.png?_=1) no-repeat 0 -91px;
	text-decoration: none;
}

.dn-red-t {
	font-size: 20px;
	font-weight: bold;
	color: #900;
	line-height: 120%;
}

/*常見問題區*/

.cs-contact-content {}

.cs-contact-list {
	padding: 0 0 .667em;
	border-bottom: solid 1px #e6e6e6;
	line-height: 1.7;
}

.cs-contact-list a {}

.cs-contact-list span {
	color: #999;
}

.cs-contact-list li {}

.cs-contact-form {
	margin: 1.5em 0 0.5em;
}

.cs-contact-form tr {
	vertical-align: top;
}

.cs-contact-form td {
	text-align: left;
	padding: 0 0 20px 5px;
}

.cs-contact-form th {
	text-align: right;
	color: #333;
	line-height: 2;
	font-size: 16px;
}

.cs-contact-form input, .cs-contact-form textarea {
	width: 260%;
	border: solid 1px #d5d5d5;
	background: #f6f6f6;
	font-size: 15px;
	padding: 8px;
}

.cs-contact-form textarea {
	resize: none;
	line-height: 1.6;
	padding: 8px;
}

.cs-contact-btns {
	text-align: center;
}

.cs-contact-form input:focus, .cs-contact-form textarea:focus {
	border-color: #bbb;
}

.cs-contact-content button {
	margin: 0 10px;
	padding: 0 1.5em;
	font-size: 22px;
	border-radius: 3px;
	line-height: 2.2;
}

.arti-list li>a {
	display: inline-block;
	font-size: 13px;
	margin-top: .5em;
}

.cs-noti a {
	display: inline-block;
	font-size: 13px;
}

.arti-list>li {
	width: auto;
	border: solid 1px #ebebeb;
	background: #f8f8f8;
	padding: 15px;
	margin-top: 15px;
}

.arti-list>li:first-child {
	margin-top: 0;
}

.arti-list li:hover {
	background: #FFFCF0;
}

.arti-list h2 {
	margin-bottom: .3em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.arti-list p {
	line-height: 1.5em;
}

.cs-noti {
	text-align: center;
	width: auto;
	padding: 15px;
	background: #f8f8f8;
	border: solid 1px #ebebeb;
	font-size: 22px;
	color: #999;
	line-height: 1.5em;
}

.cs-noti i {
	margin-right: 10px;
}

/*理財寶軟體下載*/

/*讀取動畫*/

/*以下help↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.loadgf {
	background-image: url(../images/table-box/loading-web.gif) no-repeat;
	height: 30px;
	width: 30px;
	float: right;
	position: relative;
	margin-left: 5px;
	margin-top: 5px;
}

/*讀取動畫*/

/*註冊流程說明頁面*/

/*.rithelp-title {font-size: 14.5px;line-height: 38px;color: #FFF;background: url(../images/help/rithelp-title-bg.gif) repeat-x;padding-left: 10px;width: 983px;float: left;}
.rithelp-bb a {font-size: 15px;line-height: 40px;color: #333;background: url(../images/help/rithelp-bb-bg.gif) repeat-x;text-indent:10px;height: 40px;width: 300px;border: 1px solid #999;display: block;float: left;margin-bottom:10px;text-decoration: none;}
.rithelp-bb a:hover {background-image: url(../images/help/rithelp-bb-bg-02.gif);color: #FFF;}
.rithelp-next {float:left;color: #900;font-size: 18px;width: 320px;line-height: 40px;font-weight: bold;}
.rithelp-small-title {font-size: 15px;line-height: 40px;color: #333;background: url(../images/help/rithelp-bb-bg.gif) repeat-x;text-indent:10px;height: 40px;width: 100%;float: left;text-decoration: none;border:solid 1px #999;}
.helpbox-out {border-right: solid 1px #999;border-bottom: solid 1px #999;border-left: solid 1px #999;width: 100%;float: left;}
.rithelp-gotop a {float: right;font-size: 14.5px;color: #333;margin-right: 10px;text-decoration: none;background: url(../images/help/gotop.gif) no-repeat 0px 12px;padding-left: 12px;}
.rihome a {float: right;font-size:12px;text-align: right;margin-right: 10px;color: #FFF;}
.rihome-b a {float: right;font-size:12px;text-align: right;color: #059;}
.sm-title, .sm-title a {color: #900;line-height: 30px;font-size: 15px;}*/

/*註冊流程說明頁面*/

/*s-開通說明*/

.enable-sn {
	text-align: center;
	margin-bottom: 2em;
}

.enable-sn p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 1em;
}

.enable-address {
	font-size: 20px;
	display: inline-block;
	background: #FFFCF0;
	padding: 1em;
	border: solid 1px #FFDCC4;
}

.enable-address .fa-chevron-right {
	color: #08c;
	margin-left: 5px;
}

.enable-sn+.step-out .step-img {
	text-align: center;
}

.enable-sn+.step-out .step-img img {
	display: inline-block;
	;
}

/*搜尋結果頁*/

.s-up-t {
	margin-bottom: 15px;
	font-size: 15px;
}

.s-up-t span {
	color: #900;
}

.s-up-t-circle {
	background-color: #FF9;
}

.s-up-filure-box {
	width: 580px;
	margin: 150px auto;
	background-color: #FFF;
	border-radius: 20px;
	border: 1px solid #CCC;
	box-shadow: 0 0 10px #CCC;
	background: url(../images/s-up-failure-bg.png) repeat-x;
	background-position: top;
	word-wrap: break-word;
}

.s-up-filure {
	font-size: 15px;
	line-height: 160%;
	height: 233px;
	width: 581px;
}

/*作者管理工具----------------------------*/

.stepbox {
	height: 80px;
	width: 240px;
	border-radius: 10px;
	float: left;
	text-align: center;
	border: 1px solid #999;
	padding-top: 18px;
	background: #ffffff;
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
	/* IE6-8 */
	margin: 0 0 0 25px;
}

.stepbox p {
	font-size: 15px;
	color: #900;
}

.stepbox span {
	color: #000;
}

.stepbox select {
	float: left;
	padding: 5px;
	width: 220px;
	margin: 15px 0px 0px 10px;
}

.arrowlocation {
	float: left;
	margin: 35px 10px 0 30px;
}

.linkbut {
	width: 150px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #F60;
	margin: 12px 45px 0px 45px;
	padding: 10px 0;
	border-radius: 7px;
	background-image: url(../images/home/b-startusing-bg.png) repeat-x;
}

.linkbut a {
	text-decoration: none;
	color: #900;
}

.linkbut:hover {
	background-image: url(../images/home/b-startusing-bg-h.png);
}

.newtext {
	float: left;
	width: 945px;
	text-align: right;
	background: url(../images/group.png) no-repeat;
	background-position: 87%;
	margin-bottom: 8px;
	margin-top: 13px;
}

.yellow {
	background: #FFFFCC
}

.deletbt {
	cursor: pointer;
	background: url(../images/delet24_02.png) no-repeat;
	height: 24px;
	width: 24px;
	margin: 0 57px;
}

.deletbt:hover {
	background-image: url(../images/delet24.png);
}

.give-evaluate {
	width: 208px;
	padding: 10px;
	left: 235px;
	top: 0;
	margin: -75px 0 0 -21px;
}

.give-evaluate div {
	border: 1px solid #CCC;
	width: 183px;
	padding: 0 0 0 10px;
	background: url(../images/sel-bg.png) 0 0;
	position: relative;
	border-radius: 7px;
	box-shadow: 0 0 3px #dbdbdb;
}

.give-evaluate div.b-rda {
	border-radius: 7px 7px 0 0;
}

.give-evaluate div:hover {
	cursor: pointer;
	background: url(../images/sel-bg.png) 0 -34px;
}

.give-evaluate div:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 23px;
	border-left: 1px solid #CCC;
	background: url(../images/sd.png) no-repeat center 9px;
	right: 0;
	top: 0;
	padding-left: 14px;
	text-indent: -9999px;
}

.give-evaluate ul {
	width: 193px;
	height: 120px;
	overflow: scroll;
	overflow-x: hidden;
	border: 1px solid #CCC;
	background: white;
	z-index: 1;
	position: absolute;
	top: 54px;
	display: none;
}

.give-evaluate li {
	padding-left: 10px;
	line-height: 24px;
}

.give-evaluate li:hover {
	background: #fffee6
}

.give-evaluate span {
	display: block;
	margin: -7px 0 6px 0;
}

/*select選單*/

/*=== Away Modify=======*/

#main-app-right, #app-use-right {}

.ppt {
	text-align: left;
	background: #fff;
	border: solid 5px #999;
	border: solid 5px rgba(0, 0, 0, .3);
	background-clip: padding-box;
	padding: 23px;
	position: absolute;
	line-height: 1.7;
	z-index: 100;
	border-radius: 100%;
	width: 100px;
}

.ppt:before, .ppt:after {
	content: '';
	border: solid 10px transparent;
	position: absolute;
}

.ppt.hPt {
	position: absolute;
	top: -34px;
	left: -160px;
}

.hPt:before, .hPt:after {
	top: 41px;
}

.hPt:before {
	border-left: solid 15px #999;
	border-left: solid 15px rgba(0, 0, 0, .3);
	right: -29px;
}

.hPt:after {
	border-left: solid 15px #fff;
	right: -20px;
}

.appTabNow a {
	color: #000;
	border-bottom-color: #FFF;
	background: #FFF;
	z-index: 2;
}

.appTabNow a:hover {
	background: #FFF;
}

.appWriter>ul>li {
	margin-bottom: 1em;
}

.appWriter ul ul {
	list-style: none;
}

.pdTitle {}

.pdTitle:before {
	content: '';
	display: inline-block;
	width: 5px;
	background: #ccc;
	height: 20px;
	margin-right: 5px;
	vertical-align: middle;
	margin-top: -5px;
}

.pd-titlebar-big {
	display: inline-block;
	background: #999;
	color: #FFF;
	padding: 0 10px;
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
	width: auto;
	float: none;
	position: relative;
	margin: 0;
	text-indent: 0;
}

.pd-titlebar-big:after {
	content: '';
	display: block;
	position: absolute;
	right: -17px;
	top: 50%;
	margin-top: -10px;
	border: solid 10px transparent;
	border-left-color: #999;
}

.pdImg, .pdCenter {
	float: left;
}

.pdImg {
	margin-right: 10px;
	width: 60px;
	text-align: center;
}

.pdCenter {
	width: 685px;
}

.pdAttachment {
	font-size: 13px;
	margin-left: 775px;
	border: solid 1px #DDD;
	background: #f6f6f6;
	padding: 5px;
	min-height: 50px;
	line-height: 1.5;
	color: #666;
}

.pdAttachment .app-star .fa-star, .pdAttachment .app-star .fa-star-o {
	font-size: 13px;
}

.pdBox {
	border: solid 1px #ebebeb;
	padding: 10px;
	overflow: hidden;
	margin-bottom: -1px;
	cursor: pointer;
}

.pdContainer {
	margin-top: 2em;
}

.pdContainer:first-child {
	margin: 0;
}

.pdBox a, .qaTitle a {}

.pdBox a:hover, .qaTitle a:hover {}

.pdBox img {
	border: 0;
	padding: 0;
	background: none;
}

.pdCenter h2 {
	font-size: 16px;
}

.connect {
	position: absolute;
	right: 0;
	font-size: 13px;
	color: #666;
	line-height: 1;
}

.connect span {
	color: #900;
}

.pdCenter p {
	color: #999;
	height: 40px;
	overflow: hidden;
	line-height: 1.5;
	font-size: 13px;
}

.pdFree {
	text-align: center;
	background: #29ABE2;
	color: #FFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	display: inline-block;
	width: 45px;
	top: 7px;
	border-radius: 3px;
}

.pdFree:before {
	content: '';
	display: block;
	width: 0;
	border: solid 8px transparent;
	border-bottom-color: #29ABE2;
	position: absolute;
	top: -13px;
	left: 50%;
	margin-left: -8px;
}

.top {
	background: #ccc;
	display: block;
	width: 50px;
	height: 50px;
	position: fixed;
	right: 64px;
	bottom: 228px;
	z-index: 10;
}

.top:hover {
	background: #aaa;
}

.top:before {
	content: '';
	display: block;
	border: solid 10px transparent;
	border-bottom-color: #FFF;
	width: 0;
	position: absolute;
	top: 10px;
	left: 15px;
}

.qaTitle {
	position: relative;
}

.qaTitle h2, .qaTitle div {
	display: inline-block;
}

.qaTitle div {
	color: #666;
}

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

.comment {
	font-size: 14px;
	border-top: solid 1px #EEE;
	padding: .5em 0;
}

.comment a {
	color: #3079ED;
}

.comment a img {
	padding: 0;
	float: left;
}

.commentCon {
	margin-left: 60px;
}

.commentCon a {
	font-weight: 900;
}

.commentMeta {
	margin-bottom: 3px;
}

.commentMeta ul, .commentMeta time, .commentMeta span {
	display: inline-block;
}

ul.fbUI {
	margin: 0;
	padding: 0;
}

.fbUI li {
	display: inline;
}

.fbUI a {
	display: inline-block;
	width: 14px;
	height: 12px;
	padding-left: 20px;
	background-repeat: no-repeat;
	font-weight: 100;
	line-height: 1;
	color: #059;
}

.praise {
	background: url(../images/show-inf-03blue.png);
}

.comm {
	background: url(../images/comm.gif);
}

.commentCon p {
	color: #666;
}

.commentMeta time {
	color: #999;
}

.reComment .commentCon p {
	display: inline;
}

.reComment .commentCon a {
	margin-right: 10px;
}

.reComment .comment {
	min-height: 54px;
}

.otherComment {
	border: solid 1px #ccc;
	background: #f6f6f6;
	height: 2em;
	padding: 0 3em;
	cursor: pointer;
}

.otherComment:hover {
	border-color: #999;
}

.bStyle {
	border: groove 2px #FFF;
	border-width: 2px 0;
	display: block;
	padding: 8px 0;
	padding-left: 5px;
	position: relative;
	margin-bottom: 1em;
	background: url(../images/body.png);
}

.bStyle a {
	background: url(../images/topb-01.png) no-repeat;
	height: 20px;
	width: 43px;
	display: block;
	position: absolute;
	right: 7px;
	top: 10px;
}

.hot-point {
	position: absolute;
	bottom: 0;
	right: 0;
}

.writer-name {
	position: absolute;
	bottom: 0;
	font-size: 13px;
}

.writer-name a {
	color: #000;
}

.app-writer-list {}

.bStyle2 {
	width: auto;
	margin-bottom: 2em;
	background: url(../images/bg-diag-repeat.png);
	border: solid 1px #CCC;
	padding: 5px;
	box-shadow: 1px 1px #FFF inset;
	clear: both;
}

.bStyle2:after {
	content: '';
	display: block;
	clear: both;
}

a.enable2 {
	font-size: 13px;
	display: block;
	background: #08C;
	color: #FFF;
	border: solid 1px #06C;
	padding: 0 10px;
	line-height: 2;
	border-radius: 5px;
	text-decoration: none;
	position: absolute;
	right: 0;
	top: 0;
}

.enable2:hover {
	background: #09F;
}

#main-app-right-wr {
	font-family: '微軟正黑體';
	font-size: 15px;
}

.app-textbox-wr, .writerIntro {
	float: none;
	font-size: inherit;
	margin-bottom: 15px;
}

.app-textbox-wr:after {
	content: '';
	display: block;
	clear: both;
}

.writerIntro {
	line-height: 1.6;
	color: #666;
}

.app-textbox-wr h1 {
	margin-left: 170px;
}

.writerIntro h1 {
	margin: 0;
}

.writerIntro h2 {
	font-size: 28px;
	color: #059;
}

.Product-out-wr {
	border: solid 1px #ebebeb;
	margin-bottom: -1px;
	padding: 15px;
	min-height: 80px;
	cursor: pointer;
}

.app-textbox-wr h1 {
	font-size: 40px;
	margin-bottom: .5em;
	color: #900;
	margin-top: 6px;
}

.writerIntro p {
	margin-bottom: .5em;
}

.writerIntro ul, .writerIntro ol {
	margin-left: 25px!important;
	padding: 0;
}

.writerIntro ul {
	list-style: square;
}

.writerIntro li {
	margin-bottom: 1em;
}

/*.lessonDetail{ margin-left:85px; line-height:1.4;}*/

.lesson_name-s a {
	white-space: nowrap;
	width: 212px;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle;
}

.mBoxGroup {}

.usestep-out {}

.mFilter {
	margin-bottom: -1px;
}

.mFilter li {
	display: inline;
}

.mFilter a {
	color: #666;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	padding: 0 12px;
	background: #f6f6f6;
	border: 1px solid #ebebeb;
	text-decoration: none;
}

.mFilter a:hover {
	background: #e6e6e6;
}

.mNavNow a {
	background: #fff;
	border-bottom-color: #fff;
	color: #000;
	z-index: 1;
}

.mBoxOut {
	display: none;
}

.mBoxOut:first-child {
	display: block;
}

.mBox {
	border: solid 1px #ebebeb;
	padding: 1em;
	background: #FFF;
	margin-bottom: -1px;
}

.mBox:hover {}

.mBox>a:before, .mBox>a:after {
	content: '';
	position: absolute;
	z-index: 1;
}

.mBox>a:before {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
}

.mBox>a:after {
	width: 31px;
	height: 31px;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -15px;
	background: url(../images/playm-b.png);
	opacity: .5;
}

.mBox>a:hover:before {
	background: rgba(0, 0, 0, 0);
}

.mBox>a:hover:after {
	opacity: 1;
}

.mBoxOut .mBox>a {
	float: left;
	z-index: 2;
	width: 185px;
	height: 135px;
	margin-bottom: 5px;
	overflow: hidden;
}

.mBoxOut .mBox>a img {
	width: 100%;
	height: 135px;
}

.mCon {
	margin-left: 200px;
	height: 135px;
}

.mCon h1 {
	font-size: 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 463px;
}

.mCon h1 a:hover {
	text-decoration: underline;
}

.mCon div.media-main-text {
	color: #6a6a6a;
	line-height: 1.5;
	overflow: hidden;
	height: 45px;
}

.mCon p, .mCon>div, .mCon h1, .mMeta {
	margin-bottom: .2em;
}

.mMeta li {
	display: inline-block;
	margin-right: 1em;
	color: #aaa;
	line-height: 1.5;
	font-size: 14px;
}

.mMeta span {
	color: #000;
	font-weight: 900;
}

.tips-style1 {
	z-index: 1;
	position: absolute;
	top: 0;
	right: 0;
	padding: 3px 5px;
	font-size: 12px;
	background: red;
	color: #fff;
}

div.mBtnOut {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-bottom: 0;
	text-align: right;
}

.mBtnOut a, .mBtnOut .btn {
	display: inline-block;
	line-height: 25px;
	padding: 0 1em;
	font-size: 15px;
}

.mPrice span {
	color: #F00;
}

.mPrice {
	display: inline-block;
	margin-right: 1em;
	font-size: 15px;
}

.mDate {
	position: absolute;
	bottom: 5px;
}

.mDate li {
	display: inline;
	margin-right: 1em;
	color: #999;
}

.mDate time {}

.mDate .fa-calendar, .mDate .fa-check {
	margin-right: 5px;
	color: #777;
}

.removeChannel:hover {
	color: #A90000;
	text-decoration: underline;
}

.mCon:hover .removeChannel {
	display: block;
}

.mBoxOut .empty {
	border-top: solid 1px #DDD;
	padding: 0 1em;
}

.mBoxOut .empty p {
	line-height: 1.8;
}

/*小魚*/

/*講座頁面-交通資訊按鈕*/

.traBtn {
	height: 37px;
	width: 97px;
	background: url(../images/traBtn.png) no-repeat;
}

a.traBtn {
	padding: 10px 0 0 45px;
	text-align: left;
	font-size: 17px;
	font-weight: bold;
	color: #000;
	float: right;
	margin-right: 324px;
}

a.traBtn:hover {
	background: url(../images/traBtn-h.png) no-repeat;
}

.tb-lesson-page-tit #map {
	margin-top: 40px;
}

/*講座頁面-交通資訊按鈕END*/

/*講座頁面-交通資訊*/

.tra_wrapper {
	width: 750px;
	margin: 0 auto;
	background: #FAFAFA;
	border-bottom: solid 10px #CCC
}

.tra_wrapper h1 {
	background: #B5140C;
	padding: 30px 0;
	text-align: center;
	color: #fff;
	font-size: 32px;
	font-family: "微軟正黑體";
}

.traBox {
	padding: 0 23px 20px 23px;
	font-size: 15px;
}

.traBox ul {
	list-style-type: circle;
	padding: 20px 0 10px 120px;
}

.traBox li {
	margin-bottom: 10px;
}

.tra_stitle {
	font-weight: bold;
	color: #900;
	font-size: 24px;
	font-family: "微軟正黑體";
	padding-bottom: 10px;
}

.traBox table {
	border-color: #FFF
}

.traBox table td {
	line-height: 1.5em
}

.infor_stitle {
	background: #204377;
	color: #fff;
}

/*講座頁面-交通資訊END*/

/*HaveMediaLesson-Sign
.hav_media { color:#F00; background: url(../images/have-media.png) no-repeat center 4px; padding-top:26px; text-align: center; font-size: 13px;}*/

.pt {
	line-height: 25px;
	display: inline-block;
	float: right;
	font-size: 16px;
}

.media-pre {
	border: 1px solid #B0B0B0;
	width: 160px;
	border-radius: 20px;
	background-color: #FFFEE6;
	margin: 10px;
	padding: 20px;
	position: absolute;
	bottom: 20px;
	right: 75px;
	font-size: 20px;
	line-height: 32px;
	z-index: 30;
	box-shadow: 1px 1px 4px #999;
	background-image: url(../images/prebg.png);
	color: #002b99;
}

.faq_box {
	font-size: 16px;
	margin-bottom: 1em;
}

.faq_box div .step-out {
	margin-top: 0;
}

/* 小魚-如何成為理財寶作者按鈕*/

.howwrB {
	background: url(../images/sm-b.png) repeat-x;
	color: #000;
	bottom: -55px;
	left: 0;
	font-size: 13px;
	position: absolute;
	width: 185px;
	line-height: 36px;
	height: 40px;
	text-indent: 47px;
	border-radius: 10px;
	border: 2px solid #fff;
	box-shadow: 0 0 4px #999;
	text-shadow: 1px 1px 2px #FFF;
}

a.howwrB:hover {
	text-decoration: none;
	background: url(../images/sm-b-h2.png) repeat-x;
}

.howwrB:after {
	content: "";
	display: block;
	position: absolute;
	background: url(../images/redQM.png) no-repeat;
	width: 40px;
	height: 40px;
	top: -3px;
	left: 3px;
}

/* 小魚-如何成為理財寶作者按鈕結束*/

/*#region away */

/*#endregion*/

.mCtrl {
	position: absolute;
	right: 0;
	z-index: 1;
}

.mCtrl:hover a+ul {
	display: block;
}

.arrow {
	display: block;
	width: 16px;
	line-height: 16px;
	border: solid 1px #DDD;
	background: #FFF;
	z-index: 2;
}

.arrow:hover {
	border-color: #999;
}

.arrow .fa-angle-down {
	font-weight: 900;
	left: 3px;
}

.mCtrl ul {
	position: absolute;
	top: 17px;
	right: 0;
	border: solid 1px #DDD;
	background: #FFF;
	z-index: 1;
}

.mCtrl ul li {
	white-space: nowrap;
	line-height: 1.8;
}

.mCtrl ul a {
	display: block;
	padding: 0 5px;
	text-decoration: none;
}

.mCtrl ul a:hover {
	background: #eee;
}

/*div.addLink{ border:0; margin-top:1em;}
.addLink a{display: inline-block;font-size: 12px;width:99%;text-indent:0;text-align:center;}
.addLink a:hover{ background:none; text-decoration:underline;}*/

.frame {
	width: 100%;
	border: 0;
	height: 1620px;
}

.mCon h2 {
	margin-bottom: .3em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 2em;
	line-height: 1.2;
}

/*=== slider ====================*/

.fade {
	position: relative;
	overflow: hidden;
	width: 297px;
	height: 377px;
}

.fade:hover .arrowAd {
	display: block;
}

.fade img {
	border: 0;
}

.myappsFadeWrap>div {
	position: absolute;
}

.myappsControl {
	position: absolute;
	left: 50%;
	bottom: 6px;
	transform: translateX(-50%);
	z-index: 1;
}

.myappsControl a {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 3px;
	margin-right: 3px;
	background-color: #fff;
	text-decoration: none;
	text-indent: -9999px;
	color: #666;
	border: solid 1px #fff;
	border-radius: 100%;
}

a.myappsStatus {
	background-color: #333;
	color: #fff;
}

.arrowAd a:after {
	position: absolute;
}

.arrowAd {
	position: relative;
	display: none;
}

.arrowAd a {
	position: absolute;
	display: block;
	height: 377px;
	width: 30px;
	text-indent: -9999px;
}

.arrowAd a:after {
	content: '';
	position: absolute;
	display: block;
	width: 28px;
	height: 47px;
	background: url(../images/arrowAd.png);
	top: 50%;
	margin-top: -24px;
}

.prevAd {
	left: 0;
}

.nextAd {
	right: 0;
}

a.prevAd:after {
	background-position: -30px 0;
	left: 20%;
}

a.nextAd:after {
	background-position: 0 0;
	right: 20%;
}

/*=== forFB iframe=====================*/

#wrapper.forFB {
	width: 790px;
	background: none;
	border: 0;
	padding: 0;
	box-shadow: none;
}

.forFB #main-tmp-sp, .forFB .usestep-right {
	width: auto;
}

.forFB .usestep-right {
	border-radius: 5px;
}

/*=== 邀請朋友 =====================*/

.invite-friend, .uai-s-ad, #fixedAd, #fixedAd2 {
	position: fixed;
	top: 210px;
	margin-left: 1215px;
	box-shadow: 2px 4px 8px #999;
}

#fixedAd2 {
	top: 340px;
	padding: 10px;
	width: 40px;
	background: #fff;
	border-color: #BC000A;
}

#fixedAd2 span {
	display: block;
	padding: 10px;
	margin: -10px -10px 10px;
	text-align: center;
	background: #BC000A;
}

#fixedAd2 .fa {
	padding: 5px;
	font-size: 30px;
	color: #BC000A;
	background: #fff;
	border-radius: 50%;
}

#fixedAd2 {
	font-size: 20px;
	line-height: 1.2;
	color: #BC000A;
}

.invite-friend, .uai-s-ad {
	width: 84px;
	height: 118px;
}

.fixed-ad {
	display: none;
}

#fixedAd {
	width: 61px;
	background: #fff;
}

#fixedAdMobi {
	position: fixed;
	z-index: 1;
	left: 50%;
	bottom: 1em;
	margin-left: -25px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
}

#fixedAdMobi img {
	display: block;
}

.fixed-ad-con {
	display: block;
	color: #00ca00;
	font-size: 20px;
	padding: .5em;
	line-height: 1.3;
	font-weight: 600;
}

.invite-friend {
	background: url(../images/inviteFriends.png) 0 no-repeat;
}

.invite-friend:hover {
	background: url(../images/inviteFriends-h.png) 0 no-repeat;
}

.uai-b {
	display: none;
}

.uai-s-ad:hover .uai-a {
	display: none;
}

.uai-s-ad:hover .uai-b {
	display: block;
}

.invite-friendBox {
	background: #fff;
	width: 553px;
	padding: 10px;
}

.invite-friendBox h2 {
	font-family: "微軟正黑體";
	font-size: 24px;
	color: #777;
}

.invite-friendBox h3 {
	font-size: 15px;
	font-weight: normal;
	background: #f5f5f5;
	padding: 5px;
}

.friend-email {
	font-weight: bold;
	margin: 10px 0 0 0;
}

.friend-email span {
	font-size: 16px;
}

.wr-mail {
	display: inline-block;
	position: absolute;
	top: -5px;
	left: 425px;
	font-size: 10px!important;
}

.e-box {
	margin: 10px 0;
}

.e-box-tex {
	width: 410px;
	height: 50px;
}

.friend-email:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 11px;
	background: url(../images/mail_small.png) no-repeat;
}

.send-f-email {
	display: inline;
	border: 1px solid #3079ed;
	background: #4d90fe;
	color: #FFF;
	font-weight: 900;
	font-size: 13px;
	padding: .35em 1em;
	margin: 0 0 0 10px;
	position: absolute;
	top: 137px;
}

.send-f-email:hover {
	background: #3079ed;
	border-color: #06F;
}

.preview-box p {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}

/*=== 邀請朋友預覽 =====================*/

.invite-cmlogo {
	background: #e51013;
	width: 553px;
	padding: 4px 0 4px 10px;
}

.pre-friend {
	font-family: "微軟正黑體";
	font-size: 15px;
	background: #fff;
}

.pre-head {
	margin: 10px 0 0 0;
}

.pre-friend p {
	margin: 5px 0;
	line-height: 1.5em;
	font-size: 15px;
}

/*=== 我的理財寶 =====================*/

.the-date-selected-out, .Product-text-valuez {
	float: left;
	padding: 15px;
}

.r-out {
	margin-bottom: 15px;
	position: relative;
	z-index: 20;
	overflow: hidden;
}

.r-out+.appTab-row .appTabConGp {
	padding: 0;
}

.r-out-buy {
	background: #f7f7f7;
}

.r-out-more {
	position: absolute;
	right: 0;
	top: -20px;
	;
	font-size: 13px;
}

.the-date-selected-out {
	width: 297px;
}

.the-date-selected-out>div {
	margin-bottom: 15px;
}

.the-date-selected-out .using {
	border-bottom: solid 3px #900;
	z-index: 1;
}

.the-date-selected-out .mask {
	top: -1px;
	display: none;
}

.the-date-selected-out .atonce {
	border: solid 1px #ccc;
}

.the-date-oclock {
	position: absolute;
	z-index: 1;
	width: 297px;
	height: 40px;
	font-size: 16px;
	font-weight: bolder;
	line-height: 40px;
	color: #fff;
	text-align: center;
}

.the-date-oclock span {
	font-size: 20px;
	font-weight: bold;
	color: #FC0;
	position: relative;
	top: 2px;
	margin: 0 2px 0 8px;
}

.yu-left>.btn2 {
	width: 230px;
	font-size: 28px;
	margin: 15px 0 0 35px;
}

.r-out .box-title {
	margin: 0;
	/*border:none;*/
	background-position: 0;
	margin-bottom: 1em;
	border-bottom: solid 1px #ECECEC;
}

.box-title i {
	color: #FF8F00;
	font-size: 18px;
	padding-right: 5px;
}

.appTab-row {
	z-index: 20;
}

.used-app, .recent-app {
	display: inline-block;
	padding: 10px 0;
	border: solid 1px #e6e6e6;
	z-index: 1;
}

.recent-app {
	display: none
}

.Product-text-out-new>span {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 13px;
	color: #0D9248;
}

.Product-text-out-new>span>span {
	color: #666;
}

.Product-text-out-new h1 {
	font-size: 15px;
	margin-bottom: .2em;
	/*width: 420px;*/
	font-weight: normal;
	line-height: 1.3;
}

.Product-text-out-new h1 a {
	font-weight: 700;
}

.Product-text-value>p {
	font-size: 13px;
	color: #6A6A6A;
	line-height: 1.4;
	font-weight: normal;
}

.Product-text-out-new .Product-text-value>span {
	display: inline-block;
	color: 999
}

.r-out.ccbox {
	overflow: hidden;
}

.ccbox ul li a {
	float: left;
	padding: .667em;
	border: solid 1px #e6e6e6;
	margin-right: -1px;
	box-sizing: border-box;
}

.ccbox ul li a.w01 {
	width: 100%;
}

.ccbox ul li a.w02 {
	width: 47.4%;
}

.ccbox ul li a.w03 {
	width: 30.7%;
	height: 102px
}

.ccbox ul li a img {
	float: left;
	margin-right: 5px;
}

.ccbox ul li a header {
	color: #1E5780;
}

.ccbox ul li a:hover {
	background-color: #fffcf0
}

.ccbox .btn {
	position: absolute;
	right: 10px;
	bottom: 10px;
	height: 15px;
	padding: 5px;
}

.ccbox .btn .fa {
	margin-right: 3px;
	animation: blink .3s infinite;
	-webkit-animation: blink .3s infinite;
	-moz-animation: blink .3s infinite;
	-ms-animation: blink .3s infinite;
	-o-animation: blink .3s infinite;
}

keyframes blink {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes blink {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-moz-keyframes blink {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-ms-keyframes blink {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-o-keyframes blink {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.ccbox header {
	overflow: hidden;
	margin-bottom: 5px;
}

.font-bold {
	font-weight: 700;
}

.font-block {
	color: #000;
}

.red, .font-red {
	color: #900;
}

.ccbox ul li a img+.font-bold {
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

header.font-bold+span.font-bold {
	font-size: 13px;
	line-height: 1.3;
}

/*=== 影音左側MENU =====================*/

.v-menu h3 {
	font-size: 1.5em;
}

.v-menu .sub-navi li:after {
	display: none;
}

.gogo {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

/*video-single================================*/

.upbar {
	background: url(../images/logo-bg.gif) repeat-x;
	height: 45px;
}

.upbar div, .out, .copyright-text-usepage {
	width: 710px;
	margin: 0 auto;
}

.left {
	background-color: #bfc3c7;
	border: 1px solid #FFF;
}

.doc {
	border: 1px solid #797979;
	background: #ababab url(../images/doc-bg.gif) repeat-x;
	padding: 10px;
}

.media {
	margin: 10px;
}

.copyright-text-usepage {
	font-size: 12px;
	color: #CCC;
	text-align: center;
	margin-bottom: 10px;
	line-height: 30px;
	height: 30px;
}

.playinfor {
	position: absolute;
	right: 0;
	top: 11px;
}

.playinfor a {
	color: #FFF;
	font-size: 11px;
	background: url(../images/icon_info.png) no-repeat;
	padding-left: 17px;
}

.copyright-text-usepage a {
	color: #ccc;
}

.copyright-text-usepage a:hover {
	color: #fc0;
}

.Product-text-box {
	/*float:left;*/
	overflow: hidden;
}

.Product-out-wrlist {
	cursor: pointer;
}

.v-msg {
	text-align: center;
	margin-top: 2em;
}

.v-msg .fa-exclamation-triangle {
	font-size: 80px;
	color: red;
}

.v-msg p {
	line-height: 1.6;
	margin: 1em 0;
}

.v-msg p a {
	font-weight: 900;
}

.single-title {
	display: inline-block;
	margin-right: 150px;
	font-size: 30px;
	line-height: 1.3;
	margin-bottom: .5em;
	border-bottom: solid 2px #999;
}

.v-hdr {
	margin-bottom: 1em;
	padding-bottom: .3em;
}

.v-hdr h3 {
	display: inline-block;
	margin-bottom: 0;
}

.v-social {
	right: 0;
	top: 0;
	position: absolute;
	font-size: 13px;
	color: #666;
}

.v-social>div>b {
	color: #000;
}

.v-ic, .v-master, .v-class, .video-use, .v-classAll {
	margin-top: 2em;
}

.v-classAll:first-child {
	margin: 0;
}

.video-use:first-child {
	margin: 0;
}

.v-class, .v-master, .v-classAll {
	overflow: hidden;
}

.v-box p {
	font-size: 15px;
	color: #666;
	line-height: 1.5;
	margin-bottom: 1em;
}

.vic-Img, .v-master img, .v-class img {
	float: left;
}

.vic-Img>img {
	width: 90px;
	height: auto
}

.vic-Content {
	margin-left: 100px;
	height: 90px;
}

.v-ic>a, .v-master>a, .v-class>a {
	position: absolute;
	right: 0;
	top: 7px;
	font-size: 13px;
	bottom: auto;
}

.tips1 {
	font-size: 13px;
	color: #F60;
	display: inline-block;
	margin-left: .8em;
	vertical-align: bottom;
}

.vic-Content h2, .hot2 {
	display: inline-block;
}

.hot2 {
	font-size: 13px;
	margin-left: .8em;
}

.hot2 .color1 {
	font-weight: 900;
}

.vic-Box {
	padding-top: 10px;
	margin-top: 6px;
	border-top: solid 1px #DDD;
	color: #666;
}

.vic-Box:first-child {
	margin: 0;
	border: 0;
	padding: 0;
}

.vic-Box p, .vic-List, .v-S-title a, .v-master p, .v-c-infor {
	font-size: 13px;
}

.vic-Box p {
	overflow: hidden;
}

.vic-List {
	line-height: 1.5;
}

.vic-Box h2, .v-c-infor a, .v-master div a {
	font-size: 16px;
}

.v-master p, .v-c-infor p {
	color: #666;
	line-height: 1.5;
	height: 60px;
	overflow: hidden;
}

.v-master img {
	width: 90px;
	height: auto;
}

.v-class img {
	width: 190px;
	height: auto;
	border: solid 1px #ccc;
}

.v-c-infor {
	margin-left: 210px;
}

.v-c-infor h2 {
	margin-bottom: 4px;
}

.v-c-infor ul, .item-meta {
	margin-bottom: 13px;
	list-style: square;
	margin-left: 1.7em;
	color: #666;
}

.item-meta {}

.v-c-infor ul li {
	line-height: 1.5;
}

.v-c-infor a, .v-master div a, .v-c-infor li:first-child {
	font-weight: 700;
}

.video-use {}

.video-use .mBox {
	font-size: 13px;
	border: 0;
}

.video-use .mBox>a {
	display: block;
	margin: 0;
	overflow: hidden;
	height: 128px;
}

.video-use .mBox h2 {
	font-size: 14px;
	line-height: 1.4;
	height: 40px;
	overflow: hidden;
	margin-top: 5px;
}

.video-use .mBox img {
	display: block;
	width: 100%;
	height: auto;
}

.video-use .mBox ul {
	color: #aaa;
	line-height: 1.5;
}

.video-use .mBox ul a {}

.video-use .mBox:hover ul a {}

.vic-Content p {
	line-height: 1.5;
}

/*.v-ic p{ height:40px; overflow:hidden;}*/

.video-use .mBox>div {
	clear: both;
}

.Product-text-out-wr .Product-text-box {
	float: none;
}

.col-right {
	margin-left: 342px;
}

/* Author CP */

.author-box {
	overflow: hidden;
}

.author-box:first-child {
	padding: 15px 0;
	margin-bottom: 15px;
}

.author-lm-block {
	margin-top: 2em;
}

.author-lm-block:first-child {
	margin-top: 0;
}

.author-lm-block .mBoxOut {
	display: block;
}

.author1, .author2, .author3 {
	padding: 0 15px;
	box-sizing: border-box;
}

.author1, .author2 {
	width: 25%;
	float: left;
}

.author1 img {
	width: 100%;
}

.author3 {
	width: 50%;
	margin-top: 39px;
	float: left;
	border-left: solid 1px #ddd;
}

.author-star-list li {
	padding: 5px;
	margin-top: 10px;
	background: #FFFBE1;
	border: solid 1px #e6e6e6;
	font-size: 14px;
	border-radius: 3px;
}

.author-star-list li>.fa {
	margin-right: 5px;
}

.author-star {
	float: right;
	color: #f90;
	width: 82px;
}

.author-title {
	font-size: 30px;
	color: #A90000;
}

.author3 h2, .author3 h3 {
	margin-bottom: 10px;
	font-weight: 100;
}

.author3 h2 {
	color: #A90000;
	font-size: 20px;
}

.author3 h3 {}

.author3 p {
	color: #000;
	line-height: 1.5;
	font-size: 14px;
}

.col-4, .col-8 {
	float: left;
}

.col-8 {
	width: 66.66666667%;
}

.col-4 {
	width: 33.33333333%;
}

.clearfix:after {
	content: '';
	display: table;
	clear: both;
}

.sort-fn {
	position: absolute;
	right: 0;
	font-size: 13px;
	z-index: 2;
	top: -2px;
}

.sort-fn a {
	color: #000;
}

.sort-fn>span, .sort-fn>div, .sort-now {
	display: inline-block;
}

.sort-now {
	border: solid 1px #e3e3e3;
	padding: 6px 10px;
	background: #FFFCF0;
	font-weight: 900;
	width: 105px;
	z-index: 1;
}

.sort-now:hover {
	border-color: #999;
}

.sort-now .fa-angle-down {
	position: absolute;
	right: 10px;
	font-weight: 900;
}

.sort-fn-slt {
	position: absolute;
	border: solid 1px #e3e3e3;
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	top: 26px;
	width: 127px;
}

.sort-fn-slt a {
	display: block;
	padding: 6px 10px;
	color: #333;
}

.sort-fn-slt a:hover {
	background: #eee;
}

.enable-con-out {
	margin: 0 5em;
}

.enable-con {
	overflow: hidden;
	background: #f6f6f6;
	border: solid 1px #e6e6e6;
	margin-bottom: 2em;
}

.app-img {
	float: left;
	background: #fff;
	padding: 1em;
	border-right: solid 1px #e6e6e6;
}

.app-con {
	margin-left: 240px;
	padding: 15px;
}

.app-con h2 {
	color: #000;
	font-size: 26px;
	margin-bottom: .5em;
}

.app-con ul {}

.app-con ul li {
	line-height: 1.7;
	display: inline-block;
	padding-left: 12px;
	width: 240px;
	margin-left: .7em;
	font-size: 16px;
}

.app-con ul li:before {
	content: '';
	width: 5px;
	height: 5px;
	background: #900;
	position: absolute;
	left: 0;
	top: 10px;
}

.enable-con+.btnOut, .enable-list2 {
	margin-bottom: 2em;
}

.enable-list2 {
	list-style: square inside;
	border-top: solid 1px #EEE;
	padding-top: 2em;
}

.enable-list2 li {
	font-size: 14px;
	margin-bottom: .2em;
}

.enable-list2>li:first-child {
	font-size: 20px;
	line-height: 1.5
}

.enable-list2 ol {
	margin: 2em 0;
	list-style: decimal
}

.enable-list2 ol img {
	display: block;
	margin: 1em 0 3em;
}

.enable-list2 ol li {
	margin-left: 35px;
}

.pdCenter h2 {
	margin-bottom: .2em;
	width: 100%;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.firstCol .ad5 .taxt-box img, .firstCol .ad5 table {
	width: 100% !important;
	height: auto!important;
}

.firstCol .ad5 .f-red-l img {
	width: 21px!important;
}

.step-out ol li img {
	display: block;
	margin: 1em 0;
	max-width: 100%;
	height: auto;
}

.mobile-adv {
	position: fixed;
	bottom: 10px;
	z-index: 1000;
	left: 50%;
	margin-left: -160px;
	height: 50px;
}

.alert-msg {
	padding: 1em;
}

.alert-line {}

.alert-bnr {
	background: #2dbf14;
	padding: 1em;
	margin-bottom: 1em;
}

.alert-bnr p {
	top: -28px;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
}

.alert-con {}

.alert-con:after {
	content: '';
	display: block;
	clear: both;
}

.alert-con>img {
	float: left;
}

.alert-con-det {
	margin-left: 190px;
}

.alert-title {
	font-size: 30px;
	color: #d00;
	font-weight: 100;
	margin-bottom: .5em;
}

.alert-title span {
	font-size: 20px;
	margin-left: .5em;
}

.alert-list {
	color: #000;
	font-weight: 600;
	line-height: 1.8;
}

.alert-list a {
	color: #2dbf14;
}

.alert-list a:hover {
	text-decoration: underline;
}

.alert-con-det .fa-hand-o-right {
	margin-right: .2em;
}

/* Line、Facebook 分享*/

.m-social-btn {
	display: none;
	position: fixed;
	z-index: 5;
	bottom: 58px;
}

.m-social-btn-bottom {
	left: 0;
	right: .667em;
	text-align: center;
}

.m-social-btn-bottom a {
	display: inline-block;
	margin: 0 .3em;
}

.w-line img, .w-fb img {
	border-radius: 50%;
}

.star-outline {
	display: block;
}

.player-out {
	text-align: center;
}

.player {
	display: inline-block;
	width: 550px;
	height: 400px;
}

.player .fa {
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
	color: rgba(255, 255, 255, .7);
	font-size: 100px;
}

.player:hover .fa {
	color: #fff;
}

.player:before {
	z-index: 1;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .1);
}

.player:hover:before {
	background: rgba(0, 0, 0, 0);
}

.count-down+a+.count-down {
	margin-bottom: 0;
	margin-top: 10px;
}

.popup_msg, .popup_msg input[type="button"] {
	font-family: "微軟正黑體";
}

.popup_msg {
	background: #fff;
	text-align: center;
	min-width: 300px;
}

.popup_msg header {
	background: #c00;
	color: #fff;
	font: bold 18px "微軟正黑體";
	padding: 10px;
	margin-bottom: 1em;
}

.popup_msg input[type="button"] {
	padding: 10px 0;
	cursor: pointer;
	padding: 5px 15px;
	font-size: 16px;
}

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

.ppm_content p {
	font-size: 15px;
	line-height: 1.6em;
}

.affiliate_content p {
	line-height: 1.7;
	color: #666;
}

.app-ad {
	padding: 1em;
	margin: 1em 0;
	background: #f6f6f6;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
}

.app-ad {
	border-radius: 3px;
}

.app-tips-area {
	margin-bottom: 15px;
}

.app-tips-area > .app-tips-text, .app-tips-title {
	text-align: center;
	font-size: 35px;
	color: #000;
	font-weight: 100;
}

.app-tips-area > .app-tips-text:before {
	content: '';
	position: relative;
	top: 13px;
	display: inline-block;
	width: 40px;
	height: 35px;
	background: url(../images/arrow_painter.png);
}

.app-tips-title {
	margin-bottom: 15px;
	font-size: 25px;
	color: #900;
}

.app-tips-list:after {
	content: '';
	display: block;
	clear: both;
}

.app-tips-list li {
	float: left;
	width: 50%;
}

.bouns-k {}

.app-tips-list li:after {
	content: '';
	display: block;
	clear: both;
}

.app-tips-list li>a img {
	float: left;
	width: 120px;
	height: auto;
	border-radius: 15px;
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
}

.download-btn-out a img {
	height: 50px;
}

.download-btn-out a img:hover {
	opacity: .8;
}

.app-tips-content {
	margin-left: 135px;
	color: #000;
}

.app-tips-content .content-title {
	font-size: 20px;
	font-weight: 100;
}

.app-tips-content p {
	margin-bottom: 18px;
	line-height: 2;
}

.app-tips-title .fa-chevron-down, .empty .fa-chevron-down, .empty .fa-chevron-up {
    display: none;
}

.ie11 .atonce-out {}

/*===行動版籌碼K線APP商品頁==========*/

.pStyle .download-app .bc2 {
	width: 100%;
	font-size: 18px;
}

.app-d-type {
	text-align: center;
	margin-top: 10px;
}

.app-d-type img {
	margin: 0 3px;
}

.right-load {
	font-size: 25px;
	color: #C00;
	margin-bottom: 1em
}

.k-app-intro {
	margin-top: 3em;
	overflow: hidden;
}

.k-app-intro1 {
	min-height: 360px
}

.k-app-con h3 {
	font-size: 32px;
	font-weight: 500;
	color: #AF0000;
	line-height: 1.5;
}

.k-app-pic-r {
	width: 41%;
	float: left;
	margin-left: 1em;
}

.k-app-pic-l {
	width: 43%;
	float: right;
}

.k-app-pic-c {
	width: 70%;
	margin: 1rem auto;
}

.k-app-pic-c img {
	width: 100%;
}

.k-app-intro2 .k-app-text {
	float: right;
	margin-left: 3em;
}

.k-app-intro i {
	margin-right: 10px;
	color: #C2C2C2;
}

.k-app-text p {
	padding: 1em 0;
	line-height: 1.7;
	font-size: 18px
}

.k-app-con hr {
	margin: 1em 0;
}

.k-app-con img {
	max-width: 100%;
}

.k-app-pic-r img, .k-app-pic-l img {
	width: 100%;
}

.k-app-con iframe {
	width: 100%;
	height: 540px;
}

.k-app-text {
	width: 50%;
	float: left;
}

.k-app-text h6 {
	font-size: 20px;
	font-weight: normal;
	color: #C40000
}

.k-app-intro ul p {
	font-size: 15px;
}

.k-app-intro ul li p {
	margin-left: 1em
}

.b-style {
	border-top: solid 1px #eee;
	padding-top: 4em;
}

.k-app-con .app-d-type {
	margin-top: 7em;
}

.app-d-type .bc2 {
	font-size: 30px;
	padding: .5em 1em;
	margin-bottom: .5em;
}

.post-header {
	margin-bottom: 15px;
	background: #FFB9B9;
}

.post-block {
	display: inline-block;
	background: #EA2323;
	padding: .5em 1em;
	font-weight: 900;
	color: #fff;
}

.post-block:before, .post-block:after {
	content: '';
	position: absolute;
	top: 0;
	right: -30px;
	border: solid 15px transparent;
}

.post-block:before {
	border-left-color: #EA2323;
}

.post-block:after {
	border-bottom-color: #EA2323;
}

.post-block .fa {
	margin-right: 5px;
}

.post-thumb {
	width: 30%;
	float: left;
}

.post-thumb img {
	width: 100%;
}

.post-content {
	margin-left: 32%;
}

.post-title {
	margin-bottom: 5px;
	line-height: 1.3;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.post-title a {
	font-weight: 100;
}

.post-content p {
	line-height: 1.5;
}

.row {
	margin-left: -15px;
	margin-right: -15px;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	float: left;
	padding: 15px;
	box-sizing: border-box;
}

.col-md-1 {
	width: 8.33333333%;
}

.col-md-2 {
	width: 16.66666667%;
}

.col-md-3 {
	width: 25%;
}

.col-md-4 {
	width: 33.33333333%;
}

.col-md-5 {
	width: 41.66666667%;
}

.col-md-6 {
	width: 50%;
}

.col-md-7 {
	width: 58.33333333%;
}

.col-md-8 {
	width: 66.66666667%;
}

.col-md-9 {
	width: 75%;
}

.col-md-10 {
	width: 83.33333333%;
}

.col-md-11 {
	width: 91.66666667%;
}

.col-md-12 {
	width: 100%;
}

.class-header-wrap {
	border-bottom: solid 1px #eee;
	margin: -15px;
}

.class-title-out h1 {
	margin-bottom: 15px;
	color: #000;
	font-size: 30px;
}

.class-category dt, .class-category dd {
	display: inline;
}

.class-category dt {
	color: #bbb;
}

.class-category dd a {
	text-decoration: underline;
}

.class-category dd a:hover {
	text-decoration: none;
}

.class-countdown {
	text-align: center;
}

.class-countdown-ps {
	margin-bottom: 10px;
	font-size: 20px;
}

.class-slider-img-list {
	height: 320px;
}

.class-slider-img-list li {
	position: absolute;
	top: 0;
	left: 0;
}

.class-slider-img-list li img {
	width: 100%;
	display: block;
}

.class-intro-wrap {
	margin: auto -15px;
}

.class-slider-ctrl {
	position: absolute;
	width: 100%;
	left: 0;
	text-align: center;
	z-index: 1;
	bottom: 30px;
}

.class-slider-ctrl a {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 50%;
	border: solid 1px #ccc;
}

.class-intro-list li {
	margin-bottom: 10px;
	line-height: 1.5;
	font-size: 18px;
}

.class-intro-list li .fa {
	width: 20px;
	margin-right: 10px;
	text-align: center;
}

.class-intro-list li a {
	float: right;
}

.class-intro-list li a:hover {}

.class-intro-list .inlineblock {
	margin-left: -5px;
}

.inlineblock {
	display: inline-block;
	vertical-align: top;
}

.class-intro-list .inlineblock span {
	display: block;
}

.class-intro .bc1, .class-intro .bc2 {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 20px;
	width: auto;
	display: block;
}

.class-intro-list li .save {
	line-height: 1;
	position: absolute;
	left: 200px;
	top: -10px;
}

.class-intro-list li strong {
	color: #f00;
	font-size: 20px;
}

.check-link a {
	line-height: 40px;
}

.check-link a:hover {}

.check-link a .fa {
	margin-right: 5px;
}

.class-intro-list .save {}

.btn-out.col-md-7 {
	text-align: center;
}

.btn-out.col-md-7 .btn.bc2 {
	margin-bottom: 10px;
}

.btn-out.col-md-9 {
	margin: auto;
	float: none;
}

.btn-out.col-md-9 p {
	font-size: 30px;
	text-align: center;
}

.btn-out.col-md-9 p a {
	font-size: 14px;
	margin-left: 10px;
}

.class-check {
	background: #f6f6f6;
}

.class-intro-list .fa-hand-o-right {
	animation: blink .5s infinite linear;
	animation: blink .5s infinite linear;
	animation: blink .5s infinite linear;
	animation: blink .5s infinite linear;
}

@keyframes blink {
	0% {
		color: inherit;
	}
	50% {
		color: #fff;
	}
	100% {
		color: inherit;
	}
}

.class-tab-group-wrapper {
	background: #ccc;
}

.the-fixed {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 6;
	background: #BC000A;
	transitions: all .3s ease;
}

.the-fixed .class-tab-group {
	width: 1200px;
	margin: auto;
}

.the-fixed .class-special a {
	color: #fd0;
}

.class-tab-group {
	overflow: hidden;
}

.class-tab-group li {
	float: left;
}

.class-tab-group a {
	display: inline-block;
	padding: 15px;
	color: #fff;
}

.class-tab-Now a {
	background: #eee;
	color: #333;
}

.class-tab-group a:hover {
	background: #ddd;
	color: #000;
}

.class-special a {
	color: #000;
}

.class-special .fa {
	margin-right: 5px;
}

.class-special a:hover {}

.class-tab-content {
	margin: 50px auto 0;
}

.class-tab-content-title, .class-tab-content h2, .class-tab-content h3, .class-tab-content p, .class-tab-content ul, .class-tab-content ol, .class-tab-content img, .class-tab-content table, .class-tab-content hr, .class-tab-content:after, .class-comment {
	width: 85%;
	margin: 15px auto;
}

.class-tab-content-title {
	margin: 15px auto 30px;
}

.class-tab-content:after {
	content: '';
	display: block;
	height: 20px;
	margin-top: 30px;
	background: url(../images/line45.gif);
	opacity: .3;
}

.class-tab-content h5 {
	text-align: center;
	font-size: 30px;
	font-weight: 500;
}

.class-tab-content h2, .class-tab-content h3 {
	margin-bottom: 15px;
	color: #000;
}

.class-tab-content p, .class-tab-content ul, .class-tab-content ol {
	margin-bottom: 15px;
	line-height: 1.6;
}

.class-tab-content .class-status {
	font-size: 30px;
}

.class-tab-content img, .class-tab-content iframe {
	display: block;
}

.class-tab-content iframe {
	width: 560px;
	margin: 15px auto;
}

.class-tab-content ul {
	list-style-type: square;
	list-style-position: inside;
}

.class-tab-content ol {
	list-style-type: decimal;
	list-style-position: inside;
}

.class-tab-content li {}

.class-tab-content hr {
	margin: 15px auto;
}

.class-tab-content td, .class-tab-content th {
	padding: 10px;
	border: 1px solid #e0e0e0;
	line-height: 1.5;
}

.class-tab-content-title-link {
	position: absolute;
	right: 0;
	bottom: 0;
}

.class-tab-content-title-link, .class-check-list dd a {
	text-decoration: none;
}

.class-tab-content-title-link:hover, .class-check-list dd a:hover {
	text-decoration: underline;
}

ul.class-tab-content-album {
	overflow: hidden;
	padding: 0;
	list-style: none;
}

.class-tab-content-album li {
	width: 33.33333%;
	float: left;
	margin: 0;
	padding: 15px;
	box-sizing: border-box;
}

.class-tab-content-album li img {
	width: 100%;
	margin: 0;
}

.class-list-before li span {
	float: right;
}

.class-tab-detail h2 {
	font-size: 30px;
	color: #900;
	text-align: center;
	line-height: 1.4;
}

.class-tab-detail .signup-select ul {
	width: 77px;
	list-style-type: none;
	margin: 0;
}

.class-tab-detail .signup-select li {
	margin-left: 0;
}

.class-check-info {
	width: 85%;
	margin: auto;
}

.class-map, .class-check-detail {
	background: #f6f6f6;
	height: 380px;
}

.class-map iframe {
	margin: 0;
	width: 100%;
}

ul.class-check-list {
	margin: 0;
}

.class-check-list dt, .class-check-list dd {
	display: inline-block;
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 10px;
}

.class-check-list dd {
	width: 300px;
	vertical-align: top;
}

div.class-comment {
	display: block;
}

.class-other-list {
	overflow: hidden;
	background: #f6f6f6;
}

.class-other-list li {
	overflow: hidden;
	margin: 0;
	list-style-type: none;
	float: left;
	width: 50%;
}

.class-other-list img {
	width: 70px;
	margin: 0;
	float: left;
	margin-right: 15px;
}

.class-other-list h3 {
	margin: 0;
	font-weight: 100;
	width: 100%;
}

.class-other-list a {
	display: block;
	background: #f6f6f6;
	padding: 15px;
	overflow: hidden;
}

.class-other-list a:hover {
	background: #FFFCF0;
}

.class-list-before {}

.class-list-before li {
	border-bottom: solid 1px #eee;
	line-height: 2.5;
}

.class-ad-all {
	width: 970px;
	height: 90px;
	margin: 0 auto 15px;
	background: #eee;
}

.overlay2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	z-index: 1000;
}

.mobile-download-wrapper {
	top: 50px;
	height: 460px;
	width: 300px;
	margin: auto;
	text-align: center;
}

.mobile-download-wrapper img {
	margin-bottom: 10px;
	width: 150px;
}

.mobile-download-wrapper p {
	color: #ddd;
	line-height: 1.5;
	margin-bottom: 10px;
	font-size: 22px;
}

.mobile-download-list {
	background: rgba(0, 0, 0, .5);
	padding: 20px 10px;
}

.mobile-download-list li {
	color: #fff;
	line-height: 1.8;
	margin-top: 20px;
}

.mobile-download-list li:first-child {
	margin: 0;
}

.mobile-download-list li img {}

.btn-android, .btn-ios {
	display: block;
	margin: auto;
	width: 196px;
	height: 68px;
	background-image: url(../images/Android-App.png);
	text-indent: -9999px;
}

.btn-android {
	background-position: 0 0;
}

.btn-ios {
	background-position: 0 -66px;
}

.mobile-download-list .btn {
	line-height: 53px;
	padding: 0 16px;
	font-size: 25px;
	margin-top: 5px;
}

.app-btn {
	background: url('../images/appdownload.png') no-repeat;
	display: block;
	height: 46px;
	background-size: cover;
	text-indent: -9999px;
}

.app-btn:hover {
	opacity: .8;
}

.google-btn {
	background-position: 0 -59px;
}

.itunes-btn {
	background-position: 0 0;
}

.download-app .google-btn {
	margin-bottom: 10px;
}

.app-d-type .app-btn {
	width: 250px;
	display: inline-block;
	height: 78px;
}

.app-d-type .google-btn {
	background-position: 0 -101px;
}

.block-style {}

.books-block {
	margin-top: 15px;
}

.books-block:first-child {
	margin: 0;
}

.shop-status-block {
	background: #333;
	padding: 15px;
	margin: 15px 0;
}

.shop-status {
	color: #fff;
	font-size: 20px;
	top: 10px;
}

.shop-tips {
	background: #fff;
	border-radius: 3px;
	padding: 10px;
	color: #000;
}

.shop-tips-pay .bc2 {
	padding: 0 15px;
	font-size: 25px;
	line-height: 1.8;
}

.wrlist-tab-panel .Product-out {
	border: solid 1px #ebebeb;
	top: -1px;
}

.books-list li {
	width: 20%;
	float: left;
	padding: 15px;
	box-sizing: border-box;
	text-align: center;
}

.books-price, .books-list img, .books-list h4, .books-list del {
	margin-bottom: 10px;
}

.books-list img {}

.books-list h4 {
	line-height: 1.3;
	height: 38px;
	overflow: hidden;
}

.books-list del {
	display: inline-block;
}

.books-list .qty-select {
	display: inline-block;
}

.qty-select {
	font-size: 0;
}

.qty-select .qty {
	font-size: 16px;
	width: 40px;
	border: 0;
	margin: 0 -1px;
	text-align: center;
	line-height: 26px;
	color: #999;
	border: 1px solid #ccc;
	vertical-align: top;
}

.crease {
	padding: 1px 8px 0;
	line-height: 25px;
	color: #999;
	display: inline-block;
	font-size: 15px;
	border: 1px solid #ccc;
	cursor: pointer;
	background: #f6f6f6;
}

.negative {}

.plus {}

.books-more-block {
	padding: 15px;
}

.books-list .bc8 {
	padding: 0 10px;
	line-height: 27px;
	vertical-align: top;
}

.Product-out .more, .Product-out .more:after {
	position: static;
}

.shop-cart-block {
	width: 50px;
	position: fixed;
	margin-left: 1200px;
	bottom: 320px;
	box-shadow: 2px 4px 8px #999;
}

.shop-cart-block a {
	display: block;
	background: #fff;
	color: #c40207;
	font-size: 16px;
	padding: 5px;
	text-align: center;
	line-height: 1.3;
}

.shop-cart {
	background: #c40207;
	text-align: center;
	padding: 5px 0;
}

.shop-cart .fa-shopping-cart {
	font-size: 43px;
	color: #fff;
	transform: scaleY(1.2);
}

.shop-cart-num {
	color: #c40207;
	position: absolute;
	top: 14px;
	left: 0;
	width: 100%;
	text-indent: 5px;
}

.no-book .shop-cart {
	background: #999;
}

.no-book.shop-cart-block a, .no-book .shop-cart-num {
	color: #999;
}

.cp-books .deadline {
	background: none;
	border: 0;
	text-align: left;
}

.cp-books h1 {
	margin: 0 0 15px;
}

.cp-books .book-meta {
	list-style: none;
	margin: 0;
}

.btn-block {
	display: block;
}

.shop-box {
	background: #f6f6f6;
	border: solid 1px #e6e6e6;
	padding: 15px;
	margin-bottom: 15px;
}

.shop-box .btn {
	width: 100%;
	font-size: 24px;
	line-height: 2;
	margin-top: 15px;
}

.payarea-list>li {
	font-size: 18px;
	line-height: 1.8;
}

.payarea-list ul {
	margin-left: 23px;
}

.payarea-list ul li {
	line-height: 1.3;
	margin-bottom: 10px;
	font-size: 15px;
}

.book-tips {
	line-height: 1.5;
}

.book-tips .fa {
	font-size: 18px;
}

.cp-books .firstCol, .cp-books .secondCol {
	margin-bottom: 15px;
}

.books-intro-tit-out {
	background: #ddd;
	margin: -15px -15px 15px;
	padding: 15px;
}

.books-intro-tit {
	font-size: 30px;
}

.books-intro-tit-list {
	top: 7px;
}

.books-intro-tit-list li {
	display: inline-block;
	border-left: solid 1px #979797;
	padding: 0 1em;
}

.books-intro-tit-list li:first-child {
	border: 0;
}

.books-intro {}

.books-intro h2, .books-intro h3, .books-intro p, .books-intro ul {
	margin-bottom: 15px;
}

.books-intro h2 {}

.books-intro h3 {}

.books-intro p, .books-intro li {
	line-height: 1.5;
}

.books-intro ul {
	list-style: disc;
	margin-left: 20px;
}

.cp-books .save {
	line-height: 1.1;
	right: 30px;
}

.payarea-list span {
	font-size: 15px;
}

.payarea-tips {
	display: inline-block;
	top: 2px;
}

.payarea-tips:hover .payarea-tips-con {
	display: block;
}

.payarea-tips .fa-question-circle {
	font-size: 18px;
}

.payarea-tips-con {
	display: none;
	position: absolute;
	bottom: 32px;
	left: -30px;
	background: rgba(0, 0, 0, .7);
	color: #fff;
	width: 250px;
	padding: 10px;
	border-radius: 5px;
}

.payarea-tips-con:before {
	position: absolute;
	bottom: -20px;
	left: 28px;
	content: '';
	border: solid 10px transparent;
	border-top-color: rgba(0, 0, 0, .7);
}

.books-intro-item {
	margin-bottom: 15px;
}

.books-intro-item .btn-more {
	border: solid 1px #979797;
	background: none;
	width: 100%;
	font-size: 15px;
	line-height: 2;
}

.action-intro p {
	line-height: 1.5;
}

.btn-android-pay {
	display: block;
	background: #000;
	color: #fff;
	padding: 7px 0 9px;
	font-size: 22px;
	text-align: center;
	border-radius: 5px;
	font-family: 'Levenim MT';
	margin-top: 5px;
}

.btn-android-pay:hover {
	color: #fff;
	background: #333;
}

.btn-android-pay .fa {
	color: #78C257;
	margin-right: 3px;
}

.pStyle .apple-pay-button-customer {
	min-width: auto;
	width: 100%;
	min-height: 38px;
	margin-top: 5px;
}

.cp-media .col-right2 {
	margin: 0;
	min-height: auto;
}

.container {
	margin: -15px;
}

.video-out iframe {
	width: 100%;
	height: 456px;
}

.group-hdr {
	background: #b4000d;
	text-align: center;
}

.group-out {}

.group-hdr .fa-times {
	position: absolute;
	top: 14px;
	right: 20px;
	font-size: 25px;
	color: #fff;
	cursor: pointer;
}

.group-hdr .fa-times:hover {
	color: #eee;
}

.group-tit {
	display: inline-block;
	line-height: 50px;
	font-size: 25px;
	color: #fff;
}

.mask {
	overflow-y: auto;
	overflow-x: hidden;
}

.chat-wrap {
	padding: 15px;
}

.chat-msg>img {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	float: left;
}

.msg-content-out {
	margin-left: 40px;
}

.msg-other {
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 14px;
}

.msg-block {
	margin-bottom: 15px;
}

.msg-content.chat-admin {
	background: #FFFCF0;
	box-shadow: 0 2px 2px #e0ddd3;
}

.msg-content.chat-private, .chat-self .msg-content.chat-private {
	background: #e6e6e6;
	box-shadow: 0 2px 2px #ccc;
}

.msg-content {
	font-size: 14px;
	background: #fff;
	border-radius: 3px;
	padding: 10px;
	box-shadow: 0 2px 2px #ddd;
	display: inline-block;
	max-width: 80%;
}

.msg-body img {
	max-width: 100%;
	margin-top: 5px;
}

.chat-self .msg-content-out {
	margin-left: 0;
}

.chat-self .msg-content {
	float: right;
	clear: both;
	background: #e6e6e6;
	box-shadow: 0 2px 2px #c5c5c5;
}

.chat-self .msg-time, .chat-self .chat-private .msg-time {
	left: -60px;
	right: auto;
}

.chat-self .msg-body p {}

.btn-chat-msg-bottom {
    bottom: 10px;
    position: sticky;
    z-index: 1;
}

#latestMsgBtn {
    position: absolute;
    display: none;
    display: inline;
    right: 10px;
    bottom: 0px;
    text-align: center;
}

    #latestMsgBtn .fa-angle-down {
        font-size: 30px;
        background: rgba(0,0,0,.7);
        color: #fff;
        border-radius: 50%;
        width: 30px;
        display: block;
        border: solid 1px #ddd;
        height: 30px;
    }

.seer {
    margin-bottom: 15px;
}

.msg-ftr {
	margin-top: 10px;
}

.msg-thumbs a {
	display: inline-block;
	background: #ccc;
	width: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 50%;
	margin-right: 5px;
}

.msg-thumbs a:hover {
	background: #ddd;
}

.msg-thumbs.thumbs-up a {
	background: #5890FF;
}

.msg-thumbs.thumbs-up a:hover {
	background: #6b9cfd;
}

.msg-thumbs .fa {
	color: #fff;
}

.msg-time {
	position: absolute;
	right: -60px;
	bottom: -10px;
	color: #999;
}

.msg-comment {}

.msg-comment>div {
	padding: 10px;
	background: #F8F9FA;
}

.msg-comment:before {
	z-index: 0;
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -35%;
	width: 70%;
	height: 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	border-radius: 50%;
	background: #fff;
}

.msg-fn-out {}

.msg-comment .text-area {
	padding-top: 5px;
	border: solid 2px transparent;
	border-bottom-color: #858585;
	width: 80%;
	font-size: 14px;
	vertical-align: top;
	line-height: 1.5;
	background: #F8F9FA;
}

.msg-comment .fa {
	font-size: 20px;
	color: #999;
	cursor: pointer;
	margin-right: 5px;
}

.msg-comment .fa:hover {
	color: #aaa;
}

.msg-comment .fa-thumbs-up {}

.msg-comment .fa-smile-o {}

.msg-comment .fa-picture-o {}

.msg-comment-fn .btn-warning {}

.msg-body p {
	font-size: 14px;
	line-height: 1.5;
}

.chat-smile-out {
	display: inline-block;
}

.chat-smile-out:hover .chat-smile {
	display: block;
}

.chat-smile:before, .chat-smile:after {
	z-index: 1;
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -10px;
	border: solid 10px transparent;
}

.chat-smile:before {
	border-top-color: #ddd;
	bottom: -20px;
}

.chat-smile:after {
	border-top-color: #fff;
	bottom: -18px;
}

.chat-smile {
	display: none;
	position: absolute;
	background: #fff;
	bottom: 35px;
	left: 50%;
	margin-left: -163px;
	width: 317px;
	padding: 5px;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.chat-smile img {
	float: left;
	padding: 5px;
	cursor: pointer;
}

.chat-smile img:hover {
	background: #eee;
}

.chat-smile-tab {
	border-bottom: solid 2px #eee;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.chat-smile-tab img {
	width: 30px;
	height: 30px;
}

.chat-smile-content img {
	width: 58px;
	height: 58px;
}

.chat-smile-content {
	display: none;
	height: 174px;
	overflow: auto;
}

.chat-smile-content:first-child {
	display: block;
}

.msg-content {
	font-size: 14px;
	background: #f6f6f6;
	border-radius: 3px;
	padding: 10px;
	box-shadow: 0 2px 2px #ddd;
	display: inline-block;
	max-width: 80%;
}

.marqu {
	padding: 5px;
	background: #f8f8f8;
}

.marqu-list li {
	display: inline-block;
	margin-right: 10px;
}

.marqu-list a {
	color: #b4000d;
	text-decoration: underline;
	font-size: 14px;
}

.marqu-list a:hover {
	text-decoration: none;
}

.chat-sign {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 85px;
}

.chat-sign h4 {
	font-size: 30px;
	font-weight: 100;
	margin-bottom: 15px;
}

.btn-out a {}

.btn-out span {
	display: inline-block;
	width: 150px;
	margin: 0 5px;
	vertical-align: top;
}

.btn-out .btn-warning {
	margin-bottom: 10px;
}

.btn-out .btn-link {
	color: #5cb85c;
	text-decoration: underline;
}

.btn-out .btn-link:hover {
	text-decoration: none;
}

.chat-tab-panel .fa-plus {
	z-index: 1;
	position: absolute;
	right: 10px;
	top: 10px;
	color: #ccc;
	font-size: 30px;
	cursor: pointer;
}

.chat-tab-panel .fa-plus:hover {
	color: #ddd;
}

.chat-title-wrapper, .chat-content-wrapper, .chat-btn-out {
	margin: 0 30%;
}

.chat-title-wrapper {
	text-align: center;
}

.chat-wrapper {
	padding: 15px;
}

.chat-title-wrapper>span {
	color: #666;
	line-height: 2;
	font-size: 18px;
}

.chat-title {
	font-size: 30px;
	line-height: 1.5;
}

.chat-title-wrapper>img {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	margin-bottom: 10px;
}

.chat-title-wrapper>p {
	line-height: 2;
	font-size: 16px;
	color: #999;
}

.chat-title-wrapper>p span {
	color: #000;
	font-weight: 600;
}

.chat-content-wrapper>p {
	line-height: 1.5;
	text-align: justify;
	margin-bottom: 10px;
}

.chat-list {
	list-style: square;
	font-size: 13px;
	color: #666;
	padding-left: 20px;
}

.chat-list li {
	line-height: 1.5;
	margin-bottom: 5px;
	text-align: justify;
}

.chat-submit, .chat-cancel {
	margin-bottom: 15px;
	display: block;
	width: 100%;
	border: 0;
	color: #fff;
	font-size: 20px;
	line-height: 2.5;
	border-radius: 3px;
}

.chat-submit {
	background: #F7931E;
}

.chat-cancel {
	background: #ccc;
}

.chat-sign {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 85px;
}

.chat-sign h4 {
	font-size: 30px;
	font-weight: 100;
	margin-bottom: 15px;
}

.btn-out a {}

.btn-out span {
	display: inline-block;
	width: 150px;
	margin: 0 5px;
	vertical-align: top;
}

.btn-out .btn-warning {
	margin-bottom: 10px;
}

.btn-out .btn-link {
	color: #5cb85c;
	text-decoration: underline;
}

.btn-out .btn-link:hover {
	text-decoration: none;
}

.chat-tab-panel .fa-plus {
	z-index: 1;
	position: absolute;
	right: 10px;
	top: 10px;
	color: #ccc;
	font-size: 30px;
	cursor: pointer;
}

.chat-tab-panel .fa-plus:hover {
	color: #ddd;
}

.photo-fn-area .msg-content {
	box-shadow: none;
	background: none;
}

.photo-fn-area .msg-thumbs {
	display: none;
}

.photo-fn-area .msg-body img {
	width: 150px;
}

.photo-fn-area .msg-time {
	bottom: 10px;
}

.photo-fn-area .fa-thumbs-up {
	font-size: 90px;
	color: #fb0;
}

.chat-submit:hover {
	background: #F9A653;
}

.chat-cancel:hover {
	background: #ddd;
}

.msg-thumbs a {
	display: inline-block;
	background: #ccc;
	width: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 50%;
	margin-right: 5px;
}

.msg-thumbs a:hover {
	background: #ddd;
}

.msg-thumbs.thumbs-up a {
	background: #5890FF;
}

.msg-thumbs.thumbs-up a:hover {
	background: #6b9cfd;
}

.loading {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 85px;
	margin: auto;
	z-index: 6;
	background: rgba(255, 255, 255, .8);
	text-align: center;
	padding: 15px 0;
	border-radius: 10px;
	border: solid 1px #ccc;
	font-size: 14px;
	line-height: 1.5;
}

.chat-alert-warning {
	z-index: 6;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 250px;
	height: 100px;
	text-align: center;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

.chat-alert-warning p {
	margin-bottom: 10px;
}

.chat-alert-warning .btn-out a {
	width: auto;
}

.unread-msg {
	background: #fff;
	border: solid 1px #eee;
	margin-bottom: 15px;
	font-size: 13px;
	padding: 7px 0;
	color: #999;
	border-radius: 3px;
}

.photo-fn-area .msg-content {
	box-shadow: none;
	background: none;
}

.photo-fn-area .msg-thumbs {
	display: none;
}

.photo-fn-area .msg-body img {
	width: 150px;
}

.photo-fn-area .msg-time {
	bottom: 10px;
}

.photo-fn-area .fa-thumbs-up {
	font-size: 90px;
	color: #fb0;
}

.btn-out-fn .bc2 {
	font-size: 20px;
}

.btn-danger, .label-danger, .progress-danger {
	color: #fff;
	background: #ed5565;
}

.msg-comment-fn .btn-danger {
	background: #b4000d;
}

.btn-danger:hover {
	background-color: #ec4758;
	border-color: #ec4758;
}

.btn-out-fn {
	clear: both;
}

.d-box .appTab {
	display: none;
}

.d-box .appTabConGp {
	padding-top: 0;
	border: 0;
}

.video-out-aj, .video-out-aj iframe {
	width: 100%;
}

.video-out-aj iframe {
	height: 660px;
}

.v-social .socail-btn-wrap {
	text-align: center;
}

.socail-btn-wrap a {
	display: inline-block;
	vertical-align: top;
}

.gc .msg-body {
	word-break: break-word;
}

.ff .msg-body, .sa .msg-body, .ie .msg-body {
	word-break: break-all;
	-ms-hyphens: auto;
}

.comment-list-ftr .more {
	position: static;
}

.tag-list a:hover {
	color: inherit;
}

.tab-more-out {
	margin-top: 10px;
}

.Product-out-app6 .mask {
	height: auto;
}

.share-rule-list {
	text-align: left;
	color: #C00;
	width: 520px;
	margin: 15px auto;
	list-style-type: decimal;
	font-size: 15px;
}

.share-rule-list li {
	line-height: 1.5;
}

.pd__navi {
    margin-top: 15px;
    margin-left: -15px;
    margin-bottom: 15px;
}
.appTopTab.js-fixed {
    margin-top: 168px;
}
/* 倒數 Begin ----------------------------------------------------------*/

.flip {
	padding: 15px;
	background-color: #333;
	border-radius: 10px;
}

.flip * {
	box-sizing: border-box;
}

.flip__head {
	margin-bottom: 15px;
	color: yellow;
	font-size: 30px;
	text-align: center;
}

.flip__body {
	display: flex;
}

.flip__ls {
	display: flex;
	align-items: flex-end;
	width: 75%;
}

.flip .btn__inner {
	width: 25%;
}

.flip__item {
	position: relative;
	width: 130px;
	height: 120px;
	perspective: 250px;
}

.flip__item::before {
	content: '';
	z-index: 5;
	position: absolute;
	top: 46%;
	left: 0;
	width: 100%;
	height: 7px;
	background-color: rgba(0,0,0,.3);
}

.flip__unit {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 25px;
	font-weight: 600;
	color: #fff;
}

.flip__num {
	position: absolute;
	left: 0;
	width: 100%;
	height: 60px;
	font-size: 100px;
	font-weight: 600;
	text-align: center;
	color: #fff;
	background-image: linear-gradient(#555, #333);
	border: solid 2px #000;
	overflow: hidden;
}

.flip__num--top {
	top: 0;
	line-height: 120px;
	border-radius: 10px 10px 0 0;
	transform-origin: center 100%;
}

.flip__num--front {
	z-index: 3;
}

.flip__num--bottom {
	top: 49%;
	line-height: 0;
	border-radius: 0 0 10px 10px;
	transform-origin: center 0;
}

.flip__num--bottom.flip__num--front {
	z-index: 2;
	transform: rotateX(180deg);
}

.btn-flip {
	width: 100%;
	height: 100%;
	font-weight: 600;
	border: solid 7px #3F3C3C;
	background-image: linear-gradient(rgb(151,0,0), rgb(196,33,33), rgb(92,0,0), rgb(115,0,0));
	box-shadow: 0 0 10px rgba(0,0,0,.7);
	border-radius: 10px;
}

.btn-flip:hover {
	background-image: linear-gradient(rgb(115,0,0), rgb(92,0,0), rgb(196,33,33), rgb(151,0,0));
}

.btn-disable {
	width: 100%;
	font-weight: 600;
	border: solid 7px #bbb;
	background-color: #888;
	box-shadow: 0 0 10px rgba(0,0,0,.7);
	border-radius: 10px;
	cursor: default;
}

.btn__head, .btn__unit {
	color: #fff;
	font-size: 25px;
	text-shadow: 0 2px rgba(0,0,0,.5);
}

.btn__head--single {
	font-size: 30px;
	line-height: 100px;
}

.btn__count {
	color: yellow;
	font-size: 60px;
	line-height: 1;
	text-shadow: 0 4px rgba(0,0,0,.5);
}

.js-ani-flip--top, .js-ani-flip--bottom {
	animation-duration: 1s;
}

.js-ani-flip--top {
	animation-name: kf-flip-top;
	animation-timing-function: ease-in;
}

.js-ani-flip--bottom {
	animation-name: kf-flip-bottom;
	animation-timing-function: ease-out;
}

@keyframes kf-flip-top {
	0% {
		transform: rotateX(0);
	}
	50% {
		transform: rotateX(-90deg);
	}
	100% {
		transform: rotateX(-90deg);
	}
}

@keyframes kf-flip-bottom {
	0% {
		transform: rotateX(90deg);
	}
	50% {
		transform: rotateX(90deg);
	}
	100% {
		transform: rotateX(0);
	}
}

.js-fixed {
	z-index: 5;
	position: fixed;
}

.pd__navi.js-fixed-top {
    top: 0;
    width: 955px;
    margin-left: -17px;
}

.btn__isFixed { display: none;}
.pd__navi.js-fixed-top .btn__isFixed { display: block;}
.pd__navi.js-fixed-top .btn__notFixed,
.pd__navi.js-fixed-top .flip__head { display: none;}

#main-app-left2 {
    width: calc(100% - 250px);
}

/* 商品頁右側浮動導購按鈕 begin */
.sticky-btn {
    position: fixed;
    flex-basis: auto;
    padding: 16px;
    bottom: 80px;
    right: 64px;
    box-shadow: rgb(0 0 0 / 20%) 0px 0px 10px;
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.sticky-btn .product-price {
    font-size: 14px;
    color: #BCBCBC;
}

.sticky-btn .product-price .origin-price {
    text-decoration: line-through;
}

.sticky-btn .product-price .sale-price {
    font-size: 32px;
    color: #FF0202;
    font-weight: 600;
}

.sticky-btn .product-period {
    margin: 0 8px;
    font-size: 14px;
}

.sticky-btn .product-period .period-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 95px;
    min-width: 45px;
    margin-top: 25px;
}

.sticky-btn .product-action {
    display: flex;
    flex-direction: row;
}

.sticky-btn .product-button {
    cursor: pointer;
    min-width: 90px;
    margin: 0 4px;
    font-size: 20px;
    font-weight: 900;
}

/* 商品頁右側浮動導購按鈕 end */


/* 避免講座頁浮動導購按鈕擋住 */
.footer {
    z-index: 3;
}

/* 最近瀏覽 */
#BrowserHistorysList, #BrowserHistorysList li {
    display: flex;
    flex-wrap: wrap;
}

#BrowserHistorysList {
    margin-bottom: 8px;
}

#BrowserHistorys .pdOut{
    margin-top:16px;
}

#BrowserHistorysList li.secCol {
    margin-right: 72px;
    margin-left: 72px;
}

#BrowserHistorysList li.secRow {
    margin-top: 24px;
}

#BrowserHistorysList img {
    width: 56px;
    height: auto;
}

#BrowserHistorysList .pdImg {
    width: 80px;
    margin: 8px 8px auto 8px;
}

.pdHistory {
    width: 160px;
    margin-top: 8px;
}

.pdHistory h2 {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 8px;
}

.pdHistory p {
    font-size: 13px;
}

/*RWD Youtube 以及 Vimeo*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

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

/*RWD Youtube 以及 Vimeo*/

/* 理財寶商品頁圖片輪播 */

.photo-show .slider-control-btn {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 15px;
    cursor: pointer;
    z-index: 1;
}

.photo-show .back-arrow {
    background-image: url('../images/item-content/left_arrow_semi.png');
    left: 48px;
}

.photo-show .back-arrow:hover {
    background-image: url('../images/item-content/left_arrow.png');
}


.photo-show .forward-arrow {
    background-image: url('../images/item-content/right_arrow_semi.png');
    left: 810px;
}

.photo-show .forward-arrow:hover {
    background-image: url('../images/item-content/right_arrow.png');
    left: 810px;
}

.photo-show {
    padding: 15px;
    background-color: #F6F6F6
}

.photo-show .photo-main {
    text-align: center;
    margin-bottom: 12px;
}

.photo-show .img-mask-round {
    overflow: hidden;
    width: 688px;
    height: 384px;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
}

.photo-show .main-image {
    width: 100%;
    height: auto;
    min-height: 384px;
    object-fit: cover;
}

.photo-panel-indent {
    display: flex;
    justify-content: center;
}

.photo-show .photo-thumb-list {
    max-width: 682px;
    margin: 0 auto;
    display: flex;
    overflow: hidden;
}

.photo-show .photo-thumb-list .product-image {
    width: 108px;
    height: 60px;
    margin-right: 8px;
    margin-bottom: 10px;
    cursor: pointer;
}

.photo-show .photo-thumb-list .product-image:last-child {
    margin-right: 0;
}

.photo-show .product-image--active {
    border: 2px solid #D90000;
}

/* 理財寶商品頁圖片輪播 */

/* 理財寶商品頁 分享按鈕 */
.app-share-block {
    position: absolute;
    right: 72px;
    top: 0;
    border: 1px solid #E72C27;
    border-radius: 30px;
    background-color: #FFF1F2;
    cursor: pointer;
}

.app-share-block:hover {
    background-color: #FBD3D6;
}

.app-share-block .share-icon {
    color: #E72C27;
    top: 2px;
}

.app-share-block .share-link {
    display: block;
    padding: 7px 20px;
    font-size: 14px;
    color: #E72C27;
    font-weight: 600;
}

.toast-block {
    display: none;
    position: fixed;
    padding: 16px;
    bottom: 100px;
    z-index: 1000000;
    left: 45%;
    background-color: #FFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

.toast-icon {
    color: #21A42E;
}

/* 講座內頁閱讀更多 */
.read-more-overlay {
    display: none;
}

@media screen and (max-width: 1024px) {
	.pd__navi { margin-top: 10px; margin-bottom: 10px;}
	.pd__navi.js-fixed-top { width: 784px; top: 0;}
	.flip__head { margin-bottom: 10px;}
	.flip {	padding: 10px; border-radius: 5px;}
	.flip__item {	width: 110px;	height: 80px;}
	.flip__item::before { top: 45%;}
	.flip__unit {	font-size: 20px;}
	.flip__num { font-size: 66px;	height: 40px;}
	.flip__num--top {	line-height: 80px; border-radius: 5px 5px 0 0;}	
	.flip__num--bottom { line-height: 0; border-radius: 0 0 5px 5px;}
	.btn__head, .btn__unit { font-size: 16px;}
	.btn-flip, .btn-disable { border-radius: 5px;}
	.btn__count { font-size: 30px;}
	.btn__head--single { line-height: 56px;}
    .pd-ad-img-h { height: 427px;}

    .sticky-btn {
        right: 16px;
    }
    #main-app-left2 { width: calc(100% - 250px);}
}

@media screen and (max-width: 768px) {
	.pd__navi.js-fixed-top { width: 530px;}
	.flip__head { font-size: 25px;}
	.flip__item {	width: 80px;	height: 60px;}
	.flip__num { font-size: 50px;	height: 30px; border-width: 1px;}
	.flip__num--top { line-height: 60px;}
	.flip__unit {	font-size: 15px; margin-left: 5px; margin-right: 5px;}
	.flip__item::before { display: none;}
	.btn__head, .btn__unit { font-size: 14px;}
	.btn__count { font-size: 20px; text-shadow: 0 2px rgba(0,0,0,.5);}
	.btn-flip, .btn-disable { border-width: 4px;}
	.btn__head--single { line-height: 38px;}
    .pd-ad-img-h { height: 415px;}
	.pd-adv {
        margin-top: -1em;
		margin-bottom: 1em;
        padding: 1em 0;
    }
    #main-app-left2 { width: 495px;}
}

@media screen and (max-width: 414px) {
	.download-tv {
		display: none;
	}
	.col-left {
		margin-bottom: 10px;
	}
    .pd__navi.js-fixed-top { width: 100%; top: -10px; left: 0;}
	.js-fixed-top .flip { border-radius: 0;margin-left: 9px;width: 100%;}
	.flip__head { font-size: 18px;}
	.flip__item {	width: 50px;	height: 50px;}
	.flip__unit { font-size: 12px;}
	.flip__num { height: 25px; font-size: 35px;}
	.flip__num--top { line-height: 50px;}
	.btn__head, .btn__unit { font-size: 12px; line-height: 1;}
	.btn-flip { padding: 5px;}
	.btn__head--single { margin-bottom: 0; line-height: 32px;}
    .pd-ad-img-h { height: 355px;}
    .pd-adv {
        margin-top: -1em;
        margin-bottom: 0em;
        padding: 1em 0;
    }

    /* 手機版側欄出現時，移除 fixed 避免跑版 */
    .mobi .sticky-btn {
        position: static;
    }

    .sticky-btn {
        right: 0;
        bottom: 0;
        width: 92.5vw;
        padding: 14px 16px;
        border-radius: 0;
    }

        .sticky-btn .product-action {
            display: flex;
            flex-direction: row;
            margin-left: auto;
        }

        .sticky-btn .product-period .period-text {
            width: 140px;
        }

    .mobi-line-fixed-layer {
        bottom: 103px;
    }
    /*   頁籤置頂浮貼   */
    .appTopTab {
        width: 100%;
        height: auto;
        margin-left: -20px;
        font-size: 15px;
    }

        .appTopTab ul li {
            padding: 7px 0;
            margin-bottom: 0;
        }

        .appTopTab .appTabNow a{
            border: none;
        }

        .appTopTab.js-fixed {
            margin-top: 65px;
        }
    /*   什麼是理財應用程式   */
    .tipsTt {
        display:none;
    }

    #PathPdName.ellipsis {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 300px;
        top:6px;
    }
    /* 調整內文元素寬度，避免跑版（主要是處理內嵌影片）*/
    .appTabConGp iframe{
        width:100% !important;
    }
    /* 最近瀏覽 */
    #BrowserHistorys .pdOut {
        margin-top: 8px;
    }

    #BrowserHistorysList, #BrowserHistorysList li {
        margin-bottom:8px;
    }

        #BrowserHistorysList li.secCol {
            margin-right: 0;
            margin-left: 0;
        }

        #BrowserHistorysList li.secRow {
            margin-top:0;
        }

        #BrowserHistorysList img {
            width: 48px;
        }

        #BrowserHistorysList .pdImg {
            width: 72px;
            margin: 8px 8px auto 8px;
        }

    .pdHistory {
        width: 235px;
    }

    /* 理財寶商品頁分享按鈕手機版不顯示 */
    .app-share-block {
        display: none;
    }
    #topVideoBlock {
        min-height: 270px;
    }
    #courseInfoBlock {
        min-height: 480px;
    }
}

@media screen and (max-width: 375px) {
	.flip__head { font-size: 15px;}
	.flip__item { width: 45px;}
	.flip__num { font-size: 30px;}
    .pd-ad-img-h { height: 355px;}
	.pd-adv {
        margin-top: -1em;
		margin-bottom: -1em;
        padding: 1em 0;
    }

    .sticky-btn {
        width: 91.5vw;
    }

    .sticky-btn .product-period .period-text {
        width: 100px;
    }
    /* 大圖輪播 */
    .swiper-slide .img-mask-round {
        width: 323px;
        height: 184px;
    }
    .photo-show img.main-image {
        min-height: 184px;
    }
}

@media screen and (max-width: 360px) {
	.flip { padding: 5px;}
	.flip__body { padding: 0 10px; align-items: center;}
	.flip__item { width: 40px; height: 30px}
	.flip__num { height: 15px; font-size: 25px;}
	.flip__num--top { line-height: 30px;}
	.btn__head { margin-bottom: 5px;}
	.btn__count { font-size: 16px;}
    .pd-ad-img-h { height: 355px;}
	.pd-adv {
        margin-top: -1em;
		margin-bottom: -2em;
        padding: 1em 0;
    }

    .sticky-btn .product-period .period-text {
        width: 88px;
    }
}

@media screen and (max-width: 320px) {
	.flip__item { width: 30px;}
	.flip__num { font-size: 20px;}
    .pd-ad-img-h { height: 355px;}

    .sticky-btn {
        width: 95.5vw;
    }

    .sticky-btn .product-price .sale-price {
        font-size: 28px;
    }

    .sticky-btn .product-period .period-text {
        width: 65px;
    }

    .sticky-btn .product-button {
        font-size: 16px;
    }

    /* 講座頁 浮動導購按鈕 */
    #StickyBuyBtn.classes-btn {
        min-width: 65px;
    }
}

/* 倒數 End ----------------------------------------------------------*/

/*Apple Pay begin===========================================*/

@supports (-webkit-appearance: -apple-pay-button) {
	.apple-pay-button {
		display: inline-block;
		-webkit-appearance: -apple-pay-button;
	}
	.apple-pay-button-black {
		-apple-pay-button-style: black;
	}
	.apple-pay-button-white {
		-apple-pay-button-style: white;
	}
	.apple-pay-button-white-with-line {
		-apple-pay-button-style: white-outline;
	}
}

@supports not (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 5px;
        padding: 0px;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px;
    }
    .apple-pay-button-black {
        background-image: -webkit-named-image(apple-pay-logo-white);
        background-color: black;
    }
    .apple-pay-button-white {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
    }
    .apple-pay-button-white-with-line {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
        border: .5px solid black;
    }
}

/*Apple Pay end===========================================*/

/*===Mobile Web==========*/

@media screen and (max-width: 1024px) {
	.ad1, .nosign, .subject, .main, .pathOut {
		width: auto;
		margin: 0 .667em;
	}
	.block-style {
		padding: 10px;
	}
	.main {
		margin-bottom: .667em;
	}
	.bnr4 .ad9 {
		width: auto;
		padding: 0 .667em;
	}
	#wrapper {
		width: auto;
		margin-left: .667em;
		margin-right: .667em;
	}
	.bnr4 .ad9 {
		background-position: 45px 0!important;
	}
	.nosign .box {
		width: 31%;
	}
	.subject-lesson {
		width: 65%;
	}
	.subject-lesson .box {
		width: 48.3%;
	}
	.subject .fbEmbed {
		margin-left: 67%;
	}
	.subject .fbEmbed iframe {
		width: auto;
	}
	.ad-atonce {
		width: 35%;
	}
	.text h1 {
		font-size: 30px;
	}
	.pd {
		width: 29.3%;
	}
	.slider {
		width: 528px;
	}
	.sliderNav {
		display: none;
	}
	.fbEmbed {
		margin-left: 54.8%;
	}
	.app2 a .appCtnr {
		width: 199px;
		height: 92px;
	}
    .app2 a .most-used-ctnr {
        width: 150px;
        height: 92px;
    }
	.app2 a:hover .appCtnr {
		width: 210px;
	}
	.pdContainer .app li {
		margin: 0 .667em .667em 0;
	}
	.pdContainer .app2 a .appCtnr {
		width: 72.1%;
	}
	.pdContainer .app2 a:hover .appCtnr {
		width: 75.1%;
	}
	.ex {
		width: 32.4%;
		margin: 0 .667em .667em 0;
	}
    .ad5, .ad6, .ad8, .col-left2, .col-left3, .col-left4, .list-class, .pd-con-out, .pd, .ex1, .ex2, .exchange, .aa .talkInfo, .d-box, .Product-out-wrlist, .Product-out-wr, .r-out, .appTab-row, .the-date-selected-out {
        padding: .667em;
    }
	.ad8 {
		width: 22.2%;
		margin: 0 0 .667em .667em;
	}
	.pathOut {
		margin: -5px .667em 4px;
	}
	.ad5>.bc2 {}
	.ad5>.bc1 {}
	.pdCenter {
		width: 535px;
	}
	.pdAttachment {
		margin-left: 615px;
	}
	.hotPd {
		margin: 0 -.667em;
		padding: .667em;
	}
	.col-right3 {
		margin-left: 200px;
	}
	.col-right2 {
		margin-left: 165px;
	}
	.list1 .item-detail {
		margin-left: 210px;
		padding-right: 235px;
	}
	.list1 .item-title, .list2 .item-title {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.list2>li {
		margin-right: .667em;
	}
	.list4 .item-title {
		width: 60%;
	}
	.ad {
		margin-bottom: .667em;
	}
	.pd-out, .exchange {
		margin: .667em 0;
	}
	.pd {
		width: 30.65%;
		margin-left: .667em;
	}
	.app li, .pd-con-out {
		margin-top: .667em;
	}
	.firstCol .ad5 {
		margin-top: .667em;
	}
	.secondCol {
		margin-left: 67.5%;
	}
	.aa .talkInfo {
		margin: 0 .667em .667em 0;
		height: 110px;
	}
	.Product-out-01 {
		width: 388px;
	}
	.mBox {
		padding: .667em;
	}
	.mCon {
		margin-left: 195px;
	}
	.Product-text-out-wrlist {
		width: 465px;
		margin-left: .667em;
	}
	.Product-text-out-wr {
		width: 435px;
		margin-left: .667em;
	}
	.secondCol {
		margin-left: 67.7%;
	}
	.r-out {
		margin-bottom: .667em;
	}
	.col-right {
		margin-left: 326px;
	}
	.Product-out-01-sp {
		width: 23%;
	}
	.sign .btn {
		font-size: 20px;
	}
	.box>img {
		margin-right: .667em;
	}
	.pdContainer .app li {
		width: 49.3%;
	}
	.rate-minutes-out {
		padding-left: .667em;
	}
	.Product-out-new .Product-text-out-new {
		margin-left: 5px;
		width: 65%;
	}
	.Product-text-right-new {
		margin-left: 80%;
	}
	.app1 a .appT {
		width: 233px;
	}
	.app1 a:hover .appT {
		width: 80.1%;
	}
	.app2 a {
		height: 92px;
	}
	.count-down-out {
		padding: .667em;
	}
	.list-class {
		margin-top: .667em;
	}
	.mCon p {
		height: 45px;
		font-size: 14px;
	}
	.cs-contact-form input, .cs-contact-form textarea {
		width: 200%;
	}
	.arti-list>li {
		padding: 10px;
		margin-top: 10px;
	}
	.cs-noti {
		padding: 10px;
	}
	.cal-class {
		top: 1em;
		right: .667em;
	}
	div.special {
		margin: 0 -.667em 1em;
	}
	.hot-class, .hot-media {
		margin: 0 .667em;
	}
	.hot-class li, .hot-media li {
		margin-top: .667em;
	}
    .app-tips-area > .app-tips-text, .app-tips-title {
        font-size: 30px;
    }
	.app-ad {
		padding: 10px;
	}
	.app-tips-content {
		margin-left: 130px;
	}
	.author1 {
		width: 30%;
	}
	.author2 {
		width: 35%;
	}
	.author3 {
		width: 35%;
		height: 180px;
		overflow: hidden;
	}
	.author-box {
		padding: 10px;
	}
	.author-box:first-child {
		padding: 10px 0;
		margin-bottom: 10px;
	}
	.authorDetail ul {
		margin-left: 10px;
	}
	.authorDetail p {
		line-height: 2;
		padding-left: 10px;
	}
	.author1, .author2, .author3 {
		padding: 0 10px;
	}
	.fixed-layer {
		display: none;
	}
	.mobi-fixed-layer {
		display: block;
	}
	.hPt {
		display: none;
	}
	.check-price-out .check-price {
		border: 0;
	}
	.save {
		right: -30px;
	}
	.deadline-tips {
		font-size: 14px;
	}
	.sign {
		padding: 10px 0;
	}
	.pd-ad-img {
		width: 100%
	}
	.pd-ad-img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.post-header {
		margin-bottom: 10px;
	}
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		padding: 10px;
	}
	.class-intro-wrap {
		margin: auto -10px;
	}
	.class-slider-img-list {
		height: 270px;
	}
	.class-slider-ctrl {
		bottom: 15px;
	}
	.class-intro-list li {
		font-size: 16px;
	}
	.class-tab-content-album li, .class-other-list a {
		padding: 10px;
	}
	.class-header-wrap {
		margin: -10px;
	}
	.class-title-out h1 {
		margin-bottom: 10px;
		line-height: 1.3;
	}
	.class-check-list dd {
		width: 250px;
	}
	.class-map, .class-check-detail {
		height: 370px;
	}
	.class-tab-content p, .class-tab-content ul, .class-tab-content ol {
		margin-bottom: 10px;
	}
	.class-tab-content .class-status {
		line-height: 1.2;
	}
	.class-ad-all {
		display: none;
	}
	.v-hdr {
		margin-bottom: 10px;
	}
	.v-c-infor {
		margin-left: 205px;
	}
	.shop-status-block {
		margin: 10px 0;
		padding: 10px;
	}
	.books-list li, .books-more-block {
		padding: 10px;
	}
	.qty-select {
		margin-bottom: 10px;
	}
	.qty-select .qty {
		width: 115px;
	}
	.books-list .bc8 {
		width: 100%;
	}
	.shop-tips-pay .bc2 {
		line-height: 1.6;
	}
	.heading {
		margin-bottom: 10px;
	}
	.cp-books .save {
		line-height: 1.1;
		right: -30px;
	}
	.books-intro-tit-out {
		margin: -10px -10px 10px;
		padding: 10px;
	}
	.shop-box {
		padding: 10px;
		margin-bottom: 10px;
	}
	.shop-box .btn {
		margin-top: 10px;
	}
	.payarea-tips-con {
		left: -70px;
	}
	.payarea-tips-con:before {
		left: 67px;
	}
	.books-intro-tit-list li {
		padding: 0 10px;
	}
	.shop-cart-block {
		display: none;
	}
	.container {
		margin: -10px;
	}
	.seer, .v-box p {
		margin-bottom: 10px;
	}
	.chat-smile-content img {
		width: 53px;
		height: 53px;
	}
	.chat-smile {
		left: 126px;
	}
	.chat-smile:before, .chat-smile:after {
		left: 45px;
	}
	.marquee-list li {
		padding: 10px;
	}
	.marquee-list-con {
		margin-left: 75px;
	}
	.ad5>.bc1, .fbLike {
		margin-left: 10px;
	}
	.ad5>.bc2, .ad5>.bc1 {
		font-size: 26px;
	}
	.k-app-con iframe {
		height: 440px;
	}
	.top {
		position: fixed;
		right: 16px;
		bottom: 260px;
	}
	#AsideBar {
		display: none;
	}
	.download-content {
		width: 830px;
		min-height: 3500px;
	}
	.mainImg {
		display: block;
		width: 800px;
		height: auto;
	}
	.download-title {
		margin-left: -10px;
	}
	.step {
		margin: 17px auto 0;
		width: 800px;
	}
	.step__img {
		width: 750px;
	}    
}

@media screen and (max-width: 768px) {
	#wrapper.wrap, #wrapper, .Product-out-01 {
		width: auto;
	}
	.Product-out-01 {
		float: none;
		margin: -1px 0 0 0;
	}
	.wrHeading img {
		width: 100%;
		height: auto;
	}
	div.text {
		width: 410px;
	}
	.ad-atonce {
		width: 32%;
	}
	.box header {
		font-size: 18px;
	}
	.the-date-selected-out iframe {
		height: 411px!important;
	}
	.subject-lesson {
		width: 67.5%;
	}
	.subject .box {
		border-left: dotted 1px #D6D6D6;
		width: 47.5%;
	}
	.subject .box:first-child {
		border: 0;
	}
	.subject .fbEmbed {
		margin-left: 68.5%;
	}
	.lesson a {
		width: 145px;
	}
	.fbEmbed {
		margin-left: 495px;
	}
	.fbEmbed iframe {
		width: 230px!important;
		height: 274px!important;
	}
    .tab-content a img {
        width: 484px;
        height: auto;
    }
	.slider {
		width: 484px;
		height: 320px;
	}
	.sliderNav {}
	.switch a {}
	.mask {
		height: 210px;
	}
	.using {
		font-size: 15px;
	}
	.using .slider-time ul li {
		font-size: 20px;
	}
	.using .slider-time>li {
		width: 12px;
	}
	.atonce {
		height: 41px;
	}
	.atonce>div:first-child, .atonce>div:first-child a, .atonce>div:first-child a img {
		height: 41px;
		width: 41px;
	}
	.atonce>div:last-child {
		margin-left: 46px;
		height: 41px;
	}
	.pd {
		width: 32.4%;
		box-sizing: border-box;
	}
	.app-title, .Product-text-out-wr .apptitle, .mCon h2, .pdCenter h2 {
        max-width: 450px;
		font-size: 18px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.app-title {
		font-size: 28px;
	}
	.enable-list li {
		width: 28%;
	}
	.nosign {}
	.nosign a.box {
		width: 32%;
		box-sizing: border-box;
	}
	.twca {
		display: none;
	}
	.pd-intro, .pd-con-out {
		width: auto
	}
	.ppt.hPt {
		right: -108px;
		top: -30px;
	}
	.f-share .bc8, .pd-intro-out>.btnOut>div>.bc1, .pd-intro-out>.btnOut>div>.bc2 {
		font-size: 22px;
	}
	.ppt {
		padding: 20px 10px;
		line-height: 1.5em;
	}
	.hPt:before, .hPt:after {
		top: 34px;
	}
	.pd-intro .fb-like {
		right: -5px;
	}
	.appTab+.bc4 {
		top: 57px;
	}
	.appTab a {
		margin-bottom: 10px;
		padding: 1em 1.2em;
	}
	.appTabNow a {}
	.list2 .item-title {
		width: auto;
	}
	.list4 .item-title {
		width: 95%;
	}
	.list4 p {
		display: block;
		position: static;
		width: 100%;
		margin: 10px 0;
		font-size: 14px;
	}
	.list4 li, .list4 a {
		font-size: 14px;
	}
	.ad5 {
		width: 100%;
		box-sizing: border-box;
	}
	.cpMaster .Product-text-out-wr {
		width: 230px;
	}
	.Product-text-out-wr .apptitle {
		width: 100%;
	}
	.pdCenter h2 {
		width: 70%;
	}
	.rate-minutes-out .bc2 {
		font-size: 14px;
	}
	.list-class {
		padding: 10px;
		margin-top: 10px;
	}
	.list1 .Product-text-out-new, .Product-out-app6 .Product-text-out-new {
		width: 47%;
		overflow: hidden;
		margin-left: 10px;
	}
	.Product-text-right-new {
		margin-left: 70%;
	}
	.Product-text-out-new h1 {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.mCon h2 {
		width: 280px;
	}
	.mCon {
		margin-left: 195px;
		height: 145px;
	}
	.mCon p {
		height: 40px;
		margin-bottom: .5em;
	}
	.app2 a .appCtnr {}
	.app1 a .appT {
		width: 66.4%;
	}
	.app1 a:hover .appT {
		width: 72.2%;
	}
	.app2 a .appCtnr {
		width: 51.4%;
		height: 92px;
	}    
	.app2 a:hover .appCtnr {
		width: 126px;
	}
    .app2 a .most-used-ctnr {
        width: 69.5%
    }
    .app2 a:hover .most-used-ctnr {
        width: 237px;
    }

	.ad5 > .bc2, .ad5 > .bc1 {
		font-size: 7px;
	}

	.app2 a .appD {
		height: 55px;
	}
	.ex {
		width: 49%;
		height: 180px;
	}
	.ex:nth-child(3n) {
		margin-right: .667em;
	}
	.ex:nth-child(2n) {
		margin-right: 0;
	}
	.ex1, .ex2 {
		width: 100%;
		box-sizing: border-box;
	}
	.ind-tab-ctr>div .fb-like-box {
		height: 224px;
	}
	.asWhat {
		font-size: 12px;
	}
	.uai-s-ad {
		margin-left: 500px
	}
	.col-right2 {
		margin-left: 140px;
	}
	.enable-list2 li {
		line-height: 2em;
	}
	.col-left {
		width: 130px;
	}
	.mDate {
		position: static;
		text-align: right;
		margin-bottom: .5em;
	}
	.mDate li {
		margin: 0 0 0 1em;
	}
	.mBtnOut {
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.btn1 {
		right: 10px;
	}
	.hotPdOut section.ad8 {
		width: 49.3%;
	}
	.ad8 {
		margin: 0 10px 10px 0;
		box-sizing: border-box;
	}
	.ad8:first-child {
		margin-right: 10px
	}
	.ad8:nth-child(2n) {
		margin-right: 0;
	}
	.ad5 .btn2, .ad5 .btn4 {
		width: 250px;
	}
	div#wrapper {
		width: auto;
		box-sizing: border-box;
		margin: 0 .667em .667em;
	}
	div.app-title {
		width: 220px;
	}
	.appIntro img {
		max-width: 100%!important;
		box-sizing: border-box;
	}
	.appIntro div>img, .Product-left {
		width: auto;
	}
	div.pdCenter {
		width: 285px;
	}
	div.pdAttachment {
		margin-left: 365px;
	}
	.hot-point-s-up {
		margin-left: 0;
	}
	div.lesson-out {
		width: 235px;
	}
	div.lesson_name-s a {
		width: 100%;
	}
	.ind-tab-ctr>div {
		height: auto;
	}
	.ind-tab a {}
	.firstCol {
		width: 478px;
	}
	.secondCol {
		margin-left: 490px;
	}
	.cpBox>img {
		width: 250px;
		height: auto;
	}
	.deadline, .deadline-over {
		margin-left: 260px;
		height: auto;
		font-size: 13px;
		padding: .667em;
	}
	.cpBox>.btn {
		width: 120px;
		padding: .6em .4em;
		font-size: 17px;
	}
	.day-area {
		font-size: 15px;
		padding-bottom: 5px;
	}
	.deadline>div:first-child {
		margin-bottom: 5px;
	}
	.time, .wrlist-classification ul li {
		font-size: 13px;
	}
	.time span {
		font-size: 15px;
	}
	.deadline .sign .btn2, .deadline-over .sign .btn4, .deadline-over .sign .btn2 {
		line-height: 30px;
		font-size: 18px;
		box-sizing: border-box;
	}
	.sign {
		padding: .667em 0;
		margin-bottom: 5px;
	}
	.linebar {
		margin: 5px 0;
	}
	.linebar span {
		height: 5px;
	}
	.cpBox p input, .cpBox p>img, .cpBox iframe {
		max-width: 100%!important;
		height: auto!important;
	}
	.cpBox .btn2 {
		font-size: 20px;
	}
	.aa .talkInfo {
		width: 49%;
	}
	.aa .talkInfo:nth-child(2n) {
		margin-right: 0;
	}
	.aa .talkInfo:nth-child(3n) {
		margin-right: .667em;
	}
	.Product-out-wrlist {
		padding: 10px;
	}
	.Product-text-out-wrlist {
		width: 375px;
		margin-left: 10px;
	}
	.rate-minutes-out {
		padding-left: 10px;
	}
	/*#main-b-tmp-02{ margin:0;}*/
	.Product-sort-s-up-t, .wrlist-classification ul li span {
		display: none;
	}
	a.fs-b, .uai-s-ad, .awayLeft, .hot-point-wrlist {
		display: none;
	}
	.list1 .item-detail {
		margin-left: 130px;
		padding-right: 230px;
	}
	.item-img img {
		width: 120px;
		height: 120px;
	}
	.item-meta {
		font-size: 14px;
		/*width: 190px;*/
	}
	.item-meta li {
		word-break: break-word;
	}
	.count-down-out .btn2, .count-down-out .btn4 {
		font-size: 16px;
		padding: 0 .5em;
	}
	.list1 .item-content {
		height: 211px;
	}
	.list2>li {
		width: 49%;
	}
	.recent-c-list li a {
		max-width: 255px;
	}
	.use-number {
		display: block;
		margin: 0;
	}
	.ad9 {
		width: 100%;
		background-position-x: -150px;
	}
	.text h1 {
		font-size: 22px;
	}
	#plLogout1 .ad1 {
		height: 230px;
	}
	#plLogout2 .text h1 {
		font-size: 43px;
	}
	.ad1 div.text {
		width: 66%;
	}
	div.text {
		width: 66%;
	}
	.text hgroup {
		margin-bottom: 15px;
	}
	.ccbox ul li {
		overflow: hidden;
		margin-bottom: -1px;
	}
	.ccbox ul li a.w01, .ccbox ul li a.w02, .ccbox ul li a.w03 {
		width: 100%;
		box-sizing: border-box;
	}
	.Product-text-value>p {
		height: 35px;
		overflow: hidden;
	}
	.pd-hot {
		line-height: 1.5;
	}
	.Product-out-01-sp {
		width: 191px;
		height: 180px;
	}
	.Product-icon-small-sp img {
		width: 70%;
		height: auto;
	}
	.sign .btn {
		font-size: 18px;
	}
	.now-used {
		width: auto;
	}
	.your-way-t, .share-get-use p {
		width: 63%
	}
	/* Line、Facebook 分享*/
	.m-social-btn {
		display: block;
	}
	/*.app2 a{ height: 87px;}*/
	.col-right3 {
		margin-left: 198px;
	}
	.wrlist-classification .bc1 {
		font-size: 13px;
	}
	.path {
		font-size: 13px;
	}
	.pdContainer .app li {
		width: 48.3%;
	}
	.pdContainer .app2 a .appCtnr {
		width: 58.1%;
	}
	.pdContainer .app2 a:hover .appCtnr {
		width: 62.4%;
	}
	.Product-text-box {
		height: 52px;
	}
	.player, .player img {
		width: 100%;
		height: auto;
	}
	.heading span {
		display: none;
	}
	.cs-contact-form input, .cs-contact-form textarea {
		width: 125%;
	}
	.cs-noti a {
		margin-top: 0
	}
	.app-tips-list li>a img {
		width: 90px;
	}
	.download-btn-out a img {
		height: 38px;
	}
	.app-tips-content {
		margin-left: 100px;
	}
	.app-tips-content p {
		margin-bottom: 0;
	}
	.author1 {
		display: none;
	}
	.author2 {
		width: 50%;
	}
	.author3 {
		width: 50%;
		height: 180px;
	}
	.author-intro {
		padding-right: 10px;
		box-sizing: border-box;
	}
	.pd-intro-out>.btnOut {
		padding: 1em 0;
	}
	.k-app-intro {
		min-height: 250px;
	}
	.k-app-con {
		margin: 0
	}
	.k-app-con h3 {
		font-size: 26px;
	}
	.k-app-intro p {}
	.w-p-2, .w-p-3 {
		width: 37%;
	}
	.k-app-intro {
		min-height: 220px;
	}
	.day-area {
		font-size: 18px;
	}
	.time {
		font-size: 15px;
	}
	.time span {
		font-size: 20px;
	}
	.deadline {
		font-size: 15px;
	}
	.k-app-text {
		float: none;
		width: 100%;
	}
	#app-use-right .app-title {
		text-align: center;
	}
	#app-use-right .pd-intro {
		margin-right: 0;
		margin-bottom: 4em;
	}
	.k-app-pic-r, .k-app-pic-l {
		float: none;
		margin: 0 auto;
		width: 70%
	}
	.k-app-pic-r img, .k-app-pic-l img {
		margin-top: 1em;
	}
	.k-app-text ul li {
		margin-top: 1.5em;
	}
	.class-slider-img-list {
		height: 200px;
	}
	.class-title-out h1 {
		font-size: 26px;
	}
	.class-category {
		font-size: 14px;
	}
	.class-countdown .time {
		line-height: 1.3;
	}
	.class-intro-list li .save {
		left: 294px;
	}
	.class-intro-list li {
		font-size: 14px;
		margin-bottom: 5px;
	}
	.class-intro-list li strong {
		font-size: 15px;
	}
	.class-intro .bc2 {
		font-size: 16px;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	.check-link a {
		font-size: 14px;
	}
	.class-check .btn-out a {
		font-size: 14px;
	}
	.check-link a {
		line-height: 30px;
	}
	.class-countdown-ps {
		font-size: 16px;
	}
	.class-check-list dd {
		width: 170px;
	}
	.class-check-list dt, .class-check-list dd {
		font-size: 15px;
	}
	.class-intro a.bc1, .class-intro a.bc2 {
		font-size: 16px;
	}
	.btn.class-btn {
		width: 40%;
	}
	.class-tab-content .class-status {
		font-size: 25px;
	}
	.list-class .classesAdd {
		display: none;
	}
	.qty-select .qty {
		width: 65px;
	}
	.books-list img {
		width: 100%;
	}
	.payarea-tips-con {
		left: -102px;
		width: 218px;
	}
	.payarea-tips-con:before {
		left: 100px;
	}
	.msg-comment .text-area {
		width: 70%;
	}
	.video-out iframe {
		height: 377px;
	}
	.ad5>.bc1, .ad5>.bc2, .fbLike {
		width: 32%;
	}
	.k-app-con iframe {
		height: 300px;
	}

	.download-content {
		width: 570px;
		min-height: 2900px;
	}
	.download-content {
		font-size: 30px;
	}
	.download-title {
		margin-left: -20px;
		font-size: 30px;
	}
	.download-btn {
		width: 150px;
		height: 50px;
		background-size: 100%;
	}
	.window-btn {
		width: 200px;
		height: 50px;
		font-size: 22px;
		line-height: 50px;
	}
	.mainImg {
		display: block;
		width: 550px;
		height: auto;
	}
	.step {
		margin: 17px auto 0;
		width: 580px;
		height: 400px;
	}
	.step__img {
		display: block;
		width: 520px;
		height: auto;
	}
	.step__desc {
		font-size: 18px;
	}
	.device {
		width: 570px;
	}
	.device__contents li {
		font-size: 16px;
	}
    #ContentPlaceHolder1_plAllBoxOut .mCon {
        margin-bottom: 15px;
    }
}

@media screen and (max-width:480px) {
    #main-app-left> span, #main-app-left2> span, .recommend, .fbLike, .ind-tab {
        display: none;
    }
	.col-left {
		width: auto;
		float: none;
		margin-bottom: 30px;
	}
	#wrapper.wrap {
		padding: 8px;
	}
	.fbEmbed {
		margin: 0;
	}
	/*未登入首頁*/
	.ad-atonce {
		display: none;
	}
	#plLogout1 .ad1 {
		height: 216px;
	}
	.bnr4 .ad9 {
		background-position: -376px 0!important;
	}
	div.text {
		margin: 0 auto;
		text-align: center;
		width: 85%;
		background: rgba(255, 255, 255, .7);
		padding: 20px 0;
	}
	#plLogout1 {
		padding: 0;
	}
	#plLogout1 .text {
		width: 100%;
		background: none;
	}
	#plLogout2 .text {
		top: 50px;
		float: none;
		margin: auto;
	}
	#plLogout2 .text h1 {
		font-size: 33px;
	}
	#plLogout1 .slider-time>li {
		height: 46px;
		width: 22px;
	}
	#plLogout1 .slider-time ul li {
		font-size: 40px;
		height: 44px;
	}
	.text h1 ul.color1 {
		top: 7px;
	}
	.hotPdOut {
		margin-bottom: 0;
	}
	.hotPd {
		padding: 10px;
	}
	.download-info {
		margin: auto;
	}
	.ad9 {
		background-position: -510px 0;
		height: 300px
	}
	.nosign a.box {
		float: none;
		border: 0;
		display: block;
		width: 100%;
		overflow: hidden;
		margin: 0;
		padding: 0;
		margin-top: 20px;
	}
	.nosign a.box:first-child {
		margin-top: 0;
	}
	.subject-lesson {
		float: none;
	}
	.subject .box {
		padding: 0;
		width: 100%;
		float: none;
	}
	.subject-lesson {
		width: auto;
	}
	.subject-lesson .box {
		margin: 0 0 2em;
	}
	.subject .fbEmbed {
		margin: 0;
	}
	.fbEmbed iframe {
		width: 100%!important;
	}
	.ad1 div.text {
		width: auto;
	}
	.list-class .classesH3 {
		float: none;
	}
	.list-class .classesAdd {
		display: none;
	}
	/*登入首頁*/
	.slider {
		width: 100%;
	}
	.pd {
		width: auto;
		float: none;
		margin-left: 0;
		margin-top: 10px;
		background: linear-gradient( #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
		background: -webkit-linear-gradient( #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
		background: -moz-linear-gradient( #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
		background: -o-linear-gradient( #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
		background: -ms-linear-gradient( #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
	}
	.ad {
		margin-bottom: 10px;
	}
	.pd-out, .exchange {
		margin: 10px 0;
	}
	.app li{
		margin-top: 10px;
	}
	ul.mblineup li {
		margin: 0;
	}
	.app1 a .appT {
		width: 83.5%;
	}
	.app2 a .appCtnr {
		width: 78%;
		margin-left: 67px;
		height: 60px;
	}
	.app1 a:hover .appT {
		width: 86.2%;
	}
	.app2 a .appD {
		height: 40px;
	}
	.app2 a:hover .appCtnr {
		width: 80%;
		padding-left: 65px;
	}
	.app2 img {
		width: 45px;
		height: 45px;
	}
	.app2 a {
		height: 60px;
	}
	.ex {
		width: 100%;
		margin-right: 0;
		box-sizing: border-box;
		float: none;
	}
	.ex:last-child {
		margin-bottom: 0;
	}
	.ex1, .ex2 {
		width: 100%;
		box-sizing: border-box;
	}
    .tab-content a img {
        width: 438px;
    }
	.slider {
		width: 438px;
		height: 380px;
	}
	/*熱門商品*/
	.hotPdOut section.ad8 {
		/*width: 48.8%;*/
		width: 100%;
	}
	/*麵包屑*/
	.pathOut {}
	.path {
		line-height: 20px;
		font-size: 13px;
	}
	.path a:after {
		top: 5px;
	}
	.pathOut .bc1 {
		display: none;
	}
	.tips {
		top: -4px;
	}
	.col-right, .col-right2 {
		margin: 0;
	}
	.ad5>.bc2, .ad5>.bc1 {
		font-size: 20px;
		line-height: 1.5;
		width: 48.6%;
	}

    .bc1 .btn-link, .bc2 .btn-link {
        font-size: 20px;
    }

    .col-left2, col-left4 {
        width: auto;
        float: none;
    }
    #main-app-left .app-writer-list, #main-app-left2 .app-writer-list {
        margin-left: 170px;
    }
	.star {
		width: 160px;
		clear: left;
		float: left;
	}
	.wrlist-classification .bc1 {
		display: none;
	}
    .pd-con-out, .col-left2, .col-left4, .d-box {
        padding: 10px;
    }
	.enable-app {
		display: none;
	}
    .col-left2, .col-left4 {
        margin-bottom: 10px;
    }
    .col-right3, .col-right4 {
        margin: 0;
        margin-bottom: 85px;
    }
	.save {
		right: -3px;
	}
	.mCon h2 {
		width: auto;
	}
	.mMeta {
		overflow: hidden;
	}
	.mMeta li {}
    /* 大圖輪播 */
    #wrapper div.photo-show {
        padding: 0;
        background-color: #e9eaed;
        margin-bottom: 10px;
    }
    .photo-show .photo-main {
        margin-bottom: unset;
    }
    .swiper-slide .img-mask-round {
        width: 448px;
        height: 240px;
        overflow: hidden;
        border-radius: 10px;        
    }
    .photo-show img.main-image {
        width: 100%;
        height: auto;
        min-height: 240px;
        max-width: none;
        object-fit: cover;
        border-radius: 10px;
    }
    div.main-bottom ul {
        display: inline-block;
        margin-top: -40px;
        padding-bottom: 20px;
    }
    div.main-bottom ul li {
        list-style: none;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        background-color: #BCBCBC;
        float: left;
        margin: 7px 8px;
    }
    div.main-bottom ul li:hover{
        background-color: #666666;
    }
    .photo-show .product-image--active {
        border: none;
        background-color: #666666;
    }
    #SlideBlock {
        display: none;
    }
	/*影音縮圖*/
	.mBoxOut .mBox>a {
		width: 150px;
		height: 120px;
	}
	.mCon {
		margin-left: 160px;
	}
	#ContentPlaceHolder1_plAllBoxOut .mBox {
		padding-top: 38px;
	}
	#ContentPlaceHolder1_plAllBoxOut .mCon h2 {
		position: absolute;
		left: -160px;
		top: -26px;
		margin-right: 0;
		width: 380px;
	}
	#ContentPlaceHolder1_plAllBoxOut .mCon p {
		display: none;
	}
	
	#ContentPlaceHolder1_plAllBoxOut .mCtrl {
		top: -27px;
	}
	/*達人*/
	.Product-text-out-wrlist {
		width: 60%;
	}
	.firstCol {
		width: 100%;
	}
	.cpBox input[type="image"] {
		max-width: 100%;
		height: auto!important;
	}
	.Product-out-wr {
		padding: 10px;
	}
	.Product-text-out-wr {
		margin-left: 10px;
	}
	.main {
		margin-bottom: 10px;
	}
	.pd-con-out {
		margin-top: 10px;
	}
	/*我的理財寶*/
	.the-date-selected-out {
		display: none;
	}
	.Product-out-01-sp {
		width: 30.9%;
		height: 150px;
	}
	.r-out {
		padding: 10px;
		margin-bottom: 10px;
	}
	.appTab-row {
		margin-bottom: 10px;
		padding: 10px;
	}
	.use-number {
		display: block;
	}
	.text h1 {
		font-size: 24px;
	}
	.text .bc2 {
		font-size: 22px;
	}
	.switch a {
		line-height: 1.4;
	}
	.appTab li {
		/*display: inline-block; margin-bottom: .6em;*/
	}
	.item-img img {
		width: 60px;
		height: 60px;
	}
	.box {
		width: 123px;
		height: auto;
	}
	.subject {
		height: auto;
		overflow: hidden;
	}
	.subject .box {
		width: auto;
		border-left: none;
	}
	.sliderNav {
		width: 150px;
		z-index: 1;
	}
	.lesson a {
		width: 136px;
		font-size: 13px;
	}
	.app-title {
		width: 240px;
		font-size: 24px;
	}
	.cp-physicalproduct .app-title {
		width: auto;
		white-space: normal;
	}
	.app-textboxline h1 {
		font-size: 22px;
	}
	.appTabNow a {
		border: solid 1px #eee;
	}
	.appTab+.bc4 {
		top: 68px;
		font-size: 15px;
	}
	.f-share .bc8, .pd-intro-out>.btnOut>div>.bc1, .pd-intro-out>.btnOut>div>.bc2 {
		font-size: 18px;
		line-height: 32px;
	}
	.aa .talkInfo:nth-child(3n) {
		margin-right: 0;
	}
	.count-down-out .bc2, .count-down-out .bc1 {
		font-size: 14px;
		padding: .5em;
		width: 100%;
		box-sizing: border-box;
	}
	.list2 .item-title a {
		width: 100%;
	}
	.list2>li {
		width: 100%;
	}
	.list2 .item-meta {
		list-style: none;
		width: 100%;
		margin-left: 0;
		margin-right: 7em;
	}
	/*.list1 .Product-text-out-new,.Product-out-app6 .Product-text-out-new{ width: 48%; margin-left:0;}*/
	.cpMaster .Product-text-out-wr {
		width: 55%;
	}
	.pd-con-out .Product-text-out-wr {
		width: 55%;
	}
	.wrlist-classification ul li {
		font-size: 12px;
	}
	.Product-text-right-new {
		margin-left: 66%;
	}
	.count-down>span, .count-down-num span {
		font-size: 15px;
		line-height: 1.5;
	}
	.count-down-num {
		font-family: Arial, "細明體";
		font-size: 13px;
	}
	.list1 .item-detail {
		margin-left: 70px;
		padding-right: 232px;
		height: auto;
	}
	.count-down-out {}
	.nosign {
		height: auto;
	}
	.deadline, .deadline-over {
		margin-left: 0
	}
	.secondCol {
		display: none;
	}
	.cpBox>img {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.cpMaster .cpBox img, .cpBox p input, .cpBox iframe {
		width: 100%;
		!important
	}
	.aa .talkInfo {
		width: auto;
		float: none;
		margin: 0 0 0 0;
		height: auto;
		background: none;
		border: 0;
	}
	.cpBox .btnOut {}
	.cpBox>.btn {
		padding: .5em;
		font-size: 16px;
		box-sizing: border-box;
	}
	.recent-c-list li a {
		width: 55%;
	}
	.app-textbox {
		width: 100%;
	}
	div.pdCenter {
		width: 50%;
	}
	.pdCenter h2 {
		width: 55%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	div.pdAttachment {
		margin-left: 70%;
	}
	/*購物車shopping-cart.aspx */
	.coutbar01 {
		width: 280px;
		border-radius: 9px;
		border: solid 1px #B6BEC4;
		margin: 0 auto;
	}
	.cartCheckout {
		text-align: center;
	}
	.cartTotalPrice {
		float: right;
		font-size: 16px;
		padding: 20px 20px;
	}
    .col-left2>div:first-child, .col-left4>div:first-child {
        float: left;
        width: 160px;
    }
	.pStyle select {
		width: 140px;
	}
	.pStyle .bc2 {
		width: 205px;
	}
	.list1 .v-intro, .list2 .v-intro {}
	.list2>li:last-child, .list2>li:nth-last-child(2) {
		margin-bottom: .667em;
	}
	.list4 {
		font-size: 13px;
	}
	.list4 a {
		font-size: 15px;
	}
	.pStyle {
		margin-bottom: 0;
	}
	.pdContainer .app2 a .appCtnr {
		width: 59%;
	}
	.pdContainer .app2 a:hover .appCtnr {
		width: 66.8%;
	}
	.pdContainer .app li {
		width: 48.7%;
	}
	.list2>li:last-child, .list2>li:nth-last-child(2) {
		margin-bottom: 3em;
	}
	.Product-text-out-wr .hot-point-s-up {
		display: none;
	}
	.Product-text-box {
		height: 55px;
	}
	.Product-text-box span {
		display: block;
		height: 36px;
		overflow: hidden;
	}
	.list1 .Product-text-out-new, .Product-out-app6 .Product-text-out-new {
		width: 45%;
	}
	.Product-left-wrlist {
		width: 60px;
	}
	.Product-icon-wrlist img {
		width: 60px;
		height: auto;
	}
	.item-title {
		font-size: 18px;
	}
	.mDate {
		text-align: left;
		font-size: 13px;
	}
	.mDate li {
		margin: 0 1em 0 0;
	}
	.mCtrl ul a {
		font-size: 14px;
	}
	.cs-contact-form input, .cs-contact-form textarea {
		width: 85%;
	}
	.cs-contact-content button {
		font-size: 21px;
	}
	.cs-contact-list span {
		display: block;
	}
	.enable-con-out {
		margin: 0 2px;
	}
	.enable-list2 ol img {
		width: 98%;
	}
	.enable-list2 ol li {
		margin-left: 18px;
	}
	.app-img img {
		width: 130px;
		height: auto;
	}
	.app-con {
		margin-left: 155px;
	}
	.item-img {
		display: none;
	}
	.list1 .item-detail {
		margin-left: 0;
	}
	.hot-class span {
		position: static;
	}
	.hot-class li a, .hot-media li a {
		display: block;
		height: 50px;
	}
	div.special {
		margin-bottom: -.667em;
	}
    .app-tips-area > .app-tips-text, .app-tips-title {
        font-size: 26px;
        line-height: 1.3;
    }
	.app-tips-list {}
	.app-tips-list li {
		float: none;
		width: auto;
		padding: 10px;
		background: #fff;
		border: solid 1px #ddd;
		text-align: center;
	}
	.bouns-k {
		margin-bottom: -1px;
		border-radius: 5px 5px 0 0;
	}
	.notice-app {
		border-radius: 0 0 5px 5px;
	}
    .app-tips-area > .app-tips-text:before {
        top: 25px;
    }
	.app {
		display: none;
		margin-top: 10px;
	}
	.pd .more, .pd .empty:before {
		display: none;
	}
	.pd .empty {
		padding: 0;
		margin-bottom: 0;
		text-align: center;
		font-weight: 100;
		color: #333;
	}
	.mask {
		display: none;
	}
	.slider {
		float: none;
		margin-bottom: 10px;
	}
	.using {
		font-size: 25px;
	}
	.using .slider-time ul li {
		font-size: 30px;
	}
	.using .slider-time>li {
		width: 17px;
	}
	.app-tips-list {
		display: none;
		margin-top: 5px;
	}
	.app-tips-title {
		margin-bottom: 0;
	}
	.app-tips-title .fa-chevron-down, .app-tips-title .fa-chevron-up, .empty .fa-chevron-down, .empty .fa-chevron-up {
		display: block;
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -8px;
		font-size: 15px;
	}
	.app-tips-list li>a img {
		float: none;
		width: 130px;
		margin-bottom: 10px;
	}
	.app-tips-content {
		margin: 0;
	}
	.download-btn-out img {
		height: 50px;
	}
	.app-ad {
		background: linear-gradient(#fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
		background: -webkit-linear-gradient(#fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
		background: -moz-linear-gradient(#fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
		background: -o-linear-gradient(#fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
		background: -ms-linear-gradient(#fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
	}
	.app-tips-title, .pd .empty {
		text-align: left;
	}
	.app-tips-area {
		margin: 10px 0;
	}
	.author-intro.col-8, .col-4.authorDetail {
		float: none;
		width: 100%;
		padding: 0;
	}
	.authorDetail ul {
		margin-left: 0;
	}
	.author-star {}
	.author3 {
		height: 266px;
	}
	.mobi-fixed-layer {
		display: none;
		width: 64px;
		height: 64px;
		border-radius: 999em;
		line-height: 20px;
		font-size: 16px;
		padding: 0;
		margin-left: 30%;
	}
	h3.empty.heading {
		display: inline-block;
		vertical-align: middle;
	}
	h3.heading {
		margin-right: 10px;
	}
	#channelList>li {
		display: none;
	}
	#channelList>li:first-child {
		display: block;
	}
	.col-left>div {
		margin-top: 10px;
	}
	.mMeta li {
		font-size: 13px;
	}
	.mMeta li:first-child {
		display: none;
	}
	.cpMaster .col-left {
		display: none;
	}
	.author1 {
		display: block;
		float: none;
		width: 50%;
		margin: auto;
	}
	.author1, .author2, .author3 {
		float: none;
		width: auto;
	}
	.author1 {
		width: 50%;
	}
	.author2 {
		margin-bottom: 15px;
	}
	.author3 {
		height: auto;
		border: 0;
		margin: 0;
	}
	.author-title {
		text-align: center;
	}
	.your-way a, .share-get-use a {
		font-size: 13px;
		padding: 10px;
	}
	.your-way-t {
		margin-bottom: 5px;
	}
	.your-way-t, .share-get-use p {
		width: 100%;
	}
	.your-way-t, .your-way span, .share-get-use p {
		top: 0;
		font-size: 15px
	}
	.used-tbar, .used-bar {
		width: auto;
	}
	.limits-list, .your-way>div, .share-get-use {
		padding: 10px;
	}
	.black-bubble {
		left: 50px;
	}
	.k-app-intro img {
		position: static;
	}
	.k-app-con h3 {
		font-size: 34px;
	}
	.k-app-intro i {
		display: none;
	}
	.k-app-pic-r, .k-app-pic-l {
		position: static;
		width: 80%;
	}
	.k-app-intro2 .k-app-text {
		float: none;
		margin-left: 0;
	}
	.k-app-pic-l {
		width: 90%;
	}
	.k-app-intro .r {
		right: auto;
	}
	.k-app-intro p {
		padding: .5em 0 1.5em 0;
	}
	#app-use-left>div>img {
		width: 96%;
		height: auto;
	}
	#app-use-left .pStyle {
		width: auto;
		margin-left: 170px;
		margin-bottom: 15px;
	}
	#app-use-left .app-meta {
		margin-left: 170px;
	}
	#app-use-left div.special {
		margin: 0;
		width: 100%
	}
	#app-use-right .pd-intro {
		margin-right: 0;
	}
	#app-use-right .app-title {
		text-overflow: ellipsis;
		margin-bottom: .5em;
		padding-bottom: 5px;
		width: 100%;
		white-space: pre-line;
	}
	.k-app-intro2>div {
		float: none;
	}
	.k-app-intro {}
	.w-p-1 {
		width: 70%;
		margin: 0 auto;
	}
	.w-p-2, .w-p-3 {
		width: 85%;
		margin: 0 auto;
	}
	.k-app-intro ul li p {
		margin-left: 0;
	}
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		float: none;
		width: auto;
	}
	.class-countdown {
		display: none;
	}
	.class-tab-content iframe {
		width: 100%;
	}
	.class-header-wrap {
		margin-bottom: 0;
	}
	.class-slider-img-list {
		height: 248px;
	}
	.class-intro-list li, .class-check .btn-out a {
		font-size: 16px;
	}
	.class-intro-list li strong {
		font-size: 17px;
	}
	.class-intro .bc2 {
		padding-top: inherit;
		padding-bottom: inherit;
	}
	.check-link a {
		white-space: nowrap;
	}
	.check-link {
		text-align: center;
	}
	.class-tab-detail h2, .class-tab-detail h3 {
		line-height: 1.2;
	}
	.class-tab-content-title, .class-tab-content h2, .class-tab-content h3, .class-tab-content p, .class-tab-content ul, .class-tab-content ol, .class-tab-content img, .class-tab-content table, .class-tab-content hr, .class-tab-content:after, .class-comment {
		width: 100%;
	}
	.class-other-list img {
		width: 70px;
		margin-right: 10px;
	}
	.class-other-list h3 {
		font-size: 15px;
	}
	.class-list-before li span {
		display: block;
		float: none;
		margin-left: 20px;
	}
	.class-list-before li {
		line-height: 1.8;
	}
	ul.class-tab-content-album {
		width: auto;
		margin: auto -10px;
	}
	.class-tab-content-title {
		margin-bottom: 0;
	}
	.class-check-info {
		width: auto;
	}
	.class-tab-content {
		margin: 0 auto;
	}
	.class-check-list dd {
		width: 355px;
	}
	.class-check-detail {
		height: auto;
	}
	.class-tab-content-title-link, .class-check-list dd a {
		text-decoration: underline;
		font-size: 13px;
	}
	.class-tab-content td, .class-tab-content th {
		padding: 5px;
	}
	.class-intro-list li a {
		float: none;
		width: 65px;
		display: block;
		margin-left: 30px
	}
	.btn.class-btn {
		width: 100%;
	}
	.class-tab-content-title-link {
		bottom: 4px;
	}
	/* .mobi-page{ padding-bottom: 105px;} */
	.tips1 {
		margin-left: 0;
	}
	.k-app .special {
		display: none;
	}
	.shop-status, .shop-tips, .shop-tips-pay {
		float: none;
		text-align: center;
	}
	.shop-status {
		top: auto;
		margin-bottom: 10px;
	}
	.books-list li {
		width: 50%;
	}
	.qty-select .qty {
		width: 139px;
	}
	.cp-books .save {
		right: 0;
	}
	.cp-books .firstCol, .cp-books .secondCol {
		float: none;
		width: auto;
	}
	.cp-books .secondCol {
		display: block;
		margin-left: 0;
	}
	.shop-box {
		z-index: 1;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		box-sizing: border-box;
		border: 0;
		text-align: center;
		margin-bottom: 0;
		box-shadow: 0 -2px 5px rgba(0, 0, 0, .2);
	}
	.reserve, .shop-box .btn-out, .shop-box .btn-out .btn {
		display: inline-block;
	}
	.shop-box .btn-out .btn {
		width: auto;
		padding: 0 10px;
		font-size: 16px;
		margin-left: 10px;
		margin-top: 0;
	}
	.books-intro-item:last-child {
		margin-bottom: 50px;
	}
	.cp-books .deadline {
		padding: 0;
	}
	#ChatBtn, .socail-btn-wrap {
		display: none;
	}
	.single-title {
		margin-right: 0;
		display: block;
		font-size: 18px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.v-social {
		position: static;
	}
	.video-out {
		margin-bottom: 10px;
	}
	.video-out iframe {
		height: 250px;
	}
	.d-box .appTab {
		display: block;
	}
	.d-box .appTabConGp {
		border: 0;
	}
	.btn-out-fn {
		position: absolute;
		top: 0;
		right: 0;
	}
	.btn-out-fn .bc2 {
		font-size: 14px;
	}
	.list1 .count-down-out {
		position: static;
		width: auto;
	}
	.list1 .item-detail {
		padding: 0;
	}
	.video-use .mBox {
		width: 50%;
		float: left;
	}
	.group-out {
		margin: -10px;
		display: none;
	}
	.group-out .mask {
		display: block;
		height: 370px;
	}
	.group-hdr .fa-times {
		display: none;
	}
	.msg-comment .text-area {
		width: 85%;
	}
	.Product-out-app6 .mask {
		display: block;
	}
	.appTab a {
		padding: 10px;
	}
	
	.mobi-fixed-layer:before {
		background: none;
		content: none;
	}

    /* 講座內頁閱讀更多 */

    .lession-read-more {
        max-height: 1000px;
        overflow: hidden;
    }

    .read-more-overlay {
        display: block;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        padding-top: 90px;
        padding-bottom: 30px;
        text-align: center;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%);
    }

    /* 講座內頁閱讀更多 */

    .firstCol .ad5:first-child {
        min-height: 700px;
    }
}
@media screen and (max-width: 430px) {
	.hotPdOut section.ad8 {
		width: 100%;
	}
	.app2 a .appCtnr {
		width: 77.5%;
	}
}
@media screen and (max-width: 428px) {
    /* 大圖輪播 */
    .swiper-slide .img-mask-round {
        width: 396px;
        height: 212px;
    }
    .photo-show img.main-image {
        min-height: 212px;
    }
}
@media screen and (max-width: 415px) {
	.col-left {
		margin-bottom: 15px;
	}
}
@media screen and (max-width: 414px) {
	.hotPdOut section.ad8 {
		width: 100%;
	}
	.pStyle .bc2 {
		width: 140px;
	}
	.Product-out-01-sp {
		width: 29.9%;
	}
	#plLogout2 .text h1 {
		font-size: 28px;
	}
    .tab-content a img {
        width: 100%;
    }
	.slider {
		width: 100%;
		height: 330px;
	}
	.app2 a .appCtnr {
		width: 49%;
	}
	.app2 a:hover .appCtnr {
		width: 79.8%;
	}
	.hotPdOut section.ad8 {
		width: 100%;
	}
	.ad5>.bc2, .ad5>.bc1 {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.ad5>.bc2 {
		margin-bottom: 10px;
	}
	.pdContainer .app li {
		width: 48.5%;
	}
	.pdContainer .app2 a .appCtnr {
		width: 52%;
	}
	.pdContainer .app2 a:hover .appCtnr {
		width: 60.8%;
	}
	div.pdCenter {
		width: 47%;
	}
	.mPrice {
		font-size: 14px;
		margin-right: 0;
	}
	.mBoxOut .mBox>a, .mCon {
		height: 115px;
	}
	.mCon>div {
		margin-bottom: 0;
	}
	.Product-left-s-up .app-star {
		display: none;
	}
	.Product-text-out-wrlist, .pd-con-out .Product-text-out-wr {
		width: 53%;
	}
	.Product-icon-small, .Product-icon-small img {
		/*width: 80px; height: 80px;*/
	}
	.list1 .Product-text-out-new, .Product-out-app6 .Product-text-out-new {
		width: 44%;
	}
	.app1 a .appT {
		width: 80.2%;
	}
	.app1 a:hover .appT {
		width: 83.6%;
	}
	.wrlist-classification ul li {
		margin-bottom: .667em;
	}
	ul li.left-line, ul li.left-line:hover {
		border-bottom-color: #ebebeb;
	}
	.mMeta li:first-child, .mDate {
		display: none;
	}
	.cs-contact-form input, .cs-contact-form textarea {
		width: 95%;
	}
	.cs-contact-form {
		width: 100%;
		margin: 10px 0 0;
	}
	.cs-contact-form td {
		display: block;
		width: 100%;
		padding: 0 0 10px 0;
	}
	.cs-contact-form th {
		display: block;
		text-align: left;
	}
	.cs-contact-content button {
		width: 100%;
		margin: 10px 0 0;
	}
	.app2 a .appCtnr {
		width: 76.5%;
	}
    .app2 a .most-used-ctnr {
        width: 75%
    }
    .app2 a:hover .most-used-ctnr {
        width: 80%;
    }
	.download-btn-out img {
		height: 32px;
	}
	.app-tips-content p {
		margin-bottom: 8px;
	}
	.app-tips-list li>a img {
		border-radius: 10px;
	}
	.pd-intro-out>.btnOut>div {
		margin: 0 5px;
	}
	.f-share .bc8, .pd-intro-out>.btnOut>div>.bc1, .pd-intro-out>.btnOut>div>.bc2 {
		padding: 0 10px;
	}
	.appTab {
		display: flex;
		flex-wrap: wrap;
	}
	.appTab li {
		width: 33.33333%;
		text-align: center;
		margin-bottom: 10px;
		margin-right: -1px;
	}
	.appTab+.bc4 {
		display: none;
	}
	.appTab a {
		display: block;
		padding: 10px 0;
		font-size: 14px;
		margin-bottom: 0;
	}
	.app-d-type .bc2 {
		display: block;
	}
	.pd-ad-img {
		max-width: 355px;
		box-sizing: border-box;
	}
	#ContentPlaceHolder1_plAllBoxOut .mCon h2 {
		width: 320px;
	}
    #ContentPlaceHolder1_plAllBoxOut .mCon{
        margin-bottom:20px;
    }
    .class-slider-img-list {
        height: 210px;
    }
	.class-tab-group a {
		font-size: 13px;
		padding: 10px;
	}
	.class-check-list dd {
		width: 290px;
	}
	.class-tab-content h5 {
		text-align: left;
	}
	.google-btn {
		background-position: 0 -74px;
	}
	.app-btn {
		height: 56px;
	}
	.k-app-pic-c {
		width: auto;
	}
	.qty-select .qty {
		width: 106px;
	}
	.video-out iframe {
		height: 210px;
	}
	.msg-comment .text-area {
		width: 80%;
	}
	.sub-navi:after {
		content: '';
		display: block;
		clear: both;
	}
	.sub-navi li {
		float: left;
	}
	.sub-navi>li {
		width: 33.333%;
		position: static;
	}
	.sub-navi ul a {
		padding: 0 10px;
		color: #fff;
	}
	.sub-navi ul {
		position: absolute;
		left: 0;
		background: #bbb;
		width: 100%;
		z-index: 1;
	}
	li.crt-list:after, .item-sub-menu:after {
		display: none;
	}
	.sub-navi a {
		border-radius: 0;
	}
	.k-app-con iframe {
		height: 210px;
	}
	.m-socail-fixed-right {
		bottom: 100px;
	}
	.m-socail-fixed-right a {
		display: block;
	}
	.m-socail-fixed-right a+a {
		margin-top: 10px;
	}
	.share-rule-list {
		width: auto;
		padding-left: 20px;
	}
	.your-way>div, .share-get-use {
		text-align: center;
	}
	.your-way-t {
		margin-bottom: 10px;
	}
	.pd-intro-out>.btnOut, .use-number {
		display: none;
	}
	.enable-label {
		text-align: center;
	}
	.enable-out>img {
		margin-bottom: 15px;
	}
	.link-cancel {
		position: fixed;
		bottom: 15px;
		left: 50%;
		margin-left: -45px;
	}
	.download-content {
		width: 380px;
		min-height: 2400px;
	}
	.download-content h1 {
		font-size: 25px;
		line-height: 52px;
	}
	.download-title {
		margin-left: -10px;
		font-size: 25px;
	}
	.window-btn {
		border-radius: 10px;
		width: 200px;
		height: 40px;
		font-size: 20px;
		line-height: 40px;
	}
	.mainImg {
		display: block;
		width: 380px;
		height: auto;
	}
	.step {
		width: 380px;
		height: 330px;
	}
	.step__img {
		display: block;
		width: 320px;
		height: 200px;
	}
	.step__desc {
		font-size: 16px;
	}
	.device {
		width: 370px;
	}
	.device__contents li {
		font-size: 16px;
	}
    .top {
        bottom: 90px;
    }
    /* 大圖輪播 */
    .swiper-slide .img-mask-round {
        width: 382px;
        height: 205px;
    }
    .photo-show img.main-image {
        min-height: 205px;
    }

    .firstCol .ad5:first-child {
        min-height: 688px;
    }
}

@media screen and (max-width: 390px) {
    /* 大圖輪播 */
    .swiper-slide .img-mask-round {
        width: 338px;
        height: 192px;
    }
    .photo-show img.main-image {
        min-height: 192px;
    }
    .firstCol .ad5:first-child {
        min-height: 668px;
    }
	.hotPdOut section.ad8 {
		width: 100%;
	}
	.app2 a .most-used-ctnr {
		width: 75%;
	}
}
@media screen and (max-width: 375px) {
	.col-left {
		margin-bottom: 15px;
	}
    .col-left2>div:first-child img, .col-left4 >div:first-child img {
        width: 128px;
        height: auto;
    }
    .col-left2 .star, .col-left4 .star {
        width: 128px;
    }
    .col-left2>div:first-child, .col-left4> div:first-child {
        width: 137px;
    }
    #main-app-left .app-writer-list, #main-app-left2 .app-writer-list {
        margin-left: 133px;
    }
	.slider {
		height: 300px;
	}
	.pd {}
	.app2 a .appCtnr {
		width: 74%;
	}
	.app2 a:hover .appCtnr {
		width: 77.4%;
	}
	.hotPdOut section.ad8 {
		width: auto;
		float: none;
		margin-right: 0;
	}
	.hotPdOut {
		height: auto;
	}
	.ad8+.ad8 {
		margin-top: .667em;
	}
	.appTab a {}
	.connect {
		display: none;
	}
	.pdCenter h2 {
		width: auto;
	}
	div.pdCenter {
		width: 45%;
	}
	.mFilter a {
		padding: 0 .5em;
	}
	div.text {
		width: 95%;
	}
	.mBoxOut .mBox>a {
		width: 115px;
		height: 85px;
	}
	.mCon {
		margin-left: 125px;
	}
	.mCon p {
		display: none;
	}
	
	.mPrice {
		font-size: 13px;
	}
	.Product-icon-wrlist, .Product-icon-wrlist img, .Product-icon-small, .Product-icon-small img {
		/*width: 65px; height: 65px;*/
	}
	.rate-minutes-out {
		padding-top: 17px;
		height: 50px;
	}
	.Product-text-out-wrlist {
		width: 46%;
	}
	div.hot-point-s-up {
		display: none;
	}
	.Product-text-right-new {
		margin-left: 65%;
	}
	.list1 .Product-text-out-new, .Product-out-app6 .Product-text-out-new {
		width: 40%;
	}
	.app1 a .appT {
		width: 78%;
	}
	.app1 a:hover .appT {
		width: 59.2%;
	}
	.list1 .count-down-out {
		position: static;
		width: auto;
	}
	.list1 .item-detail {
		padding: 0;
	}
	.d-app-infor .bc2 {
		width: 100%;
	}
	.list4 p {
		line-height: 1.5;
	}
	.app-tips-list li>img {}
    .app-tips-area > .app-tips-text, .app-tips-title {
        font-size: 22px;
    }
	.f-share .bc8, .pd-intro-out>.btnOut>div>.bc1, .pd-intro-out>.btnOut>div>.bc2 {
		padding: 0 10px;
		font-size: 16px;
	}
	.pd-intro-out>.btnOut {
		padding: 10px 0;
	}
	.black-bubble {
		left: 20px;
	}
	.appTab+.bc4 {
		top: 115px;
	}
	.check-price-out .check-price, .check-price-out .check-price-sale {
		display: block;
	}
	#app-use-left .pStyle, #app-use-left .app-meta {
		margin-left: 42%;
	}
	.k-app-con h3 {
		font-size: 28px;
	}
	#ContentPlaceHolder1_plAllBoxOut .mCon h2 {
		left: -125px;
		width: 280px;
	}
	.class-slider-img-list {
		height: 188px;
	}
	.class-intro-list li, .class-check .btn-out a {
		font-size: 13px;
	}
	.class-intro-list li .fa {
		margin-right: 5px;
	}
	.class-intro-list li .save {
		left: 260px;
	}
	.class-tab-group a {
		padding: 7px;
	}
	.class-tab-content h5, .class-tab-detail h2 {
		font-size: 25px;
	}
	.class-other-list li {
		float: none;
		width: auto;
	}
	.class-check-list dd {
		width: 250px;
	}
	.class-intro a.bc1, .class-intro a.bc2 {
		font-size: inherit;
	}
	.google-btn {
		background-position: 0 -69px;
	}
	.app-btn {
		height: 54px;
	}
	.qty-select .qty {
		width: 86px;
	}
	.shop-status {
		font-size: 18px;
	}
	.k-app-con iframe, .video-out iframe {
		height: 190px;
	}
	.download-content {
		width: 330px;
		min-height: 2100px;
	}
	.download-content h1 {
		font-size: 23px;
	}
	.download-title {
		margin-left: -10px;
		font-size: 23px;
	}
	.window-btn {
		border-radius: 10px;
		width: 200px;
		height: 40px;
		font-size: 20px;
		line-height: 40px;
	}
	.mainImg {
		display: block;
		width: 300px;
		height: auto;
	}
	.step {
		width: 320px;
		height: 260px;
	}
	.step__img {
		display: block;
		width: 260px;
		height: auto;
	}
	.step__desc {
		font-size: 16px;
	}
	.device {
		width: 330px;
	}
	.device__title {
		font-size: 24px;
	}
	.device__contents li {
		font-size: 16px;
	}
    /* 大圖輪播 */
    .swiper-slide .img-mask-round {
        width: 343px;
        height: 184px;
    }
    .photo-show img.main-image {
        min-height: 184px;
    }
}

@media screen and (max-width: 360px) {
	.ad.ad5.shadow1.clearfix, .sort-fn, .connect, .ppt, .Product-left-s-up, .Product-left, .pdAttachment, .tips, .pathOut .btn1, .fbLike, .hot-point {
		display: none;
	}
	#plLogout1 .ad1 {
		height: 206px;
	}
	#plLogout1 .text h1 {
		font-size: 20px;
	}
	#plLogout2 .text h1 {
		font-size: 22px;
	}
	/*登入首頁*/
	.ex:nth-child(3n) {
		margin-right: 0;
	}
	.enable-address, #main-b-tmp-02 .Product-left {
		display: block;
	}
	.mDate {
		bottom: 10px;
	}
	.mCon h2 {
		width: 90%;
		font-size: 15px;
	}
	/*商品清單*/
	.lesson a {
		width: 84%;
	}
	.ad5, .ad6, .d-box, .pd, .exchange, .Product-out-01, .pd-con-out {
		padding: 10px;
	}
	.pd-con-out:first-child {}
	.app li {
		margin-top: 10px;
	}
	.pd-out {
		margin: 0;
	}
	.pd-con-out {
		margin: 10px auto;
	}
	.pd {
		float: none;
		width: auto;
		margin: 0 0 15px;
	}
	.f-share .bc8, .pd-intro-out>.btnOut>div>.bc1, .pd-intro-out>.btnOut>div>.bc2 {}
	.app1 a .appT {
		width: 77%;
	}
	.app1 a:hover .appT {
		width: 80.8%;
	}
	.app2 a .appCtnr {
		width: 79.5%;
		height: 114px;
		box-sizing: border-box;
	}
	.app2 a:hover .appCtnr {
		width: 101%;
		padding-left: 60px;
	}
	.save {
		right: -5px;
	}
	.mBox {
		padding: 10px;
	}
	.Product-out-wrlist {
		height: 50px;
	}
	.rate-minutes-out {
		height: auto;
		padding: 11px 0 10px 10px;
	}
	.item-title {
		font-size: 20px;
	}
	.ex {
		float: none;
		margin: 10px 0 0;
		width: auto;
	}
	.ex:first-child {
		margin-top: 0;
	}
	.ex1, .ex2 {}
	div.text, .ad1>div {
		float: none;
	}
	div.text {
		text-align: center;
		margin: 0;
		width: auto;
	}
	.nosign {
		height: auto;
	}
	.nosign .box {
		float: none;
		border: 0;
		padding: 0 0 0 10px;
		width: auto;
		margin-bottom: 10px;
		height: 95px;
	}
	.nosign .box>img {
		display: block;
	}
	.nosign .box header {
		font-size: 16px;
	}
	.subject {
		height: auto;
	}
	.subject-lesson {
		width: auto;
		margin: 0 auto;
	}
	.download-info {
		width: 285px;
		margin: 0 auto;
	}
	.subject-lesson .box {
		width: auto;
		border: 0;
	}
	.more3 {
		left: auto;
		right: 0;
	}
	.ad5 .btn2, .ad5 .btn4 {
		width: 130px;
	}
	div#wrapper {
		padding: 0;
		border: 0;
		background: none;
	}
	.list-class {
		background: #fff;
		padding: 10px;
	}
	div.app-title {
		width: auto;
	}
	div.btnOut {
		position: relative;
		top: 0;
		right: auto;
	}
	.appTab+.bc4 {}
	div.pdCenter {
		float: none;
		margin-left: 70px;
	}
	.lesson-photo-b, .lesson-photo-b img {
		width: 50px;
		height: 50px;
	}
	.lesson-intro {
		margin-left: 60px;
	}
	div.lesson-out {
		float: none;
	}
	.lesson_summary .l-more-inf {
		width: 100px;
		line-height: 30px;
		font-size: 20px;
	}
	div.lesson_name-s a {
		width: 82%;
		vertical-align: top;
	}
	div.lesson-out {
		margin: 20px 0 0;
	}
	div.lesson-out:first-child {
		margin: 0;
	}
	div.lesson-out {
		width: 100%;
		box-sizing: border-box;
	}
	.cp-name, .cp-name .ct-nameBox h1 {
		font-size: 20px;
	}
	.cp-name:before {
		background-size: 90px auto;
		background-position: -25px 0;
		width: 25px;
	}
	.ct-nameBox>span {
		padding-left: 25px;
	}
	.cpBox>.btn {}
	.cpBox .cp-sign-up {
		display: block;
		margin-bottom: 1em;
	}
	.deadline, .deadline-over {
		margin: 0;
	}
	.firstCol {
		padding: 5px 0;
	}
	.recent-c-list li a {
		width: 40%;
	}
	.Product-out-wrlist {
		padding: 10px;
	}
	a.enable2 {
		display: none;
	}
	.Product-icon-wrlist img {
		width: 50px;
		height: auto;
	}
	.Product-icon-wrlist {
		width: auto;
		height: auto;
	}
	.Product-text-out-wrlist {
		width: 52%;
		margin-left: 5px;
	}
	.pd-con-out .Product-text-out-wr {
		width: 70%;
		margin-left: 0;
	}
	.detail-description-b {
		width: auto;
	}
	.cpMaster .Product-text-out-wr {}
	.Product-text-out-wr .apptitle {
		width: 100%
	}
	.Product-text-right-new {
		margin-left: 63%;
	}
	.list1 .Product-text-out-new, .Product-out-app6 .Product-text-out-new {
		width: 60%;
		margin: 0;
	}
	.Product-text-out .apptitle a {
		display: block;
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: 3px
	}
	.writer-name {
		font-size: 12px;
		bottom: -2px;
	}
	.v-menu {
		display: none;
	}
	.usestep-right-nb {
		margin: 0;
	}
	.video-use .mBox {}
	.single-title {
		margin-bottom: 10px;
	}
	.heading {
		margin-bottom: .4em;
	}
	.v-box iframe {
		height: 180px;
	}
	.fb-like {
		position: static;
		top: auto;
		left: auto;
		margin-top: .3em
	}
	.item-img {
		display: none;
	}
	.item-detail {
		margin-left: 0;
	}
	.count-down-out .btn2, .count-down-out .btn4 {
		font-size: 15px;
		padding: .3em .5em;
	}
	.list2>li {
		float: none;
		width: auto;
		margin-right: 0;
	}
	.list2>li:last-child, .list2>li:nth-child(n+1) {
		margin-bottom: 0;
	}
	.list2 .item-detail {
		height: 135px;
	}
	.list1 .item-content {
		height: 206px;
	}
	.list1 .item-detail, .list1 .item-content, .list2 .item-detail {
		height: auto;
	}
	.wrHeading h1 {
		font-size: 38px;
	}
	.wrHeading img {
		width: 300px!important;
		height: auto;
	}
	.app-img {
		text-align: center;
		float: none;
	}
	.app-title {
		width: 200px;
	}
	.enable-navi li {
		line-height: 1.5em;
	}
	.app-con {
		margin-left: 0;
	}
	.pdImg {
		width: 40px;
	}
	.pdBox img {
		width: 40px;
		height: 40px;
	}
	div.pdCenter {
		margin-left: 50px;
		width: auto;
	}
	.tips1 {
		margin-left: .3em;
		font-size: 12px;
		top: 1px;
	}
	.text h1, .download-welcome h1, .step-hdr h1, .download-fn .bc2, .cpBox h2, .cp-name, .cp-name .ct-nameBox h1 {
		font-size: 22px;
	}
	.box header, .pd .empty, .exchange header, .heading, .pdTitle, .enable-sn .app-title, .wrHeading h2 {
		font-size: 19px;
	}
	.v-ic>a, .rate-minutes-out .bc2, .Product-text-box {
		font-size: 12px;
	}
	.appTab-row, .r-out, .pd, .d-box {
		margin-bottom: 10px;
	}
	.ad9 {
		height: 315px;
		background-position: -430px 0;
		background-size: 870px auto;
	}
	.text {
		background: rgba(255, 255, 255, .7);
	}
	.bnr3 .subject {
		padding: 0;
	}
	.bnr4 {
		padding: 0;
	}
	#plLogout2 .text {
		margin: 0 10px;
		padding: 10px;
		top: 70px;
	}
	.box p {
		margin-bottom: .667em;
	}
	.nosign {
		padding: 0;
	}
	.ad1>div.ad-atonce {
		display: none;
	}
	.wrlist-classification ul li {
		margin-bottom: .5em;
	}
	ul li.left-line, ul li.left-line:hover {
		border-bottom-color: #ebebeb;
	}
	.spc-box {
		position: relative;
		right: 28px;
		top: 0;
	}
	.pStyle .bc2 {
		width: 125px;
	}
	.mPrice {
		margin: 0;
	}
	.Product-text-out .Product-text-box {
		height: 40px;
	}
	.Product-out-wr {
		min-height: 60px;
	}
	.Product-text-out-wrlist .Product-text-box, .Product-text-box span {
		height: 33px;
	}
	.list2>li {
		margin-top: 1em;
	}
	.cs-contact-form input, .cs-contact-form textarea {
		width: 94%;
	}
	.pStyle select {
		width: 100%;
	}
	.slider {
		height: 280px;
	}
	.app2 a .appCtnr {
		height: 82px;
	}
	.black-bubble {
		left: 10px;
	}
	#app-use-left .pStyle, #app-use-left .app-meta {
		margin-left: 45%;
	}
	.app-tips {
		display: block;
	}
	.time {
		margin-top: 5px;
	}
	.popup_msg {
		min-width: 200px;
	}
	#ContentPlaceHolder1_plAllBoxOut .mCon h2 {
		width: 265px;
	}
	.class-slider-img-list {
		height: 180px;
	}
	.class-tab-group a {
		padding: 10px 5px;
	}
	.class-check-list dd {
		width: 235px;
	}
	.v-class img {
		float: none;
		width: 100%;
		box-sizing: border-box;
	}
	.v-c-infor {
		margin: 0;
	}
	.google-btn {
		background-position: 0 -62px;
	}
	.app-btn {
		height: 48px;
	}
	.qty-select .qty {
		width: 79px;
	}
	.chat-smile-content img {
		width: 51px;
		height: 51px;
	}
	.chat-smile {
		width: 308px;
	}
	.k-app-con iframe {
		height: 180px;
	}
    /* 大圖輪播 */
    .swiper-slide .img-mask-round {
        width: 328px;
        height: 176px;
    }
    .photo-show img.main-image {
        min-height: 176px;
    }
    .firstCol .ad5:first-child {
        min-height: 634px;
    }
}

@media screen and (max-width: 320px) {
	#plLogout1 .ad1 {
		height: 183px;
	}
	.main .hotPdOut {
		margin-top: -6px;
	}
	.Product-left {
		width: auto;
	}
	.main {
		margin-bottom: 0
	}
	.exchange {
		margin: 6px 0;
	}
	.count-down-num {
		font-size: 12px;
	}
	.recent-c-list span {
		display: none;
	}
	.enable-a, .enable .bc1, .enable-address {
		font-size: 13px;
	}
	.pd-intro-out>.btnOut>div {
		margin: 0;
	}
	.f-share .bc8, .pd-intro-out>.btnOut>div>.bc1, .pd-intro-out>.btnOut>div>.bc2 {
		font-size: 14px;
	}
	.f-share span {
		font-size: 13px;
	}
	.list1 .item-title a {
		width: 90%;
		font-size: 15px;
	}
	.app1 a .appT {
		width: 73.5%;
	}
	.app1 a:hover .appT {
		width: 78%;
	}
	.app2 a .appCtnr {
		width: 76.5%;
	}
	.app2 a:hover .appCtnr {
		width: 101%;
	}
	.text .bc2 {
		display: inline-block;
		box-sizing: border-box;
		font-size: 20px;
	}
	.video {
		display: inline-block;
	}
	.Product-text-box {
		height: 40px;
	}
	.writer-name {
		bottom: 0;
	}
	.heading:before {
		margin-top: -11px;
		height: 14px;
		border-left-width: 3px;
	}
	.cpBox>.btn {}
	.Product-out-wrlist {
		height: 55px;
	}
	.list1>li, .list2>li {
		margin-top: .5em;
	}
	.ad5 .btn2, .ad5 .btn4 {
		width: 110px;
	}
	div.lesson-out {
		width: 298px;
	}
	.recent-c-list li a {
		max-width: none;
		width: 240px;
	}
	.appTab+.bc4 {
		top: 167px;
	}
	.Product-text-out-wrlist {
		width: 45%;
	}
	.cpMaster .Product-text-out-wr {
		width: 65%;
	}
	.Product-out-wr {
		min-height: 55px;
	}
	.v-ic, .v-master, .v-class, .video-use, .v-classAll {
		margin-top: 1em;
	}
	.enable-ipt input {
		width: 60px;
	}
	.ad9 {
		height: 280px;
		background-position: -430px 0;
		background-size: 800px auto;
	}
	.text h4 {
		font-size: 13px;
	}
	#plLogout1 .text h1 {
		font-size: 16px;
	}
	#plLogout1 .text h2 {
		font-size: 22px;
	}
	#plLogout2 .text {
		top: 63px;
	}
	.heading, .box header, .pd .empty, .exchange header, .heading, .pdTitle, .enable-sn .app-title, .wrHeading h2 {
		font-size: 15px;
	}
	.box header:before, .pd .empty:before, .exchange header:before, .heading:before {
		border-left-width: 4px;
		height: 14px;
		top: 10px;
	}
	.heading span {
		display: none;
	}
	.hotPd {}
	.pathOut {}
	.pathOut .bc1 {
		right: 5px;
	}
	.hotPdOut section.ad8 {}
	.hotPdOut section.ad8:nth-child(2n) {
		margin-right: 0;
	}
	.pStyle .bc2 {
		width: 85px;
	}
	div.pStyle {
		margin-bottom: 0;
	}
	.v-classAll>a {
		display: none;
	}
	.v-c-infor {
		margin: 0;
	}
	.ex2 p {
		height: 80px;
		overflow: hidden;
	}
	.reciprocal {
		font-size: 14px;
	}
	.d-box {
		overflow: hidden;
	}
	.star span:last-child {
		display: none;
	}
	.mobile-adv {
		bottom: 0;
	}
	.Product-out-01-sp {
		width: 28.9%;
	}
	.Product-text-right-new {
		margin-left: 58%;
	}
	.list1 .Product-text-out-new, .Product-out-app6 .Product-text-out-new {
		width: 55%;
	}
	.d-app-infor p {
		font-size: 14px;
	}
	.slider {
		height: 250px;
	}
    .app-tips-area > .app-tips-text, .app-tips-title {
        font-size: 20px;
    }
	.save {
		right: -10px;
		transform: scale(.8);
	}
	#app-use-left .pStyle, #app-use-left .app-meta {
		margin-left: 50%;
	}
	#app-use-right .app-title {
		font-size: 21px;
	}
	.k-app-text p {
		line-height: 1.8;
		font-size: 15px;
	}
	.k-app-con h3 {
		font-size: 28px;
	}
	#app-use-right .pd-intro p, .k-app-text p, .k-app-text ul, .k-app-text ul p {
		font-size: 14px;
	}
	#ContentPlaceHolder1_plAllBoxOut .mCon h2 {
		width: 220px;
	}
	.class-slider-img-list {
		height: 158px;
	}
	.class-intro-list li .save {
		left: 215px;
		top: -72px;
	}
	.class-check-list dd {
		width: 195px;
	}
	.class-tab-group a {
		font-size: 12px;
	}
	.class-special .fa {
		display: none;
	}
	.class-list-before li {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.google-btn {
		background-position: 0 -47px;
	}
	.app-btn {
		height: 37px;
	}
	.qty-select .qty {
		width: 59px;
	}
	.shop-status {
		font-size: 15px;
	}
	.books-intro-tit {
		font-size: 26px;
	}
	.books-intro-item:last-child {
		margin-bottom: 60px;
	}
	.v-box iframe {
		height: 160px;
	}
    .msg-comment .text-area {
        width: 75%;
    }
	.chat-smile {
		width: 268px;
	}
	.chat-smile-content img {
		width: 43px;
		height: 43px;
	}
	.k-app-con iframe {
		height: 160px;
	}
	.help-link {
		float: left;
		margin-bottom: 10px;
	}
	.download-content {
		width: 280px;
		min-height: 2100px;
	}
	.mainImg {
		display: block;
		width: 260px;
		height: auto;
	}
	.step {
		width: 280px;
		height: 260px;
	}
	.step__img {
		display: block;
		width: 220px;
		height: auto;
	}
	.step__desc {
		font-size: 16px;
	}
	.device {
		width: 280px;
	}
	.device__title {
		font-size: 24px;
	}
	.device__contents li {
		font-size: 16px;
	}
    .adv-small {
        min-height: 100px;
    }
    .adv-out {
        min-height: 100px;
    }
    /* 最近瀏覽 */
    .pdHistory {
        width: 190px;
    }
    /* 大圖輪播 */
    .swiper-slide .img-mask-round {
        width: 288px;
        height: 154px;
    }
    .photo-show img.main-image {
        min-height: 154px;
    }
    .firstCol .ad5:first-child {
        min-height: 592px;
    }
}

/********** most-used-ctnr最多人使用 **********/
.hotPdOut section.most-used-ad {
    padding-bottom: 10px;
}
.most-used-app {display: block;}

/********** most-used-ctnr最多人使用 **********/