h4,
h4.tableh4 {
    font-weight: 700
}

h5 a,
h5 a:hover {
    text-decoration: none
}

h5,
h5 a,
h6 a {
    color: #4b8ab5
}

.areaA,
.areaAA,
.areaAA .pct,
.areaApic,
.areaBpic,
.idcareaA,
.sideMenu ul {
    overflow: hidden
}

.areaAA.pct1,
.idcareaAA.pct1 {
    XXXmin-height: 90px
}

.ct,
.ct6 {
    XXXheight: 60px;
    XXXfloat: left
}

.tablestyle,
.tablestyle1 {
    border-spacing: 5px
}

.areaA .sub strong,
.areaS>.listct>h6,
h6,
h6.space {
    XXXfont-weight: normal
}

.areaA,
.areaS {
    XXXvertical-align: top;
    XXXborder: red solid 1px
}

.areaCoverAAAAA,
.areaCover_wis,
.idcareaCover,
.idcdivCover {
    XXXborder-spacing: 10px
}

.storeblock3 div a:hover img,
.storeblock4 div a:hover img {
    opacity: .7
}

.ct,
.ct6,
.prodlist {
    XXXfloat: left
}

#bgkv,
#bgkv1,
.full_bg_404,
.full_bg_thx,
.gmb_bgkv {
    min-width: 1000px
}

h4 {
    font-size: 35px;
    line-height: 38px;
    background: url(../../images/bgtitle_1.jpg) bottom left no-repeat;
    padding-top: 4px;
    padding-left: 23px
}

h4.space {
    margin: 0 0 10px
}

h4.tableh4 {
    font-size: 22px;
    line-height: 31px;
    margin: 0 0 20px;
    border: none;
    border-bottom: #eee solid 3px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #eee;
    border-radius: 0;
    display: block
}

h5 {
    font-size: 26px;
    XXXline-height: 38px;
    font-weight: 400;
    XXXpadding-left: 10px;
    margin: 0 0 5px
}

h5 a:hover {
    color: #606060
}

h5.space1 {
    width: 490px;
    float: left;
    margin-bottom: 5px;
    font-weight: 700
}

/**********R180310005 最新消息內頁修改 **********/
h5.space2{
    margin-bottom: 15px;
    color: #212121 !important;
    font-size: 1.6rem !important;
    font-weight: bold;
}
.date {
    color: #e40046;
    font-size: 1rem;
    margin-bottom: 5px;
}


h6 {
    font-size: 20px;
    margin: 0;
    XXXbackground-color: #6FF
}

h6 a {
    text-decoration: underline
}

h6 a:hover {
    color: #606060;
    text-decoration: none
}

h6.space {
    font-size: 18px!important;
    margin: 10px 0 -5px
}

.mainCtBar {
    width: 600px;
    margin: 10px 0 20px 20px;
    clear: both;
    float: left;
    padding-left: 15px
}

.mainCtBar .clickOpen a {
    font-size: 17px;
    color: #37bcf0;
    text-decoration: none;
    margin-bottom: 10px;
    display: block;
    text-align: right
}

.mainCtBar .clickOpen a:hover {
    color: #606060;
    text-decoration: none
}

.mainCtBar .youtube {
    margin-bottom: 20px
}

.mainCtBar .initHidden {
    display: none
}

#sideMenuBlock {
    float: right;
    width: 287px;
    margin-top: -20px;
    background: #4e4e4e
}

.sideMenu {
    width: 240px;
    margin: 20px 0 0 40px;
    clear: both
}

.sideMenu h6 {
    color: #4b8ab5;
    font-size: 20px;
    margin: 0;
    padding: 0;
    font-weight: 400
}

.sideMenu ul {
    font-size: 16px;
    margin: 15px 0 30px;
    padding: 0;
    list-style: none
}

.sideMenu ul li {
    float: left;
    width: 200px;
    border-bottom: 1px solid #666
}

.sideMenu ul li a {
    display: block;
    padding: 10px 0 8px 20px;
    text-decoration: none;
    color: #CCC;
    line-height: 1em;
    background: url(../../images/101_itemArrow.png) left 13px no-repeat
}

.sideMenu ul li a:hover {
    color: #FFF
}

.XXXtitle1,
.XXXtitle1 a,
.title,
.title a,
.title1,
.title1 a {
    font-size: 20px;
    XXXline-height: 20px;
    margin-top: 10px;
    font-weight: 700;
    color: #4b8ab5;
    text-decoration: none
}

.idctitle1,
.title1 {
    margin-top: 15px;
    XXXwidth: 450px;
    XXXoverflow: hidden;
    XXXwhite-space: nowrap;
    XXXbackground-color: #FF0
}

.title a:hover,
.title1 a:hover,
XXX.title1 a:hover {
    color: #606060
}

.idctitle,
.idctitle a,
.idctitle1,
.idctitle1 a {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #4b8ab5;
    text-decoration: none
}

.price span,
.price1 span {
    font-size: 29px;
    font-weight: 700
}

.idctitle a:hover,
.idctitle1 a:hover {
    color: #606060
}

.price,
.price1 {
    margin-top: 10px
}

.price {
    text-align: left;
    color: #858585
}

.price span {
    text-align: center;
    color: #7bb123
}

.price1 {
    text-align: left;
    color: #858585
}

.price1 span {
    text-align: center;
    color: #7bb123
}

.btniconMNG {
    float: left;
    margin: 0 13px 15px 15px
}

.btnicon,
.idcbtnicon {
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    margin-bottom: 15px;
    float: left
}

.btnicon {
    position: relative;
    margin-right: 15px
}

.btniconw1,
.btniconw2,
.btniconw3,
.btniconw4,
.btniconw5,
.w1000 .btniconw8 {
    position: absolute;
    z-index: 1;
    display: none;
    bottom: 70px;
    width: 210px;
    left: 0
}

.btniconw6,
.btniconw7,
.btniconw8 {
    position: absolute;
    z-index: 1;
    display: none;
    bottom: 70px;
    width: 210px;
    right: 0
}

.btniconw1 .bk,
.btniconw2 .bk,
.btniconw3 .bk,
.btniconw4 .bk,
.btniconw5 .bk,
.btniconw6 .bk,
.btniconw7 .bk,
.btniconw8 .bk {
    background: url(../../images/bgBK.jpg) bottom center repeat-x #585a5a;
    padding: 10px 15px;
    XXXtext-align: center;
    vertical-align: middle;
    border-radius: 5px;
    XXXbox-shadow: 1px 1px 5px rgba(0, 0, 0, .2)
}

.btniconw1 img.arrow,
.btniconw2 img.arrow,
.btniconw3 img.arrow,
.btniconw4 img.arrow,
.btniconw5 img.arrow,
.w1000 .btniconw8 img.arrow {
    padding-left: 28px
}

.btniconw6 img.arrow,
.btniconw7 img.arrow,
.btniconw8 img.arrow {
    padding-left: 165px
}

.idcbtnicon {
    position: relative;
    margin-left: 30px
}

.XXXtc ul,
.idctc ul {
    line-height: 25px;
    list-style: none
}

.idcbtniconw1,
.idcbtniconw2,
.idcbtniconw3,
.idcbtniconw4,
.idcbtniconw5,
.idcbtniconw6,
.idcbtniconw7,
.idcbtniconw8 {
    position: absolute;
    z-index: 1;
    visibility: hidden;
    bottom: 88px;
    width: 320px
}

.idcbtniconw1 .bk,
.idcbtniconw2 .bk,
.idcbtniconw3 .bk,
.idcbtniconw4 .bk,
.idcbtniconw5 .bk,
.idcbtniconw6 .bk,
.idcbtniconw7 .bk,
.idcbtniconw8 .bk {
    background: url(../../images/bgBK.jpg) bottom center repeat-x #585a5a;
    padding: 10px 15px;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    XXXbox-shadow: 1px 1px 5px rgba(0, 0, 0, .2)
}

.idcbtniconw1 img.arrow,
.idcbtniconw5 img.arrow {
    padding-left: 38px
}

.idcbtniconw4 img.arrow,
.idcbtniconw8 img.arrow {
    padding-right: 30px
}

.idcbtniconw1,
.idcbtniconw5 {
    left: 0
}

.idcbtniconw2,
.idcbtniconw6 {
    left: -117px
}

.idcbtniconw3,
.idcbtniconw7 {
    left: -116px
}

.idcbtniconw4,
.idcbtniconw8 {
    left: -233px
}

.bktitle {
    font-size: 16px;
    margin: 7px 0
}

.bksub {
    font-size: 11px
}

.bksub strong {
    font-size: 18px;
    padding-right: 5px
}

.XXXtc {
    margin-top: 50px
}

.XXXtc ul a {
    color: #4b8ab5;
    text-decoration: none
}

.tc ul a:hover {
    color: #606060
}

.tc ul li {
    margin: 15px
}

.idctc {
    margin-top: 50px
}

.idctc ul a {
    color: #4b8ab5;
    text-decoration: none
}

.idctc ul a:hover {
    color: #606060
}

.idctc ul li {
    margin: 15px
}

.into {
    font-size: 16px;
    background-color: #ddd;
    padding: 15px 0;
    text-align: center;
    margin: 20px 0
}

.into a {
    color: #37bcf0;
    text-decoration: underline;
    margin-right: 25px
}

.into a:hover,
.url a {
    text-decoration: none
}

.into strong {
    color: #37bcf0;
    font-weight: 400
}

.into br {
    display: none
}

.btnlist {
    text-align: right
}

.name,
.nametitle {
    text-align: center
}

.btnlist img {
    margin-left: 10px
}

.name {
    font-size: 22px;
    margin: 15px 0 2px
}

.nametitle {
    font-size: 16px
}

.prefacect {
    float: left;
    width: 600px;
    margin-left: 10px;
    XXXbackground-color: #6FF
}

.prefacectpic {
    padding-top: 10px;
    float: left
}

.prefacectpic1 {
    margin-right: 10px;
    float: left
}

.url {
    font-size: 15px;
    padding-top: 10px
}

.url a {
    color: #606060;
    margin-left: 10px
}

.url a:hover {
    color: #4b8ab5
}

/*R180310005 最新消息內頁修改*/
.content {
    max-width: 960px;
    margin: 50px auto;
}

.content p {
    font-size: 16px;
    line-height: 29px;
    text-align: justify;
    text-justify: inter-ideograph;
    XXXtext-align-last: justify;
    word-wrap: break-word;
    word-break: break-all
}

.areaAAA .pct,
.areaAAA a .ptitle,
.areaBpic p,
.areamidB,
.culture {
    text-align: center
}

.content p a {
    color: #37bcf0;
    text-decoration: underline
}

.content p a:hover {
    color: #37bcf0;
    text-decoration: none
}

.areaA .sub,
.areaA .sub a,
.tcw a,
.tcw a:hover {
    color: #4b8ab5
}

.tcw a {
    text-decoration: underline
}

.areaA .sub a,
.areaA .sub a:hover,
.areaAA p a,
.tcw a:hover {
    text-decoration: none
}

.tcw br {
    display: none
}

#bgkv {
    background: repeat-x;
    height: 240px
}

#bgkv1 {
    background: url(../../images/bgkv1.jpg) top center no-repeat;
    height: 245px
}

#bgkvtitle {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    left: 1px
}

.areaCover,
.idcareaCover,
.idcdivCover {
    width: 100%;
    display: table
}

.areaCover {
    margin-bottom: 10px
}

.idcareaCover {
    margin-bottom: 30px
}

.divCover {
    padding: 13px 0 13px 285px;
    XXXbackground-color: #FF0;
    clear: both
}

.areaIconService {
    padding-left: 15px;
    padding-right: 50px
}

.areaCoverTr,
.areaCoverTr1 {
    display: table-row
}

.areaSpace {
    width: 20px
}

/**********R180310005 最新消息修改 **********/
#rowajax_2088 {
    margin: 55px auto 25px auto;
}
.areaA {
    max-width: 960px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding: 30px 0;
    border-bottom: 1px solid #d1d1d1;
}
.divfloat .imgSpace {
    max-width: 250px;
}
.listct .sub h5{
    color: #e40046;
    font-size: 1rem;
    margin-bottom: 5px;
}
.listct .sub a{
    display: block;
    margin-bottom: 10px;
    color: #212121;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: justify;
}
.listct .sub a:hover{
    text-decoration: underline;
}
.page {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px auto 55px auto;
}
.page a {
    border: 1px solid #e5e5e5;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #212121;
}
.page .now {
    background: #E40046;
    color: #fff;
    border-color: #E40046;
}
.page a:hover {
    background: #e5e5e5;
    color: #e40046;
}
.page a i{
    font-size: 1.2rem;
    line-height: 35px;
}
/**********R180310005 最新消息修改 end **********/

.areaA .listct,
.areaA .pct,
.areaA .pct2 {
    width: 655px;
    XXXbackground-color: #6FF;
    float: left
}

.areaBorder,
.areaBorder1 {
    border: 1px solid #cecfd2;
    XXXborder-radius: 3px;
    XXXbox-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    overflow: hidden
}

.areaA.line,
.areaAA.line,
.idcareaAA.line {
    border-bottom: #cecfd2 solid 1px
}

.areaBorder {
    padding: 20px
}

.areaA img.people1 {
    margin-right: 20px
}

.areaApic {
    padding: 0
}

.areaA .btnRight {
    float: left
}

.areaA .ptitle {
    font-size: 40px;
    margin: 10px 0 20px
}

.areaA .imgSpace,
.areaApic .imgSpace {
    margin-right: 25px
}

.areaApic .imgSpace1 {
    margin-left: 25px
}

.areaApic .ptitle {
    font-size: 24px;
    color: #333;
    margin: 25px 0 10px
}

.areaApic .ptitle a {
    color: #333
}

.areaApic .ptitle a:hover,
.areaBpic p a {
    color: #4b8ab5
}

.areaApic .ptitle strong {
    color: #4b8ab5;
    font-weight: 400
}

.areaApic .pct1 {
    width: 460px;
    float: left;
    XXXbackground-color: #FF0
}

.areaApic p {
    margin: 0;
    XXXdisplay: block
}

.idcareaA {
    XXXdisplay: table-cell;
    XXXvertical-align: top;
    padding: 20px;
    XXXbackground-color: #6FC;
    margin-bottom: 10px
}

.idcareaA .btnRight {
    float: left
}

.idcareaA .ptitle {
    font-size: 40px;
    margin: 10px 0 20px
}

.idcareaA .pct {
    width: 600px;
    margin: 0 20px;
    XXXbackground-color: #6FF
}

.idcareaA .imgSpace {
    margin-right: 20px
}

.areaBpic {
    padding: 0;
    margin-bottom: 40px
}

.areaBpic p {
    margin: 15px 0 0;
    XXXdisplay: block;
    padding: 0 30px
}

.areaBpic p a:hover {
    color: #606060
}

.areaBpic .ptitleB {
    font-size: 24px;
    color: #333;
    margin: 120px 0 10px;
    text-align: center;
    font-weight: 700
}

.areaBpic .ptitleB a {
    color: #333
}

.areaBpic .ptitleB a:hover,
.areaBpic .ptitleB strong {
    color: #E40046
}

.areaBpic .pct1 {
    width: 460px;
    float: left;
    XXXbackground-color: #FF0;
    display: table
}

.areaA .imgSpace,
.areaBpic .imgSpace {
    margin-right: 25px
}

.areaBpic.imgSpace1 {
    margin-left: 25px
}

.areaBpic .imgSpace2 {
    width: 465px
}

.areamidB {
    width: 100%;
    padding: 20px 0
}

.areaAA {
    display: table-cell;
    XXXpadding: 80px;
    vertical-align: top;
    width: 50%
}

.XXXareaAA.pct1,
.areaAA.pct1 {
    vertical-align: middle;
    padding-right: 30px;
    XXXbackground-color: #FF0
}

.areaAA img.AD {
    width: 100%
}

.XXXareaAA .pct,
.areaAA .pct {
    width: 200px;
    line-height: 26px
}

.XXXareaAA .ptitle {
    font-size: 40px;
    margin: 15px 0;
    XXXbackground-color: #FF0
}

.XXXareaAA .pct {
    margin-bottom: 10px
}

.areaAA .ptitle {
    font-size: 40px;
    margin: 15px 0;
    XXXbackground-color: #FF0
}

.areaAA .pct {
    margin-bottom: 10px;
    height: 180px
}

.areaAA .pct1 {
    width: 360px;
    float: left;
    padding-bottom: 30px;
    XXXbackground-color: #FF0
}

.XXXareaAA .pct2,
.areaAA .pct2 {
    width: 310px;
    float: left
}

.areaAA p {
    margin: 0;
    display: block
}

.XXXareaAA .imgSpace,
.areaAA .imgSpace {
    margin-right: 20px
}

.areaAA p a {
    font-size: 16px
}

.areaAAbtn,
.idcareaAA,
.idcareaAAbtn {
    display: table-cell;
    XXXpadding: 80px;
    vertical-align: top;
    overflow: hidden
}

.areaAAimg {
    display: table-cell
}

.areaAAimg img {
    margin-right: 10px
}

.areaAAicon img {
    margin-left: 10px;
    margin-right: 15px
}

.areaAAbtn {
    width: 250px
}

.idcareaAA {
    width: 50%
}

.idcareaAA img.AD {
    width: 100%
}

.idcareaAAbtn {
    width: 50%
}

.idcareaAA .ptitle {
    font-size: 40px;
    margin: 15px 0;
    XXXbackground-color: #FF0
}

.idcareaAA .pct {
    width: 200px;
    line-height: 26px;
    margin-bottom: 10px;
    height: 180px;
    overflow: hidden
}

.idcareaAA .pct1 {
    width: 360px;
    float: left;
    padding-bottom: 20px
}

.idcareaAA .pct2 {
    width: 310px;
    float: left
}

.idcareaAA p {
    margin: 7px 0 0;
    display: block
}

.idcareaAA p a {
    font-size: 16px;
    text-decoration: none
}

.areaAAA a .ptitle,
.idcareaAAA .ptitle {
    font-size: 26px;
    white-space: nowrap;
    text-decoration: none
}

.idcareaAA .imgSpace {
    margin-right: 20px
}

.idcareaAA.pct1 {
    padding-right: 30px;
    XXXbackground-color: #FF0;
    vertical-align: middle
}

.areaAAA .pct1,
.idcareaAAA .pct1 {
    XXXbackground-color: #F9C;
    float: left
}

.areaAAA,
.idcareaAAA {
    vertical-align: top;
    display: table-cell;
    XXXpadding: 80px;
    overflow: hidden
}

.idcareaAAimg {
    display: table-cell
}

.idcareaAAimg img {
    margin-right: 10px
}

.idcareaAAicon img {
    margin-left: 10px;
    margin-right: 15px
}

.areaAAA .imgSpace,
.idcareaAAA .imgSpace {
    margin-right: 10px
}

.areaAAA {
    width: 33%
}

.areaAAA a {
    text-decoration: none
}

.areaAAA a .ptitle {
    background-color: #4b8ab5;
    width: 293px;
    overflow: hidden;
    color: #FFF;
    padding: 10px 6px
}

.areaAAA a:hover .ptitle {
    background-color: #318ccb
}

.idcareaAAA .ptitle,
.idcareaAAA a .ptitle {
    background-color: #37bcf0
}

.areaAAA .pct {
    color: #606060;
    padding-bottom: 10px
}

.areaAAA .pct a {
    color: #606060;
    text-decoration: none
}

.areaAAA .pct a:hover {
    color: #4b8ab5
}

.areaAAA .pct1 {
    width: 117px;
    text-align: left
}

.idcareaAAA {
    width: 33%
}

.idcareaAAA a {
    text-decoration: none
}

.idcareaAAA .ptitle {
    width: 293px;
    overflow: hidden;
    color: #FFF;
    text-align: center;
    padding: 10px 6px
}

.areaAAAAA .ptitle,
.areaAAAAA a .ptitle,
.idcareaAAA a:hover .ptitle {
    background-color: #318ccb
}

.idcareaAAA .pct {
    color: #606060;
    text-align: center;
    padding-bottom: 10px
}

.idcareaAAA .pct a {
    color: #606060;
    text-decoration: none
}

.idcareaAAA .pct a:hover {
    color: #4b8ab5
}

.idcareaAAA .pct1 {
    width: 117px;
    text-align: left
}

.ct,
.ct6,
.idcareaAAAA.pct {
    XXXbackground-color: #FC0
}

.idcareaAAAA {
    display: table-cell;
    XXpadding: 80px;
    vertical-align: middle;
    width: 25%
}

.idcareaAAAA.pct {
    width: 140px;
    height: 60px
}

.idcareaAAAAimg {
    display: table-cell;
    XXXfloat: left
}

.idcareaAAAAimg img {
    margin: 0 15px
}

.ct {
    XXXwidth: 150px
}

.ct6 {
    XXXwidth: 100px;
    font-size: 15px
}

.areaCoverAAAAA {
    width: 102%;
    display: table;
    margin-bottom: 50px
}

.areaAAAAA {
    display: table-cell;
    XXXpadding: 80px;
    vertical-align: top;
    min-height: 200px;
    overflow: hidden;
    float: left;
    margin-right: 15px;
    margin-bottom: 33px
}

.areaAAAAA a {
    text-decoration: none
}

.areaAAAAA .ptitle {
    font-size: 26px;
    width: 293px;
    overflow: hidden;
    white-space: nowrap;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    padding: 10px 6px;
    margin-bottom: 10px
}

.areaAAAAA a:hover .ptitle {
    background-color: #4b8ab5
}

.areaAAAAA .pct {
    color: #606060;
    text-align: center;
    padding-bottom: 30px
}

.areaAAAAA .pct a {
    color: #606060;
    text-decoration: none
}

.areaAAAAA .pct a:hover {
    color: #4b8ab5
}

table .caption {
    font-size: 15px;
    text-align: left;
    padding-bottom: 15px
}

.areaTable {
    XXXbox-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    overflow: hidden;
    margin-bottom: 30px
}

.areaTable1 {
    border: 1px solid #cecfd2;
    border-radius: 5px;
    position: relative;
    zoom: 1;
    background: url(../../images/bg101.jpg) top right repeat-y
}

.tablestyle td.bgcolor,
.tablestyle td.item {
    background-color: #e2e2e4
}

.areaTable1:after {
    content: "";
    clear: both;
    display: block
}

.tablemain1 {
    margin: 40px 0 40px 40px;
    overflow: hidden
}

.tablemain2 {
    margin: 40px auto;
    overflow: hidden;
    XXXbackground-color: #F99;
    width: 477px
}

.tablemain {
    margin: 20px;
    overflow: hidden
}

.tablemain td.space {
    padding-right: 130px;
    XXXbackground-color: red
}

.tablemain td.tc {
    padding-bottom: 10px
}

.tablemain td.tc a {
    color: #4b8ab5;
    text-decoration: none
}

.tablemain td.tc a:hover {
    color: #606060
}

.tablew {
    width: 300px;
    padding-top: 12px
}

.tablew1 {
    padding: 12px 0
}

.tablestyle {
    font-size: 15px;
    margin-bottom: 5px
}

.tablestyle caption {
    font-size: 40px;
    text-align: left;
    margin-left: 5px;
    padding: 0;
    XXXbackground-color: #FF0
}

.areaS .listct,
.areaS>.listct>h6,
.listct2:hover {
    XXXbackground-color: #6FF
}

.tablestyle td {
    padding: 5px
}

.tablestyle td.item {
    padding: 3px 20px 3px 25px
}

.tablestyle td.bgcolor1,
.tablestyle1 td {
    background-color: #efeff1
}

.tablestyle td.space {
    padding-left: 40px
}

.tablestyle .tdwidth {
    width: 80px
}

.tablestyle1 td {
    padding: 8px
}

.tablestyle1 td.item {
    background-color: #4b8ab5;
    color: #fff;
    font-weight: 700
}

.tablestyle1 span {
    font-size: 25px;
    font-weight: 700
}

.listct2:hover {
    width: 655px;
    float: left;
    cursor: pointer;
    color: #37bcf0
}

.inputhome,
.inputstyle1,
.inputstyle2,
.inputstyle3,
.inputstyle4,
.inputstyle5,
.selectstyle1 {
    font-family: "微軟正黑體", Arial;
    color: #606060
}

.inputstyle1,
.inputstyle2,
.inputstyle3,
.inputstyle4,
.inputstyle5 {
    font-size: 15px;
    padding: 10px;
    border: 1px solid #cecfd2;
    border-radius: 5px;
    XXXbox-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    XXXbackground: #FFF url(../../images/bginput.jpg) top repeat-x
}

.inputstyle1 {
    width: 300px;
    margin-right: 50px
}

.inputstyle2 {
    width: 430px
}

.inputstyle3 {
    width: 200px
}

.inputstyle4 {
    width: 375px
}

.inputstyle5 {
    width: 451px
}

.inputhome {
    font-size: 13px;
    padding: 2px;
    margin-right: 5px;
    border: 1px solid #cecfd2;
    border-radius: 2px;
    width: 130px
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .inputstyle4 {
        width: 387px
    }
}

.selectstyle1 {
    font-size: 15px;
    line-height: 30px;
    padding: 10px;
    border: 1px solid #cecfd2;
    border-radius: 5px;
    XXXbox-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    width: 450px
}

.flv {
    width: 600px;
    height: 338px
}

h4.spaceS {
    margin: 0 0 30px
}

.areaS>.listct>h6 {
    font-size: 20px;
    margin: 0
}

.areaS>.listct>h6 a {
    color: #4b8ab5;
    text-decoration: none
}

.areaS>.listct>h6 a:hover {
    color: #606060
}

.areaS>.listct>h6.space {
    font-size: 18px!important;
    XXXfont-weight: normal;
    margin: 10px 0 -5px
}

.areaS {
    XXXdisplay: table-cell;
    padding: 0 20px;
    overflow: hidden
}

.areaS .imgSpace {
    margin-right: 25px
}

.areaS .listct {
    float: left
}

.areaS .listct:hover {
    cursor: default
}

.areaS .listw {
    line-height: 30px;
    margin: 14px 0
}

hr.list {
    margin: 20px;
    border: 0;
    height: 1px;
    background-color: #cecfd2;
    color: #cecfd2
}

.page a.btnNext,
.page a.btnPrev {
    width: 30px;
    height: 30px;
    text-indent: -9999px
}


.gmb_bgkv {
    width: 100%;
    height: 320px;
    position: relative;
    left: 0
}

.areaVedio_sub,
.areaVedio_txt {
    height: 282px;
    position: relative
}

.areaVedio_sub {
    width: 500px;
    float: left
}

.areaVedio_txt {
    width: 430px;
    float: right;
    text-align: center;
    background: url(../../images/bg_areavediotxt.gif) top repeat-x
}

.areablock4 div,
.storeblock4 div .storetxt {
    background: url(../../images/bgbtmline_block4.gif) bottom repeat-x
}

.areaVedio_txt h1 {
    font-size: 25px;
    color: #4b8ab5;
    margin-top: 65px;
    padding: 0
}

.areaVedio_txt p {
    padding: 6px 30px;
    margin: 0
}

.areablock4 {
    width: 100%;
    margin-bottom: 50px
}

.areablock4 div {
    float: left;
    width: 210px;
    text-align: center;
    margin: 0 37px 20px 0;
    padding: 10px 0;
    height: 356px;
    letter-spacing: 0;
    position: relative;
    border-top: #cecfd2 solid 1px;
    border-left: #cecfd2 solid 1px;
    border-right: #cecfd2 solid 1px
}

.areablock4 div:nth-child(4n) {
    margin: 0 0 20px
}

.areablock4 div img {
    margin: 0 5px 10px 6px;
    float: left;
    display: block
}

.areablock4 div h3 {
    color: #4b8ab5;
    font-size: 18px;
    font-weight: 700;
    padding: 2px 8px;
    margin: 0
}

.areablock4 div p {
    font-size: 12px;
    padding: 5px 8px;
    text-align: center;
    margin: 0;
    line-height: 20px
}

.areamid_contentA {
    width: 100%;
    padding: 20px 0;
    float: left;
    text-align: center;
    margin-bottom: 20px
}

.areamid_contentA h5 {
    padding: 0 15px;
    margin: 0;
    color: #323232;
    font-size: 28px;
    font-weight: 700
}

.areamid_contentA .con1 {
    text-align: center;
    color: #8c8c8c;
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    padding: 0 15px
}

.areamid_contentA .con2 {
    text-align: center;
    color: #8c8c8c;
    margin: 0;
    padding: 25px;
    line-height: 30px
}

.areamid_contentA img {
    margin: 10px 0;
    text-align: center;
    display: block
}

.storeblock4 {
    width: 100%;
    margin-bottom: 50px
}

.storeblock4 div {
    float: left;
    width: 210px;
    min-height: 79px;
    text-align: center;
    margin: 0 38px 20px 0;
    padding: 0;
    letter-spacing: 0;
    position: relative
}

.storeblock4 div:nth-child(4n) {
    margin: 0 0 20px
}

.storeblock4 div img {
    border: 0;
    margin: 0;
    padding: 0;
    float: left;
    display: block
}

.storeblock4 div .storetxt {
    width: 208px;
    bottom: 0;
    margin: 0;
    padding: 25px 0;
    border-left: #cecfd2 solid 1px;
    border-right: #cecfd2 solid 1px
}

.storeblock4 div a:hover .storetxt {
    background: #4b8ab5
}

.storeblock4 div .storetxt h3 {
    color: #323232;
    font-size: 15px;
    font-weight: 700;
    padding: 2px 8px;
    margin: 0
}

.storeblock4 div a .storetxt h3 {
    color: #323232
}

.storeblock4 div a:hover .storetxt h3 {
    color: #fff
}

.storeblock4 div .storetxt .add {
    font-size: 16px;
    text-height: 22px;
    padding: 5px 0 5px 20px;
    text-align: center;
    margin: 0;
    background: url(../../images/icon_checkin.png) 0 5px no-repeat
}

.storeblock4 div a .storetxt .add {
    color: #323232
}

.storeblock4 div a:hover .storetxt .add {
    color: #fff;
    background: url(../../images/icon_checkin_o.png) 0 5px no-repeat
}

.dotline1,
.dotline2,
.dotline3 {
    background: url(../../images/hr_dot.gif) repeat-x
}

.updownline {
    width: 920px;
    padding: 20px;
    float: left;
    border: 1px solid #cecfd2;
    margin: 30px 0
}

.updownline .divfloat {
    padding-left: 20px!important
}

.updownline img {
    float: left;
    padding: 0 0 0 15px
}

.midtitle,
.midtitle1 {
    color: #323232;
    padding: 0 15px;
    font-weight: 700;
    position: relative
}

.updownline .pct {
    width: 600px;
    margin: 0 20px
}

.updownline .btnRight {
    float: left
}

.updownline .btnMore3 {
    width: 120px!important;
    margin-top: 5px!important
}

.dotline1 {
    margin: 20px 0
}

.dotline2 {
    width: 85%;
    margin: 20px 0 20px 80px
}

.dotline3 {
    height: 7px;
    margin: 20px 0
}

.areamid_dotline,
.areamid_dotline1 {
    width: 960px;
    height: 40px;
    text-align: center
}

.areamid_dotline {
    background: url(../../images/areamid_dotline.gif) repeat-x;
    margin: 20px 0
}

.midtitle {
    text-align: center;
    font-size: 28px;
    background: #fff
}

.areamid_dotline1 {
    background: url(../../images/areamid_dotline.gif) repeat-x
}

.midtitle1 {
    text-align: center;
    font-size: 26px;
    background: #fff
}

.areamid_midtitle_en {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #37bcf0
}

.areaCover_wis {
    width: 100%;
    display: table;
    position: relative
}

.areablock3 {
    width: 100%;
    overflow: hidden
}

.areablock3 div {
    float: left;
    width: 33%;
    text-align: center;
    padding: 2%;
    letter-spacing: 0;
    border: none;
    box-sizing: border-box
}

.areablock3 div img {
    width: 220px
}

.areablock3 div h3 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin: 5px 0;
    padding: 0
}

.areablock3 div h3 a {
    color: #37bcf0;
    text-decoration: underline
}

.areablock3 div h3 a:hover {
    color: #7bb123;
    text-decoration: underline
}

.areablock3 div p {
    font-size: 14px;
    height: 85px;
    line-height: 20px;
    text-align: center
}

.areablock3 ul {
    font-size: 13px;
    padding: 5px 0;
    text-align: center;
    list-style: none
}

.areablock3 ul li {
    line-height: 20px
}

.storeblock3 {
    width: 100%;
    margin-bottom: 50px;
    float: left
}

.storeblock3 div {
    float: left;
    width: 210px;
    min-height: 79px;
    text-align: center;
    margin: 0 80px 20px 0;
    padding: 0;
    letter-spacing: 0;
    position: relative
}

.storeblock3 div:nth-child(1) {
    margin: 0 80px 0 83px
}

.storeblock3 div:nth-child(n+2) {
    margin: 0 83px 0 0
}

.storeblock3 div img {
    border: 0;
    margin: 0;
    padding: 0;
    float: left;
    display: block
}

.storeblock3 div .storetxt {
    width: 208px;
    bottom: 0;
    margin: 0;
    padding: 25px 0;
    border-left: #cecfd2 solid 1px;
    border-right: #cecfd2 solid 1px;
    background: url(../../images/bgbtmline_block4.gif) bottom repeat-x
}

.storeblock3 div a:hover .storetxt {
    background: #37bcf0
}

.storeblock3 div .storetxt h3 {
    color: #37bcf0;
    font-size: 15px;
    font-weight: 700;
    padding: 2px 8px;
    margin: 0
}

.storeblock3 div a .storetxt h3 {
    color: #37bcf0;
    text-decoration: underline
}

.storeblock3 div a:hover .storetxt h3 {
    color: #37bcf0
}

.storeblock3 div .storetxt .txt {
    font-size: 13px;
    text-height: 22px;
    padding: 5px 15px;
    text-align: center;
    margin: 0;
    display: block
}

.storeblock3 div a .storetxt .txt {
    color: #7bb123;
    text-decoration: underline
}

.storeblock3 div a:hover .storetxt .txt {
    color: #7bb123
}

.storeblock3 div .txt a {
    color: #7bb123;
    text-decoration: underline
}

.prodlist li a,
.storeblock3 div .txt a:hover {
    text-decoration: none
}

.storeblock3 div .storetxt .add {
    font-size: 16px;
    text-height: 22px;
    padding: 5px 0 5px 20px;
    text-align: center;
    margin: 0;
    background: url(../../images/icon_checkin.png) 0 5px no-repeat
}

.storeblock3 div a .storetxt .add {
    color: #323232
}

.storeblock3 div a:hover .storetxt .add {
    color: #fff;
    background: url(../../images/icon_checkin_o.png) 0 5px no-repeat
}

.prodblock4 {
    width: 100%;
    margin-bottom: 50px;
    float: left
}

.prodblock4 div:nth-child(4n) {
    margin: 0 0 20px;
    xxxbackground: red
}

.prodarea {
    float: left;
    width: 210px;
    text-align: center;
    margin: 0 30px 20px 0;
    padding: 10px 0;
    letter-spacing: 0;
    position: relative
}

.prodarea img {
    display: block
}

.prodarea h3 {
    color: #37bcf0;
    font-size: 18px;
    font-weight: 700;
    padding: 10px 8px
}

.txteare {
    background: #efeff1;
    text-align: center
}

.txteare .txteare-head {
    height: 19px;
    background: url(/images/prodlist_pic5.gif) top center repeat-x
}

.txteare .txteare-line {
    pagging: 15px 0;
    height: 11px;
    background: url(/images/prodlist_pic6.gif) top center repeat-x
}

.txteare .txteare-end {
    pagging: 15px 0;
    height: 26px;
    xxxbackground: url(/images/prodlist_pic7.gif) top center repeat-x;
    margin-bottom: 10px
}

.txteare p {
    font-size: 14px;
    padding: 0 8px 10px 0;
    text-align: center;
    margin: 0;
    line-height: 25px;
    height: 140px
}

.prodarea h5,
.prodlist-title {
    font-size: 17px;
    font-weight: 700
}

.txteare img {
    margin: 0 auto
}

.prodarea h5 {
    color: #000;
    padding: 10px 8px
}

.prodlist-area {
    min-height: 800px;
    margin-top: 25px
}

.prodlist {
    width: 165px;
    margin: 0 0 0 20px;
    padding: 10px 0;
    background: #efeff1
}

.prodlist-title {
    color: #7bb123;
    padding: 10px 8px;
    text-align: left
}

.prodlist li {
    font-size: 14px;
    padding: 5px 0;
    xxxlist-style-position: inside;
    text-align: left;
    list-style-type: circle;
    margin-left: 25px;
    cursor: pointer
}

.prodlist li a {
    color: #606060
}

.prodlist li a:hover {
    color: #37bcf0
}

.prodlist-service {
    width: 100%;
    height: 210px;
    float: left;
    padding-top: 15px;
    background: url(../../images/prodlist_pic8.gif) top center repeat-x
}

.prodlist-service ul {
    margin: 0;
    padding: 10px 0
}

.prodlist-service li {
    color: #fff;
    padding: 5px 33px;
    text-align: center;
    list-style-type: none
}

.prodlist-service li a {
    color: #7bb123;
    text-decoration: none;
    cursor: pointer
}

.prodlist-service li a:hover {
    text-decoration: underline
}

.full_bg_404 {
    width: 100%;
    max-height: 762px;
    margin-bottom: -20px;
    position: relative;
    xxxbackground: url(../../images/error.jpg) top center no-repeat
}

.full_bg_404_txt {
    z-index: 10;
    float: left;
    width: 250px;
    XXXbackground-color: red
}

.wd40 {
    width: 40%!important
}

.full_bg_404_txt h1 {
    font-size: 2em;
    color: #FFF;
    margin: 0;
    padding: 0
}

.full_bg_404_txt p {
    margin: 0;
    font-size: 15px;
    text-align: 25px;
    text-decoration: none
}

.full_bg_404_txt p a {
    padding: 3px;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    text-decoration: none
}

.full_bg_404_txt p a:hover,
.full_bg_404_txt p a:visited {
    background-color: rgba(0, 0, 0, .8);
    text-decoration: none
}

.error_space {
    z-index: 5;
    max-height: 800px
}

.error_space1 {
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.full_bg_thx {
    width: 100%;
    max-height: 800px;
    position: relative;
    xxxbackground: url(../../images/thanks.jpg) top center no-repeat
}

.full_bg_thx p {
    float: left;
    width: 100%;
    position: relative;
    bottom: 28px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, .5)
}

.full_bg_thx p a {
    color: #fff;
    text-decoration: none
}

.full_bg_thx p a:hover {
    display: block;
    background-color: rgba(0, 0, 0, .8)
}

.cloudIntegrat-wrapper {
    margin-top: 0;
    float: left;
    width: 100%
}

.cloudtitle {
    font-size: 37px
}

.cloudchat-wrapper {
    float: left;
    width: 100%;
    background: #efeff1;
    padding: 10px;
    margin-bottom: 50px
}

.cloudchat-wrapper .title {
    width: 65%;
    float: left;
    margin-left: 10px;
    font-size: 25px;
    font-weight: 700;
    color: #37bcf0
}

.cloudchat-wrapper p {
    font-size: 18px;
    width: 65%;
    float: left;
    margin: 3px 0 0 10px!important;
    padding: 0!important
}

.cloudchat-wrapper a.btnchat {
    text-align: center;
    font-size: 25px;
    color: #fff;
    margin: 10px;
    width: 25%;
    float: right;
    background: #37bcf0;
    padding: 20px;
    text-decoration: none
}

.cloudchat-wrapper a:hover.btnchat {
    background: #058cc1
}

.dynafont_topkv {
    width: 920px;
    height: 600px;
    background: url(/images/dynafont/dynafont_font_topKV_bg.jpg)
}

.dynafont_topkv>.title {
    font-family: UYAWHFALBT;
    font-size: 90px;
    top: 158px;
    left: 140px;
    position: relative;
    color: #000;
    letter-spacing: -.34em
}

.dynafont_topkv>.title-1 {
    font-family: UAWKFHTFHW;
    font-size: 23px;
    color: #000;
    letter-spacing: -.04em;
    top: 160px;
    left: 166px;
    position: relative
}

.dynafont_topkv>.txt {
    font-family: YSGOROBVIJ;
    width: 450px;
    font-size: 17px;
    color: #4F4F4F;
    letter-spacing: -.05em;
    top: 197px;
    left: 420px;
    position: relative;
    line-height: 22px
}

.dynafont_topkv ul {
    width: 840px;
    top: 260px;
    margin: 0 0 0 60px;
    padding: 0;
    position: relative
}

.dynafont_topkv ul li {
    font-size: 14px;
    color: #5C5C5C;
    float: left;
    padding: 0 0 0 5px;
    margin: 8px 10px 0 0;
    list-style: none;
    text-align: left
}

.dynafont_topkv ul li span {
    color: #4b8ab5
}

.dynafont_topkv ul li img {
    vertical-align: middle
}