﻿.pdLink {
    background-color: #f07b7b;
}
.aNewsLink {
    color: #9c3434;
    cursor: pointer;
    text-decoration: none;
}

.aNewsLink:hover {
cursor: pointer;
text-decoration: underline;
}

.aLink {
cursor: pointer;
text-decoration: none;
}

.aLink:hover {
cursor: pointer;
text-decoration: underline;
}
.aLinkG {
    color: #2853fa;
    cursor: pointer;
    text-decoration: none;
}

.aLinkG:hover {
color: #165d2b;
cursor: pointer;
text-decoration: underline;
}

.aLinkBox {
background-color: #FF6666;
width: 300px;
color: #FFFFFF;
cursor: pointer;
text-decoration: none;
}

.aLinkBox:hover {
opacity: 0.7;
transition: opacity 0.5s;
cursor: pointer;
text-decoration: none;
color:#FFFFFF;
}

.aLinkBox2 {
background-color: #666666;
width: 300px;
line-height: 40px;
font-size: 16pt;
color: #FFFFFF;
cursor: pointer;
text-decoration: none;
}

.aLinkBox2:hover {
color: white;
background-color: #999;
cursor: pointer;
text-decoration: none;
}

.aLinkBox3 {
    background-color: #666666;
    font-size: 12pt;
    width: 180px;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
}

.aLinkBox3:hover {
color: white;
background-color: #999;
cursor: pointer;
text-decoration: none;
}

.compHeight {
height: 60px;
}

.crPrefAlink {
color: #2853fa;
cursor: pointer;
text-decoration: none;
}

.crPrefAlink:hover {
color: #165d2b;
cursor: pointer;
text-decoration: underline;
}

.CrPrefUserImg {
width: 60px;
height: 60px;
}

.CrPrefDotImg {
width: 60px;
height: 60px;
}

.OrderDocText {
text-align: center;
width: 100%;
max-width: 500px;
}

.OrderDocText td {
font-size: 15px;
line-height: 24px;
font-family: 微軟正黑體;
}

.f12bk {
font-size: 12pt;
text-align: center;
color: #000;
vertical-align: middle;
font-family: 微軟正黑體;
}

.f12 {
font-size: 12pt;
text-align: center;
color: #000;
vertical-align: middle;
font-family: 微軟正黑體;
}

.f12L {
font-size: 12pt;
font-weight: bold;
text-align: left;
color: #000;
vertical-align: middle;
font-family: 微軟正黑體;
}

.f12b {
font-size: 12pt;
font-weight: bold;
text-align: right;
color: #000;
vertical-align: middle;
font-family: 微軟正黑體;
}

.f12r {
font-size: 12pt;
font-weight: bold;
text-align: right;
color: #FF0000;
vertical-align: middle;
font-family: 微軟正黑體;
}

.f15 {
font-size: 15pt;
text-align: center;
color: #000;
vertical-align: middle;
font-family: 微軟正黑體;
}

.f15xR {
font-size: 15px;
font-weight: bold;
text-align: right;
color: #FF0000;
vertical-align: middle;
font-family: 微軟正黑體;
}

.f15xbk {
font-size: 15px;
text-align: center;
color: #000;
vertical-align: middle;
font-family: 微軟正黑體;
}

.f16xR {
font-size: 16px;
font-weight: bold;
text-align: right;
color: #FF0000;
vertical-align: middle;
font-family: 微軟正黑體;
}

.f16xbk {
font-size: 16px;
text-align: center;
color: #000;
vertical-align: middle;
font-family: 微軟正黑體;
}

.f16 {
font-size: 16pt;
text-align: center;
color: #000;
vertical-align: middle;
font-family: 微軟正黑體;
}

.f16L {
font-size: 16pt;
font-weight: bold;
text-align: left;
color: #000;
vertical-align: middle;
font-family: 微軟正黑體;
}

.f16Red {
font-size: 16pt;
text-align: center;
color: #FF6666;
vertical-align: middle;
font-family: 微軟正黑體;
}

.f16Green {
font-size: 16pt;
font-weight: bold;
text-align: center;
color: #8ec21f;
vertical-align: middle;
font-family: 微軟正黑體;
}

.f18 {
font-size: 18pt;
font-weight: bold;
text-align: center;
color: #000;
vertical-align: middle;
font-family: 微軟正黑體;
}

.f18b {
font-size: 18pt;
font-weight: bold;
text-align: right;
color: #000;
vertical-align: middle;
font-family: 微軟正黑體;
}

.f20CbAc {
font-size: 20pt;
text-align: center;
color: #2222dd;
vertical-align: middle;
font-family: 微軟正黑體;
}

.f20b {
font-size: 20pt;
font-weight: bold;
text-align: right;
color: #000;
vertical-align: middle;
font-family: 微軟正黑體;
}

.f20L {
font-size: 18pt;
font-weight: bold;
text-align: left;
color: #000;
vertical-align: middle;
font-family: 微軟正黑體;
}

.f24L {
font-size: 24pt;
font-weight: bold;
text-align: left;
color: #000;
vertical-align: middle;
font-family: 微軟正黑體;
}

.f24r {
font-size: 24pt;
font-weight: bold;
text-align: right;
color: #000;
font-family: 微軟正黑體;
}

.f24Red {
font-size: 24pt;
font-weight: bold;
text-align: center;
color: #FF6666;
font-family: 微軟正黑體;
}

.f24 {
font-size: 24pt;
text-align: center;
color: #000;
font-family: 微軟正黑體;
}

.f24b {
font-size: 24pt;
font-weight: bold;
text-align: center;
color: #000;
font-family: 微軟正黑體;
}

.help {
font-size: 16px;
color: #b81e22;
font-family: 微軟正黑體;
}

.help10 {
font-size: 10pt;
color: #FF0000;
}

.help10c {
font-size: 10pt;
color: #999;
}

.help9cr {
font-size: 9pt;
color: #FF6666;
}

.help10cr {
font-size: 10pt;
color: #FF6666;
}

.help12 {
    font-size: 12pt;
    color: #c2272d;
    font-weight: 600;
}

.help12g {
    font-size: 12pt;
    color: #146219;
}

.help12c {
    font-size: 12pt;
    color: #999;
    font-weight: 600;
}

.help14 {
font-size: 20pt;
text-indent: 120px;
color: #FF6666;
}

.helpClick {
color: #000;
cursor: pointer;
}

.helpClick:hover {
color: #000000;
cursor: pointer;
}

.helpG {
font-size: 16pt;
color: #1e7443;
}
.paySuccT {
    font-size: 16pt;
    color: #006030;
    font-weight: bold;
}
.paySuccF {
    font-size: 16pt;
    color: #b81e22;
    font-weight: bold;
}
.PrivacyCheck {
line-height: 28px;
font-size: 24px;
}

.PrivacyNext {
line-height: 40px;
font-size: 16pt;
/*font-weight: bolder;*/
color: #FFFFFF;
background-color: #666;
}

#cbxSurePassImg {
width: 60px;
}

.pwsCs {
font-size: 20pt;
font-weight: bold;
text-align: left;
color: #999999;
vertical-align: middle;
}

.pwscssDiv {
font-size: 12pt;
text-align: left;
color: #ccc;
font-family: 微軟正黑體;
}
.stepDocFBlock {
    color: white;
    position: relative;
    float: left;
    width: 33%;
    text-align: center;
    height: 80px;
}
.stepDocFBlock:hover {
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.5s;
}
.stepDocFBlock:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 30px solid white;
    border-bottom: 30px solid white;
    border-left: 30px solid #555;
    top: -18px;
    position: absolute;
}
.stepDocFBlockF {
    color: #000;
    position: relative;
    float: left;
    width: 33%;
    text-align: center;
    height: 80px;
}
.stepDocFBlockF:hover {
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.5s;
}
.stepDocFBlockF:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 30px solid white;
    border-bottom: 30px solid white;
    border-left: 30px solid #ccc;
    top: -18px;
    position: absolute;
}
.stepDocFBlockL {
    color: #000;
    position: relative;
    float: left;
    width: 33%;
    text-align: center;
    height: 80px;
}
.stepDocFBlockL:hover {
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.5s;
}
.stepDocF {
    background-color: #555;
    font-weight: 600;
    text-align: center;
    border: 0;
    color: inherit;
    padding: 20px 30%;
}
.stepDocF:hover {
    color: white;
    text-decoration:none;
}

.stepDoc {
    background-color: #ccc;
    font-weight: 600;
    text-align: center;
    border: 0;
    color: inherit;
    padding: 20px 30%;
}
.stepDoc:hover {
    color: #555;
    text-decoration:none;
}

.qaLink {
color: #FB90AC;
font-size: 12pt;
text-decoration: none;
cursor: pointer;
}

.qaLink:hover {
color: #FF6666;
font-size: 12pt;
}

.qaLinkCr {
color: #f64d4d;
font-size: 13pt;
text-decoration: none;
cursor: pointer;
}

.qaLink:hover {
color: #ff1515;
font-size: 13pt;
}

.radioSize {
width: 50px;
}

.scrollDivLine {
border-width: 1px;
border-style: Solid;
border-color: #8d8b8c;
overflow: auto;
/*border-color:Gray;*/
}
/*登入按鈕*/
.SignIn {
color: #000;
cursor: pointer;
text-decoration: none;
}

.SignIn:hover {
color: #ff6666;
cursor: pointer;
text-decoration: underline;
}

.scPdMainImg {
min-width: 50px;
width: 80%;
border: 0;
text-align: center;
}

.scCountTd {
text-align: center;
font-size: 10pt;
line-height: 14pt;
background-color: #eee;
color: #000;
}

.scCountData {
font-size: 12pt;
font-family: 'Times New Roman', Times, serif;
font-weight: bold;
color: #000;
}

.OrCountTd {
font-size: 11pt;
background-color: #d3d3d3;
}

.OrCountData {
text-align: center;
font-size: 12pt;
font-family: 'Times New Roman', Times, serif;
}

.OrderGetDay {
font-family: 'Times New Roman';
line-height: 50px;
font-size: 12pt;
}

.CopyReceName {
color: #000;
font-size: 10pt;
text-decoration: none;
cursor: pointer;
}

.CopyReceName:hover {
color: #FF6666;
font-size: 10pt;
text-decoration: none;
cursor: pointer;
}

.scReceAddress {
font-size: 20px;
color: #FF6666;
}
/*主版區*/
.tableBody {
width: 100%;
background-color: #e9eaeb;
}

.tableEditor {
    background-color: #FAFAF5;
    width: 100%;
}

.tableEditor90p {
width: 90%;
}

.tdLeftSpace {
}

.title {
/*font-size: 28pt;*/
font-weight: bold;
line-height: 60pt;
vertical-align: middle;
font-family: 微軟正黑體;
}

.title2 {
font-size: 20pt;
line-height: 30pt;
vertical-align: middle;
}

.tdBr1111 {
border-style: solid;
border-width: 1px;
border-color: #999999;
font-family: 微軟正黑體;
}

.tdBr0000 {
text-align: center;
border-style: solid;
border-width: 0px;
border-color: #999999;
font-family: 微軟正黑體;
}

.tdBr1110 {
border-style: solid;
border-width: 1px 1px 1px 0px;
border-color: #999999;
font-family: 微軟正黑體;
}

.tdBr1011 {
border-style: solid;
border-width: 1px 0px 1px 1px;
border-color: #999999;
font-family: 微軟正黑體;
}

.tdBr1101 {
border-style: solid;
border-width: 1px 1px 0px 1px;
border-color: #999999;
font-family: 微軟正黑體;
}

.tdBr0110 {
border-style: solid;
border-width: 0px 1px 1px 0px;
border-color: #999999;
font-family: 微軟正黑體;
}

.tdBr1000 {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #999999;
font-family: 微軟正黑體;
}

.tdBr0010 {
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #999999;
font-family: 微軟正黑體;
}

.tdBr0001 {
border-style: solid;
border-width: 0px 0px 0px 1px;
border-color: #999999;
font-family: 微軟正黑體;
}

.tdBr0100 {
border-style: solid;
border-width: 0px 1px 0px 0px;
border-color: #999999;
font-family: 微軟正黑體;
}

.pageImg {
width: 100px;
border: 0px;
text-align: center;
}

.pdbWebExplorer {
color: #116028;
font-size: 18pt;
font-family: 微軟正黑體;
}

.pdbImgMain {
width: 150px;
height: 150px;
border: 0px;
}

.asShopCarImg {
width: 75px;
}

.toShopCarImg, .spToShopCarImg {
width: 75px;
height: 75px;
cursor: pointer;
border: 0px;
}
/*上架量整列*/
.pdNumsLine {
}
/*上架量數量*/
#pdNum {
}
/*商品頁-規格*/
.pdFormatSP {
}
/*商品頁-上架量*/
.spPdNum {
}
/*單價*/
.trans4 {
width: 40px;
text-align: right;
}
/*件數*/
.trans5 {
width: 40px;
text-align: right;
}
/*合計*/
.trans6 {
width: 60px;
text-align: right;
}
/*合計*/
.trans7 {
width: 60px;
text-align: right;
}
/*合計*/
.trans8 {
width: 60px;
text-align: right;
font-weight: bold;
}

.imgAttr {
width: 930px;
}

.suLogoImg {
width: 930px;
cursor: pointer;
}

.suDetailImg {
width: 930px;
}

.ProofImg {
cursor: pointer;
}

.suProofImg {
width: 930px;
}

.newsTdWidth {
width: 800px;
}

.newsTitle {
    font-size: 38px;
    font-weight: bolder;
    line-height: 30px;
    color: #000;
}

.newsDT {
width: 230px;
color: #000;
font-size: 20px;
line-height: 50px;
}

.newsPointTd {
width: 50px;
}

.newsPoint {
width: 50px;
cursor: pointer;
}

.newsImg {
width: 800px;
}
/*首頁主題*/
.ActionImg {
width: 100%;
/*max-width: 980px;*/
}
.UseImg50 {
width: 50%;
max-width: 430px;
text-align: center;
}

.MainMedia_content {
margin: 0px auto;
width: 100%;
max-width: 980px;
text-align: center;
}

.MainMedia {
width: 100%;
max-width: 980px;
text-align: center;
}

.MainVideo {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
text-align: center;
}

.MainVideo iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 980px;
height: 100%;
}
/*商品瀏覽頁*/
.pdBrower {
width: 100%;
/*width: 1600px;
max-width: 1600px;*/
/*padding-bottom: 120px;*/
}
.st_mobile {
    text-align: left;
}
.st_dropdown {
    height: 40px;
    font-size: 20px;
    color: #000;
    border-color: #999;
    margin-bottom: 10px;
}
.st_block {
    padding-bottom: 30px;
}
.st_title {
    text-align: left;
    font-size: 26px;
    padding-bottom: 20px;
}
.st_content {
    text-align: left;
}
#st_fade {
    position: relative;
    float: left;
    clear: both;
    z-index: 8;
    width: 100%;
    /*height: 470px;*/
    text-align: center;
    overflow: hidden;
}
#st_fade div.st_ad {
    position: absolute; /* 讓圖片疊在一起 */
    left: 0px;
    width: 100%;
}
#st_fade div.st_ad img {
    width: 100%;
    height: 100%;
}
#st_fade .numCtrl {
	position:inherit;
}
#st_fade .numCtrl a {
    display: inline-block;
    margin: 0 5px;
    width: 12px;
    height: 12px;
    color: #eee;
    border-radius: 6px;
    background: #eee;
    text-align: center;
    font-size: 0px;
    text-decoration: none;
}
#st_fade .numCtrl a:hover {
    color: #000;
    background-color: #000;
}
#st_fade .numCtrl a.on {
	font-weight: bold;
	color: #000;
    background-color: #000;
}
.crLinkBtn {
    color: white;
    line-height: 36px;
    text-align: center;
    background-color: #666;
    padding: 10px;
}
.crLinkBtn:hover {
    color: white;
    text-decoration: none;
    opacity: 0.8;
    transition: opacity 0.3s;
}