body { margin:0; background:#FFFFFF; font-size: 12pt; color:#333333; font-family: 微軟正黑體; }

ul, li { margin:0; padding:0; list-style:none; }
a { text-decoration:none; }

/* 版頭 */
.headArea { margin:0 auto; width:1000px; overflow:hidden; }
.head-L { float:left; padding:10px 0px 0px 0px; }
.head-R { float:right; padding-top:70px; }

/* 版頭按鈕列 - 子選單*/
.headBtnArea{ width:100%; background:#192E5B; display:table; }
.headBtn{ margin:0 auto; width:1200px; }
.headBtn li { float:left; padding:10px 0px; position:relative; }
a.btn1{ padding:0px 30px; }
.Lline { border-left:1px #000000 solid; }
/* 子選單 */
.headBtn-items { z-index:100; position:absolute; top:50px; background:#192E5B; width:200px; padding:10px; display:none; }
.headBtn-items a { display:block; padding:10px;background:#192E5B; color:#FFFFFF; }
.headBtn-items a:hover { background:#1D65A2; color:#F2A104; }
/* 增加移除 CLASS */
.headbtnBg { background:#F2A104; }
.headbtnTxt1 { color:#FFFFFF; }
.headbtnTxt2 { color:#192E5B; }



.set_img {cursor:pointer;padding:70px 90px;border-radius:8px;font-size:24pt;font-family: 微軟正黑體;}
.set_img:hover {color:#FFFFFF;background:#000000;}

/* 首頁版身-全幅圖片區 */
.index-ad { width:100%; }
.index-ad img { width: 100%;  border-bottom:2px #2e2e2e solid; height:100%; position:relative;}
.logo img {width:100%;height:100;display:block}

.mrtit { background:#727272; color:#FFFFFF; }
.pgtit { padding:10px 0px; margin-bottom:10px; border-bottom:1px #727272 solid; }

/* 首頁版身-隨機呈現產品圖片區 */
.index-tab { margin:0 auto; width:1000px; overflow:hidden; }
.tabtit { padding:20px; text-align:center; }
/* 首頁圖片連結 */
.tab4s { float:left; margin:5px; width:230px; height:230px; border:1px #2e2e2e solid; z-index:1; position:relative; background:#000000; overflow:hidden; cursor:pointer; }
.tab4s-txt { z-index:1; position:absolute; padding:10px; width:210px; bottom:0; left:0; color:#FFFFFF; }
.tab4s-img { z-index:2; position:absolute; background:#000000; }
.tab4s-img img { width:230px; height:230px; }
.tab4s-tit { z-index:3; position:absolute; width:210px; text-align:center; bottom:0; left:0; padding:10px; background:rgba(0,0,0,0.7); color:#FFFFFF;}
.tab4s-himg { z-index:4; position:absolute; left:50%; margin-left:-28px; padding-top:50px; }
.tab4s-himg img { width:56px; height:56px; }
.tab4s-addHide { display:none; }
.tab4s-addCSS1 { opacity:0.2; }
.tab4s-addCSS2 { opacity:0.6; }

/* w1000 */
.w1000 { margin:0 auto; width:1000px; padding:30px 0px; text-align:center; }
a.btn2 { padding:15px 30px; background:#2E2E2E; color:#FFFFFF;  border-radius:8px; font-size:14pt; }
a:hover.btn2 { background:#5C5C5C; }

input.formbtn1{ background:#0066FF; color:#FFFFFF; text-align:center; font-size:12pt; padding:6px 0px; border-radius:5px;cursor:pointer; border:none; font-family:微軟正黑體; width:90px;}
input.formbtn1:hover{ background:#4D94FF; }

input.formbtn2{ background:#2E2E2E; color:#FFFFFF; text-align:center; font-size:12pt; padding:6px 0px; border-radius:5px;cursor:pointer; border:none; font-family:微軟正黑體; width:90px;}
input.formbtn2:hover{ background:#5C5C5C; }

input.formbtn3{ background:#C40000; color:#FFFFFF; text-align:center; font-size:12pt; padding:6px 0px; border-radius:5px;cursor:pointer; border:none; font-family:微軟正黑體; width:90px;}
input.formbtn3:hover{ background:#CF3333; }

.mrget {font-size:14pt; z-index:2100; position:fixed; width:350px; height:600px; padding:10px; top:40%; left:58%; margin-top:-125px; margin-left:-350px; background:#FFFFFF; border-radius:8px; box-shadow:0px 0px 10px #FFFFFF; border:1px #727272 solid; display:none; }
.mrget li { padding:10px; }
#mrGet img { padding-top:5px; margin-right:5px;}
a.btnmrPd { padding:8px 30px; background:#2E2E2E; color:#FFFFFF;  border-radius:8px; font-size:12pt; cursor:pointer; }
a:hover.btnmrPd { background:#5C5C5C; }

a.btnmrPd1 { padding:8px 30px; background:#C40000; color:#FFFFFF;  border-radius:8px; font-size:12pt; cursor:pointer; }
a:hover.btnmrPd1 { background:#CF3333; }

a.btnmrPdoff { padding:8px 30px; background:#C40000; color:#FFFFFF;  border-radius:8px; font-size:12pt; cursor:pointer; }
a:hover.btnmrPdoff { background:#CF3333; }

/* 版尾 */
.footerArea { width:100%; background:#696969; box-shadow:0px 0px 10px #000000; }
.footer { margin:0 auto;width:1000px;padding:10px 10px; color:#FFFFFF; line-height:25px; overflow:hidden; }
.footer1 { margin:0 auto; width:1000px; padding:10px 0px; color:#FFFFFF; line-height:25px; overflow:hidden; }
.footer-L { float:left; }

.footer-R { float:right; padding-top:5px; }

/* 內頁版身 */
.bodyArea { margin:0 auto; width:1000px; overflow:hidden; }
.body-L { float:left; width:240px; padding:10px 0px; margin-right:10px; overflow:hidden; }
.body-R { width:750px; padding:10px 130px; min-height:300px; overflow:hidden; }

/* JS熱身網頁標題 */
.js-tit { margin-bottom:10px; padding:10px; font-size:14pt; border-bottom:1px #727272 solid; }
/* JS熱身網頁按鈕區 */
.js-btndiv { margin:10px 0px 30px 0px; }
/* JS熱身網頁按鈕 */
a.jsbtn { padding:5px 15px; background:#2E2E2E; color:#FFFFFF;  border-radius:8px; font-size:14pt; cursor:pointer; }
a:hover.jsbtn { background:#5C5C5C; }

/* animate動畫主角 */
#animateDiv { z-index:1; position:fixed; margin-top:-200px; width:500px; height:200px; border-radius:8px; box-shadow:0px 0px 10px #000000; background:#FFFFFF; }
/* animate動畫主角按鈕區 */
#animateCls { padding-top:160px; text-align:center; }

/* 增加移除 CLASS */
.addCss1 { opacity:0.2; }

/* 版頭按鈕列增加移除 CLASS */
.headbtn-fixed { z-index:1000; position:fixed; top:0;left:0; box-shadow:0px 0px 10px #000000; }
/* 會員按鈕 */
a.btnmr { display:block; padding:10px; background:#2E2E2E; color:#FFFFFF;  border-radius:8px; font-size:14pt; cursor:pointer; }
a:hover.btnmr { background:#5C5C5C; }
a.btnmrGet { margin-top:10px; display:block; padding:10px; background:#C40000; color:#FFFFFF;  border-radius:8px; font-size:14pt; cursor:pointer; }
a:hover.btnmrGet { background:#CF3333; }

a.btnmr1 { display:block; padding:10px; background:#C40000; color:#FFFFFF;  border-radius:8px; font-size:14pt; cursor:pointer; }
a:hover.btnmr1 { background:#CF3333; }

/* 網頁置頂 */
#totop { z-index:100; position:fixed; bottom:0; right:0; margin-bottom:150px; margin-right:10px; cursor:pointer; display:none; }
.memberArea {padding:10px;   overflow:hidden;position: absolute;top: 30%;left: 40%; }

.loginmrform { right:1%; top:3%; position:absolute; font-size:0.8vw; padding-bottom:10px; border-radius:8px; overflow:hidden; }
.mrform1 { width:350px; font-size:14pt; padding-bottom:10px; border-radius:8px; box-shadow:0px 0px 10px #727272; overflow:hidden; }
.mrform {width:75%; height:75%;background-color:#E8E8E8;opacity:1;margin:0  auto ; font-size:14pt; border-radius:0px; box-shadow:0px 0px 10px #727272; overflow:auto; }
.mrform li { padding:10px; }

.mrform23 {width:20%; height:60%;background-color:#FFFFFF;opacity:1;left:80%; top:22%; position:absolute; font-size:10pt;  border-radius:0px; box-shadow:0px 0px 0px #E8E8E8; overflow:hidden; }
.mrform24 {width:100%; height:100%;background-color:#E8E8E8;opacity:1;left:0%; top:0%; position:absolute; font-size:14pt;  border-radius:0px; box-shadow:0px 0px 0px #727272; overflow:hidden; }

.mrform22 {  width:auto; height:auto; position:relative; font-size:14pt; padding-bottom:10px; border-radius:8px;overflow:hidden; }

.div4 {
    position: absolute;
    width: 100%;
    
    height: 100%;
} 



.mrchkimg { float:left; margin-right:5px;}
.mrformL { float:left; }
.mrformR { float:right; }
.mrtit2 { background:#727272; color:#FFFFFF; }
.mrtit { background:#0066ff; color:#FFFFFF; }
.mrtit1 { background:#727272; color:#FFFFFF;border-radius:20px; }
.mrbtn { text-align:left; }
.mrtxt { font-size:11pt; color:#FF287E; }
.mrloadpic { display:none; text-align:left; color:#FF287E; }
.mrform1 { width:350px; font-size:14pt; padding-bottom:10px;  overflow:hidden; }
.mrform1 li { padding:10px; }
.mrform2 { width:250px; font-size:14pt; padding-bottom:10px;  overflow:hidden; }
.mrform2 li { padding:10px; }
/* 表單欄位 */
.formsty input[type="text"], 
.formsty input[type="password"], 
.formsty input[type="file"], 
.formsty select, 
.formsty textarea {
padding:3px; font-size:12.5pt; color:#2a2a2a; border-radius:5px; font-family:微軟正黑體;  }


/* 表單按鈕 */
input.formbtn{ background:#0066FF; color:#FFFFFF; text-align:center; font-size:14pt; padding:6px 0px; border-radius:5px;cursor:pointer; border:none; font-family:微軟正黑體; width:90px;}
input.formbtn:hover{ background:#4D94FF; }



#delwarn{ z-index:3000; position:fixed; width:480px; height:220px; top:50%; left:50%; margin-top:-100px; margin-left:-250px; background:#FFF; border-radius:5px; border:5px solid #a10000; box-shadow:0px 0px 10px #000; display:none; }
#delwarn .MsgArea{ margin:10px; }
#delwarn img { padding-top:5px; margin-right:5px;}
#delwarn .tit{ font-size:17pt; color:#0066FF; padding-bottom:5px; border-bottom:1px solid #727272; } 
#delwarn .imgs{ float:left; height:70px; margin-right:10px; }
#delwarn .msg{ height:110px; line-height:30px; padding:5px 0px 0px 10px;color:#000000;font-size: 14pt; }
#delwarn .btn { text-align:right; }
#delwarn a.btnYes{ padding:5px 15px; background:#0066FF; color:#FFF; border-radius:5px; cursor:pointer;font-size: 14pt;  }
#delwarn a:hover.btnYes{ background:#3384FF; }

/* 全屏背景 */
#MsgBg{ z-index:2000; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.8); display:none; }

/* 訊息視窗 */
#MsgAlert{ z-index:3000; position:fixed; width:480px; height:220px; top:50%; left:50%; margin-top:-100px; margin-left:-250px; background:#FFF; border-radius:5px; border:5px solid #a10000; box-shadow:0px 0px 10px #000; display:none; }
#MsgAlert .MsgArea{ margin:10px; }
#MsgAlert .tit{ font-size:17pt; color:#0066FF; padding-bottom:5px; border-bottom:1px solid #727272; } 
#MsgAlert .imgs{ float:left; height:70px; margin-right:10px; }
#MsgAlert .msg{ height:110px; line-height:30px; padding:5px 0px 0px 10px;color:#000000;font-size: 14pt; }
#MsgAlert .btn { text-align:right; }
#MsgAlert a.btnYes{ padding:5px 15px; background:#0066FF; color:#FFF; border-radius:5px; cursor:pointer;font-size: 14pt;  }
#MsgAlert a:hover.btnYes{ background:#3384FF; }
.MsgDefBorder { border:1px #CACECE solid; } /* 預設框線顏色 */
.MsgErrBorder { border:1px #FF287E solid; } /* 錯誤框線顏色 */

.show {color:#000000;}
.show:hover {color:#FF287E;text-decoration:underline;font-size:13pt;}
.show1 {color:#000000;}
.show1:hover {color:#FF287E;text-decoration:underline;font-size:13pt;}

#center {

  width: 120px;
}

#left{
  width: 120px;

   
 
}
#right{
	 width: auto;
	
	padding:0px 0px 0px 20px;}


.table-layout div{
  display: table-cell;
vertical-align: middle;
}
.table-layout{
   
  padding-bottom:3.5%


}


.ctchkimg { float:left; margin-right:3px; padding-top:0px; }
.llaa {margin:0; background:#FFFFFF; font-size: 14pt; color:#000000; font-family: 微軟正黑體; }