.is-mobile {
    position:relative;   
}
.is-mobile .dob{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
 }
.aherf {
    display: inline-block;
    margin-top: 3px;
    margin-right: 3px;
    float: right;
}
.aherf .list-sample, .aherf .list-track {
    display: none;
}
.aherf a {
    color: #FFFFFF;
    font-size: 14pt;
    margin-top: 5px;
    margin-right: 5px;
}
/*區塊放大*/
.dobhover .aherf {
    margin-top: 5%;
    margin-right: 5%;
}
.dobhover .list-track {
    display: inline-block;
}
.dobhover {
    background-color: #FFFFFF;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
}

/*加入索取樣品*/
.list-sample:before {
    font-family: "fontello";
    content: '\e81b';
}
/*加入追蹤*/
.list-track:before {
    font-family: "fontello";
    content: '\e852';
}

.aherf .list-track-has {
    color: #D32E7D;
    display: inline-block;
}
.is-mobile .list-track{
   display:inline-block;   
}
/*追蹤數及按鈕*/
.trackbox {
    width: 38px;
    height: 38px;
    position: fixed;
    z-index: 9999;
    top: 247px;
    right: -5px;
}

.trackbox .list-track-has {
    font-size: 32pt;
    color: #ff6666;
    position: absolute;
    top: 0;
    left: 0;
}

.list-track-has:before{
    font-family:fontello;
    content:'  ';
    background: url(https://www.kronotex.com.tw/USER/Userfile/file/ff240206101053154633.svg) no-repeat center center;
    width: 36px;
    height: 36px;
    display: inline-block;
}

.trackbox font {
    color: #FFFFFF;
    position: absolute;
    font-size: 13pt;
    width:36px;
    text-align:center;
    top: 13px;
}

.aherf .list-track-has:before,.pu0204c-track.list-track-has:before{
    font-family: fontello;
    content:'\e851';
    color: #D32E7D;
    display: inline-block;
    background: none;
    width: auto;
    height: auto;
}
.listwbox{
    height:100%;
}
.listwbox .listw-iten{
    height: 100px;
    margin-bottom:5px;
    position:relative;
}
#_mwt_slider_h2_track{
     color:#000;   
}
#_mwt_slider_html_track{
    max-height:75vh;
}
.listw-iten-top a{
    color: #FFFFFF;
    font-size: 14pt;
    margin-top: 5px;
    margin-right: 5px;
    float:right;
}
.listwbox .listw-iten-botton{
    position:absolute;
    bottom:0;
    left:0; 
    width:100%;
    text-align:right;
    box-sizing: border-box;
    padding:0 5px 5px 0;
}
.listwbox .listw-iten-botton a{
    color: #FFFFFF;
}

.listw-button{
   width:100%;   
    text-align:center;
}
.listw-button h4{
    border-bottom:#737373 1px solid;
    font-size:12pt;
    margin:5px 0;
    padding-bottom:5px;
}
.listw-button input[type="button"]{
   width:45%;
   margin: 0 5px;
   font-size:14pt;
   border:none;
   border-radius: 3px;  
   padding:8px 0;
   background-color:#D1D1D1;
}
.listw-button input[type="button"]:hover{
    box-shadow: 0.5px 1px 5px #999;
}
.Samplelist{   
   width:100%;
   display:inline-block;
}
.Samplelist .listw-iten{   
   width:50%;
   float:left;
}
.nosel{
   font-size:14pt;
   color:Red;   
}
.trackbox-p{
    position:relative;
    z-index:inherit;
    top:0;
    left:0;
}
.trackbox-p #track_has{
    position:relative;
}
.trackbox-p #track_has span{
    background-image:none;
    position:absolute;
    width:100%;
    height:100%;
    top:5px;
    color:#fff;
    font-size: 20pt;
}
.trackbox-p a{
    height:100%;   
}
.trackbox-p font{
    width:100%;
    left:0;
    top:16px;
    color: #dddddd;
}
.gatalog{
   text-align:center;  
   margin:20px 0 0 0;
   width:100%;
   display:inline-block;
}
.gatalog strong{
}
.gatalog-email{
   border-radius: 3px;
   border:#004497 2px solid;
   width:80%;
   display:inline-block;
   margin: 0 auto;
}
#usermail{
    width:80%;
    float:left; 
    border:none;
    height:30px;
}
#usermail:focus{
    outline: none;
}
#email_download{
    width:20%;
    float:left; 
    border:none;
    background-color:#004497;
    height:30px;
    color:#fff;
}


@media screen and (max-width: 1100px){
/*追蹤數及按鈕
.trackbox {
    top: auto;
    left:auto;
    right: 5%;
    bottom: 5px;
}*/
}
@media screen and (max-width: 570px){
/*追蹤數及按鈕
.trackbox {
    top: 85%;
    right: 0px;
}*/
}




@media screen and (max-height: 630px)
{
#_mwt_slider_html_track{
    height:65vh;   
}
}
@media screen and (max-width: 380px)
{
.Samplelist .listw-iten{   
   width:100%;
   float:none;
}
}