﻿html, body {
    margin: 0;
    height: 100%;
    min-height: 100%;
    font-family: 'Microsoft JhengHei';
   
}
form{ position:relative;min-height:100%}

input:-ms-input-placeholder {
    font-style:italic;        
    color: red;
    background-color: yellow;
  }
a{color:#474747;}
a:hover, a:active, a:focus,input {outline: 0;}
a:hover {-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
ul{list-style:none;margin:0;padding:0;}
::-webkit-input-placeholder{color:white;font-size:13px;}
_:-ms-lang(x), html {padding-right: 17px;}
.clearfix{clear:both;}
select,a,input{outline:none;}

.BmapL{display:block;}
.BmapD{display:none ;}
.CoverWhite {
    position: absolute;
    width: 227px;
    height: 100%;
    left: 0;
    top: 0px;
    background: white url(../img/loading.gif) no-repeat center center;
    z-index: 9999;
}

/*#region MasterPage*/
                       
.header{position:relative;width:100%;}
.hd_top{width:100%;min-height:46px;background-color:#f2f2f2;padding:8px 0;}
.hd_bottom{width:100%;height:84px;background:url(../img/header_sub_bg.png) repeat-x left top;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.InputSearchBox{float:left;overflow:hidden;border-radius:15px;position:relative;width:350px;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; }
.InputSearchBox .SearchBtn{position:absolute;top:0;right:0px;height:100%;width:73px;background:url(../img/icon_search.png) no-repeat right -2px;}
input.search{height:29px;width:100%;border:1px solid #3e4d58;background:url(../img/input_search_blue_bg.png) repeat-x left top;border-radius:15px;color:white;padding-left:15px;padding-right: 60px;font-size:13px;}

.ChooseLanguage{float:right;width:120px;height:23px;margin-top: 3px;font-size:12px;background-color:#D5D5D5;color:black;text-align:center;line-height:23px;cursor:pointer;position:relative;z-index:99999999}
.ChooseLanguage:hover{background-color:#cbcbcd;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.ChooseLanguage.active{background-color:#1c74b3;color:white;}

.LangList_ul{position:absolute;width:100%;left:0;top:100%;z-index:4;margin-top:1px;display:none;}
.LangList_ul li{background-color:#e1e1e1;height:23px;font-size:12px;text-align:center;line-height:23px;cursor:pointer;border:1px solid #c9c9c9;border-bottom:none;}
.LangList_ul li:last-child{border-bottom:1px solid #c9c9c9}
.LangList_ul li a{display:inline-block;width:100%;}
.LangList_ul li a:hover{background-color:#f57c00;color:white;}

.logo01{margin-top: 10px;}
.logo01,.logo02{float:left;}
.logo02{display:none;margin-top: 10px;}

.openMenu{display:block !important;}
.MenuBox{float:right;display:block;position:relative;    z-index: 9999;}
.MenuBox ul li{float:left;width:115px;height:84px;position:relative;z-index:2;font-size:16px;font-style: italic;font-weight:bold;text-align:right;background:url(../img/menu_border.png) no-repeat left top;/*line-height:110px;*/padding-top: 40px;padding-left: 30px;cursor:pointer;    margin-left: -2px;}
.MenuBox ul li a{color:#474747;display:inline-block;width: 100%;}
.MenuBox ul li:hover:after{content:"";position:absolute;height:6px;width:113px;bottom:-6px;left:0;background-color:#1c74b3;}
.MenuBox ul li.stay:after{content:"";position:absolute;height:6px;width:113px;bottom:-6px;left:0;background-color:#1c74b3;}


.btn_mobile{display:none;float:right;cursor:pointer;background:url(../img/mobile_menu_btn.png) no-repeat left top;height:13px;width:13px;    margin: 25px 5px 0 0;}

.footer{min-height:60px;width:100%;background-color:white;position:absolute;bottom:0;left:0;font-size:12px;}
.footerBlueBorder{background:url(../img/footer_shadow.png) repeat-x left top;height:21px;position:absolute;width:100%;display:none;}
.ft_left{float:left;margin-top: 6px;}
.ft_right{float:right;text-align:center;margin-top: 10px;}
.Link104{font-size:14px;padding-bottom: 3px;}
.Link104 a:before{content:url(../img/list-mark.png);margin-right: 4px;position: relative;top: -1px;}
.copyright_text{font-size:10px;}

.ContentTitle{font-weight:bold;font-size:24px;color:black;text-align:center;height:90px;background:url(../img/title_bg.png) repeat-x left top;line-height:90px;}
.ContentTitle span{font-size:34px;}

@media screen and (min-width:1001px) {
        .Container {width:980px;min-width:980px;height:100%;min-height:100%;margin:0 auto;position: relative;}
}
@media screen and (max-width:1000px) {
    .MenuBox,.logo01{display:none;}
    .btn_mobile,.logo02{display:block;}
    .hd_bottom{height:62px;background:url(../img/mobile_header_sub_bg.png) repeat-x left top;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
    .Container{width:100%;height: 100%;padding-left:10px;padding-right:10px;position: relative;  min-height: 1px;margin:0 auto;}
    

    .MenuBox{position:absolute;top:100%;width:100%;left:0;}
    .MenuBox ul li{float:none;height:53px;line-height:53px;text-align:center;font-style:normal;width:100%;background:url(../img/mobile_menu_bg.png) repeat-x left top;margin-left:0;padding-top: 0px;  padding-left: 0px;}
    .MenuBox ul li a{color:white;}  
    .MenuBox ul li:hover a{color:#b9d3ff;}
    .MenuBox ul li:hover:after{display:none;}
}
@media screen and  (max-width:767px) {
    .ContentTitle{height:61px;background:url(../img/mobile_title_bg.png) repeat-x left top;line-height:61px;}
    .InputSearchBox{width:190px;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
    .ChooseLanguage{width:84px;}
    .ft_left{float:none;width:100%;margin:10px 0;}
    .ft_right{float:none;width:100%;margin:10px 0;}
    .footerBlueBorder{display:none;}
    .footer{background:transparent url(../img/mobile_shadow.png) repeat-x left top;padding-top: 15px;bottom: 12px;}
}

/*#endregion MasterPage*/

/*#region 首頁*/

.marquee_Outer{position:relative;width:100%;height:65px;background:url(../img/header_third_bg.png) repeat-x left top;padding: 7px 0;z-index: 2;}
.marquee_box{width:100%;height:36px;border:1px solid #e6e7e9;border-radius:4px;background-color:white;padding:7px;}
.marquee_Title{float:left;width:85px;min-width: 85px;height:21px;background-color:#f57c00;color:white;text-align:center;line-height:21px;font-size:13px;}
.marquee_Contnet{width:100%;height:100%;padding-left:94px;}

.BannerBox{margin-top: -12px;position:relative;/*overflow:hidden;*/}
.BannerBox a{width:100%;}
.BannerBox img{width:100%;}


/*#endregion 首頁*/ 
                                                                                              
/*#region 關於穗曄*/
.About_Type{height:56px;line-height:56px;border-bottom:1px solid #e5e5e5;text-align:center;margin-bottom:20px;}
.About_Type ul{display: inline-block;font-size:15px;} 
.About_Type ul li{float:left;margin:0 20px;cursor:pointer;}
.About_Type ul li:hover{color:#1c74b3}

.About_Content{margin-bottom:35px;}
.About_Content img{    height: auto !important;max-width: 100%;width: 100% !important;}
.About_Content_Title{display:inline-block;font-size:20px;border-bottom:7px solid #1c74b3;padding:0 10px 10px 10px;font-weight:bold;}

@media screen and (max-width:480px) {
       .About_Type ul li{margin:0 10px;}
}

/*#endregion 關於穗曄*/    

/*#region 最新消息*/
.News_ul{margin-top:20px;margin-bottom:30px;}
.News_ul li{padding:10px 20px;border-bottom:1px solid #e5e5e5}
.News_date{margin-right:20px;font-size:11px;line-height: 20px;display:table-cell;min-width:110px}
.News_date:before{content:url(../img/icon_arrow.png);margin-right:11px;position: relative;top:-2px;}
.News_list_text{font-size:14px;display:table-cell;padding-right:20px;width: 100%;}
.Btn_More{display:table-cell;vertical-align:bottom}    
.Btn_back{float:right;min-width:80px;height:20px;background:#cccccc url(../img/icon_List.png) no-repeat 62px center;color:white;font-size:14px;padding-left:18px;text-align: left;}
.Btn_back:hover{background:#b8b6b6 url(../img/icon_List.png) no-repeat 62px center;color:white;}
.Btn_back:before{content:"列表";}


.NewsBtnList{width:100%;margin:10px 0 0px 0;}
.Btn_news{width:80px;height:20px;background-color:#e5e5e5;font-size:14px;color:black;margin:0 5px;}
.Btn_news_prev{float:left;}
.Btn_news_next{float:right;}

.NewsContent_outer{padding:0 35px;}
.NewsContent img{max-width:100%;height:auto !important;}

.InlineBlock{display:inline-block;} 
 .backbtn.InlineBlock{margin-bottom:30px;float: right;position:relative;margin-top:-23px;}

@media screen and (max-width:767px) {
    .NewsContent_outer{padding:0 0px;}
    .News_ul li{padding:10px 0px;}
    .News_date{width:100%;margin-bottom:6px;line-height: normal;display:block;}
    .News_list_text{padding-left:13px;}

    .NewsBtnList{display:table;}
    .NewsBtnList > div{width:100%;display:table-row}

     .backbtn.InlineBlock{width:100%;float:none;margin-top:0;}
    .Btn_news_prev{border-right:5px solid white;}
    .Btn_news_next{border-left:5px solid white;}
    .Btn_news{width:50%;height:36px;display:table-cell;float:none;vertical-align: middle;}
    .Btn_back{width:100%;height:36px;font-size:24px;background:none;background-color:#cccccc;line-height:35px;text-align:center;float:none;display: block;margin-top:10px;}
    .Btn_back:hover{background:none;background-color:#b8b6b6;color:white;}
    .Btn_back:before{content:"返回列表";}
    .Btn_back:after{content:url(../img/icon_mobile_List.png);position:relative;top:4px;margin-left:9px;}
}
/*#endregion 最新消息*/    

/*#region 聯絡我們*/
.ContactUs_outer{padding:0 50px;margin-top:10px;margin-bottom:30px;}
.CtUs_tbl{display:table;font-size:16px;width:100%;}
.CtUs_tr{display:table-row}
.CtUs_td{display:table-cell;vertical-align:middle;padding:7px 0;height: 49px;}
.CtUs_td:first-child{/*width:113px;*/padding-left:15px;}

.must{background:url(../img/icon_red_circle.png) no-repeat left center;}
.textbox_BasicType{width:360px;height:35px;border:1px solid #797979;border-radius:3px;max-width:100%;}
.textbox_len01{width:85px;float: left;}
.textbox_len02{width:261px;float: left;}
.textbox_len03{width:116px;float: left;margin-right:10px;}
.Btn_validate{color:#7f7f7f;float: left;font-size:14px;line-height:32px;}
.validate_img{float: left;margin-right:10px;}
.dash{float: left;height: 35px;width: 14px;line-height: 32px;text-align: center;display: inline-block;}
.textbox_multi{min-height:80px;width:100%;}
.vertical_top{vertical-align:top;}

.radio_time input + label{margin-right:105px;margin-left:10px;}
.radio_time:last-child input + label{margin-right:0;}
.radio_time input{outline:none;}
.float_r{float:right;}
.Btn_BlueType{color:white;background-color:#1c74b3;border-radius:4px;padding:8px 21px;font-size:14px;text-align:center;}
.Btn_BlueType:hover{color:white;background-color:#3490d1;}

@media screen and (max-width:767px) {
  .must {background: url(../img/icon_red_circle.png) no-repeat left 16px;}
  .radio_time{display:block;}
  .textbox_BasicType,.CtUs_innerbox{width:85%;}
  .dash{display:table-cell;width:5%;float: left;}
  .textbox_len01{width:25%;display:table-cell;float: left;}
  .textbox_len02{width:70%;display:table-cell;float: left;}
  .textbox_len03{margin-top:10px;}
  .textbox_multi,.textbox_len03{width:100%;}
  .Btn_validate{position:absolute;}
  .ContactUs_outer{padding:0;}
  .CtUs_td:first-child{padding-bottom:0;}
  .CtUs_td{display:block;height:auto;padding-left: 15px;padding-bottom:15px;padding-right: 15px;position:relative;}
  .Btn_BlueType{width:100%;margin-top:20px;}
}
/*#endregion 聯絡我們*/    

/*#region 服務據點*/

.Drop_Location{display:none;}
.Location_pointlist{margin-top:20px;padding:0 55px;margin-bottom:20px;}
.Location_ul{display:none;}
/*.Location_pointlist ul li{float:left;padding:0 8px 16px 0;width:25%;position:relative;padding-left:16px;cursor:pointer;}
.Location_pointlist ul li:before{content:url(../img/icon_location_black.png);position:absolute;left:0;top:0px;}
.Location_pointlist ul li:hover:before{content:url(../img/icon_location_red.png);}
.Location_pointlist ul li.active:before{content:url(../img/icon_location_red.png);}*/
#controls select{min-height:35px;border:1px solid #797979;border-radius:3px;max-width:100%;width:100%;font-size:16px;}
.Drop_Type01{min-height:35px;border:1px solid #797979;border-radius:3px;max-width:100%;width:100%;font-size:16px;}

.ullist.controls li{float:left;padding:0 8px 16px 0;width:25%;position:relative;padding-left:16px;cursor:pointer;}
.ullist.controls li a{padding:0 !important;}
.ullist.controls li a span{font-size:12px;}
.ullist.controls li:before{content:url(../img/icon_location_black.png);position:absolute;left:0;top:0px;}
.ullist.controls li:hover:before{content:url(../img/icon_location_red.png);}
.ullist.controls li.active:before{content:url(../img/icon_location_red.png);}

@media screen and (max-width:1000px) {
   .Location_pointlist{padding:0 20px;}
   /*.Location_pointlist ul li{width:33%;}*/
   .ullist.controls li{width:33%;}
}
@media screen and  (max-width:767px) {
   .Location_pointlist{padding:0 0px;}
   /*.Location_pointlist ul{display:none;}*/
   .BmapL{display:none;}
   .BmapD{display:block !important;}
}
/*#endregion 服務據點*/

/*#region 商品介紹*/
.Pd_Content{margin-bottom:40px;}


.ProductMenuList_mobile{display:none;margin-top:10px;margin-bottom:20px;}
.Drop_Pd_Type_td{display:table-cell;width:10%;}
.Drop_Pd_Type_td:first-child{padding-right:5px;}
.Drop_Pd_Type_td:last-child{padding-left:5px;}
.Drop_Pd_Type_td select{width:100%;}

.ProductMenuList{float:left;width:218px;max-width:218px;margin-top:-8px;position:relative;}
.Pd_header{width:100%;background-color:#f3f3f3;border-top-left-radius:5px;border-top-right-radius:5px;font-size:15px;height:52px;line-height:52px;text-align:center;font-weight:bold;border:1px solid #c0d6e6;border-bottom:0px;}
.Pd_footer{width:100%;background-color:#1c74b3;border-bottom-left-radius:5px;border-bottom-right-radius:5px;height:52px;}

.Pd_menu_ul_level1{position:relative;}
.Pd_menu_ul_level1 li{cursor:pointer;}
.Pd_menu_ul_level1 > li .Pd_menu_ul_level1_liText{width:100%;background-color:#1c74b3;font-size:15px;color:white;text-align:left;padding:10px;border-bottom:1px solid #4990c2}
.Pd_menu_ul_level1 > li:last-child .Pd_menu_ul_level1_liText{border-bottom:none;}
.Pd_menu_ul_level1 > li .Pd_menu_ul_level1_liText:hover{background-color:#3490d1;-webkit-transition: background-color .2s ease-in-out;-o-transition:  background-color .2s ease-in-out;transition:  background-color .2s ease-in-out;}
.Pd_menu_ul_level1 > li.stay .Pd_menu_ul_level1_liText{background:#1c74b3 url(../img/icon_arrow_white01.png) no-repeat 200px center;}

.Pd_menu_ul_level2{display:none;}
.Pd_menu_ul_level2 > li{width:100%;background-color:white;font-size:14px;color:black;text-align:left; }
.Pd_menu_ul_level2 > li:hover{position:relative;background:#d8981c; color:white;}
.Pd_menu_ul_level2 > li:hover:after{content:"";position:absolute;background:url(../img/Pt_level2_bg.png) no-repeat right center;height:100%;width:9px;top:0;right:-9px; }
.Pd_menu_ul_level2 > li a{display:inline-block;width:100%;height:100%;    padding: 8px 20px 9px 24px;}
.Pd_menu_ul_level2 > li:hover a{color:white;}

.Pd_menu_ul_level2 > li.stay{position:relative;background:#d8981c; color:white;}
.Pd_menu_ul_level2 > li:after{content:"";position:absolute;background:none;height:100%;width:9px;top:0;right:-9px; }
.Pd_menu_ul_level2 > li.stay:after{content:"";position:absolute;background:url(../img/Pt_level2_bg.png) no-repeat right center;height:100%;width:9px;top:0;right:-9px; }
.Pd_menu_ul_level2 > li.stay a{color:white;}

.ProductContent{float:left;padding:10px 15px;width: 762px;}
.Pd_Ct_title{font-size:14px;margin-bottom:15px;}
.Pd_Ct_title span{font-weight:bold;}
.Pd_Ct_top_section{position:relative;}
.Pd_Ct_img{float:left;width:142px;border:1px solid #f1f1f1}
.Btn_BlueType_mail{color:white;background:#1c74b3;border-radius:4px;padding:8px 10px;font-size:14px;text-align:center;position:absolute;right:0;bottom:0;}
.Btn_BlueType_mail:before{content:url(../img//icon_mail.png);margin-right:6px;}
.Btn_BlueType_mail:hover{color:white;background:#3490d1;}

.data_title{display:none;}                                    
.Pd_tbl{width:100%;margin:15px 0;}
.Pd_tbl thead tr td{text-align:left;font-size:16px;background:url(../img/Pt_th_bg.png) repeat-x left bottom;height:36px;padding:0 15px;font-weight:bold;white-space:nowrap;}
.Pd_tbl tbody tr td{text-align:left;font-size:14px;color:#737373;padding:8px 15px 9px 15px;border-bottom:1px solid #f2f2f2;}
.Pd_tbl tbody tr:nth-child(2n) td{background-color:#fcfcfc;}

@media screen and  (max-width:1000px) {
  .ProductMenuList_mobile{display:block;}
  .ProductMenuList{display:none;}
  .ProductContent{padding:10px 0px;width: 100%;text-align:center;}
  .Pd_Ct_img{float:none;display:block;margin:0 auto;width:160px;height:auto;max-width:100%;}
  .Btn_BlueType_mail{position:relative;float:none;display:inline-block;width:160px;max-width:100%;margin-top:10px;}
  
}
@media screen and (max-width: 767px) {
      .Pd_tbl tbody tr:nth-child(2n) td{background-color:white;}
  .Pd_tbl tbody tr{margin-bottom:5px;border-bottom:5px solid white\0;}
  .Pd_tbl tbody tr td{background-color:#f1f1f1 !important;border-bottom:1px solid white;padding:0;}
  .Pd_tbl tbody tr td:nth-child(2n){background-color:#f8f8f8 !important;}
  .Pd_tbl tbody tr td:first-child .data_title{border-top:1px solid #a4a4a4}
  .Pd_tbl tbody tr td:last-child .data_title{border-bottom:1px solid #cccccc}
  .data_title{padding:8px 10px 9px 15px;background:url(../img//Pt_th_mobile_bg.png) repeat left top;}
  .data_content{padding:8px 15px 9px 10px;}
}

@media screen and (max-width: 767px) {

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }


    #no-more-tables td {
        /* Behave  like a "row" */
        position: relative;
        text-align: left;
        width:100%\0;
        float:left\0;
        word-break: break-all;
    }


    #no-more-tables td .data_title {
        /* Now like a table header */
        /* Top/left values mimic padding */
        display:block;
        width: 105px;
        min-width:105px;
        display:table-cell;
        word-break:break-all;
        padding-right: 10px;
        text-align: left;
        font-weight: bold;
    }
        #no-more-tables td .data_content {
           display:table-cell;
           width:100%;
        }

}

/*#endregion 商品介紹*/



/*#region 查詢結果*/

.Search_Content_each{padding:0 0 15px 0;border-bottom:1px solid #e5e5e5;margin-top:15px;}
.Search_Content_inner{padding:0 10px;}

.Sc_tbl{display:table;width: 100%;}
.Sc_tr{display:table-row;}
.Sc_td{display:table-cell;vertical-align:top;}
.Sc_td:first-child{width:142px;min-width:142px;}
.Sc_td:last-child{width:100%;padding-left:20px;}
.Sc_td .Pd_tbl{margin:0;}
.Sc_td img{float:none;width:100%;}

@media screen and (max-width: 767px) {
    .Search_Content_each{border:none;}
    .Search_Content_inner{padding:0;text-align:center;}
    .Sc_td{margin:0 auto;}
    .Sc_td,.Sc_tr,.Sc_tbl{display:block;}
    .Sc_td:first-child{width:160px;max-width:100%;}
    .Sc_td:last-child{width:100%;padding-left:0px;padding-top:15px;}

}  

/*#endregion 查詢結果*/
