/* @import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css); */
@import url(https://fonts.googleapis.com/earlyaccess/cwtexhei.css);
* {padding: 0;margin-right: 0;margin-top: 0;margin: 0; font-family: 'Noto Sans TC', sans-serif,"微軟正黑體"; /*font-size:10pt;*/ }

img{ border:none;}
a{ text-decoration:none}
/*訊息視窗*/
#ainfoClose{ display:block; width:116px; height:39px; text-align:center; line-height:39px;cursor: pointer; border:solid 1px #828282;font-size:10pt; color:#828282}
#ainfoClose:hover{color:#828282}
#DivMessage{display: none; position: fixed; bottom: 50%; left: 35%; width: 400px; background-color: #fff; z-index: 1000; border: solid 1px #828282; font-size:10pt;}/*提示視窗*/
#divinfo{text-align:left;line-height:150%;color:#828282;margin-top:5px;font-size:14pt;}
/*詢問視窗*/
#aConfirmCheck{ display:block; width:116px; height:39px; text-align:center; line-height:39px;cursor: pointer; border:solid 1px #828282;font-size:10pt; color:#828282; float:left}
#aConfirmCheck:hover{color:#828282}
#aConfirmunCheck{ display:block; width:116px; height:39px; text-align:center; line-height:39px;cursor: pointer; border:solid 1px #828282;font-size:10pt; color:#828282; float:right}
#aConfirmunCheck:hover{color:#828282}
#DivConfirm{display: none; position: fixed; bottom: 50%; left: 35%; width: 400px; background-color: #fff; z-index: 1000; border: solid 1px #828282; font-size:10pt;}/*提示視窗*/
#divConfirmMesg{text-align:left;line-height:150%;color:#828282;margin-top:5px;font-size:14pt;}

@media(max-width:960px) /*and not screen*/
{
    
 body {width: 100%;height: auto !important; }   
#divTopBar{ width:100%; margin:0px auto; height:5px; background-color:#e60012}
#divTopHeaderBox{display:none ; }
#divTopHeader{ width:100%; margin:0px auto; height:47px;}
#divTopHeaderInfo{ display:none ;}
#divTopHeaderMail{ display:none ;}
#divTopHeaderMail a{ display:none ;}
/*
#divTopHeaderMail{ float:right; width:93px; height:100%; border-left:solid 3px #e9e9e9; margin-right:0px;}
#divTopHeaderMail a{ display:block; width:1005px; height:100%; background-image:url(../images/btn/btn_email.webp); background-position:14px center; background-repeat:no-repeat}
*/

#divHeaderBox{ width:100%; margin:0px auto; height:98px;  background-color:#fff}
#divHeader{width:100%; margin:0px auto;height:97px;}
#divLogo{ float:left; margin-left:4.583%; margin-top:15px;width:44.27%; height:81%;display :block; 
 /* background-image:url(../images/icon/sencol_logo.webp); */
 background-repeat:no-repeat; background-size:contain; }
#divLogor{ float: right; margin-top:15px; margin-right:4%;width:39.58%; height:81%;display :block; 
 background-image:url(../images/icon/sencol_auth.webp); 
 background-repeat:no-repeat; background-size:contain; }
#divMenu{ display:none }
#divMenu ul {display:none }
#divMenu ul li{ display:none }

#m_menu{width:100%; margin:0px auto; height:auto;position: relative;z-index:9999;}
#m_menu ul {width:100%; list-style: none; margin:0px; height:auto;max-height:72px;}
#m_menu ul li{ float:left; width:33.3%;height:33px;box-shadow: 2px 2px 2px #9e9d9d; text-align: center}
#m_menu ul li img{ width:auto; height:33px;}

#m_ddlmenu
{width:100%;  margin-top: -3px;text-align:center; clear:both;background-color:#808080;position:relative; font-size:120%; z-index:9999; height:0px; display :none;
    }
#m_ddlmenu ul li
{ list-style-type:none ; height:45px; vertical-align:middle;
    }
#m_ddlmenu2
{width:100%;margin-top: -3px;text-align:center; clear:both;background-color:#808080;position:relative; font-size:120%; z-index:9999; height:0px; display :none;
    }
#m_ddlmenu2 ul li
{ list-style-type:none ; height:45px; vertical-align:middle;
    }    
    
.m_ddlmenuitem
{width:100%;height:auto;color:#fefdfd; text-align:center; /* height:45px;  line-height:45px; */
    }



#divMain{ width:100%;width:100%; margin:0px auto; min-height:700px; border-top:solid 2px #eaeaea; background-color:#fff; }
#divFooterBox{ width:100%;width:100%; margin:0px auto; background-color:#595959; border-top:solid 7px #c9c9c9}
#divFooter{ display:none;width:100%;width:100%; margin:0px auto; margin-top:42px; margin-left:38px; color:#c9c9c9}
.divFooterTitle{ font-size:16pt;}
#divFooter01{ float:left; width:200px; margin-left:30px;}
#divFooter01 ul {list-style: none; margin:0px; margin-top:15px; margin-left:3px;}
#divFooter01 ul li{line-height:23px;}
#divFooter01 ul li a{  color:#c9c9c9; font-size:14pt;letter-spacing: 2px;}
#divFooter01 ul li a:hover{color:#e60012}
#divFooter02{ float:left; width:750px;}
#divFooter02 ul {list-style: none; margin:0px; margin-top:15px;}
#divFooter02 ul li{line-height:23px; float:left; width:50%;}
#divFooter02 ul li a{  color:#c9c9c9; font-size:14pt;letter-spacing: 2px;}
#divFooter02 ul li a:hover{color:#e60012}
#divFooter03{ float:left; width:420px; display:none}
#divFooter03 ul {list-style: none; margin:0px; margin-top:15px;}
#divFooter03 ul li{line-height:23px; float:left; width:50%;}
#divFooter03 ul li a{  color:#c9c9c9; font-size:14pt;letter-spacing: 2px;}
#divFooter03 ul li a:hover{color:#e60012}
#divFooter04{ width:215px; float:right; margin-right:70px;}
#divFooter04 img{ max-width:100%; margin-top:20px;}

#divBottomBox{width:100%;margin:0px auto; height:61px; background-color:#595959; text-align:center;border-bottom-color:#282a2b; border-bottom-style:solid; border-bottom-width :19px}
#divBottom{ width:100%;margin:0px auto;vertical-align:middle;}
#divBottomInfo{width:100%;display: inline-block;color:#e4e4e4;font-size:8pt; line-height:120%;  padding-top:15px;  }
#divBottomMail{display:none;float:right; width:63px; height:61px; margin-right:21px;}
#divBottomMail a{ display:none;height:100%; background-image:url(../images/btn/btn_email2.webp);background-repeat:no-repeat; background-position:0px center;}

#divSwitchBox{ width:100%; border-bottom:solid 5px #e60012}
#divSwitchBox img{ max-width:100%; }

#divMidPod{display:none;}
#divMidPod .object{ width:270px; height:171px; float:left; margin-left:46px; margin-top:37px; }
#divMidPod .object:nth-child(1){ margin-left:0px;}
#divMidPod .object:nth-child(2){ margin-left:44px;}
#divMidPod .object .img{ width:100%; height:138px; text-align:center}
#divMidPod .object .img img{ max-height:100%; max-width:100%;}
#divMidPod .object .title{ width:100%; height:31px; line-height:31px; border-bottom:solid 2px #e9e9e9; color:#4c4c4c; text-align:center; font-size:13pt;}

#divIndexNewsBox{ width:100%; height:auto; margin: 29px auto;  text-align:center;}
#divIndexNewsBox .img{margin:0 auto; width:100%;height: auto;}
#divIndexNewsBox .img img{ width:80%; height: auto;}
#divIndexNewsBox .img .title{margin-top:11px;margin-bottom:11px;width:100%;height :auto; }
#divIndexNewsBox .img .title img{ max-width:25%; height :auto;   }

#divIndexNewsBox .data {margin:0 auto; width:87.2% ;height: auto;}
#divIndexNewsBox .data .title{ margin-top:11px; }
#divIndexNewsBox .data .title{ display:none;}
#divIndexNewsBox .data .info{height: auto;margin:10px  auto; }
#divIndexNewsBox .data .more{ text-align:right;margin:10px auto 20px auto;}

/*最新消息*/
#divNewsBox{ width:100%;  }
#divNewsListBox{ width:95%; margin:0 auto}
#divNewsTitle{ width:100%; border-bottom:solid 3px #e0e0e0}
#divNewsList{ width:100%}
#divNewsList ul{list-style: none; width:100%}
#divNewsList ul li{  padding-top:2px; padding-bottom:10px;  border-bottom:solid 3px #e0e0e0; line-height:120%;}
#divNewsList ul li a{ font-size:12pt; color:#313131;letter-spacing: 1px;}

#divNewsData{ width:100%}
#divNewsImg{ width:95%; margin : 0 auto;}
#divNewsImg img{ max-width:100%;}
#divNewsDataTitle{width:95%; margin : 0 auto; padding-top:30px; height: auto; line-height:120%; padding-bottom:20px; font-size:20pt; color:#313131}
#divNewsContent{ width:95%; margin: 10px auto; line-height:120%; font-size:12pt; color:#313131; min-height:294px;letter-spacing: 0.5pt}
#divNewsContent *{ font-size:12pt;}

#divPageList{}
#divPageList ul{list-style: none; margin:0px auto;}/*c_index頂部三個大館頁籤*/
#divPageList li{ float:left; height:30px; width:37px; text-align:center; font-size:10pt; color:#959595; font-size:14pt;}/*c_index頂部三個大館頁籤*/
#divPageList li a{ text-decoration:none; color:#595959 ;cursor: pointer;}/*c_index頂部三個大館頁籤*/
#divPageList li a:hover{color:#ff7e00;}

/*公司介紹*/
#divSPBox{ width:100%; }
#divSPListBox{width:0%;display:none }
#divSPList{ width:15%; background-color:#f9f9f9; float :left }
#divSPList ul{list-style: none; margin:0px auto;}
#divSPList ul li{ height:32px; border-top:solid 1px #dbdbdb}
#divSPList ul li:nth-child(1){ border-top:none; }
#divSPList ul li a{ font-size:8pt; color:#313131;letter-spacing: 1px;line-height:32px;}

#divSPData{ width:100%; text-align :center; float:right}
#divSPImg{ width:100%; }
#divSPImg img{ max-width:100%;}
#divSPDataTitle{ clear:both  ;width:100%; padding-top:26px; height:34px; line-height:25px; padding-bottom:20px; font-size:20pt; color:#313131}
#divSPContent{  width:96%; line-height:120%; font-size:13pt; color:#313131; min-height:294px;letter-spacing: 0.5pt;text-align : left; margin:0 auto;}
#divSPContent *{ font-size:10.5pt;}
/*==============================================================================DM*/
#divDMList{ width:100%; margin-top:10px;  }
#divDMList .Object{ width:45%;  height:358px; float:  left;  }
#divDMList .Object .img{ width:98%; height:250px; text-align:center}
#divDMList .Object .img img{ max-width:100%; max-height:100%;}
#divDMList .Object .title{ margin-top:18px; height:90px; line-height:150%; text-align:center; width:100%}
#divDMList .Object .title a{color:#504e4f;  font-size:14pt;}
/*==============================================================================Memulist*/
#divMenuBox{ width:100%; margin-top:88px; padding-bottom:30px;}
#divMenuLeave1{ width:925px; margin:0px auto;}
#divMenuLeave1 .object{ width:202px; height:202px; float:left; margin-left:39px; background-size:202px; text-align:center; background-repeat:no-repeat}
#divMenuLeave1 .object:nth-child(1){margin-left:0px; }
#divMenuLeave1 .object .title{ display:table-cell; vertical-align:middle; font-size:18pt;}
#divMenuLeave1 .object a{  display:table; width:100%; height:100%; color:#141414; line-height:300%;letter-spacing: 2px;}
#divMenuLeave2{ width:1166px; margin:0px auto; margin-top:37px;}
#divMenuLeave2 .object{ width:202px; height:202px; float:left; margin-left:39px; background-size:202px;text-align:center; background-repeat:no-repeat}
#divMenuLeave2 .object:nth-child(1){margin-left:0px; }
#divMenuLeave2 .object .title{ display:table-cell; vertical-align:middle; font-size:18pt;}
#divMenuLeave2 .object:nth-child(4) .title{ font-size:14pt;}
#divMenuLeave2 .object:nth-child(4) a{letter-spacing: 0px;}
#divMenuLeave2 .object:nth-child(5) .title{ font-size:14pt;}
#divMenuLeave2 .object:nth-child(5) a{ letter-spacing: 0px;}
#divMenuLeave2 .object a{  display:table; width:100%; height:100%; color:#141414; line-height:300%;letter-spacing: 2px;}
/*==============================================================================Podlist*/
#divpodListRoot{ width:100%; margin:0px auto; color:#646262; font-size:14pt; text-align: center }
#divpodListRoot a{color:#646262; font-size:16pt; text-decoration:underline;}
#divPodlist{ width:100%;  margin:0 auto; }
#divPodlist .Object{ width:48%; height: auto; float:left; margin:0 0 0 1%}
#divPodlist .Object .img{ width:100%; height:auto; text-align:center}
#divPodlist .Object .img img{ max-width:99%; max-height:100%;}
#divPodlist .Object .img a{cursor: pointer;}
#divPodlist .Object .title{ margin: 12px 0 0 12px; max-height:30px; min-height:15px;line-height:120%; text-align:center; width:100%}
#divPodlist .Object .title a{color:#504e4f;  font-size:12pt;cursor: pointer;}
/*照片燈箱*/
#divMottonPostion{ position:fixed; width:0px; height:0px; background-color:#f00; bottom:0px; visibility:hidden; }
#DivWait{display: none; position:fixed;  z-index: 1000;  background-image:url(../images/bg/bg_showimg.webp)}
#divLeft{ position:absolute; width:58px; display:table}
#divLeft div{ display:table-cell; vertical-align:middle}
#divRight{ position:absolute; width:58px; display:table }
#divRight div{ display:table-cell; vertical-align:middle; }
#divClose{ width:100%; height:15px; text-align:right}
#tbShowImg{ text-align:center; display:table; width:100%; border-bottom:solid 1px #000}
#tbShowImg div{ display:table-cell; vertical-align:middle}
#tbShowImg img{ max-height:100%; max-width:100%}
#divShowImgInfo{ padding-left:1%; padding-right:1%; width:98%; line-height:150%; color:#e5ecf2; }
#divShowImgInfo *{ font-size:14pt;}
/*==============================================================================聯絡我們*/
#divcontactUsBox{ width:100%; }
#divcontactUsListBox{width:100%; min-height:50px; margin:0 auto;}
#divcontactUsList{ width:100%; background-color:#f9f9f9}
#divcontactUsList ul{list-style: none;  margin:0px auto;}
#divcontactUsList ul li{ width:148px; padding-left:11px; height:48px; border-top:solid 1px #dbdbdb}
#divcontactUsList ul li:nth-child(1){ border-top:none; }
#divcontactUsList ul li font{ padding-left:17px; width:131px; display:block; font-size:14pt; color:#313131;letter-spacing: 1px; background-image:url(../images/icon/icon_sp01.webp); background-repeat:no-repeat; background-position:left center; line-height:48px;}

#divcontactUsData{  width:100%;}
#divcontactUsData table{border-collapse: collapse; width:98%;}
#divcontactUsData table td{ line-height:30px; border:solid 1px #eaeaea; padding:2px; font-size:14pt; vertical-align:top; color:#504e4f}
#divcontactUsData table td input[type='text']{ width:95%; height:26px; padding:2px; line-height:26px;}
#divcontactUsData table td textarea{ width:95%;}
#divcontactUsData table td input[type='submit']{ padding:2px; margin-left:5px;}

}