/* 縮小失敗。正在傳回未縮小的內容。
(3049,70): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: onload
 */
/*fonts*/
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);

@font-face {
    font-family: MyHelvetica;
    src: local("Helvetica Neue Bold"), local("HelveticaNeue-Bold"), url(MgOpenModernaBold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: "Noto Serif Armenian", "Noto Serif Georgian", "Noto Serif", serif;
    /*src: url("https://rawgit.com/google/fonts/master/ufl/ubuntumono/UbuntuMono-Italic.ttf") format("truetype");*/
    unicode-range: U+00-024F; /* Latin glyphs */
}

.font-CN {
    font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

body {
    /*max-width: 1920px;*/
    width: 100%;
    font-family: 'Noto Sans TC', sans-serif;
    margin: auto;
    text-align: center;
}

a, a:link, a:visited {
    text-decoration: none;
    color: inherit;
}



.menu {
    margin-top: -10px;
    height: 76px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /*box-shadow: h-shadow v-shadow blur spread color inset;*/
    /*
        h-shadow：水平位移距離
        v-shadow：垂直位移距離
        blur：模糊半徑
        spread：擴散距離
        color：顏色
        inset：內陰影
    */
    /*
    box-shadow: 0px 5px 2px -2px lightgray;
    margin-bottom: 3px;
    */
    opacity: 1;
}

/*.row {
    text-align: center;
}

.col-md-12 {
    display: inline-block;
}*/

.form-control::-webkit-input-placeholder {
    color: #A2A2A2;
}

.col-text-left {
    text-align: left;
}

.container {
    max-width: 1920px;
    margin: auto;
}

.line-breaks {
    white-space: pre-line;
}

/*=======Menu=======*/
/*#wrapper, #wrapper-drop, #wrapper-logo {
    display: inline;
}*/

ul {
    list-style-type: none;
    margin: 0px 0px 0px -50px;
    /*margin-left: 154px;*/
}

li {
    float: left;
    margin: 0 10px;
}

    li.left {
        float: left;
        margin-top: 10px;
    }

    li.right {
        float: right;
        /*padding-right: 10px;*/
    }

/*=======home image=======*/
.home-img {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    .home-img img {
        vertical-align: middle;
        /* max-width: 1920px;
        max-height: 958.6px;*/
        width: 100%;
        height: auto;
        opacity: 1;
        background: transparent 0% 0% no-repeat padding-box;
        /*margin-top: -10px;*/
    }

    .home-img p {
        position: absolute;
        top: 0%;
        left: 12%;
        text-align: left;
        letter-spacing: -0.071em;
        line-height: 6em; /*93px*/
        font-weight: bold;
        margin: 0px;
        font-size: 4.438em; /*71px*/
    }

    .home-img .caption-sub {
        position: absolute;
        top: 26%;
        left: 12%;
        text-align: left;
        letter-spacing: -0.024em;
        line-height: 3.75em;
        margin: 0px;
        font-size: 2.75em; /*3.75rem*/
    }

/*.home-map img {
    vertical-align: middle;
    height: auto;
    opacity: 1;
    background: transparent 0% 0% no-repeat padding-box;
}*/

/*=======home-middle-text=======*/
.home-headline-mid {
    font-weight: bold;
    font-size: 1.6em;
    /*line-height: 3em;*/
    text-align: center;
    font: GenYoGothic TW TTF;
    letter-spacing: 0.1em;
    color: black;
}

.home-headline-midsub {
    font-size: 1.1em; /*22px 1.375*/
    text-align: center;
    /*line-height: 1.75em;*/
    letter-spacing: 0.15em;
    color: #8B8A89;
    margin-bottom: 5em;
}

/*=======Image=======*/
.ToyoLogo {
    top: 34px;
    /*width: 158px;
    height: 49px;*/
    background: transparent 0% 0% no-repeat padding-box;
    opacity: 1;
    cursor: pointer;
    
}

.imgMenu {
    width: 99px;
    height: 36px;
    background: url("/Images/Home/home_menu.png") no-repeat;
    cursor: pointer;
}

    .imgMenu:hover {
        background: url("/Images/Home/home_menu_2.png") no-repeat;
    }

.imgMenu_US {
    width: 99px;
    height: 36px;
    background: url("/Images/US/home_menu_EN.png") no-repeat;
    cursor: pointer;
}
    .imgMenu_US:hover {
        background: url("/Images/US/home_menu_2_EN.png") no-repeat;
    }

.imgMenu_KR {
    width: 99px;
    height: 36px;
    background: url("/Images/KR/home_menu.png") no-repeat;
    cursor: pointer;
}

    .imgMenu_KR:hover {
        background: url("/Images/KR/home_menu_2.png") no-repeat;
    }
.imgMenu_TH {
    width: 99px;
    height: 36px;
    background: url("/Images/TH/home_menu_TH.png") no-repeat;
    cursor: pointer;
}
    .imgMenu_TH:hover {
        background: url("/Images/TH/home_menu_2_TH.png") no-repeat;
    }

.imgMenu_JP {
    width: 141px;
    height: 36px;
    background: url("/Images/JP/home_menu.png") no-repeat;
    cursor: pointer;
}
    .imgMenu_JP:hover {
        background: url("/Images/JP/home_menu_2.png") no-repeat;
    }

.imgMenu_VN {
    width: 99px;
    height: 36px;
    background: url("/Images/VN/home_menu_VN.png") no-repeat;
    cursor: pointer;
}
    .imgMenu_VN:hover {
        background: url("/Images/VN/home_menu_2_VN.png") no-repeat;
    }

.imgMenu_CN {
    width: 99px;
    height: 36px;
    background: url("/Images/CN/home_menu_CH.png") no-repeat;
    cursor: pointer;
}
    .imgMenu_CN:hover {
        background: url("/Images/CN/home_menu_2_CH.png") no-repeat;
    }

.imgSearch {
    width: 30px;
    height: 30px;
    background: url("/Images/Home/home_search.png") no-repeat;
    cursor: pointer;
}

    .imgSearch:hover {
        background: url("/Images/Home/home_search_2.png") no-repeat;
    }

.imgMember {
    width: 30px;
    height: 30px;
    background: url("/Images/Home/home_member.png") no-repeat;
    cursor: pointer;
}

    .imgMember:hover {
        background: url("/Images/Home/home_member_2.png") no-repeat;
    }

.imgLanguage {
    width: 102px;
    height: 30px;
    background: url("/Images/Home/home_Language.png") no-repeat;
    cursor: pointer;
}

    .imgLanguage:hover {
        background: url("/Images/Home/home_Language_2.png") no-repeat;
    }

.imgHome {
    width: 30px;
    height: 30px;
    background: url("/Images/Home/home_home.png") no-repeat;
    cursor: pointer;
}

    .imgHome:hover {
        background: url("/Images/Home/home_home_2.png") no-repeat;
    }

.imgReturn {
    width: 30px;
    height: 30px;
    background: url("/Images/Home/home_return.png") no-repeat;
    cursor: pointer;
}

    .imgReturn:hover {
        background: url("/Images/Home/home_return_2.png") no-repeat;
    }


.imgPDF_ {
    width: 206px;
    height: 189px;
    background: url("/Images/Home/home_pdfdl.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .imgPDF_:hover {
        background: url("/Images/Home/home_pdfdl_2.png") no-repeat;
    }

.imgPDF-xs_ {
    width: 167px;
    height: 153px;
    background: url("/Images/Home/home_pdfdl_xs.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .imgPDF-xs_:hover {
        opacity: 0.7;
    }

.img2D_ {
    width: 206px;
    height: 189px;
    background: url("/Images/Home/home_2d3d dl.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
}

    .img2D_:hover {
        background: url("/Images/Home/home_2d3d dl_2.png") no-repeat;
    }

.img2D-xs_ {
    width: 167px;
    height: 153px;
    background: url("/Images/Home/home_2d3d_xs.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
}

    .img2D-xs_:hover {
        opacity: 0.7;
    }

.imgSelect_ {
    width: 206px;
    height: 189px;
    background: url("/Images/Home/home_select.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 8px;*/
}

    .imgSelect_:hover {
        background: url("/Images/Home/home_select_2.png") no-repeat;
    }

.imgSelect-xs_ {
    width: 167px;
    height: 153px;
    background: url("/Images/Home/home_select_xs.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 8px;*/
}

    .imgSelect-xs_:hover {
        opacity: 0.7;
    }

.imgTruck {
    width: 206px;
    height: 189px;
    background: url("/Images/Home/home_truck.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 22px;*/
}

    .imgTruck:hover {
        background: url("/Images/Home/home_truck_2.png") no-repeat;
    }

.imgTruck-xs {
    width: 167px;
    height: 153px;
    background: url("/Images/Home/home_truck_xs.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 8px;*/
}

    .imgTruck-xs:hover {
        opacity: 0.7;
    }

/*外文版胖卡，改為連結至聯絡表單*/
/*#region ====US====*/

.imgPDF_US {
    width: 206px;
    height: 189px;
    background: url("/Images/US/home_pdfdl_EN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
}

    .imgPDF_US:hover {
        background: url("/Images/US/home_pdfdl_2_EN.png") no-repeat;
    }

.imgPDF-xs_US {
    width: 167px;
    height: 153px;
    background: url("/Images/US/home_pdfdl_xs_EN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .imgPDF-xs_US:hover {
        opacity: 0.7;
    }

.img2D_US {
    width: 206px;
    height: 189px;
    background: url("/Images/US/home_2d3d dl_EN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
}

    .img2D_US:hover {
        background: url("/Images/US/home_2d3d dl_2_EN.png") no-repeat;
    }

.img2D-xs_US {
    width: 167px;
    height: 153px;
    background: url("/Images/US/home_2d3d dl_xs_EN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .img2D-xs_US:hover {
        opacity: 0.7;
    }

.imgSelect_US {
    width: 206px;
    height: 189px;
    background: url("/Images/US/home_select_EN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 8px;*/
}

    .imgSelect_US:hover {
        background: url("/Images/US/home_select_2_EN.png") no-repeat;
    }

.imgSelect-xs_US {
    width: 167px;
    height: 153px;
    background: url("/Images/US/home_select_xs_EN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .imgSelect-xs_US:hover {
        opacity: 0.7;
    }

.imgContact_US {
    width: 206px;
    height: 189px;
    background: url("/Images/US/home_contact_EN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 22px;*/
}

    .imgContact_US:hover {
        background: url("/Images/US/home_contact_2_EN.png") no-repeat;
    }

.imgContact-xs_US {
    width: 167px;
    height: 153px;
    background: url("/Images/US/home_contact_xs_EN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .imgContact-xs_US:hover {
        opacity: 0.7;
    }

/*#endregion US*/

/*#region ====KR====*/

.imgPDF_KR {
    width: 206px;
    height: 189px;
    background: url("/Images/KR/home_pdfdl.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
}

    .imgPDF_KR:hover {
        background: url("/Images/KR/home_pdfdl_2.png") no-repeat;
    }

.imgPDF-xs_KR {
    width: 167px;
    height: 153px;
    background: url("/Images/KR/home_pdfdl_xs.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .imgPDF-xs_KR:hover {
        opacity: 0.7;
    }

.img2D_KR {
    width: 206px;
    height: 189px;
    background: url("/Images/KR/home_2d3d dl.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
}

    .img2D_KR:hover {
        background: url("/Images/KR/home_2d3d dl_2.png") no-repeat;
    }

.img2D-xs_KR {
    width: 167px;
    height: 153px;
    background: url("/Images/KR/home_2d3d dl_xs.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .img2D-xs_KR:hover {
        opacity: 0.7;
    }

.imgSelect_KR {
    width: 206px;
    height: 189px;
    background: url("/Images/KR/home_select.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 8px;*/
}

    .imgSelect_KR:hover {
        background: url("/Images/KR/home_select_2.png") no-repeat;
    }

.imgSelect-xs_KR {
    width: 167px;
    height: 153px;
    background: url("/Images/KR/home_select_xs.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .imgSelect-xs_KR:hover {
        opacity: 0.7;
    }

.imgContact_KR {
    width: 206px;
    height: 189px;
    background: url("/Images/KR/home_contact.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 22px;*/
}

    .imgContact_KR:hover {
        background: url("/Images/KR/home_contact_2.png") no-repeat;
    }

.imgContact-xs_KR {
    width: 167px;
    height: 153px;
    background: url("/Images/KR/home_contact_xs.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .imgContact-xs_KR:hover {
        opacity: 0.7;
    }

/*#endregion KR*/


/*#region ====CN====*/

.imgPDF_CN {
    width: 206px;
    height: 189px;
    background: url("/Images/CN/home_pdfdl_CN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
}

    .imgPDF_CN:hover {
        background: url("/Images/CN/home_pdfdl_2_CN.png") no-repeat;
    }

.imgPDF-xs_CN {
    width: 167px;
    height: 153px;
    background: url("/Images/CN/home_pdfdl_xs_CN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .imgPDF-xs_CN:hover {
        opacity: 0.7;
    }

.img2D_CN {
    width: 206px;
    height: 189px;
    background: url("/Images/CN/home_2d3d dl_CN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
}

    .img2D_CN:hover {
        background: url("/Images/CN/home_2d3d dl_2_CN.png") no-repeat;
    }

.img2D-xs_CN {
    width: 167px;
    height: 153px;
    background: url("/Images/CN/home_2d3d dl_xs_CN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .img2D-xs_CN:hover {
        opacity: 0.7;
    }

.imgSelect_CN {
    width: 206px;
    height: 189px;
    background: url("/Images/CN/home_select_CN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 8px;*/
}

    .imgSelect_CN:hover {
        background: url("/Images/CN/home_select_2_CN.png") no-repeat;
    }

.imgSelect-xs_CN {
    width: 167px;
    height: 153px;
    background: url("/Images/CN/home_select_xs_CN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .imgSelect-xs_CN:hover {
        opacity: 0.7;
    }

.imgContact_CN {
    width: 206px;
    height: 189px;
    background: url("/Images/CN/home_contact_CN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 22px;*/
}

    .imgContact_CN:hover {
        background: url("/Images/CN/home_contact_2_CN.png") no-repeat;
    }

.imgContact-xs_CN {
    width: 167px;
    height: 153px;
    background: url("/Images/CN/home_contact_xs_CN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .imgContact-xs_CN:hover {
        opacity: 0.7;
    }

/*#endregion CN*/

/*#region ====TH====*/

.imgPDF_TH {
    width: 206px;
    height: 189px;
    background: url("/Images/TH/home_pdfdl_TH.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
}

    .imgPDF_TH:hover {
        background: url("/Images/TH/home_pdfdl_2_TH.png") no-repeat;
    }

.imgPDF-xs_TH {
    width: 167px;
    height: 153px;
    background: url("/Images/TH/home_pdfdl_xs_TH.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .imgPDF-xs_TH:hover {
        opacity: 0.7;
    }

.img2D_TH {
    width: 206px;
    height: 189px;
    background: url("/Images/TH/home_2d3d dl_TH.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
}

    .img2D_TH:hover {
        background: url("/Images/TH/home_2d3d dl_2_TH.png") no-repeat;
    }

.img2D-xs_TH {
    width: 167px;
    height: 153px;
    background: url("/Images/TH/home_2d3d dl_xs_TH.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .img2D-xs_TH:hover {
        opacity: 0.7;
    }

.imgSelect_TH {
    width: 206px;
    height: 189px;
    background: url("/Images/TH/home_select_TH.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 8px;*/
}

    .imgSelect_TH:hover {
        background: url("/Images/TH/home_select_2_TH.png") no-repeat;
    }

.imgSelect-xs_TH {
    width: 167px;
    height: 153px;
    background: url("/Images/TH/home_select_xs_TH.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .imgSelect-xs_TH:hover {
        opacity: 0.7;
    }

.imgContact_TH {
    width: 206px;
    height: 189px;
    background: url("/Images/TH/home_contact_TH.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 22px;*/
}

    .imgContact_TH:hover {
        background: url("/Images/TH/home_contact_2_TH.png") no-repeat;
    }

.imgContact-xs_TH {
    width: 167px;
    height: 153px;
    background: url("/Images/TH/home_contact_xs_TH.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .imgContact-xs_TH:hover {
        opacity: 0.7;
    }

/*#endregion TH*/

/*#region ====JP====*/

.imgPDF_JP {
    width: 206px;
    height: 189px;
    background: url("/Images/JP/home_pdfdl_JP.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
}

    .imgPDF_JP:hover {
        background: url("/Images/JP/home_pdfdl_2_JP.png") no-repeat;
    }

.imgPDF-xs_JP {
    width: 167px;
    height: 153px;
    background: url("/Images/JP/home_pdfdl_xs_JP.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .imgPDF-xs_JP:hover {
        opacity: 0.7;
    }

.img2D_JP {
    width: 206px;
    height: 189px;
    background: url("/Images/JP/home_2d3d dl_JP.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
}

    .img2D_JP:hover {
        background: url("/Images/JP/home_2d3d dl_2_JP.png") no-repeat;
    }

.img2D-xs_JP {
    width: 167px;
    height: 153px;
    background: url("/Images/JP/home_2d3d dl_xs_JP.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .img2D-xs_JP:hover {
        opacity: 0.7;
    }

.imgSelect_JP {
    width: 206px;
    height: 189px;
    background: url("/Images/JP/home_select_JP.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 8px;*/
}

    .imgSelect_JP:hover {
        background: url("/Images/JP/home_select_2_JP.png") no-repeat;
    }

.imgSelect-xs_JP {
    width: 167px;
    height: 153px;
    background: url("/Images/JP/home_select_xs_JP.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .imgSelect-xs_JP:hover {
        opacity: 0.7;
    }
.imgContact_JP {
    width: 206px;
    height: 189px;
    background: url("/Images/JP/home_contact_JP.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 22px;*/
}

    .imgContact_JP:hover {
        background: url("/Images/JP/home_contact_2_JP.png") no-repeat;
    }

.imgContact-xs_JP {
    width: 167px;
    height: 153px;
    background: url("/Images/JP/home_contact_xs_JP.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .imgContact-xs_JP:hover {
        opacity: 0.7;
    }

/*#endregion JP*/

/*#region ====VN====*/

.imgPDF_VN {
    width: 206px;
    height: 189px;
    background: url("/Images/VN/home_pdfdl_VN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
}

    .imgPDF_VN:hover {
        background: url("/Images/VN/home_pdfdl_2_VN.png") no-repeat;
    }

.imgPDF-xs_VN {
    width: 167px;
    height: 153px;
    background: url("/Images/VN/home_pdfdl_xs_VN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .imgPDF-xs_VN:hover {
        opacity: 0.7;
    }

.img2D_VN {
    width: 206px;
    height: 189px;
    background: url("/Images/VN/home_2d3d dl_VN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
}

    .img2D_VN:hover {
        background: url("/Images/VN/home_2d3d dl_2_VN.png") no-repeat;
    }

.img2D-xs_VN {
    width: 167px;
    height: 153px;
    background: url("/Images/VN/home_2d3d dl_xs_VN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .img2D-xs_VN:hover {
        opacity: 0.7;
    }

.imgSelect_VN {
    width: 206px;
    height: 189px;
    background: url("/Images/VN/home_select_VN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 8px;*/
}

    .imgSelect_VN:hover {
        background: url("/Images/VN/home_select_2_VN.png") no-repeat;
    }

.imgSelect-xs_VN {
    width: 167px;
    height: 153px;
    background: url("/Images/VN/home_select_xs_VN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .imgSelect-xs_VN:hover {
        opacity: 0.7;
    }

.imgContact_VN {
    width: 206px;
    height: 189px;
    background: url("/Images/VN/home_contact_VN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 22px;*/
}

    .imgContact_VN:hover {
        background: url("/Images/VN/home_contact_2_VN.png") no-repeat;
    }

.imgContact-xs_VN {
    width: 167px;
    height: 153px;
    background: url("/Images/VN/home_contact_xs_VN.png") no-repeat;
    cursor: pointer;
    margin-bottom: 2em;
    /*margin: 15px;*/ /* 上 右 下 左;*/
}

    .imgContact-xs_VN:hover {
        opacity: 0.7;
    }

/*#endregion VN*/

.imgMore {
    width: 79px;
    height: 23px;
    background: url("/Images/Home/home_more.png") no-repeat;
    cursor: pointer;
}

    .imgMore:hover {
        background: url("/Images/Home/home_more_2.png") no-repeat;
    }

.imgFB {
    width: 40px;
    height: 40px;
    background: url("/Images/Home/home_fb.png") no-repeat;
    /*float: right;*/
    margin-right: 15px;
    cursor: pointer;
}

    .imgFB:hover {
        background: url("/Images/Home/home_fb_2.png") no-repeat;
    }

.imgLine {
    width: 40px;
    height: 40px;
    background: url("/Images/Home/home_line.png") no-repeat;
    /*float: right;*/
    margin-right: 15px;
    cursor: pointer;
}

    .imgLine:hover {
        background: url("/Images/Home/home_line_2.png") no-repeat;
    }

.imgIG {
    width: 40px;
    height: 40px;
    background: url("/Images/Home/home_Instagram.png") no-repeat;
    /*float: right;*/
    margin-right: 15px;
    cursor: pointer;
}

    .imgIG:hover {
        background: url("/Images/Home/home_Instagram_2.png") no-repeat;
    }

.imgWechat {
    width: 40px;
    height: 40px;
    background: url("/Images/Home/home_wechat.png") no-repeat;
    /*float: right;*/
    margin-right: 15px;
    cursor: pointer;
}

    .imgWechat:hover {
        background: url("/Images/Home/home_wechat_2.png") no-repeat;
    }

.imgTwitter {
    width: 40px;
    height: 40px;
    background: url("/Images/Home/home_TWITTER.png") no-repeat;
    /*float: right;*/
    margin-right: 15px;
    cursor: pointer;
}

    .imgTwitter:hover {
        background: url("/Images/Home/home_TWITTER_2.png") no-repeat;
    }

.imgLinked {
    width: 40px;
    height: 40px;
    background: url("/Images/Home/home_LINKEDIN.png") no-repeat;
    /*float: right;*/
    margin-right: 0px;
    cursor: pointer;
}

    .imgLinked:hover {
        background: url("/Images/Home/home_LINKEDIN_2.png") no-repeat;
    }

.imgYoutube {
    width: 40px;
    height: 40px;
    background: url("/Images/Home/home_youtube.png") no-repeat;
    /*float: right;*/
    margin-right: 15px;
    cursor: pointer;
}

    .imgYoutube:hover {
        background: url("/Images/Home/home_youtube_2.png") no-repeat;
    }

.imgProdPDF {
    width: 28px;
    height: 34px;
    margin-right: 0.5em;
    background: url("/Images/Product/List/product_PDF DL.png") no-repeat;
    cursor: pointer;
}

    .imgProdPDF:hover {
        background: url("/Images/Product/List/product_PDF DL_2.png") no-repeat;
    }

.imgProd2D {
    width: 33px;
    height: 34px;
    margin-right: 0.5em;
    background: url("/Images/Product/List/product_2D3D DL.png") no-repeat;
    cursor: pointer;
}

    .imgProd2D:hover {
        background: url("/Images/Product/List/product_2D3D DL_2.png") no-repeat;
    }

.imgProdVideo {
    width: 30px;
    height: 34px;
    margin-right: 0.5em;
    background: url("/Images/Product/List/product_Video.png") no-repeat;
    cursor: pointer;
}

    .imgProdVideo:hover {
        background: url("/Images/Product/List/product_Video_2.png") no-repeat;
    }


.imgProdService {
    width: 30px;
    height: 34px;
    background: url("/Images/Product/List/product_Service.png") no-repeat;
    cursor: pointer;
}

    .imgProdService:hover {
        background: url("/Images/Product/List/product_Service_2.png") no-repeat;
    }

.imgSingle {
    width: 37px;
    height: 37px;
    background: url("/Images/Download/download_exe DL.png") no-repeat;
    cursor: pointer;
}

    .imgSingle:hover {
        background: url("/Images/Download/download_exe DL_2.png") no-repeat;
    }

.imgDownloadPdf {
    width: 40px;
    height: 47px;
    background: url("/Images/Download/download_PDF DL.png") no-repeat;
    cursor: pointer;
}

    .imgDownloadPdf:hover {
        background: url("/Images/Download/download_PDF DL_2.png") no-repeat;
    }

.imgDownloadVideo {
    width: 24px;
    height: 25px;
    margin-right: 0.25em;
    background: url("/Images/Download/download_VIDEO PLAY.png") no-repeat;
    cursor: pointer;
}

    .imgDownloadVideo:hover {
        background: url("/Images/Download/download_VIDEO PLAY_2.png") no-repeat;
    }


.imgFeaturePDF {
    width: 56px;
    height: 56px;
    margin-right: 0.6em;
    background: url("/Images/Product/Spec/product features PDF DL.png") no-repeat;
    cursor: pointer;
}

    .imgFeaturePDF:hover {
        background: url("/Images/Product/Spec/product features PDF DL_2.png") no-repeat;
    }

.imgFeatureVideo {
    width: 56px;
    height: 56px;
    margin-right: 0.6em;
    background: url("/Images/Product/Spec/product features Video.png") no-repeat;
    cursor: pointer;
}

    .imgFeatureVideo:hover {
        background: url("/Images/Product/Spec/product features Video_2.png") no-repeat;
    }

.imgFeature2D {
    width: 56px;
    height: 56px;
    margin-right: 0.6em;
    background: url("/Images/Product/Spec/product features 2D3D DL.png") no-repeat;
    cursor: pointer;
}

    .imgFeature2D:hover {
        background: url("/Images/Product/Spec/product features 2D3D DL_2.png") no-repeat;
    }

.imgFeatureService {
    width: 56px;
    height: 56px;
    margin-right: 0.6em;
    background: url("/Images/Product/Spec/product features Service.png") no-repeat;
    cursor: pointer;
}

    .imgFeatureService:hover {
        background: url("/Images/Product/Spec/product features Service_2.png") no-repeat;
    }

.imgSeriesPDF {
    width: 88px;
    height: 27px;
    background: url("/Images/Product/Spec/Product Spec_PDF DL.png") no-repeat;
    cursor: pointer;
}

    .imgSeriesPDF:hover {
        background: url("/Images/Product/Spec/Product Spec_PDF DL_2.png") no-repeat;
    }

.imgSeries2D {
    width: 88px;
    height: 27px;
    background: url("/Images/Product/Spec/Product Spec_2D3D DL.png") no-repeat;
    cursor: pointer;
}

    .imgSeries2D:hover {
        background: url("/Images/Product/Spec/Product Spec_2D3D DL_2.png") no-repeat;
    }
.imgSeriesVideo {
    width: 88px;
    height: 27px;
    background: url("/Images/Product/Spec/Product Spec_Video.png") no-repeat;
    cursor: pointer;
}

    .imgSeriesVideo:hover {
        background: url("/Images/Product/Spec/Product Spec_Video_2.png") no-repeat;
    }

.imgBanner {
    width: 100%;
    height: auto;
    max-height: 152px;
}

.divLink {
    cursor: pointer;
}

    .divLink:hover {
        color: #FF0000;
    }

/*=======home-news-text=======*/
.home-news {
    font-family: 'Microsoft JhengHei', sans-serif;
    font-weight: bold;
    font-size: 1.7em; /*32px 3.6rem*/
    line-height: 1.6rem;
    text-align: left;
    color: black;
}

.home-news-type {
    font-family: 'Microsoft JhengHei', sans-serif;
    font-size: 25px; /*22px 3rem*/
    line-height: 50px;
    text-align: left;
    color: #000000;
    padding-top: 0.8em;
}

.footer {
    min-height: 122px;
    vertical-align: middle;
    left: 0px;
    background: #4E4E4C 0% 0% no-repeat padding-box;
    opacity: 1;
}

.footer-text-left {
    font-size: 0.9em;
    line-height: 15px;
    text-align: left;
    letter-spacing: 0;
    color: #F1F1F1;
    opacity: 1;
    vertical-align: middle;
    font-weight: 300;
}

.footer-img {
    background: transparent 0% 0% no-repeat padding-box;
    opacity: 1;
    margin: 3px;
}

.footer-text-right {
    margin-top: 7px;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    letter-spacing: 0;
    color: #929292;
    opacity: 1;
}

.footer-text-copyright {
    font-size: 12px;
    text-align: left;
    letter-spacing: 0;
    color: #929292;
    opacity: 1;
}

.footer-emp-enter {
    color: #B9B9B9;
    letter-spacing: 1.2px;
}

/*=======side-float-menu=======*/
.float-menu {
    position: fixed;
    /*top: 65%;*/
    right: 50px;
    padding: 5px;
    width: 45px;
    z-index: 100;
    /*padding-left: 1650px;*/
}

.float-menu-xs {
    position: fixed;
    /*top: 65%;*/
    right: 17px;
    padding: 5px;
    width: 45px;
    z-index: 100;
}

.float-img {
    display: inline-block;
}

.float-imgReturn {
    width: 45px;
    height: 45px;
    background: url("/Images/Home/home_float_return.png") no-repeat;
    margin-bottom: 4px;
    cursor: pointer;
}

    .float-imgReturn:hover {
        background: url("/Images/Home/home_float_return_2.png") no-repeat;
    }

.float-imgHome {
    width: 45px;
    height: 45px;
    background: url("/Images/Home/home_float_home.png") no-repeat;
    margin-bottom: 4px;
    cursor: pointer;
}

    .float-imgHome:hover {
        background: url("/Images/Home/home_float_home_2.png") no-repeat;
    }

.float-imgTop {
    width: 45px;
    height: 45px;
    background: url("/Images/Home/home_float_top.png") no-repeat;
    margin-bottom: 4px;
    cursor: pointer;
}

    .float-imgTop:hover {
        background: url("/Images/Home/home_float_top_2.png") no-repeat;
    }

/*=======About=======*/
.bd-title {
    border-top: 2px solid #FF0000;
    border-bottom: 2px solid #FF0000;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 28px;
    letter-spacing: 4.48px;
    color: #000000;
    opacity: 1;
    text-align: center;
    padding: 3px 50px 5px 50px;
}

.company-intro-col {
    font-size: 22px;
    line-height: 39px;
    font-weight: normal;
    color: #1A1311;
    padding-left: 10px;
}

.company-face-title {
    font-size: 1.1em;
    line-height: 34px;
    font-family: 'Microsoft JhengHei', sans-serif;
    font-weight: bold;
    padding-left: 20px;
}

.company-face-cont {
    font-size: 1.05em;
    line-height: 30px;
    padding-left: 20px;
}

.company-timeline .row {
    overflow-x: auto;
    white-space: nowrap;
}

    .company-timeline .row .col-xs-4 {
        display: inline-block;
        float: none;
        word-break: break-all;
        word-wrap: break-word;
    }

.contact-span {
    font-family: 'Microsoft JhengHei';
    text-align: left;
    font-size: 22px;
    line-height: 38px;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.contact-form-box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 6px #DBDBDB;
    border-radius: 9px;
    opacity: 1;
}

.contact-form-title {
    background: #211313 0% 0% no-repeat padding-box;
    opacity: 1;
    height: 41px;
    text-align: center;
    font-family: 'Microsoft JhengHei';
    font-size: 1.2em;
    line-height: 40px;
    letter-spacing: 2.3px;
    color: #FFFFFF;
    opacity: 1;
    margin: 47px 0;
}

.timeline {
    list-style: none;
    padding: 20px;
    position: relative;
}

    .timeline .timeline-item {
        margin-bottom: 20px;
        position: relative;
        float: right;
    }

    .timeline .timeline-horizontal {
        list-style: none;
        position: relative;
        padding: 20px 0px 20px 0px;
        display: inline-block;
    }

.serviceGroup {
    overflow: hidden;
    display: block;
    width: 176px;
    height: 176px;
    float: left;
    position: relative;
    text-align: center;
    display: block;
    margin-right: 10px;
}

.serviceGroupImage {
    width: 100%;
    height: 175px;
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

    .serviceGroupImage:hover {
        -webkit-transform: scale(1.25); /* Safari and Chrome */
        -moz-transform: scale(1.25); /* Firefox */
        -ms-transform: scale(1.25); /* IE 9 */
        -o-transform: scale(1.25); /* Opera */
        transform: scale(1.25);
    }

.align-right-bottom {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.servicePhone_xs{
    font-size: 0.9em;
    line-height: 10px;
}

    .serverGroupBorder:hover {
        border-color: black;
    }
/*.col-auto {
    display:block;
    width:176px;
    margin-right: 15px;
    max-width: 100%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease; 
    transition: all 1s ease;
}

    .col-auto:hover img {
        z-index: -1;
        -webkit-transform: scale(1.2); 
        -moz-transform: scale(1.2); 
        -ms-transform: scale(1.2); 
        -o-transform: scale(1.2); 
        transform: scale(1.2);
    }*/

.service-quality-p {
    font-size: 1.2em;
    /*font-family: GenYoGothic TW TTF;*/
    line-height: 34px;
    font-weight: bold;
    /*letter-spacing: 1.88px;
    color: #1A1311;*/
    padding-top: 40px;
}

.service-quality-span {
    font-size: 0.95em;
    /*line-height: 30px;;*/
    /*letter-spacing: 0;
    color: #1A1311;*/
    padding-top: 60px;
}

.service-quality-award {
    border-bottom-style: solid;
    border-color: #EDEDED;
    border-bottom-width: 2px;
    margin-bottom: 1em;
    margin-left: 1em;
    margin-right: 1em;
    padding-bottom: 0.5em;
    text-align: center;
}

.maintain-square {
    display: flex;
    width: 8px;
    height: 8px;
    background: #FF0000;
}

.global-square {
    display: flex;
    width: 13px;
    height: 13px;
    /*margin-right: 20px;*/
    background: #FF0000;
}

.global-p-square {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 30px;
    color: black;
    /*letter-spacing: 3.6px;*/
}

.global-p-title {
    font-size: 1.15em;
    line-height: 28px;
    font-weight: bold;
    /*color: #656565;*/
}

.global-p-item {
    font-size: 0.95em;
    /*line-height: 23px;*/
    /*color: #656565;*/
    /*padding-top: 5px;*/
}

.global-contact-div {
    border: 1px solid #707070;
    border-radius: 53px;
    padding: 5px 0px 5px 0px;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    color: #676767;
    letter-spacing: 28px;
}

    .global-contact-div:hover {
        border-color: #FF0000;
        color: #FF0000;
    }

.GlobalMapImg {
    width: 13px;
    height: 18px;
    background: url("/Images/About/global_map.png") no-repeat;
    /*float: right;*/
    margin-right: 15px;
    cursor: pointer;
}

    .GlobalMapImg:hover {
        background: url("/Images/About/global_map_2.png") no-repeat;
    }
/*.GlobalMapImg .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }

    .GlobalMapImg:hover .img-top {
        display: inline;
    }

    .GlobalMapImg:hover .ori-img {
        visibility: hidden;
    }*/

.breakword-div {
    word-wrap: break-word;
    word-break: break-all;
}

.news-title-div {
    border-width: 5px;
    border-bottom-style: solid;
    padding-bottom: 10px;
}

.news-title {
    font-size: 1.4em;
    line-height: 1.3em;
    letter-spacing: 0.094em;
    font-weight: bold;
}

.news-subtitle-div {
    border-bottom: 1px solid #CECECE;
    padding-bottom: 0.5em;
    margin-top: 0.6em;
}

.news-subtitle {
    font-size: 1.2em;
    line-height: 1.563em;
    font-weight: 300;
    letter-spacing: 2px;
    /*padding-bottom: 15px;*/
}

.news-content-title {
    font-size: 1.7em;
    font-weight: bolder;
    /*line-height: 50px;*/
}

.news-msg-div {
    border-bottom: 1px solid #CECECE;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
}

    .news-msg-div:hover {
        background-color: #F8F8F8;
    }

.news-subtitle-dynamic {
    border-bottom: 1px solid #CECECE;
    padding-bottom: 1.25em;
}

.news-msg-dynamic {
    border-bottom: 1px solid #CECECE;
    padding-top: 1.875em;
    padding-bottom: 1.875em;
}

    .news-msg-dynamic:hover {
        background-color: #F8F8F8;
    }

.news-msg-date {
    font-size: 0.95em;
    line-height: 1.438em;
    padding-left: 0.5em;
    padding-right: 0.2em;
    color: #363636;
}

.news-msg-date1 {
    font-size: 0.9em;
    line-height: 1.438em;
    padding-left: 0.5em;
    padding-right: 0.2em;
    color: #858585;
}

.news-msg-type {
    border: 1px solid #363636;
    border-radius: 2px;
    padding: 0px 3px 0px 3px;
    font-size: 0.85em;
    /*line-height: 18px;*/
    letter-spacing: 0.1rem;
    color: #363636;
}

.news-msg-title {
    font-size: 0.95em;
    line-height: 1.438em;
    margin-left: 0.2em;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: Ellipsis;
    display: inline-block;
    max-width: 100%;*/
}


.news-msg-btn {
    border: 1px solid #000000;
    border-radius: 19px;
    opacity: 1;
    font-size: 16px;
    line-height: 19px;
    padding: 3px 15px 3px 15px;
}

    .news-msg-btn:hover {
        color: #FF0000;
        border-color: #FF0000;
    }

.news-msg-img {
    width: 100%;
    height: auto;
    /*width: 829px;
    height: auto;*/
    /*border: 1px solid #000000;
    border-radius: 5px;*/
}

.msg-sub-type {
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 1.8px;
    color: #363636;
    border: 1px solid #363636;
    border-radius: 2px;
    padding: 2px;
}

.msg-sub-date {
    font-size: 22px;
    line-height: 30px;
    padding-left: 0.5em;
}

.msg-sub-title {
    font-size: 1.875em;
    /*line-height: 44px;*/
    font-weight: bold;
}

.msg-sub-content {
    font-size: 0.96em;
    line-height: 1.75em;
    font-weight: 400;
    text-align: justify;
}

.msg-sub-prebtn {
    font-size: 1em;
    /*line-height: 2.188em;*/
    border: 1px solid #000000;
    border-radius: 50%;
    padding: 0.125em 0.425em 0.125em 0.425em;
}

    .msg-sub-prebtn:hover {
        color: #FF0000;
        border-color: #FF0000;
    }

.msg-sub-backbtn {
    font-size: 1.3em;
    line-height: 2.25em;
    padding-bottom: 10px;
    margin: 0.325em 0.625em 0.325em 0.625em;
    background-color: white;
}

    .msg-sub-backbtn:hover {
        color: #FF0000;
        border-color: #FF0000;
    }

.msg-sub-line {
    border-bottom-style: dashed;
    border-width: 1px;
    border-color: #CECECE;
    padding: 0px 0px 3.125em 0px;
}

/* Menu */
.ToyoNav {
    height: 0;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 85px;
    left: 0;
    background-color: #FFFFFF;
    overflow: hidden;
    transition: 0.5s;
    /*padding-top: 30px;*/
}

    .ToyoNav a {
        padding: 10px 0px 10px 0px;
        text-decoration: none;
        display: block;
        transition: 0.3s;
        font-size: 1em;
        line-height: 1.3em;
        color: #5B5B5B;
        letter-spacing: 1px;
        border-bottom: 1px solid #DBDBDB;
    }

        .ToyoNav a:hover {
            color: #000000;
            border-bottom-color: #FF0000;
            font-weight: bold;
        }

    .ToyoNav .closebtn {
        position: absolute;
        top: 0;
        right: 1.563em;
        font-size: 2.25em;
        margin-left: 3.125em;
    }

.ToyoLang, .ToyoMember {
    height: 0;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 85px;
    left: 0;
    background-color: #FFFFFF;
    overflow: hidden;
    transition: 0.5s;
}

    .ToyoLang a, .ToyoMember a {
        cursor: pointer;
    }

        .ToyoLang a:hover, .ToyoMember a:hover {
            color: #FF0000;
        }

.nav-Title {
    font: Noto Sans CJK TC;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 2.2em;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
}

/*#navNews:hover {
    color: #FF0000;
}*/


#navProduct:hover {
    cursor:pointer;
    color: #FF0000;
}

input:not([type='checkbox']),
select.form-control {
    background: transparent;
    border: none;
    border-bottom: 1px solid #000000;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    display: inline-block;
}

    input:not([type='checkbox']):focus,
    select.form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.custom-select {
    border: none;
    border-bottom: 1px solid #000000;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    /*很關鍵：將預設的select選擇框樣式清除*/
    /*appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;*/
    /*在選擇框的最右側中間顯示小箭頭圖片*/
    background: url("/Images/Home/drop_arrow.png") no-repeat scroll right center transparent;
    /*為下拉小箭頭留出一點位置，避免被文字覆蓋*/
    padding-right: 14px;
}

    .custom-select:focus,
    select.form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.contact-textarea {
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    height: 300px;
    border: 1px solid #E1E100;
    background: #F5FFFA;
    overflow: auto;
}


.contact-submit-btn {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #000000;
    border-radius: 24px;
    opacity: 1;
    margin: 56px 0px 42px 0px;
    padding: 2px 0px 4px 0px;
    width: 173px;
    height: 32px;
}

    .contact-submit-btn:hover {
        border-color: #FF0000;
        color: #FF0000;
    }

.contact-server p {
    font-family: 'Microsoft JhengHei';
    font-size: 22px;
    line-height: 33px;
}

.contact-service-btn {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #000000;
    border-radius: 4px;
    opacity: 1;
    letter-spacing: 0.9px;
    font-size: 1em;
    line-height: 1em;
    margin-right: 0.5em;
    max-height: 30px;
    padding: 0.2em 0.3em 0.2em 0.3em;
}

.support-p {
    /*font-family: 'Microsoft JhengHei';*/
    font-size: 19px;
    line-height: 38px;
    font-weight: lighter;
    letter-spacing: 1px;
}

form div {
    /*font-family: 'Microsoft JhengHei';*/
    font-size: 17px;
    line-height: 38px;
}

.support-maintain-btn {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 7px;
    opacity: 1;
    letter-spacing: 0.76px;
    font-size: 19px;
    line-height: 26px;
    margin-right: 10px;
    max-height: 35px;
    padding-top: 3px;
}

    .support-maintain-btn:hover {
        border-color: black;
        color: black;
        font-weight: bold;
    }

    .support-maintain-btn .active {
        background-color: #666;
        color: white;
    }

.support-title-div {
    border-width: 2px;
    border-bottom-style: solid;
    border-color: #707070;
    padding-bottom: 0px;
}

.support-title {
    font-size: 22px;
    line-height: 50px;
    color: #707070;
    padding-top: 30px;
}

.support-maintain-title {
    font-size: 25px;
    line-height: 29px;
}

.banner_bg {
    position: relative;
    height: 3.5em; /*100px;*/
    background-image: url('/Images/About/aboutTOYO banner.png');
    /*border: dashed #FF0000;*/
}

.banner_caption {
    display: flex;
    /*align-items: center;*/
    height: 55px;
    line-height: 55px;
    color: white;
    font-size: 1.5em;
    letter-spacing: 2px;
}

.banner_caption_right {
    display: flex;
    height: 55px;
    line-height: 55px;
    color: white;
    font-size: 0.8em;
    font-weight: lighter;
    letter-spacing: 2px;
}

.product_title_bg {
    position: relative;
    height: 40px;
    background-image: url('/Images/Product/title_bg.png');
    /*margin-top: 3em;*/
}

.product_title_bg01 {
    position: relative;
    height: 42px;
    background-image: url('/Images/Product/title_bg01.png');
    margin-top: 3em;
}

.product_title_bg02 {
    position: relative;
    height: 42px;
    background-image: url('/Images/Product/title_bg02.png');
    margin-top: 3em;
}

.product_title_bg03 {
    position: relative;
    height: 42px;
    background-image: url('/Images/Product/title_bg03.png');
    margin-top: 3em;
}

.product_title_caption {
    display: flex;
    align-items: flex-start;
    height: 40px;
    color: white;
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: 2px;
    background-color: black;
    padding: 0px 18px 0px 18px;
}

.product_title_desc {
    display: flex;
    /*align-items: flex-start;*/
    height: 40px;
    line-height: 42px;
    color: #707070;
    font-size: 1.1em;
    margin-left:3em;
}

.contact-bg {
    position: relative;
    max-height: 520px;
    height: auto;
    background-image: url('/Images/About/contact us banner.png');
    /*border: dashed #FF0000;*/
}

.support-maintain-subtitle {
    font-size: 1.15em;
    line-height: 1.813em;
    font-weight: bold;
}

.support-maintain-p {
    font-size: 22px;
    line-height: 3px;
}

.maintain-imgbox {
    width: 362px;
    height: 277px;
}

.support-download-btn {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #000000;
    border-radius: 29px;
    opacity: 1;
    margin: 30px 0px 42px 0px;
    padding: 2px 0px 4px 0px;
    width: 160px;
    height: 40px;
}

    .support-download-btn:hover {
        border-color: #FF0000;
        color: #FF0000;
    }

.text-hover-black {
    color: #656565;
    padding-top: 2rem;
}

.btn-GTH {
    background: #DE4D40 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    line-height: 16px;
    font-family: "Microsoft JhengHei";
    letter-spacing: 0px;
    color: #FFFFFF;
    height: 27px;
    width: 48px;
}


.btn-DMG {
    background: #E1C543 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    line-height: 16px;
    font-family: "Microsoft JhengHei";
    letter-spacing: 0px;
    color: #FFFFFF;
    height: 27px;
    width: 48px;
}

.case-table {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #A8A8A8;
    border-radius: 14px;
    width: 388px;
    height: 213px;
}

.case-boxspan {
    border: 1px solid #464646;
    border-radius: 7px;
    opacity: 1;
    height: 36px;
    width: 176px;
    text-align: center;
    letter-spacing: 0.76px;
    color: #000000;
    font-size: 19px;
    line-height: 35px;
    margin-top: 12px;
}

.case-table-title {
    background: #810000;
    height: 36px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    text-align: center;
    font-weight: bold;
    font-size: 23px;
    line-height: 37px;
    letter-spacing: 2.3px;
    color: #FFFFFF;
}

.case-table-row {
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    /*font-family: "Adobe Gothic Std";*/
    letter-spacing: 0px;
    color: #000000;
}

.case-table-rowbox {
    color: #757575;
    font-size: 15px;
    text-align: center;
    height: 23px;
    width: 75px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #757575;
    border-radius: 6px;
    opacity: 1;
    margin: 0px 5px 0px 5px;
}

.case-description {
    font-family: 1.625em;
    /*line-height: 2.375em;*/
    letter-spacing: 0.78px;
    color: #3A3A3A;
}

.product-spec-btn {
    width: 175px;
    height: 56px;
    background: #E8E8E8 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 12px;
    opacity: 1;
    font-size: 23px;
    letter-spacing: 0.69px;
    color: #515151;
    margin-right: 14px;
}

.product-spec-imgdiv {
    max-width: 100%; /*509px;*/
    height: auto;
}

.spec-description {
    font-family: 20px;
    line-height: 29px;
    letter-spacing: 0.6px;
    color: #3A3A3A;
}

.goto-product-btn {
    width: 408px;
    height: 48px;
    background: #7D0000 0% 0% no-repeat padding-box;
    border: none;
    border-radius: 53px;
    opacity: 1;
    font-size: 22px;
    letter-spacing: 11px;
    color: #FFFFFF;
}

.spec-goto-table {
    max-width: 1376px;
    max-height: 204px;
    height: 204px;
    border: 1px solid #707070;
}

.spec-card-text {
    font-size: 1.2em;
    line-height: 30px;
    letter-spacing: 0px;
    color: #484848;
}


.goto-card-btn {
    width: 150px;
    min-height: 33px;
    background: #686868 0% 0% no-repeat padding-box;
    border: none;
    border-radius: 27px;
    opacity: 1;
    font-size: 1em;
    color: #FFFFFF;
}
    .goto-card-btn:hover {
        background-color: #FF0000;
    }

.product-type-span {
    width: 220px; /*外框寬度*/
    height: 48px;
    border: 1px solid #000000;
    border-radius: 29px;
    opacity: 1;
    font-size: 1.55em;
    line-height: 48px;
    letter-spacing: 5px;
    background: white;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
}

.product-card-title {
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 2.2px;
    margin-top: 90px;
}

.product-div {
    border: 2px solid #BEBEBE;
    /*width: 418px;*/
    min-height: 28em;
    height: auto;
    /*padding-bottom: 15px;*/
    display: block;
    position: relative;
}

     .product-card-text {
        font-size: 1.2em;
        letter-spacing: 1.5px;
        line-height: 26px;
        color: #535353;

        /*text-align: justify;*/
    }

     .product-card-btn {
        min-width: 100%;
        height: 32px;
        border: 1px solid #000000;
        border-radius: 42px;
        font-size: 1.1em;
        letter-spacing: 0.95px;
        padding-top: 2px;
        margin-bottom: 0.5em;
        vertical-align: central;
    }

        .product-div .product-card-btn:hover {
            color: #FF0000;
            border-color: #FF0000;
        }

    .product-div .productImgGroup {
        overflow: hidden;
        display: block;
        width: 100%;
        height: 208px;
        float: left;
        position: relative;
        align-items: center;
        margin-bottom: 10px;
        border-bottom: 2px solid #BEBEBE;
    }

/*產品資訊文字說明底色*/
.div-span {
    background-color: #FBFBFB;
}

.row-for-cards {
    display: flex;
    flex-wrap: wrap;
}

.CardProd {
    border: 1px solid #707070;
    border-radius: 8px;
    /*width: 25rem;*/
    height: auto;
    margin-top: 2rem;
    margin-right: 1em;
    margin-left: 1em;
    min-height: 14.25em;
}

.CardProd-footer {
    position: relative;
    bottom: 0px;
    margin: 5px;
}

.CardProd-Header {
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    background-color: #DCDCDC;
}

    .CardProd-Header > span {
        font-size: 0.7em;
        font-weight: 300;
    }

    .CardProd-rowdiv {
        border-bottom: 1px solid #707070;
        line-height: 2em;
    }

    .CardProd-rowdiv:hover {
        color: #FF0000;
    }

.CardProd-rowimg {
    margin-top: 20px;
    margin-bottom: 10px;
}

.ProdTableHeader {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.7em;
    height: 1.7em;
    background-color: rgba(0,0,0,.03);
    /*border: 1px solid #707070;*/
    /*border-bottom: 1px solid rgba(0,0,0,.125);*/
}

.ProdSeriesTitle {
    font-weight: bold;
    font-size: 1.12em;
    line-height: 1.5em;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
}


.ProdSeriesInfo {
    font-weight: lighter;
    font-size: 1em;
    line-height: 1.5em;
    color: #404040;
    margin-bottom: 1.2em;
}

.btnSeriesSales {
}

.ProdListType-xs {
    background: #000000 0% 0% no-repeat padding-box;
    font-size: 1.2em;
    color: #FFFFFF;
    letter-spacing: 0.144em;
    padding: 5px 20px 5px 20px;
    font-weight: 600;
}


.ProdEndType {
    background: #FF0000 0% 0% no-repeat padding-box;
    font-size: 1.2em;
    line-height: 3.375em;
    color: #FFFFFF;
    letter-spacing: 0.144em;
    padding: 5px 20px 5px 20px;
    font-weight: 600;
}

.ProdEndTable {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
}

    .ProdEndTable td, .ProdEndTable th {
        border: 1px solid #707070;
        padding: 7px;
    }

    .ProdEndTable > thead > tr > th {
        background: #A1A1A1;
        font-size: 1.2em;
        color: #FFFFFF;
        letter-spacing: 0.144em;
        border-bottom: 1px solid #707070;
    }

    .ProdEndTable > tbody > tr {
        font-size: 1.1em;
        color: #3E3E3E;
        letter-spacing: 0.138em;
        border: 1px solid #707070;
    }

    .ProdEndTable > tbody :hover {
        /*font-weight: 600;*/
    }

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #F8F8F8;
}

.download-square {
    display: flex;
    width: 0.5em;
    height: 0.5em;
    /*margin-right: 20px;*/
    background: #FF0000;
    margin-top: 0.7em;
    margin-right: 0.5em;
}

.imgVideo {
    width: 24px;
    height: 25px;
    position: relative;
    display: inline-block;
}

    .imgVideo .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }

    .imgVideo:hover .img-top {
        display: inline;
    }

    .imgVideo:hover .ori-img {
        visibility: hidden;
    }

.downloadTitle {
    font-size: 1.15em;
    /*font-weight: bold;*/
    /*letter-spacing: 0.073em;*/
    line-height: 1.5em;
    margin-right: 0;
}

.downloadUpdate {
    font-size: 0.938em;
    line-height: 1.5em;
    color: #AFAFAF;
}

.downloadHr {
    border: 0.5px solid #AFAFAF;
    margin-top: 1.4em;
    margin-bottom: 2.8em;
}

.downloadCircle {
    height: 21px;
    width: 22px;
    border-radius: 50px;
    background-color: #FFFFFF;
    border: 1px solid #707070;
}

.downloadTriangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10.4px;
    border-color: transparent transparent transparent #404040;
}

.dowloadSpan {
    font-size: 0.9em;
    color: #3A3A3A;
}

.downloadButton {
    border-radius: 1.813em;
    border: 1px solid #3A3A3A;
    height: 1.625em;
    line-height: 0.6em;
    font-size: 0.9em;
    color: #3A3A3A;
}

    .downloadButton:hover {
        border-color: #FF0000;
        color: #FF0000;
    }

.downloadDiv {
    border: 1px solid #707070;
    border-radius: 42px;
    height: 3.875em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.dowloadImg {
    max-height: 12.25em;
    width: auto;
    box-shadow: 0px 3px 6px #000000;
}

.prodCarouselImg {
    max-height: 29em;
    width: 100%;
    max-width: 43em;
}

.prodHr {
    border: 0.5px solid #AFAFAF;
    margin-top: 0.1em;
    margin-bottom: 0.5em;
}

.seriesProdImg {
    width: 3em;
    height: auto;
    padding-right: 0.5em;
}

.seriesProdNote {
    font-size: 1.25em;
    /*line-height: 0.575em;*/
    color: #545454;
    padding-right: 0.5em;
}

.seriesProdSpec {
    font-size: 1.05em;
    line-height: 1.8em;
    color: #474747;
}

.seriesProdXY {
    text-align: left;
    font: Regular 20px;
    letter-spacing: 0.6px;
    color: #3A3A3A;
    opacity: 1;
}

.seriesProdMatch {
    font-size: 1.3em;
    /*line-height: 1em;*/
    color: black;
}

.prodLinkImg {
    position: relative;
    display: inline-block;
    margin-left:0;
    margin-right: 0.4em;
    cursor: pointer;
}

    .prodLinkImg .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }

    .prodLinkImg:hover .img-top {
        display: inline;
    }

    .prodLinkImg:hover .ori-img {
        visibility: hidden;
    }


.EmpLinkImg {
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    .EmpLinkImg .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }

    .EmpLinkImg:hover .img-top {
        display: inline;
    }

    .EmpLinkImg:hover .ori-img {
        visibility: hidden;
    }

.FormRadio {
    width: 0.9em;
    height: 0.9em;
}

.FormTextarea {
    min-width: 100%;
    border: 1px solid black;
}

.FormBanner {
    height: 300px;
    width: 100%;
}

.mgr-top {
    margin-top: 2em;
}

.mgr-top1 {
    margin-top: 1em;
}

.mgr-top3 {
    margin-top: 3em;
}

.spec-section-span {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.875em;
    /*letter-spacing: 2.6px;*/
    letter-spacing: 0.094em;
}

.spec-section-span2 {
    /*width: 180px;
    height: 33px;*/
    padding: 0.1em 1em 0.1em 1em;
    background: #ECECEC 0% 0% no-repeat padding-box;
    border: none;
    border-radius: 27px;
    opacity: 1;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.875em;
}

.spec-span {
    /*font-size: 1.2em;*/
    line-height: 1.513em;
    letter-spacing: 1.15px;
    margin-top: 0em;
    font-size: 0.95em;
    /*font-weight: 300;*/
}


.CardSpec {
    border: 1px solid #D5D5D5;
    border-radius: 19px;
    font-size: 1.313em;
}

.CardSpecHeader {
    background-color: #DEDEDE;
    border-radius: 19px;
    padding: 13px 0px 13px 0px;
}

    .CardSpecHeader > span {
        font-size: 1.45em;
        font-weight: 500;
        letter-spacing: 2.4px;
    }

.CardSpec-Group {
    font-weight: 500;
    font-size: 1.2em;
    /*line-height: 1.5em;*/
    letter-spacing: 1.05px;
    margin: 1.5em 0px 1.3em 0px;
}

.ProdSpecSpan {
    font-weight: 500;
    /*line-height: 1.5em;*/
    letter-spacing: 1.05px;
    margin: 1.5em 0px 0.5em 0px;
}

.ProdSpecCode {
    font-size: 1.1em;
    margin-top: 0.5em;
}

    .ProdSpecCode:hover {
        color: #FF0000;
    }

.background-box {
    background: #F6F6F6 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 6px #E1E1E1;
    border-radius: 9px;
}

.seminar-box-p {
    font-size: 1em;
    line-height: 1.375em;
    color: #000000;
}

.center-box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #E1E1E1;
    border: 1px solid #707070;
    border-radius: 10px;
    text-align: center;
    display: block;
    padding: 1em 1.8em 1em 1.8em;
    margin: 1em;
}

    .center-box span {
        font-size: 1.2em;
    }

.center-pointer {
    width: 44px;
    height: 45px;
    transform: matrix(0, 1, -1, 0, 0, 0);
    background: #DFDFDF 0% 0% no-repeat padding-box;
}


.ClassTable {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
}

    .ClassTable td, .ClassTable th {
        border: 1px solid #707070;
        padding: 0.8em;
    }

    .ClassTable > thead > tr > th {
        background: #132841;
        font-size: 1.2em;
        color: #FFFFFF;
        letter-spacing: 0.144em;
        /*border-bottom: 1px solid #707070;*/
    }

    .ClassTable > tbody > tr {
        font-size: 1.1em;
        color: #7B7B7B;
        letter-spacing: 0.138em;
        vertical-align: middle;
        /*border: 1px solid #707070;*/
    }

        .ClassTable > tbody > tr > td {
            vertical-align: middle;
        }

    .ClassTable > tbody :hover {
        color: #000000;
    }


.class-btn {
    color: #7D8A98;
    font-size: 1.1em;
    border: 1px solid #7D8A98;
    border-radius: 4px;
    padding: 1px 6px 1px 6px;
    margin-top: 1em;
}

.CADTable {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
}

    .CADTable td, .CADTable th {
        border: 1px solid #707070;
    }

    .CADTable > thead > tr > th {
        background: #C5C5C5;
        font-size: 1.1em;
        color: #000000;
        letter-spacing: 0.144em;
        border-bottom: 1px solid #707070;
    }

    .CADTable > tbody > tr {
        font-size: 1em;
        color: #000000;
        vertical-align: middle;
        /*border: 1px solid #707070;*/
    }

        .CADTable > tbody > tr > td {
            vertical-align: middle;
        }

    .CADTable > tbody :hover {
        color: #000000;
    }

/*縮圖*/
.showImgbox {
    margin-top: 10px;
    width: 800px;
    overflow: hidden;
}

    .showImgbox img {
        border: 2px solid #1dd;
        vertical-align: middle;
        max-width: 760px;
        myimg: expression(onload=function(){ 
            this.style.width=(this.offsetWidth > 760)?"760px":"auto"});
    }

.abgne-block-Imgbox {
    margin-top: 10px;
    width: 680px;
    overflow: hidden;
}

    .abgne-block-Imgbox a {
        margin-right: 10px;
    }

        .abgne-block-Imgbox a img {
            width: 140px;
            height: 92px;
            border: 2px solid #1dd;
            vertical-align: middle;
        }

    .abgne-block-Imgbox span {
        margin-right: 10px;
    }

        .abgne-block-Imgbox span img {
            width: 140px;
            height: 92px;
            border: 2px solid #1dd;
            vertical-align: middle;
        }

/*======線馬選型=====*/
.SelectDetail_Cmd {
    width: 86px;
    height: 30px;
    background: url("/Images/Select/Details.png") no-repeat;
    cursor: pointer;
    /*margin: 8px;*/
}

    .SelectDetail_Cmd:hover {
        background: url("/Images/Select/Details_2.png") no-repeat;
    }

.SelectDetail_UnCmd {
    width: 86px;
    height: 30px;
    background: url("/Images/Select/Details_3.png") no-repeat;
    cursor: pointer;
    vertical-align: central;
    /*margin: 8px;*/
}

    .SelectDetail_UnCmd:hover {
        background: url("/Images/Select/Details_2.png") no-repeat;
    }

/* The Modal open Image (background) */
.modalImg {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modalImg-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modalImg-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

/* The Close Button */
.modalImgclose {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

    .modalImgclose:hover,
    .modalImgclose:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .modalImg-content {
        width: 100%;
    }
}

/*密碼fa圖示在手機版縮排不超過邊界*/
@media (max-width: 576px) {
    /*.col-sm-3half*/
    .col-12half {
        width: 95.1666667%;
    }
}

.SelectFrameDiv {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #DBDBDB;
    border-radius: 0px 0px 10px 10px;
    opacity: 1;
}

.SelectTitleSpan {
    font-weight:bold;
    font-size: 1.3em;
    margin-bottom: 0.4em;
}

.SelectSubSpan {
    font-weight: bold;
    margin-top: 1em;
}

.SelectStroke {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #DBDBDB;
    border-radius: 5px;
    opacity: 1;
    margin-bottom: 0.5em;
}

.SelectAgreeBtn {
    background: #FF0000 0% 0% no-repeat padding-box;
    border-radius: 24px;
    font-size: 1em;
    color: white;
    opacity: 1;
    padding: 2px 0px 2px 0px;
    width: 130px;
    height: 32px;
}
.imgSelectPDF {
    width: 61px;
    height: 60px;
    background: url("/Images/Select/PDF.png") no-repeat;
    cursor: pointer;
}

    /*.imgSelectPDF:hover {
        background: url("/Images/Select/PDF_2.png") no-repeat;
    }*/

.imgSelect2D {
    width: 61px;
    height: 60px;
    background: url("/Images/Select/2D.png") no-repeat;
    cursor: pointer;
}

    .imgSelect2D:hover {
        background: url("/Images/Select/2D_2.png") no-repeat;
    }

.imgSelect3D {
    width: 61px;
    height: 60px;
    background: url("/Images/Select/3D.png") no-repeat;
    cursor: pointer;
}

    .imgSelect3D:hover {
        background: url("/Images/Select/3D_2.png") no-repeat;
    }

/*登入*/
.div-centered {
    text-align: left;
    margin: 1em auto 0px auto;
    width: 300px;
}

.member-confirm {
    font-size: 25px;
    letter-spacing: 1.25px;
    color: #FF0000;
}

.member-confirm-span {
    font-size: 20px;
    color: #3A3A3A;
}

.member-count {
    font-size: 15px;
    color: #7D8A98;
    text-decoration: underline;
}
/*Ref: https://codepen.io/giana/pen/yYBpVY/ */
.borderline {
    background: none;
    border: 0;
    box-sizing: border-box;
    /*margin: 1em;*/
    /*padding: 1em 2em;*/
    /*box-shadow: inset 0 0 0 2px #f45e61;*/
    /*color: #f45e61;*/
    font-size: inherit;
    /*font-weight: 700;*/
    position: relative;
    vertical-align: middle;
}

    .borderline::before, .borderline::after {
        box-sizing: inherit;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
    }

.drawlineR {
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}

    .drawlineR::before, .drawlineR::after {
        border-right: 2px solid /*transparent*/;
        width: 0;
        height: 0;
    }

    .drawlineR::before {
        top: 0;
        left: 0;
    }

    .drawlineR::after {
        bottom: 0;
        right: 0;
    }

    .drawlineR:hover {
        color: black;        
    }

        .drawlineR:hover::before, .drawlineR:hover::after {
            width: 100%;
            height: 100%;
        }

        .drawlineR:hover::before {
            top: 0.4em; /*線條高度*/
            height: 80%; /*線條高度*/
            border-right-color: #ff0000;
            /*-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;*/
            transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
        }

        .drawlineR:hover::after {
            top: 0.4em; /*線條高度*/
            height: 80%; /*線條高度*/
            border-right-color: #ff0000;
            transition: height 0.25s ease-out 0.75s;
            /*-webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
            transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;*/
        }


.drawlineL {
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}

    .drawlineL::before, .drawlineL::after {
        border-left: 2px solid /*transparent*/;
        width: 0;
        height: 0;
    }

    .drawlineL::before {
        top: 0;
        left: 0;
    }

    .drawlineL::after {
        bottom: 0;
        right: 0;
    }

    .drawlineL:hover {
        color: black;
    }

        .drawlineL:hover::before, .drawlineL:hover::after {
            width: 100%;
            height: 100%;
        }

        .drawlineL:hover::before {
            top: 0.4em; /*線條高度*/
            height: 80%; /*線條高度*/
            border-left-color: #ff0000;
            /*-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;*/
            transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
        }

        .drawlineL:hover::after {
            top: 0.4em; /*線條高度*/
            height: 80%; /*線條高度*/
            border-left-color: #ff0000;
            transition: height 0.25s ease-out 0.75s;
            /*-webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
            transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;*/
        }
/*.meet:hover {
    color: #fbca67;
}

.meet::after {
    top: 0;
    left: 0;
}

.meet:hover::before {
    border-top-color: #fbca67;
    border-right-color: #fbca67;
}

.meet:hover::after {
    border-bottom-color: #fbca67;
    border-left-color: #fbca67;
    -webkit-transition: width 0.25s ease-out 0.25s;
    transition: width 0.25s ease-out 0.25s;
}

.center:hover {
    color: #6477b9;
}

.center::before, .center::after {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.center::before {
    border-top: 2px solid #6477b9;
    border-bottom: 2px solid #6477b9;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
}

.center::after {
    border-left: 2px solid #6477b9;
    border-right: 2px solid #6477b9;
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1);
}

.center:hover::before, .center:hover::after {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.spin {
    width: 5em;
    height: 5em;
    padding: 0;
}

    .spin:hover {
        color: #0eb7da;
    }

    .spin::before, .spin::after {
        top: 0;
        left: 0;
    }

    .spin::before {
        border: 2px solid transparent;
    }

    .spin:hover::before {
        border-top-color: #0eb7da;
        border-right-color: #0eb7da;
        border-bottom-color: #0eb7da;
        -webkit-transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
        transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
    }

    .spin::after {
        border: 0 solid transparent;
    }

    .spin:hover::after {
        border-top: 2px solid #0eb7da;
        border-left-width: 2px;
        border-right-width: 2px;
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        -webkit-transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
        transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
        transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
        transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
    }

.circle {
    border-radius: 100%;
    box-shadow: none;
}

    .circle::before, .circle::after {
        border-radius: 100%;
    }

.thick {
    color: #f45e61;
}

    .thick:hover {
        color: #fff;
        font-weight: 700;
    }

    .thick::before {
        border: 2.5em solid transparent;
        z-index: -1;
    }

    .thick::after {
        mix-blend-mode: color-dodge;
        z-index: -1;
    }

    .thick:hover::before {
        background: #f45e61;
        border-top-color: #f45e61;
        border-right-color: #f45e61;
        border-bottom-color: #f45e61;
        -webkit-transition: background 0s linear 0.4s, border-top-color 0.15s linear, border-right-color 0.15s linear 0.15s, border-bottom-color 0.15s linear 0.25s;
        transition: background 0s linear 0.4s, border-top-color 0.15s linear, border-right-color 0.15s linear 0.15s, border-bottom-color 0.15s linear 0.25s;
    }

    .thick:hover::after {
        border-top: 2.5em solid #f45e61;
        border-left-width: 2.5em;
        border-right-width: 2.5em;
    }*/


/*Animated Menu Icon*/
/*.bar-container {
    display: inline-block;
    cursor: pointer;
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 3px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-5px, 5px);
    transform: rotate(-45deg) translate(-5px, 5px);
    background-color: red;
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
    background-color: red;
}*/

.text-hover-bold:hover {
    font-weight: bold;
}

.text-hover-black:hover {
    color: #000000;
}

.hscroll-line {
    bottom: 30px;
    right: 50%;
    height: 1px;
    position: absolute;
    overflow: hidden;
    width: 60px;
    transform: rotate(90deg);
    transform-origin: 50% 50%;
}
.hscroll-line::before,
.hscroll-line::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: ""
}

.hscroll-line:before {
    background: red;
}

.hscroll-line::after {
    background: blue;
    animation: move 3s /*infinite*/
}

@keyframes move {
    0% {
        transform: translate3d(-200%, 0, 0)
    }

    60% {
        transform: translate3d(100%, 0, 0)
    }

    100% {
        transform: translate3d(100%, 0, 0)
    }
}
/*REF 範例:CSS表格 / 底線動畫 */
/* https://codepen.io/giana/pen/yYBpVY/ */
/* https://css-tricks.com/svg-line-animation-works/ */
.wrapper {
    position: relative;
    width: 250px;
    height: 300px;
    border: 1px dashed #ccc;
    margin: 10px;
}

.line {
    position: absolute;
    left: 49%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #ccc;
    z-index: 1;
}

.wordwrapper {
    text-align: center;
    height: 12px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -12px;
    z-index: 2;
}

.word {
    color: #ccc;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 3px;
    font: bold 12px arial,sans-serif;
    background: #fff;
}

h1 {
    color: #666;
    display: inline-block;
    margin: 0;
    text-transform: uppercase;
}
h1:after {
    display: block;
    content: '';
    border-bottom: solid 30px #019fb6;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}

h1:hover:after {
    transform: scaleX(1);
}

h1.fromRight:after {
    transform-origin: 100% 50%;
}

h1.fromLeft:after {
    transform-origin: 0% 50%;
}