/*
 *      style - mobile
 *
 *      author: Usher Chen (usherchen@gmail.com)
 *
 */


@viewport {
    width: device-width;
    height: device-height;
    zoom: 1.0;
    min-zoom: 0.5;
    max-zoom: 3.0;
    user-zoom: zoom;
}

/* orientation: portrait 指定輸出設備中的頁面可見區域高度大於或等於寬度 */
/* max-width: 980px 寬度小於此值時 */
@media only screen and (max-width: 1000px) {
    
    /* 放大字體與元件 */
    
    p,
    a,
    input,
    textarea,
    select,
    option,
    button,
    div,
    span,
    td {
        font-size: 32px;
        letter-spacing: 2px;
    }
    
    #page_title_mobile,
    #page_title_mobile > span {
        font-size: 36px;
    }
    
    select,
    input,
    textarea,
    button {
        height: 75px;
        min-height: 75px;
    }
    
    button {
        line-height: 68px;
        padding: 0px 34px;
    }
    
    button.touchkey_type_dir img,
    button.touchkey_type_act img {
        height: 44px;
    }
    
    .padDiv,
    .uit {
        padding: 12px;
    }
    
    .uit_column + .uit_column {
        margin-left: 12px;
    }
    
    .uit_column.uit_s_icon img {
        height: 52px;
    }
    
    #output_message,
    .tool_area button,
    .tool_area input {
        margin: 6px;
    }
    
    #canvas_width_range {
        width: 20vw;
    }
    
    #client_device_input {
        width: 350px;
    }
    
    /* 隱藏部分 */
    
    #page_title,
    button.touchkey_type_act > span {
        display: none;
    }
    
    button.touchkey_type_act img {
        margin-right: 0px;
    }
    
    /* 顯示部分 */
    
    #page_title_mobile {
        display: initial;
    }
}