@charset "utf-8";
/* html {
    overflow-x: hidden;
} */
select{
    -webkit-appearance:none;
    -moz-appearance:none;
    text-indent:1px
}
.hot-top{
    padding:4px 8px;
    margin:4px 4px 4px 0;
    background:#8c66ff;
    border:2px solid #8c66ff;
    border-radius:3px;
    font-size:16px!important
}
.hot-top:hover{
    color:#8c66ff;
    border:2px solid #8c66ff;
    background:#fff;
    transition:.3s
}
.hot-sec{
    padding:4px 8px;
    margin:4px 4px 4px 0;
    background:#28c79f;
    border:2px solid #28c79f;
    border-radius:3px;
    font-size:16px!important
}
.hot-sec:hover{
    color:#28c79f;
    border:2px solid #28c79f;
    background:#fff;
    transition:.3s
}
.hot-tag{
    padding:4px 8px;
    margin:4px 4px 4px 0;
    background:#f96767;
    border:2px solid #f96767;
    border-radius:3px;
    font-size:16px!important
}
.hot-tag:hover{
    color:#f96767;
    border:2px solid #f96767;
    background:#fff;
    transition:.3s
}
*{
    font-family:"微軟正黑體","Microsoft JhengHei"," Noto Sans CJK","Xingothic TC","Droid Sans Fallback","PingFang TC","Heiti TC","LiHei Pro","Arial","Helvetica","sans-serif","PMingLiU";
    /* font-size:15px; */
    box-sizing:border-box;
    border:solid 0
}
a:hover{
    text-decoration:none!important
}
#joblink{
    padding-top:78px;
    margin-top:-90px!important;
    display:block
}
#industrylink{
    padding-top:78px;
    margin-top:-90px!important;
    display:block
}
#tipslink{
    padding-top:78px;
    margin-top:-90px!important;
    display:block
}
.mt60{
    margin-top:60px
}
.contribute{
    width:80px;
    height:40px;
    font-size:15px;
    font-weight:700;
    /* margin-top:20px;
    margin-bottom:20px; */
    background-color:#d95786;
    color:#fff;
    border-radius:3px;
    border-style:none;
    margin-right:2px;
    transition:all .5s
}
.contribute:hover{
    background-color:#fff;
    color:#d95786;
    border:2px solid #d95786
}
.welfarebn{
    width:75px;
    height:40px;
    font-size:15px;
    font-weight:700;
    margin-top:20px;
    margin-bottom:20px;
    background-color:#38e2c5;
    color:#fff;
    border-radius:3px;
    border-style:none;
    margin-right:2px;
    transition:all .5s
}
.welfarebn:hover{
    background-color:#fff;
    color:#38e2c5;
    border:2px solid #38e2c5
}
.button-more{
    text-align:right
}
.button-more-01{
    font-size:1.5em;
    padding:10px;
    background:transparent;
    color:#32bfb3
}
.button-more-01:hover{
    color:#17736b;
    font-weight:700
}
.askfor{
    width:80px;
    height:40px;
    font-size:15px;
    font-weight:700;
    /* margin-top:20px;
    margin-bottom:20px; */
    background-color:#29b4db;
    color:#fff;
    border-radius:3px;
    border-style:none;
    margin-right:2px;
    transition:all .5s
}
.askfor:hover{
    background-color:#fff;
    color:#29b4db;
    border:2px solid #29b4db
}
.cta{
    transition:all .2s ease;
    color:#666;
    background:rgba(157,255,242,0.5);
    padding:8px 24px;
    border-radius:50px
}
.cta span{
    position:relative;
    font-size:16px;
    line-height:18px;
    font-weight:900;
    letter-spacing:.25em;
    text-transform:uppercase;
    vertical-align:middle
}
.cta svg{
    position:relative;
    top:0;
    margin-left:10px;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke:#111;
    stroke-width:2;
    transform:translateX(-5px);
    transition:all .3s ease
}
.cta:hover:before{
    width:100%;
    background:rgba(157,255,242,0.5)
}
.cta:hover svg{
    transform:translateX(0)
}
.cta:active{
    transform:scale(0.96)
}
.bu{
    width:331px;
    margin:0 auto
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box
}
body{
    overflow-x:hidden;
    font-family:"微軟正黑體"
}
html{
    font-family:"微軟正黑體",Arial,sans-serif;
    -webkit-text-size-adjust:none
}
img{
    border: 0;
}
li{
    list-style:none
}
.clearfix{
    clear:both;
    content:".";
    font-size:0;
    height:0;
    overflow:hidden
}
.topLink{
    height:28px;
    background-color:#2e2e2e;
    color:#fff
}
.fixed{
    position:fixed!important;
    top:0;
    box-shadow:0 1px 3px rgba(0,0,0,0.3)
}
#bar{
    height:24px;
    width:100%;
    background-color:#333
}
h1,h2,h3,h4{
    font-family:"微軟正黑體"
}
ul{
    margin:0;
    padding:0;
    list-style:none
}
ul li{
    margin:0;
    padding:0;
    list-style:none
}
.padFix{
    padding:0!important
}
.magFix{
    margin:0!important
}
a{
    text-decoration:none!important;
    transition:all .5s ease 0
}
.txt-center{
    text-align:center
}
.card{
    background:transparent
}
.gradient-wrap{
    flex:none
}
.collapse.show{
    padding:0!important
}
.card-body{
    padding:0 1.23rem 1.23rem
}
.card-content{
    padding:25px!important
}
.red,.require{
    color:red
}
.gradient-wrap{
    padding:15px 10px;
    overflow:hidden;
    display:block;
    margin:0 auto
}
.gradient-wrap{
    position:relative;
    margin:0 auto 20px
}
.gradient::before{
    content:"";
    bottom:100%;
    left:0;
    bottom:0;
    position:absolute;
    width:100vw;
    height:80px;
    margin-right:-20px;
    margin-left:-20px;
    background-image:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,95%,.5)),to(#f2f2f2));
    background-image:-webkit-linear-gradient(top,hsla(0,0%,95%,.5),#f2f2f2);
    background-image:-o-linear-gradient(top,hsla(0,0%,95%,.5),#f2f2f2);
    background-image:linear-gradient(180deg,hsla(0,0%,95%,.5),#f2f2f2)
}
.read-more{
    position:relative
}
.read-more a{
    text-decoration:none;
    font-size:40px;
    font-weight:700;
    display:block
}
.gradient-wrap ul li .ri_con .read-more a{
    color:#dadada;
    text-decoration:none;
    display:block;
    width:100%
}
.fixed-width{
    max-width:50%;
    float:left;
    padding:40px 50px!important
}
.share-carousel{
    display:none!important
}
.share-carousel .intro-com.h{
    background:#fff;
    display:block;
    margin:40px
}
.post-abstract{
    position:relative;
    border:2px solid #a4f5ee;
    background-color:#fff;
    max-width:100%;
    height:auto;
    padding:30px;
    margin:30px auto
}
.post-abstract .header{
    position:absolute;
    top:-14px;
    height:24px;
    font-size:24px;
    margin-left:-75px;
    background-color:#fff;
    width:150px;
    left:50%;
    text-align:center;
    line-height:24px;
    font-weight:700;
    color:#666
}
.d-flex{
    display:flex;
    padding:3px 0
}
.read,.read a{
    width:16%;
    padding:0 5px;
    color:#4295ff!important
}
.read-text,.read-text a{
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    letter-spacing:2px;
    color:#868484!important;
    border-bottom:solid 1px #d6d4d482;
    padding-bottom:5px;
    padding-top:5px
}
@media (max-width: 991px){
    .fixed-width{
        padding:40px 10px!important
    }
}
@media (max-width: 600px){
    .fixed-width{
        display:none!important
    }
    .share-carousel{
        display:block!important;
        padding:0 3px
    }
}
@media (max-width: 450px){
    .share-carousel .intro-com.h{
        margin:40px 20px
    }
    .pc-btm{
        display:none
    }
}
.br-h-show{
    display:none
}
.navbar-nav{
    display:block
}
.navbar-mobile{
    display:none
}
.steps{
    text-align:center
}
.steps a{
    display:inline-block;
    width:100px;
    text-align:center;
    height:86px;
    padding:10px 0;
    border-radius:10px;
    vertical-align:middle;
    color:#fff;
    margin:0 10px;
    font-weight:700;
    position:relative
}
.steps a:hover{
    opacity:.7
}
.steps a::after{
    content:'>';
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:-23px;
    color:#000;
    font-size:30px
}
.steps a:last-child::after{
    display:none
}
.step1{
    background:red
}
.step2{
    background:#00B0F0
}
.step3{
    background:orange
}
.step4{
    background:#604A7B
}
@media (max-width: 545px){
    .steps a{
        display:block;
        margin:10px auto;
        height:90px;
        padding:12px 0;
        width:100%
    }
    .steps a::after{
        display:none
    }
}
.wissue{
    flex:0 0 66%;
    max-width:66%
}
@media (max-width: 768px){
    .wissue{
        flex:100%;
        max-width:100%
    }
}
@media (max-width: 991px){
    .navbar-nav{
        display:none
    }
    .navbar-mobile{
        display:block;
        background:#2abfe2;
        padding:15px 0
    }
    .toprow{
        display:flex;
        justify-content:space-between;
        width:100%
    }
    .navbar-mobile a{
        color:#fff;
        display:block;
        font-size:20px
    }
    .navbar-mobile img{
        display:block;
        width:35px;
        margin:auto;
        height:35px
    }
    .m-menu{
        width:100%
    }
    .navbar-mobile .col-xm-6{
        display:flex;
        justify-content:center
    }
}
.toprow>h1>a{
    display:block;
    width:180px;
    color:rgba(0,0,0,0);
    padding-top:5px
}
.toprow>h1>a img{
    max-width:100%;
    height:auto
}
.col-xm-6{
    width:50%;
    float:left
}
.rowbs3{
    margin:0 0 10px
}
.rowbs3:before,.rowbs3:after{
    display:table;
    content:" ";
    clear:both
}
.container>.navbar-collapse{
    margin-right:0!important;
    margin-left:0!important;
    text-align:center
}
@media (max-width: 768px){
    .br-h-show{
        display:block
    }
}
.nav-item{
    display:flex;
    justify-content:center;
    margin:0
}
.nav-item .iconLink img{
    width:30px;
    max-width:100%
}
.nav-item .iconLink{
    display:inline-block;
    vertical-align:middle;
    padding:10px 4px
}
@media (max-width: 991px){
    .nav-item .iconLink img{
        width:50px;
        max-width:100%;
        height:50px
    }
    .nav-item .iconLink{
        margin:10px
    }
}
@media (max-width: 320px){
    .nav-item .iconLink{
        margin:10px 3px
    }
}
.homeIconList{
    overflow:hidden;
    padding:20px 0
}
.homeIconList img{
    width:auto;
    max-width:100%;
    height:auto
}
.homeIconList>li{
    float:left;
    width:25%;
    line-height:80px
}
.homeIconList .listImg{
    display:block;
    float:left;
    width:80px;
    margin-right:10px
}
.homeIconList .listContnet{
    display:block;
    overflow:hidden;
    font-size:20px;
    color:#444
}
.joblistSelect table{
    width:100%;
    border:2px solid #fceb95
}
.joblistSelect th{
    font-size:1.3em;
    background:#fceb95;
    padding:5px 20px
}
.joblistSelect td{
    font-size:1.3em;
    padding:5px 20px
}
.joblistSelect .col-md-8 input{
    background:none;
    padding:5px 20px;
    font-size:1.3em;
    border:2px solid #fceb95;
    width:100%;
    margin:0;
    margin-top:8px;
    height:42px;
    background-color:#fff
}
.width2{
    padding-right:5px
}
@media (max-width: 768px){
    .img-padding-rwd{
        height:0!important;
        overflow:hidden;
        padding-bottom:60%!important
    }
    .dropdown-menu{
        min-width:59px
    }
    .dropdown-menu img{
        width:32px!important
    }
    .width2{
        padding-right:0;
        padding-left:0
    }
    .width{
        padding-left:0!important
    }
}
.inpa-size{
    margin:0;
    padding:0
}
.wid40-10{
    padding:0 40px
}
.wid80-0{
    padding:0 80px
}
.width{
    padding-left:5px;
    padding-right:5px
}
.off-d{
    display:initial
}
.off-a{
    display:none
}
a{
    text-decoration:none
}
.Orange{
    color:#ff9205
}
.red{
    color:red
}
.red-b{
    color:#910202
}
.green{
    color:#4ecd00
}
.coffe{
    color:#934618
}
.dark-gray{
    color:#333
}
.size30-25{
    font-size:30px
}
.size25-22{
    font-size:25px
}
.size22-18{
    font-size:22px
}
.size18-15{
    font-size:18px
}
.size15-10{
    font-size:15px
}
.flexbox{
    display:initial
}
.txt-center{
    text-align:center
}
.txt-left{
    text-align:left
}
.txt-rig{
    text-align:right
}
.txt{
    margin-left:20px
}
.txt15{
    margin-left:15px
}
.txt-r5{
    margin-right:5px
}
.txt-r{
    margin-right:10px
}
.txt-r15{
    margin-right:15px
}
.txrt-justify{
    text-align:justify
}
.mgt10{
    margin-top:10px
}
.mgt30{
    margin-top:20px
}
.mgt20{
    margin-top:30px
}
.mgt40{
    margin-top:40px
}
.mgb10{
    margin-bottom:10px
}
.mgb50{
    margin-bottom:30px
}
.mgb40{
    margin-bottom:40px
}
.mgb100{
    margin-bottom:20px
}
.pgb10{
    margin-bottom:10px
}
.pgb20{
    margin-bottom:20px
}
.pgtb20{
    padding:20px 0
}
.hig10{
    margin-top:10px!important
}
.hig20{
    margin-top:20px!important
}
.fz18{
    font-size:14px
}
.fz24{
    font-size:14px
}
.lh18{
    line-height:1.8
}
.lh15{
    line-height:1.5
}
.mark-red{
    color:rgba(255,120,0,0.97)
}
.White{
    color:#fff
}
.tet-right{
    text-align:right
}
.line-l{
    border-left:solid 8px #fcd406
}
.over{
    width:100%;
    height:200px;
    overflow:auto
}
.navbar-default .navbar-brand{
    padding:0;
    padding-top:10px;
    padding-right:30px
}
.over-15{
    width:150px;
    height:150px;
    margin:20px auto;
    overflow:hidden;
    border-radius:50%
}
.over-8{
    width:80px;
    height:80px;
    margin:20px auto;
    overflow:hidden;
    border-radius:50%
}
h1,h2,h3,h4,h5,h6{
    font-weight:700
}
h3{
    line-height:30px
}
h4{
    padding:3px;
    line-height:20px;
    font-size:14px
}
h5{
    margin-left:30px
}
li{
    list-style:none!important
}
.dropdown-menu li img{
    padding-bottom:5px
}
.advertising-b{
    padding:0
}
.dropdown-menu{
    min-width:59px
}
.dropdown-menu img{
    width:32px!important
}
.WIN-A{
    margin-top:30px;
    width:83%;
    padding:30px;
    margin-left:40px;
    margin-right:40px
}
.bg{
    background-image:url(../img/note.svg);
    background-size:40px;
    background-repeat:no-repeat;
    background-position:10px;
    padding-left:60px!important
}
.iframe{
    max-height:300px;
    margin:20px 0
}
.relative1{
    position:relative
}
.relative2{
    position:relative;
    top:-20px;
    left:20px;
    background-color:#fff;
    width:500px
}
.profile-image{
    background-color:#c61717;
    position:absolute;
    bottom:0;
    height:32px;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    color:#fff;
    text-align:center;
    box-shadow:0 0 2px #ccc
}
.toplinkzone{
    font-size:13px!important;
    width:100%;
    font-size:13px;
    font-family:新細明體;
    position:fixed;
    top:0;
    left:0;
    z-index:998;
    visibility:visible;
    display:inline-block;
    margin:0
}
.toplinkzone ul li a{
    display:inline-block;
    font-size:13px
}
.toplinkzone ul{
    display:inline-block;
    white-space:nowrap
}
.navigationLogo{
    margin-right:10px
}
.toplinkzone>.navigationLogo>li a{
    display:block;
    color:#FFF;
    height:28px;
    padding:0 8px;
    margin:0;
    text-decoration:none;
    line-height:28px;
    vertical-align:middle;
    text-align:left;
    font-weight:400;
    font-size:13px
}
.navigationLogo,.navigation1,.navigation5{
    margin:0;
    padding:0;
    list-style-type:none;
    font-size:13px;
    font-weight:400;
    float:left
}
ul.navigation4 li a{
    color:#fff;
    text-decoration:none;
    display:inline-block;
    padding:0 8px;
    line-height:28px;
    font-size:13px
}
.navigation4 li.otherline{
    color:#fff;
    font-weight:700
}
ul.navigation4 li{
    float:left;
    line-height:28px;
    position:relative;
    float:left;
    line-height:28px;
    position:relative
}
.navigation4{
    float:right;
    font-size:13px;
    margin:0;
    padding:0;
    list-style-type:none;
    position:absolute;
    right:0
}
.navigation4 li.job a{
    background-image:url(../img/customer.png);
    background-position:center center;
    background-repeat:no-repeat
}
i.fa.fa-user-circle.off-d,i.fa.fa-share-alt.off-d{
    font-size:20px
}
.dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    z-index:1000;
    display:none;
    float:left;
    min-width:10rem;
    padding:.5rem 0;
    margin:.125rem 0 0;
    font-size:1rem;
    color:#fff;
    text-align:left;
    list-style:none;
    background-color:#f5f5f5;
    background-clip:padding-box;
    border:0 solid rgba(0,0,0,.15);
    border-radius:.25rem;
    text-align:center
}
.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{
    color:#ffa611
}
.dropdown-content{
    top:45px;
    background:#fff;
    border:1px solid #efefef
}
.ml-auto{
    margin-left:auto!important;
    text-align:center
}
.navbar-brand{
    text-transform:uppercase;
    letter-spacing:.1em
}
.navbar-dark .navbar-toggler{
    padding:0;
    margin-bottom:10px;
    outline:none
}
.navbar{
    margin-bottom:0
}
.bg-dark{
    background-color:#fff!important
}
.navbar-dark .navbar-nav .nav-link{
    font-size:16px;
    color:rgba(0,0,0,0.81)
}
.navbar-brand{
    padding-top:.7rem
}
.navbar{
    padding:0;
    position:fixed;
    width:100%;
    z-index:665;
    display:flex;
    justify-content:space-between
}
.navbar-dark .navbar-brand img{
    max-width:180px;
    width:150%
}
.navbar-dark .navbar-nav .nav-link{
    color:rgba(0,0,0,0.58)!important
}
.dropdown-item.active,.dropdown-item:active{
    background-color:#fff!important
}
.header-connect{
    background-color:#e70012;
    height:30px
}
.bar1,.bar2,.bar3{
    width:30px;
    height:3px;
    background-color:#f34e06;
    margin:4px 0;
    transition:.4s;
    border-style:none
}
section .row .ss h2{
    text-align:center;
    font-size:2.5em;
    margin:20px 0
}
.menu ul{
    text-align:center
}
.menu li{
    display:inline-block;
    position:relative
}
.menu li a,.menu li span{
    display:inline-block;
    margin-left:.5em;
    padding:.4em .5em;
    text-decoration:none;
    font-size:21px;
    font-weight:550;
    text-transform:uppercase;
    outline:0;
    color:#fff;
    text-shadow:#0000002e .1em .1em .1em
}
.menu li a:hover,.menu li span:hover{
    background:#3abbb1
}
.border-lrft{
    border-left:solid 8px #acf3ef!important
}
.search input[type="text"]{
    font-size:15px
}
.askQuestion{
    float:right
}
.btnDefault{
    background-color:#2d91ee;
    line-height:29px;
    display:inline-block;
    border-radius:3px;
    color:#fff;
    cursor:pointer;
    -webkit-appearance:none;
    letter-spacing:1px;
    padding:0 8px
}
.but-b{
    font-size:.9em;
    padding:.2em .3em;
    font-weight:700;
    background-color:#a3a3a3;
    color:#fff;
    border-radius:3px;
    border-style:none
}
.but-b:hover{
    text-decoration:none;
    background-color:#eee;
    color:#a3a3a3
}
.normal-btn{
    background:#fcd406;
    color:#333;
    display:block;
    text-align:center;
    padding:7px 0;
    margin-top:10px;
    border-radius:5px;
    font-size:1.3em
}
.normal-btn:hover{
    text-decoration:none
}
#button-a{
    width:150px;
    height:50px;
    font-size:18px;
    font-weight:700;
    margin-top:20px;
    margin-bottom:20px;
    background-color:#fff;
    color:#707070;
    border:solid 2px #707070;
    border-bottom:solid 6px #bababa;
    border-radius:3px
}
#button-a:hover{
    box-shadow:3px 3px 12px #c9c9c9;
    border-bottom:solid 6px #ececec;
    border:solid 0;
    background-color:#707070;
    color:#fff
}
#button-b{
    width:80px;
    height:40px;
    font-size:15px;
    font-weight:700;
    margin-top:20px;
    margin-bottom:20px;
    background-color:#ffc45e;
    color:#fff;
    border-radius:3px;
    border-style:none;
    margin-right:2px;
    transition:all .5s
}
#button-b:hover{
    border:solid 2px #ffc45e;
    background-color:#fff;
    color:#ffc45e
}
#example{
    display:inline-block;
    width:100%;
    background-color:#ffa829;
    border-radius:5px;
    color:#fff;
    text-decoration:none;
    text-align:center;
    margin-right:10px;
    box-shadow:inset 0 -4px 0 0 #934618;
    cursor:auto;
    line-height:45px;
    font-size:22px;
    font-weight:700;
    margin-top:20px;
    border-style:none
}
#example:hover{
    background-color:#ffF;
    color:#ffa829;
    border:solid 1px #ffa829;
    box-shadow:inset 0 -4px 0 0 #ffa829;
    box-shadow:3px 3px 12px #c9c9c9
}
#example-b{
    display:inline-block;
    width:100%;
    background-color:#ffa829;
    border-radius:5px;
    color:#fff;
    text-decoration:none;
    text-align:center;
    margin-right:10px;
    box-shadow:inset 0 -4px 0 0 #934618;
    cursor:auto;
    line-height:45px;
    font-size:22px;
    font-weight:700;
    margin-top:20px;
    padding:0;
    height:48px;
    border-style:none
}
#example-b:hover{
    background-color:#ffF;
    color:#ffa829;
    border:solid 1px #ffa829;
    box-shadow:inset 0 -4px 0 0 #ffa829;
    box-shadow:3px 3px 12px #c9c9c9
}
#forum{
    display:inline-block;
    width:40%;
    background-color:#ffa829;
    border-radius:5px;
    color:#fff;
    text-decoration:none;
    text-align:center;
    margin-right:150px;
    cursor:auto;
    line-height:45px;
    font-size:22px;
    font-weight:700;
    height:48px
}
#forum:hover{
    background-color:#ffF;
    color:#ffa829;
    border:solid 0 #ffa829
}
.modal-footer{
    border-top:0 solid #e5e5e5
}
.modal-header{
    border-bottom:0 solid!important;
    padding-bottom:0
}
.modal-body{
    padding-top:0
}
button.close{
    padding-right:20px
}
.close{
    font-size:40px
}
.btn{
    border:2px solid transparent;
    border-radius:0;
    text-transform:uppercase;
    position:relative;
    transition:all .3s ease 0
}
.btn:before{
    content:"";
    height:6px;
    border-bottom:2px solid transparent;
    border-left:2px solid transparent;
    position:absolute;
    bottom:-8px;
    left:4px;
    right:-8px;
    transition:all .3s ease 0
}
.btn:after{
    content:"";
    width:6px;
    border-right:2px solid transparent;
    border-top:2px solid transparent;
    position:absolute;
    bottom:-8px;
    right:-8px;
    top:4px;
    transition:all .3s ease 0
}
.btn.red,.btn.red:before,.btn.red:after{
    border-color:#ff6e6e;
    color:#000
}
.file-upload-wrapper{
    position:relative;
    width:100%;
    height:45px;
    border:solid 2px #fcd406;
    border-radius:5px
}
.file-upload-wrapper input{
    position:absolute;
    top:8px;
    left:5px;
    bottom:0;
    z-index:99;
    height:40px;
    margin:0;
    padding:0;
    display:block;
    cursor:pointer;
    width:100%
}
.in-text{
    border:solid 2px #fcd406;
    border-radius:5px
}
.in-height{
    margin-top:10px;
    font-size:19px
}
.fqa-text{
    border:solid 2px #fcd406!important;
    background:none!important;
    height:45px!important;
    outline:none!important;
    padding-left:10px!important
}
.aa-text{
    border:2px solid #9e9e9e!important;
    height:45px!important;
    margin-top:8px!important;
    margin-bottom:0!important;
    padding-left:10px!important;
    overflow:overlay!important;
    background-image:none!important
}
textarea{
    font-weight:400;
    font-size:18px;
    width:100%;
    background:#fff;
    line-height:1.5em;
    border:none;
    border:solid 2px #fcd406;
    border-radius:5px;
    padding:10px;
    border-style:none;
    outline:none
}
.btn-a{
    font-weight:700
}
#section_content,#section_Method,#section_Method2,#section_interview,#section_Upload,#section_Application,#section_monthsrecord,#section_method,#section_one,#discuss,#section_Application{
    padding:40px 30px;
    background-color:#f5f5f5
}
#section_Method .col-lg-12 h3 span.span1000{
    margin:0 5px;
    font-size:1.2em;
    color:#ff0808
}
#section_Application{
    padding-top:100px
}
#section_one{
    padding-top:70px
}
#discuss{
    padding-bottom:80px
}
#section_Reward{
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:solid 1px #ccc;
    background-color:#fff
}
#section_content .both{
    padding:40px 165px
}
#section_content img{
    width:100%;
    margin-top:50px
}
#img01{
    margin-top:50px
}
#img02{
    margin-top:100px
}
.img05{
    width:50%;
    margin-left:27%;
    margin-top:30px;
    margin-bottom:50px
}
.text-p{
    margin-top:20px;
    margin-left:0
}
.card-header{
    font-size:25px;
    font-weight:700;
    color:#ff9205;
    text-decoration:none;
    cursor:pointer;
    text-align:center;
    border:solid 2px #707070
}
.card-content{
    display:none;
    padding:50px 60px;
    font-weight:700;
    line-height:1.8;
    font-size:18px
}
button.btn.btn-link{
    font-size:25px;
    font-weight:700;
    color:#ff9205;
    text-decoration:none
}
.card{
    border:0 solid;
    margin-bottom:50px
}
.collapse.show{
    display:block
}
.navbar-collapse{
    padding:0
}
th{
    height:40px;
    padding-left:20px
}
td{
    padding:20px;
    padding-left:20px
}
.pagination{
    margin:0!important;
    text-align:center!important;
    padding-left:35%;
    background-color:#fceb95
}
.pagination>li>a,.pagination>li>span{
    padding:6px 12px;
    background-color:#fceb95!important;
    border:0 solid!important;
    color:#313131!important
}
table.rwd-table{
    width:100%
}
table{
    width:100%;
    table-layout:fixed
}
.questions table{
    width:100%!important;
    table-layout:unset!important
}
.tbl-header{
    background-color:#dcdcdc
}
.tbl-content{
    height:196px;
    overflow-x:hidden;
    overflow-y:auto;
    margin-top:0;
    border:1px solid #dcdcdc
}
th{
    padding:10px 12px;
    text-align:left;
    font-weight:500;
    font-size:18px;
    color:#000;
    text-transform:uppercase
}
td{
    padding:10px 5px 7px 15px;
    text-align:left;
    vertical-align:middle;
    font-weight:300;
    font-size:16px;
    color:#000;
    border:solid 1px #dcdcdc;
    background-color:#fff
}
/* ::-webkit-scrollbar{
    width:14px
}
::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)
}
::-webkit-scrollbar-thumb{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3)
} */
#click button:focus{
    outline:none
}
#click{
    padding:0 50px;
    font-size:1.7em;
    cursor:pointer;
    border:none;
    color:#FFF;
    background:#ff960d;
    box-shadow:0 7px 0 0 #ffca86;
    border-radius:3px;
    position:absolute;
    top:14px;
    left:39%;
    outline:none
}
#click:active{
    transform:translateY(5px);
    box-shadow:none
}
#click:focus,#click:hover{
    background-color:#ff960d;
    outline:0;
    transition:background .3s
}
#bg{
    position:fixed;
    left:0;
    top:0;
    height:100%;
    width:100%;
    background:rgba(0,0,0,0.66);
    z-index:30
}
#alertBox{
    margin:100px auto 0;
    padding:15px 0;
    text-align:right;
    width:50%;
    height:50%;
    overflow:auto;
    background:#FFF;
    border-radius:3px;
    box-shadow:2px 2px rgba(0,0,0,.3)
}
#alertBox #ok{
    position:fixed;
    top:60px;
    width:51px;
    height:37px;
    font-size:1.5em;
    font-weight:700;
    cursor:pointer;
    border:none;
    color:#000;
    background:#ffffff85;
    border-radius:3px;
    outline:none
}
.tbl-header-bounce th{
    padding:10px 12px;
    text-align:left;
    font-weight:500;
    font-size:18px;
    color:#000;
    text-transform:uppercase
}
.tbl-header-bounce table{
    border-collapse:collapse;
    border-spacing:0
}
.tbl-header-bounce{
    margin:0 30px;
    border-bottom:solid #ffd605
}
.tbl-content-bounce{
    margin:0 30px;
    margin-top:0
}
.tbl-content-bounce td{
    padding:10px 5px 7px 15px;
    text-align:left;
    vertical-align:middle;
    font-weight:300;
    font-size:16px;
    color:#000;
    border-bottom:solid 1px #dcdcdc;
    background-color:#fff
}
.tbl-content-bounce .td15,.tbl-header-bounce .td15{
    width:17%
}
.tbl-content-bounce .td25,.tbl-header-bounce .td25{
    width:21%
}
.tbl-content-bounce .td30,.tbl-header-bounce .td30{
    width:28%
}
.btn.btn-default.btn-file{
    width:89%;
    background-color:#fff;
    color:#000;
    margin-top:20px;
    border:solid 1px #ffd44a;
    border-radius:5px
}
span.btn.btn-default.btn-file.size{
    width:10%;
    background-color:#ffa829;
    border:solid 2px #ffa829;
    padding:5px 0
}
input[type="submit"]{
    width:100%;
    font-size:15px;
    background-color:#ffa829;
    color:#fff;
    border-style:none
}
.tv-a{
    font-size:22px;
    line-height:50px;
    border-bottom:solid 4px #fcf2bc;
    color:#6c3f27;
    font-weight:700;
    padding:0 30px
}
.tv-a:hover{
    border-bottom:solid 4px #fcd50b;
    text-decoration:none
}
.a{
    background-color:#fceb95;
    padding:10px 0
}
.b{
    margin-right:0!important;
    margin-left:0!important
}
.e{
    border-top:solid .5px #535353;
    border-bottom:solid .5px #535353;
    padding:5px 0;
    margin:15px 0;
    text-align:center
}
.f{
    background-color:#fceb95;
    margin-top:20px
}
.a-btn{
    background:#9e7bd2;
    color:#fff;
    font-weight:700;
    display:block;
    text-align:center;
    padding:7px 0;
    border-radius:5px;
    font-size:1.3em
}
.g{
    background-color:#c3ade2;
    margin-top:20px
}
input[type="text"]{
    width:100%;
    border-radius:4px;
    border:solid 0 #fcd406;
    background-size:18px;
    background-position:98% 50%;
    overflow:hidden;
    height:30px;
    outline:none;
    padding-left:10px
}
.g{
    background-color:#c3ade2;
    padding:10px 0;
    color:#fff
}
.h{
    -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.75);
    -moz-box-shadow:0 1px 5px rgba(0,0,0,0.75);
    box-shadow:0 1px 5px rgba(0,0,0,0.75);
    background-color:#fff
}
.i{
    margin-right:0!important;
    margin-left:0!important
}
.ex-img{
    padding:40px 78px
}
.search{
    width:100%;
    position:relative;
    border-radius:5px;
    box-sizing:border-box
}
.searchTerm:focus{
    color:#03a0b4
}
.searchButton{
    position:absolute;
    width:40px;
    text-align:center;
    color:#fff;
    border-radius:5px;
    cursor:pointer;
    border:1px solid #acf3ef;
    background:#acf3ef;
    font-size:23px;
    height:40px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    right:0;
    top:0
}
.seat{
    text-align:center
}
.ac{
    margin-left:20px;
    margin-bottom:20px;
    background-repeat:no-repeat;
    background-size:28px;
    padding-left:50px;
    background-position:12px 38%;
    background-color:#fff
}
.ab{
    margin-left:20px;
    margin-bottom:20px;
    background-repeat:no-repeat;
    background-size:35px;
    padding-left:50px;
    background-position:5px 35%;
    background-color:#fff
}
ul.accordion{
    padding:0
}
.accordion{
    margin:0 auto 100px
}
.accordion li{
    position:relative
}
.accordion li p{
    font-size:18px;
    padding:10px 70px;
    color:#6f6f6f;
    line-height:30px;
    letter-spacing:1px
}
.accordion a{
    width:100%;
    display:block;
    cursor:pointer;
    font-weight:600;
    line-height:2;
    font-size:25px;
    text-indent:15px;
    user-select:none;
    text-align:center;
    color:#fe9307!important;
    border:solid 2px #777;
    border-radius:3px;
    text-decoration:none
}
.accordion a:after{
    width:10px;
    height:10px;
    border-right:3px solid #777;
    border-bottom:3px solid #777;
    position:absolute;
    right:400px;
    content:" ";
    top:20px;
    transform:rotate(-45deg);
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.accordion p{
    font-size:13px;
    font-size:.8125rem;
    line-height:2;
    padding:10px
}
a.active:after{
    transform:rotate(45deg);
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
#organ{
    display:initial;
    font-size:18px;
    background:rgba(240,252,35,0.43);
    border:solid 0
}
.FAQ-a{
    width:86px;
    height:86px;
    background:#1676f9;
    border-radius:100px;
    line-height:79px;
    font-size:48px;
    color:#fff;
    margin:10px auto;
    text-align:center
}
.FAQ-b{
    width:60px;
    height:60px;
    background:#ff3306;
    border-radius:100px;
    line-height:57px;
    font-size:35px;
    color:#fff;
    margin:15px auto;
    text-align:center
}
#section_content .fq-a h3{
    border-left:solid 8px #fcd406
}
#section_content .fq-a p{
    color:#707070;
    font-size:18px;
    padding-left:20px
}
#section_content .fq{
    background:#fff;
    border-left:solid 5px #fcd406;
    padding:15px 10px 10px;
    margin:10px 0
}
#section_content .fa-d{
    margin:1% 8%
}
#section_content .fa-a{
    border-top:solid 2px #eee
}
#section_content .fa-b{
    margin-top:20px
}
.fa-c p{
    color:#888;
    font-size:1em;
    text-align:right
}
.ribbon{
    display:inline-block;
    width:48%;
    height:188px;
    position:relative;
    float:left;
    margin-bottom:30px;
    background:url(../snow-road.jpg);
    background-size:cover;
    text-transform:uppercase;
    color:#fff
}
.ribbon:nth-child(even){
    margin-right:4%
}
.ribbon2{
    display:inline-block;
    width:60px;
    padding:25px 0;
    background:#e31f20;
    top:-32px;
    left:-20px;
    position:absolute;
    text-align:center;
    border-top-left-radius:3px;
    font-size:30px
}
.ribbon2:before{
    height:0;
    width:0;
    border-bottom:6px solid #8D5A20;
    border-right:6px solid transparent;
    right:-6px;
    top:0
}
.ribbon2:before,.ribbon2:after{
    content:"";
    position:absolute
}
.ribbon2:after{
    height:0;
    width:0;
    border-left:30px solid #e31f20;
    border-right:30px solid #e31f20;
    border-bottom:30px solid transparent;
    bottom:-30px;
    left:0
}
.styled-select{
    background:url(../img/triangle.svg?2018082301) right no-repeat;
    background-size:18px;
    background-position:98% 50%;
    overflow:hidden;
    height:40px;
    margin-top:10px;
    padding-top:3px
}
select{
    width:110%!important
}
.styled-select select{
    background:transparent;
    border:none;
    outline:none;
    font-size:14px;
    padding:5px;
    width:268px
}
.yellow{
    background-color:#fff;
    border:2px solid #fceb95
}
.banner{
    position:relative;
    height:380px;
    padding:50px;
    margin:0 auto;
    text-align:center;
    margin-bottom:95px
}
.banner-bg{
    background-image:linear-gradient(-127deg,#6ffba4 0%,#27dacf 100%)
}
p.ba-img{
    width:100%;
    position:absolute;
    left:0;
    bottom:12px;
    background:#484848;
    color:#fff;
    line-height:50px;
    font-size:25px;
    margin-bottom:0;
    text-align:center;
    text-overflow:ellipsis;
    visibility:hidden;
    white-space:nowrap;
    overflow:hidden;
    padding:0 10px
}
.center.bigBanner{
    position:relative
}
.center.bigBanner>.item-wrap{
    display:none
}
@media (max-width: 575px){
    .center.bigBanner{
        padding-top:50px
    }
}
.banner-size{
    margin:auto;
    max-width:100%
}
.banner-size:after,.buttons::after{
    clear:both;
    content:'';
    display:table
}
.slick-slide img{
    margin:auto
}
.slick-prev,.slick-next{
    width:150px;
    height:100%
}
.slick-prev{
    left:25px;
    z-index:1
}
.slick-next{
    right:25px;
    z-index:1
}
.slick-prev:before,.slick-next:before{
    font-size:100px
}
@media (max-width: 575px){
    .slick-prev,.slick-next{
        padding-top:50px;
        width:50px
    }
    .slick-prev{
        left:0
    }
    .slick-next{
        right:0
    }
    .slick-prev:before,.slick-next:before{
        font-size:50px
    }
}
.report-link{
    width:100%;
    margin-bottom:16px
}
.report-link ul{
    padding:0;
    margin:0
}
.report-link li{
    margin:0 0 15px 10%
}
.report-link a{
    color:#0070d9;
    font-size:21px
}
.report-link a::before{
    top:0;
    left:0;
    content:"";
    display:inline-block;
    width:7px;
    vertical-align:middle;
    height:7px;
    margin-right:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    background-color:#B0BEC5
}
.jobjo{
    width:50%;
    padding:10px 30px
}
.jobjo .job-a{
    background:#fff
}
.jobjo .job-b{
    background:#f9c218;
    color:#fff;
    padding:5px;
    text-align:center;
    letter-spacing:2px;
    font-size:28px;
    width:100%
}
.job-cd-wrap{
    display:table;
    width:100%;
    padding:33px 0 20px
}
.jobjo .job-c,.jobjo .job-d{
    display:table-cell;
    vertical-align:middle
}
.jobjo .job-c{
    width:30%
}
.jobjo .job-c img{
    width:150px;
    background-size:cover;
    margin-left:24px
}
.jobjo .job-d{
    padding:0 45px;
    margin-top:20px;
    color:#868489;
    width:70%;
    font-size:1.2em
}
.jobjo .job-d p{
    font-size:1.1em
}
.jobjo .job-d span{
    font-size:1.1em;
    margin:0;
    font-weight:700
}
.jobjo .job-e{
    padding:0 45px;
    margin:10px 0;
    color:#868489;
    line-height:24px;
    letter-spacing:2px
}
.jobjo .job-e p{
    color:#868489
}
@media screen and (max-width: 990px){
    .job-cd-wrap,.jobjo .job-c,.jobjo .job-d{
        display:block;
        width:100%
    }
    .jobjo .job-c{
        text-align:center
    }
    .jobjo .job-c img{
        margin:0
    }
}
.date_name,.date{
    font-size:.4em
}
span.date:before{
    padding:0 5px;
    color:#ccc;
    content:"/\00a0"
}
.intro-com .m-detail p{
    color:#6a6a6a;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    overflow:hidden;
    text-overflow:ellipsis
}
.m-detail{
    padding:0 45px
}
.intro-com .date_box{
    position:relative;
    padding:0 20px;
    padding-top:15px
}
.intro-com .date_name,.intro-com .date,.col-lg-8 .date_name,.col-lg-8 .date{
    display:inline-block
}
.intro-com .date,.intro-com .date_name{
    color:#b1b2b2;
    font-size:14px
}
.date_name a{
    color:#eb4a3f
}
.intro-com .date span{
    position:absolute;
    right:0;
    top:15px;
    padding-right:20px
}
.intro-com .date span:before{
    position:absolute;
    content:'';
    display:inline-block;
    background:url(../img/eye.png) no-repeat center center;
    width:30px;
    height:18px;
    left:-35px
}
.tal_news{
    background:#fff;
    margin-bottom:25px
}
/* .tal_news .n_news{
    color:#1e1e1e;
    border-bottom:solid 2px #e5e5e5;
    padding:0 0 15px;
    margin-bottom:10px
} */
.tal_news .list a.img img.imgA{
    position:absolute;
    clip:rect(0px 90px 90px 0px)
}
img.imgA{
    width:45%
}
.tal_news ul{
    padding:0;
    padding:0;
    background:#f7f7f7
}
.tal_news li:hover{
    background:#fefefeab
}

.tal_news #newsList {
    display: none;
}

.tal_news .list .content{
    padding:0 10px
}
.tal_news .list .content a.n_title{
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #556c99;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    max-width: 90%;
}

.tal_news .list .content .n_text{
    padding:7px 0;
    height:66px;
    display:block;
    font-size:14px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical
}
.duty-info .tab_container p{
    padding-top: 10px;
    float: left;
    width: 50%;
    height: 35px;
    text-align: center;
}
.duty-info samp{
    display: block;
    font-size: 1.6rem;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: bottom;
    max-width: 100%;
}
.duty-info .tab_container p a{
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #556c99;
    text-decoration: none;
}
.duty-info .tab_container p img{
    width: 24px;
    margin-right: 10px;
}
section .col-xs-12 .breadcrumb a{
    color:#8f0009
}
.breadcrumb{
    padding:0!important;
    margin-bottom:1rem!important;
    list-style:none;
    background-color:#fff0!important;
    border-radius:.25rem!important;
    padding-left:10px!important
}
.detail #discussMainBar .subheader{
    margin:16px 0 5px
}
/* .detail #discussMainBar .crumb{
    float:left;
  
} */
.date_box>p>span:before{
    padding:0 5px;
    color:#ccc;
    content:"/\00a0"
}
.date{
    padding-right:10px;
    letter-spacing:1px
}
.article p{
    padding:15px 20px
}
.tags .text-left:before{
    color:#9e7bd2;
    display:inline-block;
    padding:0 12px;
    font-size:22px;
    vertical-align:middle;
    content:"\f02c"
}
.tags a{
    display:inline-block;
    margin:2px;
    padding:5px 10px;
    line-height:25px;
    color:#9e7bd2;
    text-decoration:none;
    background:#f7f7f7
}
.prevlink{
    background:#eee;
    color:#888!important;
    padding:10px 30px
}
.otherlink .prevlink{
    padding:0;
    background:transparent
}
.otherlink{
    clear:both;
    padding-top:20px;
    overflow:hidden
}
.favor .navb li img{
    width:35px
}
ul .cel{
    width:280px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    float:left;
    padding:15px 0;
    margin:0 5px
}
ul .cel:hover{
    background:#9e7bd24a
}
span .vote-up-off:before{
    content:"\f164";
    font-family:FontAwesome;
    color:#a3a3a3;
    font-size:18px
}
span .star-off:before{
    content:"\f006";
    font-family:FontAwesome;
    color:#a3a3a3;
    font-size:18px
}
span .vote-up-off{
    color:#858585
}
.float-a{
    float:right;
    margin-right:10px
}
.navb{
    display:flex!important
}
.ml-auto{
    padding-right:18px
}
.favor{
    float:right
}
.votebuttom{
    float:right;
    /* margin-left: 80px; */
    /* margin-top:4px */
}
.p_text p{
    white-space:nowrap;
    font-size:16px;
    padding:0;
    height:60px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:block;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.discuss-ask #prompt,.contributor #prompt{
    box-sizing:border-box;
    font-size:18px
}
.discuss-ask #prompt span,.contributor #prompt span{
    font-size:18px
}
.discuss-ask #prompt h4,.contributor #prompt h4{
    font-weight:bolder;
    line-height:30px
}
.discuss-ask #prompt ul li,.contributor #prompt ul li{
    list-style-type:decimal!important;
    list-style-position:inside!important;
    padding-left:20px
}
#discussMainBar .answers .title input[type="text"]{
    background:none!important;
    border:solid 1px #bbbaba
}
#discussMainBar .post-form input[type="text"],#discussMainBar .post-form select{
    background:none!important;
    border:solid 1px #bbbaba;
    font-size:1.6rem;
    padding:5px 0;
    text-indent:2px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
#discussMainBar .post-form select{
    width:100%!important;
    border-radius:4px
}
#discussMainBar .answers .tag-selected{
    float:none
}
#discussMainBar .btnDefault{
    /* color:#2d91ee ;*/
    background-color: #00a9a6;
    /* margin-top: 10px; */
    /* margin-left: 115px; */
}
#llllmenu #llllmenu_list.list ul li:hover a{
    background:#bfdfff
}
#discussMainBar .answers .organ-suggestions{
    margin-bottom:10px;
    padding:0 1%;
    width:98%;
    position:absolute;
    z-index:888;
    background-color:#f0f0f0
}
#discussMainBar .answers .organ-suggestions .post-organ{
    background-color:#D0E2EF;
    padding:3px 9px 3px 4px;
    margin:6px 5px 2px 0;
    font-size:16px;
    line-height:1.4;
    white-space:nowrap;
    display:inline-block;
    max-width:200px;
    overflow:hidden;
    text-overflow:ellipsis;
    position:relative;
    max-width:683px
}
#discussMainBar .questionDtail-summary .question-header h1{
    padding-top:17px!important
}
#discussMainBar .questionDtail-summary .question-header{
    padding:0
}
#discussMainBar .job-des{
    margin-bottom:.8rem
}
#discussMainBar .job-des .job-des-item{
    font-size:1.6rem;
    margin-right:1rem
}
#discussMainBar .excerpt{
    font-size:18px
}
.datamember{
    border:solid 1px #d7d7d7;
    border-radius:5px;
    padding:20px 10px
}
.imgbox-innbox{
    width:100%;
    padding-top:91%;
    height:0;
    position:relative;
    overflow:hidden
}
.imgbox-innbox .img{
    width:100%;
    height:auto;
    padding-bottom:20px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    max-width:100%
}
.datamember h2{
    font-size:2.5em
}
.memberprofile li{
    font-size:1.3em
}
.userdigital li{
    display:inline-block;
    padding:0 20px 0 0;
    font-size:1.3em
}
.user-li,.user-span{
    font-size:1.5em
}
.mwt_border{
    margin:0 20px;
    padding:10px 18px;
    width:100%;
    height:105px;
    text-align:left;
    background:#fff;
    position:relative;
    box-shadow:0 1px 5px rgba(0,0,0,0.75);
    border-radius:3px
}
.mwt_border h3{
    color:#eb4a3f;
    font-size:24px;
    line-height:1.8;
    float:left;
    width:624px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
.mwt_border .userdigital{
    float:right;
    padding-top:8px
}
.mwt_ulli{
    clear:both
}
.vw_02 .mwt_user{
    text-align:right
}
.mwt_border hr{
    clear:both;
    border-width:0 0 1px;
    color:#c6c6c6;
    -webkit-border-image:-webkit-linear-gradient(left,rgba(135,206,235,0),#c6c6c6 50%,rgba(135,206,235,0) 100%) 0 0 100%;
    -o-border-image:-o-linear-gradient(left,rgba(135,206,235,0),#c6c6c6 50%,rgba(135,206,235,0) 100%) 0 0 100%;
    border-image:linear-gradient(to right,rgba(135,206,235,0),#c6c6c6 50%,rgba(135,206,235,0) 100%) 0 0 100%;
    border-style:solid
}
#outer-wrapper h1{
    font-family:Arial,Helvetica,sans-serif;
    font-size:28px;
    margin-bottom:10px
}
#header-wrapper{
    float:right;
    height:40px;
    margin:0 15px
}
.content-wrapper{
    clear:both
}
.content-wrapper dl h2{
    font-size:15px
}
.content-wrapper dl dd .img-block{
    float:left;
    width:100%;
    max-height:135px;
    margin-bottom:5px;
    overflow:hidden;
    display:grid
}
@media screen and (min-width:980px) and (max-width:1176px){
    .content-wrapper dl dd .img-block{
        max-height:110px
    }
}
@media screen and (min-width:768px) and (max-width:979px){
    .content-wrapper dl dd .img-block{
        max-height:110px
    }
}
@media screen and (min-width:620px) and (max-width:767px){
    .content-wrapper dl dd .img-block{
        max-height:85px
    }
}
@media screen and (min-width:481px) and (max-width:619px){
    .content-wrapper dl dd .img-block{
        max-height:60px
    }
}
@media screen and (min-width:415px) and (max-width:480px){
    .content-wrapper dl dd .img-block{
        max-height:86px
    }
}
@media screen and (min-width:375px) and (max-width:414px){
    .content-wrapper dl dd .img-block{
        max-height:79px
    }
}
@media screen and (min-width:320px) and (max-width:374px){
    .content-wrapper dl dd .img-block{
        max-height:60px
    }
}
.content-wrapper dl dd img{
    width:100%
}
.content-wrapper dl dd p{
    font-size:12px;
    color:#666
}
.download{
    margin-left:20px;
    font-size:11px;
    color:#333;
    text-decoration:none
}
.download:hover{
    color:#03F
}
.google-ad{
    margin-bottom:10px
}
.mwt_user li{
    color:#8d8d8d
}
.switch-button{
    list-style-type:none;
    height:25px;
    float:left;
    display:block
}
.switch-button li.icon{
    background-image:url(../img/style-button.gif?2018072403);
    background-size:119px;
    width:38px;
    height:35px;
    float:left;
    display:block;
    margin-right:3px;
    cursor:pointer
}
#outer-wrapper .clear{
    clear:both
}
#sw_02{
    background-position-x:-39px
}
#sw_03{
    background-position-x:-60px
}
.switch-button .turnon{
    background-position-y:-35px
}
.switch-button li span{
    display:none
}
.userdigital{
    float:right
}
.mwt_ulli{
    clear:both
}
.pull-right{
    color:#7f0606
}
i.fa.fa-thumbs-up,i.fa.fa-thumbs-up span{
    color:#5394ff
}
i.fa.fa-star,i.fa.fa-star span{
    color:#ffce79
}
.vw_01{
    box-shadow:0 1px 7px rgba(0,0,0,0.19);
    border-radius:3px
}
.vw_01 > div h3{
    color:#333;
    font-size:20px;
    line-height:1.8;
    float:left;
    width: 100%;
    /*width:624px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical */
}
.vw_01 hr{
    clear:both;
    border-width:0 0 1px;
    color:#c6c6c6;
    -webkit-border-image:-webkit-linear-gradient(left,rgba(135,206,235,0),#c6c6c6 50%,rgba(135,206,235,0) 100%) 0 0 100%;
    -o-border-image:-o-linear-gradient(left,rgba(135,206,235,0),#c6c6c6 50%,rgba(135,206,235,0) 100%) 0 0 100%;
    border-image:linear-gradient(to right,rgba(135,206,235,0),#c6c6c6 50%,rgba(135,206,235,0) 100%) 0 0 100%;
    border-style:solid;
    margin:0
}
.vw_01 > div img{
    display:none
}
.vw_01 li,.vw_02 li{
    display:inline-block;
    padding:0 6px 0 0;
    font-size:.8em
}
.vw_01 > div .main{
    float:right
}
.vw_01 > div{
    clear:both;
    display:block;
    margin-bottom:10px;
    padding:10px;
    /* height:100px; */
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#CCC
}
.vw_01 .mwt_user li,.vw_01 .mwt_user span,.vw_03 .mwt_user li,.vw_03 .mwt_user span{
    font-size:1.6rem;
}



.vw_01 .mwt_user .kind-name,.vw_02 .mwt_user .kind-name{
    font-size:1em;
    vertical-align:middle;
    /* float: right; */
}



li.mwt_span{
    float:right
}
li.mwt_span span,.vw_02 li.mwt_span span{
    display:flex;
    margin-top:3px
}
li.mwt_span span.click-count{
    margin-top:0
}
li.mwt_span span.click-count:before{
    margin-top:1px
}
.pull-right:before{
    content:'';
    display:inline-block;
    background:url(../img/eye-r.png?2018072403) no-repeat center center;
    width:25px;
    height:18px;
    left:-35px
}
.vw_02 dd{
    display:block;
    width:23.1%;
    margin-bottom:20px;
    padding:7px;
    float:left;
    margin-right:21px;
    box-shadow:0 1px 7px rgba(0,0,0,0.19);
    border-radius:3px
}
.vw_02 dd h3{
    color:#333;
    font-size:16px;
    margin:8px 0;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    display:-webkit-box;
    line-height:2.3rem;
    height:45px;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    word-break:break-all
}
.vw_02 .mwt_user li,.vw_02 .mwt_user span{
    display:inline-block;
    padding:2px 8px 0 0;
    font-size:.8em;
    letter-spacing:0
}
.vw_02 dd p{
    display:none
}
.vw_02 dd h2{
    display:none
}
.vw_02 hr{
    clear:both;
    margin:0
}
.vw_02 .mwt_user .mwt_zo{
    display:none
}
section.Vendor{
    position:relative;
    width:100%;
    background-color:#f7f7f7;
    border-bottom:1px solid #d1d1d1
}
section.Vendor .Vendor-img{
    position:relative;
    max-width:1170px;
    text-align:center;
    margin:0 auto;
    min-height:60px
}
section.Vendor .Vendor-img img{
    max-width:70%
}
section.Vendor .Vendor-Information{
    max-width:1170px;
    margin:10px auto 0;
    background-color:#f7f7f7;
    z-index:888
}
section.Vendor .Vendor-Information .Vendor-Infor{
    max-width:1170px;
    margin:0 auto
}
section.Vendor .Vendor-Information .Vendor-Infor h2{
    margin:15px 0 0 46px;
    float:left
}
section.Vendor .Vendor-Information .Vendor-Infor h2 a{
    position:relative;
    display:block;
    width:180px;
    height:114px;
    border:3px solid #ececec;
    background-color:#FFF;
    margin:-38px 0 0;
    z-index:66;
    overflow:hidden;
    text-align:center;
    transition:all 100ms ease
}
section.Vendor .Vendor-Information .Vendor-Infor h2 img{
    max-width:150px;
    max-height:90px;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto
}
section.Vendor .Vendor-Information .Vendor-title{
    overflow:hidden
}
section.Vendor .Vendor-Information .Vendor-title h1{
    font-size:25px;
    color:#0b0b0b;
    letter-spacing:-.5px;
    padding:16px 0 5px 2%;
    float:left;
    width:68%;
    line-height:1.5;
    font-weight:bolder;
    margin:21px 0 22px
}
.imply .implytext,section.imply002 .implytext{
    border-bottom:solid 2px #c3c3c3;
    padding-bottom:10px;
    margin-bottom:25px
}
.implytext h4{
    float:left;
    border-left:solid 8px #fcd406;
    padding-left:12px;
    font-size:1.5em;
    padding-top:5px;
    padding-bottom:5px
}
section.imply{
    margin:25px 15px
}
section.imply002{
    margin-bottom:0;
    margin-top:50px
}
button.implybutton{
    float:right;
    font-weight:700;
    background-color:#fff;
    border:solid 1px #17d4c9;
    color:#17d4c9;
    padding:2px 26px;
    border-radius:5px;
    outline:none;
    transition:all .5s
}
button.implybutton:hover{
    background-color:#17d4c9;
    color:#fff
}
footer{
    position:relative;
    text-align:center;
    background-color:#202020;
    padding-top:10px;
    padding-left:5px;
    padding-right:5px
}
footer h6{
    letter-spacing:1px;
    line-height:20px;
    font-weight:700;
    font-size:1.5rem;
    color:#fff;
    padding-right:20px;
    padding-left:20px
}
.suggest{
    text-decoration:none;
    position:fixed;
    overflow:hidden;
    text-align:center;
    z-index:9999;
    width:60px
}
.sugbtn{
    background:#787878;
    height:70px;
    color:#fff;
    font-size:19px;
    line-height:22px;
    padding:12px;
    text-align:center;
    text-decoration:none;
    position:fixed;
    bottom:110px;
    right:-100px;
    z-index:9999;
    border-radius:5px;
    font-family:"Microsoft JhengHei","Noto Sans CJK","Xingothic TC","Droid Sans Fallback","PingFang TC","Heiti TC","LiHei Pro",Arial,Helvetica,sans-serif,PMingLiU
}
.sugbtn:hover{
    background-color:#ff9306;
    color:#FFF;
    font-weight:700;
    right:0;
    text-decoration:none
}
.sbtn{
    background:#00b900;
    color:#fff;
    font-size:19px;
    line-height:22px;
    padding:8px;
    text-align:center;
    text-decoration:none;
    position:fixed;
    bottom:190px;
    right:-90px;
    z-index:9999;
    border-radius:5px;
    font-family:"Microsoft JhengHei","Noto Sans CJK","Xingothic TC","Droid Sans Fallback","PingFang TC","Heiti TC","LiHei Pro",Arial,Helvetica,sans-serif,PMingLiU
}
.sbtn:hover{
    background-color:#ff9306;
    color:#FFF;
    font-weight:700;
    right:0;
    text-decoration:none
}
.sbtn img,.sugbtn img{
    width:40px
}
#myBtn{
    display:none;
    position:fixed;
    bottom:45px;
    right:23px;
    z-index:99;
    border:none;
    outline:none;
    background:#00000094;
    color:#FFF;
    cursor:pointer;
    border-radius:100px;
    width:35px;
    height:35px
}
i.fa.fa-angle-up{
    font-size:30px
}
#myBtn:hover{
    background-color:#fd5b00;
    color:#FFF
}
.margin-top20{
    margin-top:20px
}
.winners-important{
    background:#a11247!important;
    border-bottom:solid 3px #fedd5b;
    border-bottom:solid 4px #e79abd;
    color:#fff;
    text-align:center;
    padding:0!important
}
.winners-important p{
    font-size:1.6rem;
    padding:10px;
    margin:0
}
.winners-btn-red{
    padding:5px 50px;
    margin-bottom:40px;
    font-size:1.7em;
    border:none;
    color:#FFF;
    background:#e61959;
    box-shadow:0 7px 0 0 #ffa3c0;
    border-radius:3px
}
.winners-btn-pc{
    display:block
}
.winners-btn-m{
    display:none
}
.winners-btn-a{
    padding:10px;
    margin-bottom:20px;
    font-size:1.6rem;
    border:none;
    color:#FFF;
    border-radius:3px;
    background:#571984;
    box-shadow:0 7px 0 0 #c1aad5;
    width:100%
}
.winners-btn-b{
    padding:10px;
    margin-bottom:20px;
    font-size:1.6rem;
    border:none;
    color:#FFF;
    border-radius:3px;
    background:#a11247;
    box-shadow:0 7px 0 0 #e79abd;
    width:100%
}
.tbl-header-winners{
    background-color:#fedd5b
}
.tbl-header-winners th{
    color:#561b85;
    font-weight:600;
    font-size:20px;
    border-left:solid 2px #f5f5f5;
    border-bottom:solid 2px #fbbd33;
    text-align:center
}
.tbl-winners td{
    font-size:18px;
    border-bottom:solid 2px #f5f5f5;
    border-left:solid 2px #f5f5f5;
    text-align:center;
    letter-spacing:2px;
    background-color:#00000000
}
.tbl-winners>table>tbody>tr:nth-of-type(odd){
    background-color:#fff
}
.tbl-winners>table>tbody>tr:nth-of-type(even){
    background-color:#feffd4
}
#rowsize{
    padding-top:20px
}
.position{
    padding:15% 10%;
    margin:25px 0;
    border-radius:5px;
    box-shadow:0 2px 15px 0 rgba(205,205,205,0.63);
    transition:all .3s;
    text-align:center
}
.position:hover{
    box-shadow:rgba(70,70,70,0.43) 0 2px 15px 0,inset #fff 0 0 0 5px,inset #c8f3e8 0 0 0 6px;
    transform:translateY(-10px)
}
.position img{
    width:50%;
    padding:10px 15px
}
.position h3,.position p{
    color:#666
}
.position span,.position01 span,.question01 span,.hgroup span,#crumbs span,.bntton-stra a span{
    color:#ff6e6e
}
.position01{
    display:inline-flex;
    padding:15px 0;
    transition:all .3s
}
.position01:hover{
    transform:translateY(-3px)
}
.position01 img{
    width:45px
}
.position01-6{
    display:block
}
.position01 h3,.position01 p{
    color:#666;
    margin-bottom:0;
    margin-left:10px
}
.position01 h3{
    font-size:1.7rem
}
.topic01{
    padding:0;
    margin:0;
    text-align:center;
    background:#f4f6fa00!important;
    border-radius:3px;
    border:solid 1px #cfcfcf!important
}
.question01{
    margin-top:15px!important;
    padding:0!important
}
.content{
    position:relative
}
.block-content{
    margin:0 0 70px;
    overflow:hidden
}
.timeline{
    position:relative;
    margin:20px 0
}
.timeline:before{
    background:#ddd;
    bottom:0;
    content:"";
    left:18px;
    position:absolute;
    top:97px;
    width:1px;
    height:calc(100% - 120px)
}
.timeline .title{
    font-family:"微軟正黑體";
    top:0;
    left:-5px;
    position:absolute;
    text-align:center;
    color:#bbb;
    font-size:30px;
    line-height:45px
}
.timeline .item-list{
    padding-top:75px
}
.exp-holder{
    margin-top:10px
}
.hgroup h3{
    color:#666;
    font-weight:700;
    font-size:1.75rem
}
.exp{
    padding:0 20px 0 60px;
    position:relative
}
.exp .hgroup{
    margin-bottom:5px
}
.exp:after{
    background:#333;
    border:2px solid #333;
    border-radius:50%;
    content:"";
    height:5px;
    width:5px;
    left:16px;
    position:absolute;
    text-align:center;
    top:12px
}
#crumbs ul{
    list-style:none;
    display:inline-table
}
#crumbs ul li{
    display:inline
}
.ceumbs-01 a{
    background:#3be3c4!important;
    color:#fff!important
}
.ceumbs-01 a:after{
    content:"";
    border-left:15px solid #3be3c4!important
}
#crumbs ul li a{
    display:block;
    float:left;
    height:30px;
    background:#F3F5FA;
    text-align:center;
    padding:4px 5px 0 36px;
    position:relative;
    margin:0 10px 0 0;
    text-decoration:none;
    color:#8093A7;
    padding: 4px 0 0 17px;
    font-size:1.6rem;
    margin: 0 5px 0 0;    
}
#crumbs ul li a:after{
    content:"";
    border-top:15px solid transparent;
    border-bottom:15px solid transparent;
    border-left:15px solid #F3F5FA;
    position:absolute;
    right:-15px;
    top:0;
    z-index:1
}
#crumbs ul li a:before{
    content:"";
    border-top:15px solid transparent;
    border-bottom:15px solid transparent;
    border-left:15px solid #fff;
    position:absolute;
    left:0;
    top:0
}
#crumbs ul li:first-child a{
    border-top-left-radius:10px;
    border-bottom-left-radius:10px
}
#crumbs ul li:first-child a:before{
    display:none
}
#crumbs ul li:last-child a{
    padding-right:40px;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px
}
#crumbs ul li:last-child a:after{
    display:none
}
#crumbs ul li a:hover{
    background:#3be3c4;
    color:#fff
}
#crumbs ul li a:hover:after{
    border-left-color:#3be3c4;
    color:#fff
}
.trade-cat.topic.topic01{
    margin-bottom:15px
}
.trade-cat .trade-list{
    padding:0;
    text-align:center
}
.trade-cat .trade-list .trade-btn{
    display:inline-block;
    position:relative;
    margin:5px;
    background:#3be3c4;
    text-align:center;
    padding:4px 5px;
    border-radius:5px;
    text-decoration:none;
    font-size:17px;
    color:#fff
}
.enterstategy{
    box-shadow:0 1px 7px rgba(0,0,0,0.19);
    border-radius:5px;
    margin:5px
}
.enterstategy .newIconBubble{
    left:10px
}
i.fa.fa-heart{
    padding-right:10px
}
.strategy{
    overflow:hidden;
    width:100%;
    height:247px;
    padding:0
}
.strategy h1{
    font-size:2.5rem;
    font-weight:700;
    line-height:30px;
    text-align:left;
    padding:43% 14%;
    border-right:solid 1px #eee
}
.strategy03{
    height:149px;
    display:block;
    color:#000
}
.strategy03 h1{
    line-height:30px;
    text-align:left;
    padding:17% 14%;
    border-bottom:solid 1px #eee;
    font-size:2.5rem;
    font-weight:700
}
.strategyimg{
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    max-width:80%;
    margin:auto
}
.strategy01{
    padding:30px 25px;
    color:#666
}
.strategy02{
    padding:20px 15px
}
.strategy01 h3,.strategy01 .collect-btn{
    color:#484848;
    font-size:23px
}
.strategy01 h3{
    color:#484848;
    font-weight:700
}
.strategy01 .collect-btn{
    color:#ccc
}
.strategy01 .collect-btn:hover,.strategy01 .collect-btn.collected{
    color:#ffa4a4
}
.strategy01 h4{
    font-size:18px;
    color:#32d4ba
}
.ellipsis{
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    height:65px
}
.ellipsis-row1{
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}
.bntton-stra{
    text-align:center;
    margin:10px 0
}
.bntton-stra a{
    color:#666;
    border:solid 1px #c7c6c6;
    border-radius:3px;
    padding:5px 4px;
    font-size:1.6rem;
    transition:all .25s ease
}
.bntton-stra a:hover{
    color:#FFF;
    background:#c7c6c6
}
.owl-carousel .owl-nav.disabled{
    display:block!important;
    position:absolute
}
.leaflet.owl-carousel .owl-stage-outer{
    z-index:10
}
.leaflet .owl-nav{
    color:#333;
    position:absolute;
    z-index:0;
    width:104%;
    top:0;
    left:-2%;
    right:0
}
.leaflet .owl-prev{
    left:0
}
.leaflet .owl-next{
    right:0
}
.leaflet .owl-prev,.leaflet .owl-next{
    top:110px;
    z-index:2;
    position:absolute;
    background-color:#fff0
}
.leaflet .owl-prev i.fa.fa-chevron-left,.leaflet .owl-next i.fa.fa-chevron-right{
    font-size:2em;
    color:#929191;
    opacity:.8
}

@media only screen and (max-width: 600px){
    .owl-carousel.owl-loaded{
        overflow:hidden
    }
    .leaflet .owl-nav{
        display:none
    }
}
.win-text01{
    text-align:center
}
.win-text{
    border:4px double #ece4ce;
    padding:20px 0;
    margin:10px 0
}
.win-text p span{
    font:700 4em/1 Oswald,sans-serif;
    letter-spacing:0;
    padding:.2em 0 .1em;
    display:block;
    margin:0 auto;
    text-shadow:0 0 80px rgba(255,255,255,0.5);
    background:url(../img/animated_text_fill.jpg) repeat-y;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    -webkit-animation:aitf 80s linear infinite;
    -webkit-transform:translate3d(0,0,0);
    -webkit-backface-visibility:hidden
}
@-webkit-keyframes aitf{
    0%{
        background-position:0 50%
    }
    100%{
        background-position:100% 50%
    }
}
.search01{
    display:flex;
    justify-content:flex-end
}
.search02{
    width:250px;
    position:relative;
    border-radius:5px;
    box-sizing:border-box
}
.search02 .searchTerm{
    float:left;
    width:96%;
    border-bottom:2px solid #ece4ce;
    padding:17px;
    height:20px;
    outline:none;
    color:#9DBFAF;
    background-image:none;
    background-color:#fff
}
@media screen and (max-width:992px){
    .search02{
        width:95%;
        position:relative;
        border-radius:5px;
        box-sizing:border-box
    }
    .search02 .searchTerm{
        float:left;
        width:96%;
        border-bottom:2px solid #ece4ce;
        padding:17px;
        height:20px;
        outline:none;
        color:#9DBFAF;
        background-image:none;
        background-color:#fff;
        text-align:end;
        padding-right:27px
    }
}
.searchButton01{
    position:absolute;
    width:40px;
    text-align:center;
    color:#ece4ce;
    border-radius:5px;
    cursor:pointer;
    background:#fff;
    font-size:23px;
    height:36px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    right:0;
    top:0
}
@media screen and (max-width: 1199px){
    .ribbon{
        display:none
    }
}
@media screen and (max-width: 1024px){
    #section_content .both{
        padding-left:0;
        padding-right:0
    }
    #section_content img{
        margin-top:30px
    }
    .normal-btn{
        margin:10px auto 0
    }
    .accordion a:after{
        right:350px
    }
    .mt{
        margin-top:71px
    }
    .tal_news .list .content{
        padding:0
    }
    .mwt{
        height:145px
    }
    .mwt_border h3{
        width:100%
    }
    .imgsiz1{
        width:126px!important
    }
    .vw_02 dd{
        width:22.1%
    }
}
@media (min-width: 992px){
    .toplinkzone{
        display:block!important
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu{
        position:absolute;
        left:-120px
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:.6rem;
        font-size:1.6rem;
        padding-left:.6rem
    }
}
@media screen and (max-width: 991px){
    .jobjo{
        width:100%
    }
    .dg-wrapper a{
        max-width:100%;
        max-height:340px
    }
    .dg-wrapper a img{
        transform:translate(-0%,-15%)
    }
    .ba-img{
        bottom:-10px
    }
    .center p.ba-img{
        bottom:12px!important
    }
    .bu{
        margin-bottom:10px
    }
    .dg-container .button{
        top:220px
    }
    */
     .dg-wrapper{
        width:auto;
        height:140px
    }
    .dg-container .button{
        top:186px;
        position:relative;
        z-index:5
    }
    .wid80-0{
        padding:0
    }
    .homeIconList .listImg{
        float:none;
        width:auto;
        margin-right:0
    }
    .homeIconList>li{
        text-align:center;
        line-height:1
    }
    .homeIconList>li>a{
        display:block;
        padding:0 5px
    }
    .homeIconList .listContnet{
        font-size:16px;
        padding:5px 0
    }
    .off-a{
        display:initial!important
    }
    .off-d{
        display:none!important
    }
    #rowsize{
        padding-top:0
    }
    #table{
        display:none
    }
    .accordion a:after{
        right:250px
    }
    .navbar-header{
        float:none
    }
    .navbar-toggle{
        display:block
    }
    .navbar-collapse{
        border-top:1px solid transparent;
        box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)
    }
    .navbar-collapse.collapse{
        display:none!important
    }
    .navbar-nav>li{
        float:none
    }
    .navbar-nav>li>a{
        padding-top:10px;
        padding-bottom:10px
    }
    .navbar-collapse.collapse.in{
        display:block!important
    }
    .collapsing{
        overflow:hidden!important
    }
    .navbar-right{
        float:initial!important
    }
    .navbar-right .dropdown-menu{
        left:0
    }
    .navbar-expand-md .navbar-nav .dropdown-menu{
        position:absolute
    }
    #men{
        margin-left:70%;
        border-style:none
    }
    .no{
        display:none
    }
}
@media screen and (max-width: 966px){
    .mwt{
        margin:0 17px;
        height:150px
    }
}
@media screen and (max-width: 768px){
    .strategy{
        height:180px
    }
    .strategy h1{
        padding:18.5% 14%;
        border-bottom:solid 1px #eee
    }
    .strategy03 h1{
        padding:18.5% 14%
    }
    section.Vendor .Vendor-Information .Vendor-Infor h2{
        margin:0 0 0 7px
    }
    section.Vendor .Vendor-Information .Vendor-Infor h2 a{
        width:95px;
        height:70px;
        margin:-5px 0 0
    }
    section.Vendor .Vendor-Information .Vendor-Infor h2 img{
        max-width:81px
    }
    section.Vendor .Vendor-Information .Vendor-title h1{
        font-size:20px;
        letter-spacing:1px;
        min-height:60px;
        padding:0 1px 0 10px;
        width:100%
    }
    #click{
        left:34%
    }
    #alertBox{
        width:95%;
        height:50%;
        overflow:auto
    }
    #alertBox #ok{
        right:10px
    }
    .mempphoto{
        margin-left:38.5%;
        width:120px;
        height:139px;
        border-radius:4%;
        background-position:-11px -3px;
        background-size:124%
    }
    .mwt{
        margin:30px 45px;
        padding:10px 18px;
        width:100%;
        height:180px;
        text-align:left;
        background:#fff;
        position:relative;
        box-shadow:0 1px 5px rgba(0,0,0,0.75);
        border-radius:3px
    }
    .mwt_user{
        padding:0
    }
    .vw_01 > div h3{
        width:100% ;
        min-height: 54px;
        margin-bottom: -21px;
    }
    .vw_01 > div{
        height:153px
    }
    .vw_02 dd{
        width:46.1%
    }
    .winners-important{
        text-align:left
    }
    .tbl-winners td{
        letter-spacing:0
    }
    .winners-btn-pc{
        display:none
    }
    .winners-btn-m{
        display:block;
        margin-bottom:20px
    }
    .winners-btn-m select{
        width:100%!important;
        height:35px!important;
        font-size:1.5rem
    }
    .winners-btn-m button{
        padding:3px 10px;
        font-size:1em;
        border:none;
        color:#FFF;
        border-radius:3px;
        background:#99123e;
        width:95%;
        margin-left:5px;
        height:35px;
        font-size:1.5rem
    }
    .tbl-header-winners th{
        padding:2px 0;
        font-size:1.4rem
    }
    .tbl-winners td{
        font-size:1.3rem;
        padding:10px 2px 8px
    }
    .m-no-padding{
        padding:0
    }
    .center p.ba-img{
        font-size:16px!important;
        bottom:8px!important
    }
}
@media screen and (max-width: 765px){
    footer{
        padding-bottom:55px
    }
    .accordion a:after{
        right:50px
    }
    .accordion li p{
        padding:5px 5PX
    }
    i.fa.fa-share-alt.fa-lg,i.fa.fa-user-circle.fa-lg{
        margin-left:50px
    }
    .ex-img{
        padding:0;
        padding-bottom:50px
    }
    #section_one{
        padding-top:30px
    }
    #myBtn{
        right:5px
    }
    a.sugbtn{
        height:55px;
        font-size:15px;
        line-height:17px;
        bottom:100px;
        border-radius:7px
    }
    .dropdown-menu li img{
        width:50px;
        padding:0
    }
    .banner-b{
        opacity:0;
        display:block;
        padding:0;
        height:0
    }
    .banner-s{
        opacity:1;
        padding:0
    }
    .advertising-b{
        opacity:0;
        display:block;
        padding:0;
        height:0
    }
    .advertising-s{
        opacity:1;
        padding:0
    }
    #section_content .both{
        padding:0 10px;
        padding-bottom:30px
    }
    table.rwd-table{
        max-width:500px
    }
    #img02{
        width:30%;
        margin:auto
    }
    #section_content,#section_Method,#section_interview,#section_Upload,#section_Application,#section_monthsrecord,#section_method{
        padding:30px 10px
    }
    .sugbtn{
        height:70px;
        color:#fff;
        font-size:19px;
        line-height:22px;
        padding:12px;
        text-align:center;
        text-decoration:none;
        position:fixed;
        bottom:110px;
        right:-80px;
        z-index:9999;
        border-radius:5px
    }
    .sugbtn:hover{
        color:#FFF;
        font-weight:700;
        right:0;
        text-decoration:none
    }
    .sbtn{
        font-size:19px;
        line-height:22px;
        padding:8px;
        text-align:center;
        text-decoration:none;
        position:fixed;
        bottom:165px;
        right:-90px;
        z-index:9999;
        border-radius:5px
    }
    .sbtn:hover{
        background-color:#ff9306;
        color:#FFF;
        font-weight:700;
        right:0;
        text-decoration:none
    }
    .line-l{
        border-top:solid 8px #fcd406;
        border-left:none
    }
    .sbtn img,.sugbtn img{
        width:30px
    }
    .pagination{
        padding-left:15%
    }
    #forum{
        margin-right:55px
    }
    .WIN-A{
        margin-top:10px;
        width:75%;
        padding:10px
    }
    .ribbon{
        height:0
    }
    .ribbon2{
        top:-250px;
        left:430px
    }
}
@media screen and (max-width: 853px){
    .vw_01 > div{
        height:auto
    }
    .vw_02 dd{
        width:30%
    }
    .vw_01 > div h3{
        width:100%;
        font-size:15px
    }
    .vw_01 .mwt_zo{
        display:none
    }
    .vw_02 dd{
        width:30%
    }
}
@media screen and (max-width: 763px){
    .vw_02 dd{
        width:45.8%
    }
    .topicList .vw_01 > div h3{
        width:100%;
        margin-bottom: -21px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        /* margin-bottom:5px */
    }
    .userdigital{        
        float: right;
        position: relative;
        top: -4px;
    }
    .userdigital span{
        font-size:10px
    }
}
@media screen and (max-width: 480px){
    #crumbs ul li{
        /* display:flex; */
        display: inline-block;
        margin-bottom:8px;
        padding:0
    }
    .leaflettopbt{
        margin-bottom:65%
    }
    p.win-text span{
        font:700 3em/1 Oswald,sans-serif
    }
    .read,.read a{
        width:20%;
        padding:0
    }
    .read-text,.read-text a{
        width:100%;
        letter-spacing:2px;
        color:#868484!important;
        display:-webkit-box;
        overflow:hidden;
        text-overflow:ellipsis;
        -webkit-line-clamp:2;
        white-space:normal;
        -webkit-box-orient:vertical
    }
    .welfarebn,.contribute,.askfor,#button-b{
        width:70px;
        height:28px;
        font-size:13px
    }
    section.Vendor .Vendor-Information .Vendor-title h1{
        margin:2px 0 12px
    }
    #click{
        left:22%
    }
    .tbl-content{
        height:251px
    }
    .tbl-content-bounce,.tbl-header-bounce{
        padding:0 8px;
        margin:0 10px
    }
    .tbl-content-bounce td,td{
        padding:3px 0 4px 5px
    }
    .tbl-header-bounce th,th{
        padding:0;
        font-size:16px
    }
    .imgbox-innbox{
        width:56%;
        margin:0 auto;
        padding-top:64%;
        height:0
    }
    .mempphoto{
        margin-left:32.5%
    }
    .mwt{
        margin:30px 12px;
        width:92%;
        height:200px
    }
    .mwt_border h3{
        width:100%
    }
    .mwt_user li{
        padding:0 12px 0 0
    }
    .mwt_border hr{
        padding-top:15px
    }
    .mwt_user{
        margin-top:0
    }
    .vw_01{
        margin:0 15px
    }
    .vw_02 dd{
        width:43%;
        margin:6px 8px
    }
    .jobjo .job-d,.jobjo .job-c,.jobjo .job-b{
        width:100%
    }
    .jobjo .job-c{
        text-align:center
    }
    .jobjo .job-e,.jobjo .job-d{
        padding:0 20px
    }
    .jobjo .job-c img{
        margin:0;
        margin-top:20px
    }
    .dg-prev,.dg-next{
        display:block;
        top:51px!important;
        left:292px;
        margin-left:-18px
    }
    .prev01:before,.next01:before{
        opacity:0
    }
    .float-c{
        margin-top:10px
    }
    .favor .navb li img{
        width:40px!important
    }
    .mt{
        margin-top:71px
    }
    .otherlink ul{
        padding:0
    }
    .pos{
        margin-bottom:10px
    }
    .float-a{
        float:none;
        margin-right:0
    }
    .float-b{
        float:left;
        margin-right:10px
    }
    .animated{
        padding-left:15px!important;
        padding-right:15px!important
    }
    .banner{
        height:120px;
        padding:10px;
        margin-bottom:100px
    }
    .dg-wrapper{
        width:300px;
        height:155px
    }
    .dg-container .button{
        top:14px;
        left:7px
    }
    .dg-container{
        height:0
    }
    .ba-img{
        bottom:53%;
        line-height:30px;
        font-size:14px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .m-detail{
        padding:0 15px
    }
    .menu ul{
        padding-left:7%
    }
    .menu li{
        padding:.3em .2em;
        float:left
    }
    .menu li a,.menu li span{
        margin:0;
        padding:4px 5px;
        letter-spacing:.1em;
        font-size:18px;
        font-weight:550
    }
    .size22-18{
        font-size:15px
    }
    .size30-25{
        font-size:25px
    }
    .size25-22{
        font-size:22px
    }
    .size18-15{
        font-size:15px
    }
    .size15-10{
        font-size:10px
    }
    .wid40-10{
        padding:0 10px
    }
    .seat{
        text-align:left
    }
    .wrap{
        width:90%
    }
    .tv-a{
        padding:0 15px
    }
    #section_content,#section_Method,#section_Application{
        padding:20px 10px
    }
    #discuss{
        padding:40px 0
    }
    #section_content img{
        margin-top:10px
    }
    .collapse.show{
        padding:0 10px
    }
    h5{
        margin-left:0
    }
    footer h6{
        padding-right:0;
        padding-left:0
    }
    .btn.btn-default.btn-file{
        width:76%
    }
    span.btn.btn-default.btn-file.size{
        width:20%
    }
    #img01{
        margin-top:0
    }
    #img02{
        margin:auto
    }
    .img05{
        width:250px;
        margin-left:0;
        margin-left:25px
    }
    #forum{
        width:60%
    }
    .pagination{
        padding-left:5%
    }
    .modal-footer{
        padding:0;
        padding-bottom:20px
    }
    .modal-header{
        padding:0;
        padding-left:15px;
        padding-top:15px
    }
    
    ul.user-detail-summary {
        margin-left: 110px !important;
    }

    .user-detail-summary>li {
        margin: 15px 0 0 0;
        font-size: 14px;
        float: left;
    }

    .user-detail-summary>li>span {
        text-align: center !important;
        width: 48px !important;
        background-color: #7bd1cd;
        border-radius: 25px;
        margin-left: 0px;
        margin-right: 15px;
        margin-bottom: 10px;
        padding: 3px 0;
        color: #ffffff;
        font-family: sans-serif;
        
    }

    .user-detail-summary>li .reputation {
        font-size: 20px;
        margin-bottom: 0px;
    }


}
@media screen and (max-width: 375px){
    .leaflettopbt{
        margin-bottom:78%
    }
}
@media screen and (max-width: 360px){
    .vw_01 > div h3{
        width:54%
    }
}
@media screen and (max-width: 320px){
    #click{
        left:15%
    }
    .mwt{
        height:230px
    }
    .vw_01 > div h3{
        width:47%
    }
    .vw_02 dd{
        width:44%
    }
}
@media (max-width: 1200px){
    .WIN-A{
        margin-top:0;
        width:83%;
        padding:0;
        margin-left:0;
        margin-right:0
    }
    .ribbon2{
        top:-216px;
        left:800px
    }
}
@media (max-width: 500px){
    .ribbon{
        display:none
    }
}
@media screen and (max-width: 1177px) and (max-width: 980px){
    .WIN-A{
        margin-top:0;
        width:83%;
        padding:0;
        margin-left:0;
        margin-right:0
    }
    .ribbon2{
        top:-216px;
        left:610px
    }
}
@media screen and (max-width: 979px) and (max-width: 768px){
    .WIN-A{
        margin-top:0;
        width:100%;
        padding:0;
        margin-left:0;
        margin-right:0
    }
}



@media screen and (min-width: 320px) and (max-width: 400px){
    .topicList .vw_01 > div h3 {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* margin-bottom: 10px; */
}}


/* 更改樣式 */
.marginAuto{
    display: flex;
    white-space: nowrap;
}
.questions{
    margin-top: 25px;
}
#discussMainBar{
    padding-top: 20px;
}

@media screen and (max-width: 575px){
    .marginAuto {
        display: unset; 
      }
      .questions {
        margin-top:unset;
      }
    .qinfo{
        margin-right: 135px;
    }
    .detail #discussMainBar .crumb{
        padding-top: 20px;
    }
}

@media screen and (max-width: 768px){
    #discussMainBar .vote{
        display: flex;
        justify-content: space-around;
    }
    .vote{
        display: flex;
        justify-content: space-between;
        align-items: start;
        margin-top: 10px;
    }
    

}


@media screen and (min-width: 996px) and (max-width: 1096px) {
    #discussMainBar .btnDefault {
      margin-left: unset;
    }
  }



#discussMainBar .fa{
    font-size: 22px;
    margin-right: 5px;
}

#discussMainBar .btnCommit{
    border-radius: 6px;
    margin-right: 100px;
}

@media screen and (max-width: 575px){
    #discussMainBar .btnDefault {
        margin-left: unset; 
      }
    #discussMainBar  .floatAsp{
         margin-left: 30px;
    }
    #discussMainBar .btnAsp{
        margin-left: 25px;
    }
    
    #discussMainBar .btnCommit{
        border-radius: 6px;
        margin-right: 35px;
    }
}

.btnReply{
    margin-left: unset;
    margin-top: 10px;
    background-color:#00a9a6;
    line-height:29px;
    display:inline-block;
    border-radius:3px;
    color:#fff !important;
    cursor:pointer;
    -webkit-appearance:none;
    letter-spacing:1px;
    padding:0 8px
}


/* 新增時間排序樣式 */

 /* 主選單的樣式 */
 .main-menu { 
    color:#FFFFFF;  
    background-image:url(../img/style-button.gif?2018072403);
    background-size:119px;
    width:38px;
    height:35px;
    float:left;
    display:block;
    margin-right:3px; 
    padding:5px; margin:0px; 
    cursor:pointer; 
    display:inline-block; 
} 

.main-menu:hover .dropdown-hover{
    display:block;
}

.dropdown-hover{
    display:none;
    color:#1c1c1e; 
    background-color:#FFFFFF; 
    margin:15px -5px; 
    padding:0px; 
    list-style-type:none; 
    position:absolute; 
    border: 2px solid #17d4c9;
    border-radius: 4px;
}

.dropdown-item{
    font-size: 20px;
}


/*M 版時間排序樣式 */
.customize-menu{
    color: #1c1c1e;
    border: 2px solid #17d4c9;
    border-radius: 4px;
    background-color:#FFFFFF; 

   }
.dropdown-item:hover{
    color:#FFFFFF; 
    background-color:#17d4c9; 
}

   @media screen and (max-width: 575px){
   .dropdown-item { 
     font-size:15px;
   }
     #header-wrapper{
       margin: 0 50px;
   }
 
}


.nomore-article{
    padding-right: 400px;
    margin-top: 20px;
}

@media screen and (max-width: 575px){

    .nomore-article{
        padding-right: unset;
        margin-top: unset;
    }
   
  
 }

 @media screen and (max-width: 995px){

    .nomore-article{
        padding-right: unset;
        margin-top: unset;
    }
   
  
 }
 

 /* 文章箭頭指引 */
.previous-arrow-mobile{
    position: fixed; 
    bottom: 281px; 
    left:0px;
    cursor: pointer;
    z-index: 10;

}

.next-arrow-mobile{
    position: fixed; 
    bottom: 160px; 
    left:0px;  
    cursor: pointer;
    z-index: 10;

}

.next-arrow-asp{
    position: absolute;
    margin-top: 400px; 
    margin-left: -40px; 
    cursor: pointer;
}



/* mobile */
@media screen and (max-width: 991px) {
    .next-arrow-asp-mobile {
      position: absolute;
      margin-top: 300px;
      margin-left: -35px;
      cursor: pointer;
      z-index: 20;
    }
  
    .previous-arrow-mobile {
      position: fixed; 
      bottom: 300px; 
      right: 0px;
      left:unset; 
      cursor: pointer;
      z-index: 10;
    }
  
    .next-arrow-mobile {
        position: fixed; 
        bottom: 150px; 
        right: 0px;
        left:unset;
        cursor: pointer;
        z-index: 10;
    }
  }
  
  /* 調整平版手機版的尺寸顯示 */

  @media screen and (max-width: 991px) {
    .recommend-job-asp,
    .duty-info-asp,
    .tal_news,
    .previous-arrow,
    .next-arrow,
    .next-arrow-asp {
      display: none;
    }
  }
  
  /* 992px及以上隐藏 */
  @media screen and (min-width: 992px) {
    .recommend-job-second,
    .duty-info-second{
      display: none;
    }
  }

  /* 蓋板顯示 */

  #announceModal {
    display: none;
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #announceModal img {
    width: unset;
  }

  .img-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .new_pc {
    display: none;
  }
}

@media screen and (min-width: 992px) {
 .new_m {
    display: none;
  }
}

/* 每篇文章的間距調整 */
.article-spacing{
    padding-top: 70px;
}

@media screen and (max-width: 991px) {
    .article-spacing{
        padding-top: 40px;
    }
  }