/* ============================================================
   web-dtl   —  內文頁共用版型   〔共用〕
   文章/新聞/影片 內文排版(.content-main 等)
   ============================================================ */

.article-bottom{border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;padding: 5px 0;color: #999;line-height: 20px;color: #666;}

.article-bottom a{color: #666;}

.article-bottom .index-numbers{font-size: 12px;}

.article-bottom .index-numbers img{vertical-align: middle;}

.contents-bottom-title{padding: 45px 10px 10px 10px;font-size: 18px;font-weight: bold;color: #666666;border-top: 1px solid #cccccc;}

.contents-message{border:none; font-size: 20px; font-weight: bold;margin-top: 20px;}

.contents-display-button{cursor: pointer;background: #666666;display: inline-block;color: #fff;padding: 0px 10px;border-radius: 5px;border: 1px solid #666666;font-size: 13px;margin-left: 10px;}

.contents-display-button em{display: inline-block;background: url(../images/xindenr_266.png) no-repeat;width: 14px;height: 6px;margin-left: 5px;vertical-align: 2px;background-size: 10px;}

.contents-message .close-write em {background: url(../images/xindenr_26.png) no-repeat;}

.contents-message .close-write{background: none;color: #666;}

.contents-message-main form{width: 50%;}

.contents-message-group{margin-top: 12px;font-size: 15px;}

.contents-message-group input[type="text"]{-webkit-appearance: none;border: 1px solid #c7c7c7;padding: 0px 10px;height: 30px;line-height: 30px;font-size: 13px;border-radius: 5px;box-sizing: border-box;width: 100%;}

.contents-message-group .input-name{width: 40%!important;}

.contents-message-group textarea{-webkit-appearance: none;border: 1px solid #c7c7c7;font-size: 13px;padding: 3px 10px;height: 120px;width: 100%;resize: none;border-radius: 5px;margin-bottom: 10px;box-sizing: border-box;}

.contents-write-submit{-webkit-appearance: none;height: 30px;width: 90px;color: #888;font-size: 13px;text-align: center;background: #f7f7f7;margin-top: 12px;border-radius: 10px;border: 1px solid #d8d8d8;}

.contents-message img {display: inline-block;vertical-align: -3px;margin-right: 5px;}

@media (max-width: 767px) {
	.contents-message-main form{width: 100%;}
}

.content-banner{background: url(/assets/images/new_img/article.png) no-repeat center;background-size: cover;}

.content-main img{max-width: 100%;}

.content-main img{text-align: center;margin: auto;display: block;}

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

.content-main td{padding: 10px 0;}

.content-main p, td{font-size: 16px;color: #888;line-height: 30px;margin: 1% 0 1% 0;}

.content-main strong{font-weight: bold;color: #333;font-size: 16px;}

.content-main p em{font-size: 30px;color: #888;font-weight: bold;font-style: normal;}

.content-main strong em{color: #888}

.content-main h2{background: #444;border-radius: 5px;color: #ffffff;font-size: 22px;line-height: 33px;font-weight: 700;padding: 5px 10px;margin: 5% 0 2% 0;}

.content-main{padding: 20px 0px;}

.content-main blockquote p{background: #f1f1f1;padding: 1%;border-left: 3px solid #c57579;}

.content-main h3{font-size: 20px;line-height: 33px;margin: 5% 0 1.5% 0;color: #9f353a;font-weight: bold;}

.content-main h4{font-size: 18px;line-height: 33px;margin: 5% 0 1.5% 0;color: #555;font-weight: bold;}

.content-main a{color: #333!important;font-size: 16px!important;text-decoration: underline!important;}

.content-main li{font-weight: bold;list-style:  disc;margin-left: 23px;color: #888;line-height: 30px;font-size: 16px;}

.content-main #content-table{width:100%;}

.content-main .major-item{background-color: #9f353a; height: 55px; text-align: center;font-weight: bold;}

.content-main .major-item p, .content-main .major-item td{color: #fff;}

.content-main .minor-item{background-color:#dcdcdc;}

.content-main .p-quote{background: #e8e8e8; color: #888; text-align: center; font-size: 12px; padding-bottom: 0px!important;}

.content-main .anchor-list{background-color: #f8f8f8; border-radius: 5px;padding: 1.5%; font-weight: bold; margin-top: 2%;}

.anchor-list li{list-style: decimal!important;}

.anchor-list li ul li{list-style: circle!important;}

.article-copyright-announcement p{line-height: normal; font-size:12px;margin-top:7px;border-radius: 5px; border: 1px solid #b10808; padding: 3px 10px; color: #b10808;}

.article-copyright-announcement-btn{cursor: pointer; margin-top: 5px; display: inline-block;padding: 3px 10px;background-color: #a94442;color: #fff;border-radius: 5px; font-size: 12px;}

.article-copyright-announcement-btn img{vertical-align: text-top;padding-bottom: unset;display: unset;}

.content-bottom-title{font-size: 24px;font-weight: bold;color: #333;border-bottom: 1px solid #e0e0e0;line-height: 50px;}

.content-bottom li{float: left;width: 33.3%;margin-top: 20px;}

.content-bottom-item{margin: 0px 10px;margin-bottom: 20px;position: relative;}

.content-bottom{margin-bottom: 30px;}

@media (max-width: 767px) {
.content-bottom-title{background: #f5f5f5; padding: 0 15px; line-height: 48px; color: #555; font-weight: bold; font-size: 17px;}
.content-bottom li{width: 100%; margin-top: 10px;}
.content-main p{font-size: 15px;line-height: 28px;}
.content-main strong{font-size: 15px;}
.content-main h2{font-size: 20px;line-height: 28px;}
.content-main h3{font-size: 18px;line-height: 26px;}
.content-main h4{font-size: 17px;line-height: 26px;}
.content-main li{font-size: 15px;}
.content-bottom-item{ border-bottom: 1px solid #cccccc;padding-bottom: 10px;}



.article-copyright-announcement p{line-height: 17px; font-size: 12px;}



}

.article-bottom {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 5px 0;
    color: #999;
    line-height: 20px;
    color: #666
}

.article-bottom a {
    color: #666
}

.article-bottom .index-numbers {
    font-size: 12px
}

.article-bottom .index-numbers img {
    vertical-align: middle
}

.contents-bottom-title {
    padding: 45px 10px 10px 10px;
    font-size: 18px;
    font-weight: 700;
    color: #666;
    border-top: 1px solid #ccc
}

.contents-message {
    border: none;
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px
}

.contents-display-button {
    cursor: pointer;
    background: #666;
    display: inline-block;
    color: #fff;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #666;
    font-size: 13px;
    margin-left: 10px
}

.contents-display-button em {
    display: inline-block;
    background: url(/assets/images/xindenr_266.png) no-repeat;
    width: 14px;
    height: 6px;
    margin-left: 5px;
    vertical-align: 2px;
    background-size: 10px
}

.contents-message .close-write em {
    background: url(/assets/images/xindenr_26.png) no-repeat
}

.contents-message .close-write {
    background: 0 0;
    color: #666
}

.contents-message-main form {
    width: 50%
}

.contents-message-group {
    margin-top: 12px;
    font-size: 15px
}

.contents-message-group input[type=text] {
    -webkit-appearance: none;
    border: 1px solid #c7c7c7;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    border-radius: 5px;
    box-sizing: border-box;
    width: 100%
}

.contents-message-group .input-name {
    width: 40%!important
}

.contents-message-group textarea {
    -webkit-appearance: none;
    border: 1px solid #c7c7c7;
    font-size: 13px;
    padding: 3px 10px;
    height: 120px;
    width: 100%;
    resize: none;
    border-radius: 5px;
    margin-bottom: 10px;
    box-sizing: border-box
}

.contents-write-submit {
    -webkit-appearance: none;
    height: 30px;
    width: 90px;
    color: #888;
    font-size: 13px;
    text-align: center;
    background: #f7f7f7;
    margin-top: 12px;
    border-radius: 10px;
    border: 1px solid #d8d8d8
}

.contents-message img {
    display: inline-block;
    vertical-align: -3px;
    margin-right: 5px
}

@media (max-width: 767px) {
    .contents-message-main form {
        width:100%
    }
}

.content-banner {
    background: url(/assets/images/new_img/article.png) no-repeat center;
    background-size: cover
}

.content-main img {
    max-width: 100%
}

.content-main img {
    text-align: center;
    margin: auto;
    display: block
}

.content-img-center {
    text-align: center
}

.content-main td {
    padding: 10px 0
}

.content-main p,td {
    font-size: 16px;
    color: #888;
    line-height: 30px;
    margin: 1% 0 1% 0
}

.content-main strong {
    font-weight: 700;
    color: #333;
    font-size: 16px
}

.content-main p em {
    font-size: 30px;
    color: #888;
    font-weight: 700;
    font-style: normal
}

.content-main strong em {
    color: #888
}

.content-main h2 {
    background: #444;
    border-radius: 5px;
    color: #fff;
    font-size: 22px;
    line-height: 33px;
    font-weight: 700;
    padding: 5px 10px;
    margin: 5% 0 2% 0
}

.content-main {
    padding: 20px 0
}

.content-main blockquote p {
    background: #f1f1f1;
    padding: 1%;
    border-left: 3px solid #bfa67a
}

.content-main h3 {
    font-size: 20px;
    line-height: 33px;
    margin: 5% 0 1.5% 0;
    color: #9f353a;
    font-weight: 700
}

.content-main h4 {
    font-size: 18px;
    line-height: 33px;
    margin: 5% 0 1.5% 0;
    color: #555;
    font-weight: 700
}

.content-main a {
    color: #333!important;
    font-size: 16px!important;
    text-decoration: underline!important
}

.content-main li {
    font-weight: 700;
    list-style: disc;
    margin-left: 23px;
    color: #888;
    line-height: 30px;
    font-size: 16px
}

.content-main #content-table {
    width: 100%
}

.content-main .major-item {
    background-color: #9f353a;
    height: 55px;
    text-align: center;
    font-weight: 700
}

.content-main .major-item p,.content-main .major-item td {
    color: #fff
}

.content-main .minor-item {
    background-color: #dcdcdc
}

.article-copyright-announcement p {
    line-height: normal;
    font-size: 12px;
    margin-top: 7px;
    border-radius: 5px;
    border: 1px solid #b10808;
    padding: 3px 10px;
    color: #b10808
}

.article-copyright-announcement-btn {
    cursor: pointer;
    margin-top: 5px;
    display: inline-block;
    padding: 3px 10px;
    background-color: #a94442;
    color: #fff;
    border-radius: 5px;
    font-size: 12px
}

.article-copyright-announcement-btn img {
    vertical-align: text-top;
    padding-bottom: unset;
    display: unset
}

.content-bottom-title {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    border-bottom: 1px solid #e0e0e0;
    line-height: 50px
}

.content-bottom li {
    float: left;
    width: 33.3%;
    margin-top: 20px
}

.content-bottom-item {
    margin: 0 10px;
    margin-bottom: 20px;
    position: relative
}

.content-bottom {
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .content-bottom-title {
        background:#f5f5f5;
        padding: 0 15px;
        line-height: 48px;
        color: #555;
        font-weight: 700;
        font-size: 17px
    }

    .content-bottom li {
        width: 100%;
        margin-top: 10px
    }

    .content-main p {
        font-size: 15px;
        line-height: 28px
    }

    .content-main strong {
        font-size: 15px
    }

    .content-main h2 {
        font-size: 20px;
        line-height: 28px
    }

    .content-main h3 {
        font-size: 18px;
        line-height: 26px
    }

    .content-main h4 {
        font-size: 17px;
        line-height: 26px
    }

    .content-main li {
        font-size: 15px
    }

    .content-bottom-item {
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px
    }

    .article-copyright-announcement p {
        line-height: 17px;
        font-size: 12px
    }
}

.article-bottom {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 5px 0;
	color: #999;
	line-height: 20px;
	color: #666
}

.article-bottom a {
	color: #666
}

.article-bottom .index-numbers {
	font-size: 12px
}

.article-bottom .index-numbers img {
	vertical-align: middle
}

.contents-bottom-title {
	padding: 45px 10px 10px 10px;
	font-size: 18px;
	font-weight: 700;
	color: #666;
	border-top: 1px solid #ccc
}

.contents-message {
	border: none;
	font-size: 20px;
	font-weight: 700;
	margin-top: 20px
}

.contents-display-button {
	cursor: pointer;
	background: #666;
	display: inline-block;
	color: #fff;
	padding: 0 10px;
	border-radius: 5px;
	border: 1px solid #666;
	font-size: 13px;
	margin-left: 10px
}

.contents-display-button em {
	display: inline-block;
	background: url(/assets/images/xindenr_266.png) no-repeat;
	width: 14px;
	height: 6px;
	margin-left: 5px;
	vertical-align: 2px;
	background-size: 10px
}

.content-banner {
	background: url(/assets/images/new_img/article.png) no-repeat center;
	background-size: cover
}

.content-main img {
	max-width: 100%
}

.content-main img {
	text-align: center;
	margin: auto;
	display: block
}

.content-img-center {
	text-align: center
}

.content-main td {
	padding: 10px 0
}

.content-main p,
td {
	font-size: 16px;
	color: #888;
	line-height: 30px;
	margin: 1% 0 1% 0
}

.content-main strong {
	font-weight: 700;
	color: #333;
	font-size: 16px
}

.content-main p em {
	font-size: 30px;
	color: #888;
	font-weight: 700;
	font-style: normal
}

.content-main strong em {
	color: #888
}

.content-main h2 {
	background: #444;
	border-radius: 5px;
	color: #fff;
	font-size: 22px;
	line-height: 33px;
	font-weight: 700;
	padding: 5px 10px;
	margin: 5% 0 2% 0
}

.content-main {
	padding: 20px 0
}

.content-main blockquote p {
	background: #f1f1f1;
	padding: 1%;
	border-left: 3px solid #bfa67a
}

.content-main h3 {
	font-size: 20px;
	line-height: 33px;
	margin: 5% 0 1.5% 0;
	color: #9f353a;
	font-weight: 700
}

.content-main h4 {
	font-size: 18px;
	line-height: 33px;
	margin: 5% 0 1.5% 0;
	color: #555;
	font-weight: 700
}

.content-main a {
	color: #333 !important;
	font-size: 16px !important;
	text-decoration: underline !important
}

.content-main li {
	font-weight: 700;
	list-style: disc;
	margin-left: 23px;
	color: #888;
	line-height: 30px;
	font-size: 16px
}

.content-main #content-table {
	width: 100%
}

.content-main .major-item {
	background-color: #9f353a;
	height: 55px;
	text-align: center;
	font-weight: 700
}

.content-main .major-item p,
.content-main .major-item td {
	color: #fff
}

.content-main .minor-item {
	background-color: #dcdcdc
}

.article-copyright-announcement p {
	line-height: normal;
	font-size: 12px;
	margin-top: 7px;
	border-radius: 5px;
	border: 1px solid #b10808;
	padding: 3px 10px;
	color: #b10808
}

.article-copyright-announcement-btn {
	cursor: pointer;
	margin-top: 5px;
	display: inline-block;
	padding: 3px 10px;
	background-color: #a94442;
	color: #fff;
	border-radius: 5px;
	font-size: 12px
}

.article-copyright-announcement-btn img {
	vertical-align: text-top;
	padding-bottom: unset;
	display: unset
}

.content-bottom-title {
	font-size: 24px;
	font-weight: 700;
	color: #333;
	border-bottom: 1px solid #e0e0e0;
	line-height: 50px
}

.content-bottom li {
	float: left;
	width: 33.3%;
	margin-top: 20px
}

.content-bottom-item {
	margin: 0 10px;
	margin-bottom: 20px;
	position: relative
}

.content-bottom {
	margin-bottom: 30px
}

@media (max-width: 767px) {
	.content-bottom-title {
		background: #f5f5f5;
		padding: 0 15px;
		line-height: 48px;
		color: #555;
		font-weight: 700;
		font-size: 17px
	}

	.content-bottom li {
		width: 100%;
		margin-top: 10px
	}

	.content-main p {
		font-size: 15px;
		line-height: 28px
	}

	.content-main strong {
		font-size: 15px
	}

	.content-main h2 {
		font-size: 20px;
		line-height: 28px
	}

	.content-main h3 {
		font-size: 18px;
		line-height: 26px
	}

	.content-main h4 {
		font-size: 17px;
		line-height: 26px
	}

	.content-main li {
		font-size: 15px
	}

	.content-bottom-item {
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px
	}

	.article-copyright-announcement p {
		line-height: 17px;
		font-size: 12px
	}
}

.contents-main img {
	max-width: 100%
}

.contents-main {
	color: #888;
	font-size: 14px;
	line-height: 30px
}

.contents-main h2 {
	color: #fff;
	font-weight: 700;
	margin-top: 50px;
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 28px;
	border-radius: 5px;
	padding: 5px 10px;
	background: #666
}

.contents-main h3 {
	color: #c8ac89;
	font-weight: 700;
	margin-top: 50px;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 26px
}

.info-quote {
	background: #f5f5f5;
	max-width: 100%;
	margin: 3% auto;
	border-radius: 10px;
	padding: 3%
}

.contents-main .info-quote h2 {
	margin-top: 0;
	background: 0 0;
	color: #444;
	padding: 0 0
}

.contents-main ul {
	background-color: #f8f8f8;
	border-radius: 5px;
	padding: 1.5%;
	margin: 2% 0
}

.contents-main ul li {
	font-size: 14px;
	margin-left: 22px;
	list-style: disc;
	line-height: 40px;
	color: #555;
	font-weight: 700
}

.contents-main ol {
	background-color: #f8f8f8;
	border-radius: 5px;
	padding: 1.5%;
	margin: 2% 0
}

.contents-main strong {
	font-size: 16px;
	color: #e4805a;
	font-weight: 700
}

.contents-main a {
	color: #5a8ad2
}

.contents-main em {
	font-size: 18px;
	font-weight: 700;
	color: #888;
	font-style: initial
}

.contents-hot li {
	float: left;
	width: 33.33%;
	margin-bottom: 20px
}

.contents-hot-main {
	margin: 0 10px
}

.contents-hot-images a {
	display: block
}

.contents-hot-images img {
	width: 100%;
	vertical-align: middle;
	border-radius: 5px
}

.contents-hot-item-title a {
	margin-top: 10px;
	text-align: center;
	color: #434343;
	font-size: 15px;
	font-weight: 700;
	vertical-align: top;
	display: block;
	line-height: 20px;
	height: 40px;
	overflow: hidden
}

.contents-hot-text {
	color: grey;
	font-size: 13px;
	line-height: 20px;
	display: block;
	height: 20px;
	overflow: hidden;
	text-align: center
}

.contents-hot-price {
	margin-bottom: 5px;
	color: #eb6153;
	font-size: 18px;
	font-weight: 700;
	text-align: center
}

.contents-hot-price span {
	text-decoration: line-through;
	color: #969696;
	font-size: 12px;
	margin-left: 10px
}

.contents-other li {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 0 10px;
	margin-bottom: 20px
}

.contents-other-left {
	width: 49%;
	position: relative;
	border-radius: 5px;
	overflow: hidden
}

.contents-other-left a {
	display: block
}

.contents-other-left img {
	width: 100%;
	vertical-align: middle
}

.contents-other-right {
	width: 49%
}

.contents-other-title a {
	display: block;
	color: #444343;
	font-size: 17px;
	margin: 0;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	margin-bottom: 5%;
	font-weight: 700
}

.contents-other-text a {
	color: #999;
	font-size: 12px;
	line-height: 20px;
	display: block;
	height: 60px;
	overflow: hidden
}

.contents-display-button {
	cursor: pointer;
	background: #666;
	display: inline-block;
	color: #fff;
	padding: 0 10px;
	border-radius: 5px;
	border: 1px solid #666;
	font-size: 13px;
	margin-left: 10px
}

.contents-display-button em {
	display: inline-block;
	background: url(/assets/images/xindenr_266.png) no-repeat;
	width: 14px;
	height: 6px;
	margin-left: 5px;
	vertical-align: 2px;
	background-size: 10px
}

#article-table .major-item{
	background: #869ec0;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
}

#article-table .major-width10{
	background: #869ec0;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:10%
}

#article-table .major-width15{
	background: #869ec0;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:15%
}

#article-table .major-width16{
	background: #869ec0;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:16.6%
}

#article-table .major-width20{
	background: #869ec0;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:20%
}

#article-table .major-width25{
	background: #869ec0;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:25%
}

#article-table .major-width35{
	background: #869ec0;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:35%
}

#article-table .major-width40{
	background: #869ec0;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:40%
}

#article-table .major-width45{
	background: #869ec0;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:45%
}

#article-table .major-width50{
	background: #869ec0;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:50%
}

#article-table .major-width60{
	background: #869ec0;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:60%
}

#article-table .major-width70{
	background: #869ec0;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:70%
}

#article-table .major-width80{
	background: #869ec0;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:80%
}

#article-table .major-width90{
	background: #869ec0;
    color: #fff;
	text-align:center;
	font-weight:bold;
	font-size: 15px;
	width:90%
}

#article-table .sub-item{
	background: #e4f7ff;
    color: #888;
	text-align:center;
	font-weight:bold
}

#article-table .minor-item{
	background: #f1f1f1;
	color: #888;
    line-height: 28px;
    font-size: 15px;
    border: 1px solid #999;
    padding: 0 1%;
}

#article-table .major-item{background: #a3a3a3;color: #fff;text-align:center;font-weight:bold}

#article-table .sub-item{background: #e4f7ff;color: #888;text-align:center;font-weight:bold}