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

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(min-width:961px)
{
body {width: 100%;height: auto !important; background-image:url(../images/bg/bg_body.webp)}
img{ border:none;}    
#divTopBar{ max-width:1280px;width:100%; margin:0px auto; height:5px; background-color:#e60012}
#divTopHeaderBox{ max-width:1280px;width:100%; margin:0px auto; height:47px; border-bottom:solid 3px #e9e9e9; background-color:#fff}
#divTopHeader{ max-width:1280px;width:100%; margin:0px auto; height:47px;}
#divTopHeaderInfo{ float:left; line-height:48px; color:#727171; margin-left:35px; font-size:12pt;}
#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{ max-width:1280px;width:100%; margin:0px auto; height:98px;  background-color:#fff}
#divHeader{ max-width:1280px;width:100%; margin:0px auto;height:97px;}
#divLogo{ float:left; margin-left:33px;display :block;width:196px;height:30px;margin-top:35px; 
 /* background-image:url(../images/icon/icon_logo.webp); */
 background-repeat:no-repeat; } 
#divLogor{ display:none; height :0px; }
#m_menu{ display:none; height :0px; width:0px;}
#m_menu ul {display:none; height :0px;width:0px;}
#m_menu ul li{ display:none; height :0px;width:0px;}
#m_ddlmenu
{display:none; height :0px; width:0px;}
#m_ddlmenu ul li
{ display:none; height :0px;width:0px;list-style-type:none ;}
#m_ddlmenu2
{display:none; height :0px;width:0px;}
#m_ddlmenu2 ul li
{display:none; height :0px;width:0px;list-style-type:none ;}
.m_ddlmenuitem
{display:none; height :0px;width:0px;}


#divMenu{ float:right; margin-right:78px;}
#divMenu ul {list-style: none; margin:0px;}
#divMenu ul li{ float:right; width:113px; line-height:97px;text-align:center; margin-top:2px;}
#divMenu ul li a{  color:#313131; font-size:13pt;letter-spacing: 1px; padding-top:35px;}
#divMenu ul li a:hover{ border-top:solid 4px #e60012; color:#e60012}

#divMain{ max-width:1280px;width:100%;width:100%; margin:0px auto; min-height:600px; border-top:solid 2px #eaeaea; background-color:#fff; padding-bottom:43px;}

#divFooterBox{ max-width:1280px;width:100%;width:100%; margin:0px auto; min-height:225px; background-color:#595959; border-top:solid 7px #dbd964}
#divFooter{ max-width:1280px;width:100%;width:100%; margin:0px auto; margin-top:42px; margin-left:38px; color:#dbd964}
.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:#fffec0; font-size:14pt;letter-spacing: 2px;}
#divFooter01 ul li a:hover{color:#ffff00}
#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:#fffec0; font-size:14pt;letter-spacing: 2px;}
#divFooter02 ul li a:hover{color:#ffff00}
#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:#fffec0; font-size:14pt;letter-spacing: 2px;}
#divFooter03 ul li a:hover{color:#ffff00}
#divFooter04{ width:215px; float:right; margin-right:70px;}
#divFooter04 img{ max-width:100%; margin-top:20px;}

#divBottomBox{ max-width:1280px;width:100%;width:100%; margin:0px auto; height:61px; background-color:#282a2b}
#divBottom{ max-width:1280px;width:100%;width:100%; margin:0px auto;}
#divBottomInfo{ line-height:61px; color:#e4e4e4; margin-left:33px; font-size:8pt; float:left}
#divBottomMail{ float:right; width:63px; height:61px; margin-right:21px;}
#divBottomMail a{ display:block;height:100%; background-image:url(../images/btn/btn_email2.webp);background-repeat:no-repeat; background-position:0px center;}

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

#divMidPod{width:1216px; margin:0px auto;}
#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:1030px; height:241px;margin-top:29px; margin-left:144px; float:left }
#divIndexNewsBox .img{ float:left; width:338px; height:241px;}
#divIndexNewsBox .img img{ max-height:100%; max-width:100%;}
#divIndexNewsBox .img .title{  display:none ;}
#divIndexNewsBox .data{ float:left; width:610px; margin-left:45px;}
#divIndexNewsBox .data .title{ margin-top:11px;}
#divIndexNewsBox .data .info{ line-height:150%; margin-top:20px;letter-spacing: 1px; height:148px;}
#divIndexNewsBox .data .more{ width:100%; text-align:right}

/*最新消息*/
#divNewsBox{ width:100%; margin-top:68px;}
#divNewsListBox{ float:left; margin-left:61px; margin-top:66px; width:294px;}
#divNewsTitle{ width:100%; border-bottom:solid 3px #e0e0e0}
#divNewsList{ width:100%}
#divNewsList ul{list-style: none; width:100%}
#divNewsList ul li{ width:259px; padding-left:16px; padding-right:19px; padding-top:7px; padding-bottom:10px; height:50px; border-bottom:solid 3px #e0e0e0; line-height:180%;}
#divNewsList ul li a{ font-size:13pt; color:#313131;letter-spacing: 1px;}

#divNewsData{ float:left; margin-left:53px; width:811px;}
#divNewsImg{ width:100%}
#divNewsImg img{ max-width:100%;}
#divNewsDataTitle{ width:100%; padding-top:30px; height:25px; line-height:25px; padding-bottom:20px; font-size:20pt; color:#313131}
#divNewsContent{ width:792px; line-height:120%; font-size:13pt; color:#313131; min-height:294px;letter-spacing: 0.5pt}
#divNewsContent *{ font-size:10.5pt;}

#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%; margin-top:67px;}
#divSPListBox{ float:left; margin-left:62px; width:194px; min-height:50px;}
#divSPList{ width:100%; background-color:#f9f9f9}
#divSPList ul{list-style: none; width:160px; margin:0px auto;}
#divSPList ul li{ width:148px; padding-left:11px; height:48px; border-top:solid 1px #dbdbdb}
#divSPList ul li:nth-child(1){ border-top:none; }
#divSPList ul li a{ 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;}

#divSPData{ float:left; margin-left:57px; width:901px;}
#divSPImg{ width:100%}
#divSPImg img{ max-width:100%;}
#divSPDataTitle{ width:100%; padding-top:26px; height:34px; line-height:25px; padding-bottom:20px; font-size:20pt; color:#313131}
#divSPContent{ width:792px; line-height:125%; font-size:20pt; color:#313131; min-height:294px;}
#divSPContent *{ font-size:20pt;}
/*==============================================================================DM*/
#divDMList{ width:100%; float:left; margin-top:50px;}
#divDMList .Object{ width:250px; margin-left:56px; height:358px; float:left;}
#divDMList .Object .img{ width:100%; 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:1168px; margin:0px auto; color:#646262; font-size:16pt; margin-top:35px;}
#divpodListRoot a{color:#646262; font-size:16pt; text-decoration:underline;}
#divPodlist{ width:100%; float:left; margin-top:50px;}
#divPodlist .Object{ width:250px; margin-left:56px; height:280px; float:left;}
#divPodlist .Object .img{ width:100%; height:190px; text-align:center}
#divPodlist .Object .img img{ max-width:100%; max-height:100%;}
#divPodlist .Object .img a{cursor: pointer;}
#divPodlist .Object .title{ margin-top:13px; height:90px; line-height:150%; text-align:center; width:100%}
#divPodlist .Object .title a{color:#504e4f;  font-size:14pt;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%; margin-top:67px;}
#divcontactUsListBox{ float:left; margin-left:62px; width:194px; min-height:50px;}
#divcontactUsList{ width:100%; background-color:#f9f9f9}
#divcontactUsList ul{list-style: none; width:160px; 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{ float:left; margin-left:57px; width:901px;}
#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 th{ line-height:30px; border:solid 1px #eaeaea; padding:2px; font-size:14pt; vertical-align:top; color:#504e4f; width:120px; font-weight:normal}
#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;}

}