/* 縮小失敗。正在傳回未縮小的內容。
(1261,1): run-time error CSS1019: Unexpected token, found '@'
(1265,2): run-time error CSS1031: Expected selector, found '@'
(1265,2): run-time error CSS1025: Expected comma or open brace, found '@'
(2306,70): run-time error CSS1054: JavaScript error in expression property: Variable has not been declared: onload
(2406,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2407,10): run-time error CSS1035: Expected colon, found '{'
(2416,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2417,10): run-time error CSS1035: Expected colon, found '{'
(2852,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/*fonts*/
@import url(./notosanstc.css);

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

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;
    float     : left;
    transform: translateX(-50%);

}

.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;
}

.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        : 240px;
    height       : 100px;
    background   : url("../Images/Home/home_pdfdl1.png") no-repeat;
    cursor       : pointer;
    margin-bottom: 2em;
    /*margin     : 15px;*/
    /* 上 右 下 左;*/
}

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

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

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

.img2D {
    width        : 240px;
    height       : 100px;
    background   : url("../Images/Home/home_2d3d-dl1.png") no-repeat;
    cursor       : pointer;
    margin-bottom: 2em;
    /*margin     : 15px;*/
}

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


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

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

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

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

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

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

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

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

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

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

.imgMore {
    width     : 89px;
    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%20DL.png") no-repeat;
    cursor      : pointer;
}

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

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

.imgProd2D:hover {
    background: url("../Images/Product/List/product_2D3D%20DL_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%20DL.png") no-repeat;
    cursor    : pointer;
}

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

.imgSeries2D:hover {
    background: url("../Images/Product/Spec/Product%20Spec_2D3D%20DL_2.png") no-repeat;
}

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

.imgSeriesVideo:hover {
    background: url("../Images/Product/Spec/Product%20Spec_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-code{
    position: fixed;
    right: 100px;
    bottom: 20px;
    display: none;
	z-index: 999;
}

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

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

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

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

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

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

.float-imgTop:hover {
    background: url("../Images/Home/11.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.1em;
    /*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;
}


.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.3em;
    font-weight  : bold;
    /*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-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.95em;
    line-height: 1.75em;
}

.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        : fixed;
    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 {
    height          : 0;
    width           : 100%;
    position        : absolute;
    z-index         : 1;
    top             : 85px;
    left            : 0;
    background-color: #FFFFFF;
    overflow        : hidden;
    transition      : 0.5s;
}

.ToyoLang a {
    cursor: pointer;
}

.ToyoLang 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 {
    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       : 0px 0px 30px 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%20banner.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_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;
    line-height   : 42px;
    color         : white;
    font-size     : 1.2em;
    font-weight   : 600;
    letter-spacing: 2px;
}

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

.contact-bg {
    position        : relative;
    max-height      : 520px;
    height          : auto;
    background-image: url('../Images/About/contact%20us%20banner.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     : 21px;
    line-height   : 30px;
    letter-spacing: 0px;
    color         : #484848;
}


.goto-card-btn {
    width        : 120px;
    height       : 28px;
    background   : #686868 0% 0% no-repeat padding-box;
    border       : none;
    border-radius: 27px;
    opacity      : 1;
    font-size    : 15px;
    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;
}

.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;
}

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

.product-div .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;
}

.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%;
    }
}

.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;
}


.SelectLinerImg {
    display      : block;
    align-content: center;
    width        : 397px;
    height       : 494px;
    background   : url("../Images/Select/SELECT_LINER.png") no-repeat;
    cursor       : pointer;
}

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

.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;
}

.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;
}

/*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%;
}