@charset "utf-8";
@import url("reset.css");
@import url("loading.css");
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Main <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

html { height:100% }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none; font-size:12px; overflow-y:scroll }
body, td, th { font-size:12px; font-family: Verdana, Geneva, sans-serif; }
.iframe_ch { display:none }


.abgne-news-scroll ul, li { margin: 0; padding: 0; list-style: none; }
.abgne-news-scroll { width: 290px; height:350px; overflow: hidden; position: relative;}
.abgne-news-scroll ul { position: absolute; }
.abgne-news-scroll li {height: auto; padding:5px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Layout <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

body { /*background:url("../../images/index.jpg") no-repeat 43% 100px;*/ font-size:13px; letter-spacing:1.15px;}
#wrap { background:url("../../images/bg_foot.png") no-repeat center bottom;}
#header { background:url("../../images/bg_head.png") no-repeat center 0;}

#clearfooter { clear:both;}
#footer { position:relative; margin:54px 0 -1px; background:#00C0FF;}

#body { position:relative; overflow:hidden; width:958px; margin:0 auto; padding:17px 0 0 22px;}
#aside.quicklinks { float:left; width:203px; margin:1px 0 80px 29px;}
.indexpage #aside.quicklinks { margin-bottom:0;}
#aside.category { float:left; width:203px; margin:1px 29px 0 0;}
#main { float:left; width:704px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Header <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*header*/
#header .container { position:relative; width:1024px; height:415px; margin:0 auto;}
#logo { position:absolute; top:0; left:1px; z-index:5;}

/**subnav*/
#subnav { position:absolute; top:24px; right:9px; z-index:5;}
#subnav * { vertical-align:middle; display:inline-block;}
#subnav a { text-decoration:none; color:#2b2b2b; height:40px; line-height:40px; padding:0 6px; }
#subnav a:hover { background-color:#FBED82; color:#2d2c2c; transition: all 0.6s ease 0s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

/**unitnav*/
#unitnav_wrap { position:relative; background:url("../../images/unitnav_bg.png") no-repeat 134px bottom; padding:113px 0 0 134px;}
#unitnav { overflow:hidden; width:844px; height:37px; margin:0; padding:0 0 0 11px;}
#unitnav li { list-style:none; float:left;}
#unitnav li img{ margin:9px 20px 10px 27px ;}
#unitnav li.n2 img{ margin-right:17px; margin-left:11px;}
#unitnav li.n3 img{ margin-right:14px; margin-left:10px;}
#unitnav li.n4 img{ margin-right:14px; margin-left:13px;}
#unitnav li.n5 img{ margin-right:16px; margin-left:13px;}
#unitnav li.n6 img{ margin-right:15px; margin-left:10px;}

#unitnav li.n8 img{ margin-right:13px; margin-left:11px;}

#unitnav li.n7 img{ margin-right:13px; margin-left:13px;}

/**unitnav: LavaLamp*/
#unitnav li a{ position:relative; z-index:3; display:inline-block;}
#unitnav li.back{ background:url("../../images/unitnav_tab_right.png") no-repeat right top; position:absolute; bottom:7px; z-index:1; overflow:hidden; height:26px; padding:0;}
#unitnav li.back .left{ background:url("../../images/unitnav_tab.png") no-repeat left top; height:100%; margin-right:9px;}

/**banner*/
#banner { position:relative; overflow:hidden; margin:0 0 0 140px;}
#banner .watermark { position:absolute; z-index:4;}
#unit_title_bg { position:absolute; bottom:14px; left:91px; z-index:4;}
#unit_title { position:absolute; bottom:48px; left:158px; z-index:4;}
#camera { position:absolute; bottom:0px; left:-7px; z-index:5;}
#banner_box { overflow:hidden; height:256px;}

/**nav*/
#header .navbg { background:#0FAEF7; height:31px;}
#nav { position:absolute; overflow:hidden; bottom:-31px; left:50px;}/*原 left:114px;*/
#nav a { text-decoration:none; float:left; color:#fff; display:inline-block; height:31px; line-height:31px; padding:0 19px;}
#nav .small { padding:0 12px;}
#nav a:hover { background-color:#067DB5; transition: all 0.6s ease 0s;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Footer <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#footer { color:#FFF; font:12px/16px "Arial","新細明體","PMingLiU","Helvetica"," sans-serif";}
#footer i,
#footer div { font-style:normal; margin-right:9px;}
#footer a { text-decoration:none; color:inherit;}
#copyright,
#devisetop { display:inline-block; /*ie*/*display:inline; zoom:1;}
#flower { background:url("../../images/flower.png") no-repeat; width:189px; height:125px; position:absolute; top:-127px; right:-9px; z-index:6;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> h3 區塊主標 <<<------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#body h3 { color:#605e5e; background:url("../../images/body_title.png") no-repeat 0 center; margin:0; padding:9px 12px; font:700 17px/30px "微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU","Arial","sans-serif";}
#body h3 span{ color:#fcbb75; padding-left:4px; font-size:12px; letter-spacing:1.3px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Aside <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#aside { background:url("../../images/aside_foot.jpg") no-repeat 0 bottom; padding-bottom:5px;}
#aside h3 { padding-bottom:8px;}
#aside .content_wrap { background:url("../../images/aside_bg.jpg") repeat; width:203px;}
#aside .content { background:url("../../images/aside_head.jpg") no-repeat center 0; min-height:373px; padding:12px 14px 0;}/*385-12+5*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 右側欄 / Quicklinks <<<----------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#aside.quicklinks .content a { background:url("../../images/quicklinks_shadow.png") no-repeat 0 bottom; display:inline-block; padding-bottom:8px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> 左側欄 / Category <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#aside.category .content a { text-decoration:none; color:#007bb4; display:block; line-height:38px; padding-left:10px; border-bottom:1px solid #E0E0E0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Main Container <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#main { background:url("../../images/main_foot.jpg") no-repeat 0 bottom; padding-bottom:19px;}
#main .content { background:url("../../images/main_head.jpg") no-repeat -1px -1px; position:relative; min-height:371px; border-left:1px solid #D3D3D3; border-right:1px solid #D3D3D3;}/*371+19*/
#main.right { margin-bottom:80px;}
.pagination { padding:20px 0; border-left:1px solid #D3D3D3; border-right:1px solid #D3D3D3;}
.goback { padding:20px 0; border-left:1px solid #D3D3D3; border-right:1px solid #D3D3D3; text-align:center; background:#fff;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Back Button <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.dividers { background: url("../../images/news_info_line.png") no-repeat; clear:both; width:650px; height:1px; margin:0 auto 20px; content:" ";}
.goback.right { text-align:right; padding-right:50px;}

a.backbtn { text-decoration:none; color:#434343; background:url("../../images/back.png") no-repeat 0 bottom; display:inline-block; width:154px; height:29px; line-height:25px; text-align:center;}
a.backbtn:hover { color:#131313; transition: all 0.6s ease 0s;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Slide Button <<<----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*btn*/
.leftbtn { background:url("../../images/album_left.png");}
.rightbtn { background:url("../../images/album_right.png");}
i.leftbtn,
i.rightbtn { font-style:normail; width:6px; height:10px; display:inline-block;  margin-right:10px; cursor:pointer;}

/* quicklinks btn*/
#aside.quicklinks h3 { padding-right:0;}
#aside.quicklinks i.leftbtn,
#aside.quicklinks i.rightbtn { margin-right:0; margin-left:4px;}
/* album btn*/
#body_album h3 span { margin-right:27px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> List Table <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*Thead Class*/
.content .thead { color:#5c5c5c; height:60px; font:13px/60px "微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU","Arial","sans-serif";}
.content .thead i { font-style:normal;}

/*Tbody Class*/
.content .tbody { margin:11px 0 0; padding:0;}
.content .tbody > li { list-style:none; background:url("../../images/listtable_line.jpg") no-repeat 0 bottom; font-size:13px;}
.content .tbody > li * { vertical-align:middle;}
.content .tbody > li a { text-decoration:none; letter-spacing:1.29px; vertical-align:top;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> News List <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*Thead Extends*/
.newslist .thead { background:url("../../images/announcement_thead.jpg") no-repeat -1px bottom; padding-left:70px;}
.newslist .thead i { padding-left:286px;}

/*Tbody Extends*/
.newslist .tbody { margin-top:16px;}
.newslist .tbody > li { color:#007bb4; height:38px; line-height:38px;  padding-left:30px;}

.newslist .tbody > li a { color:inherit; margin-left:3px;}
.newslist .tbody > li span { color:#0faef7; font-family:"Arial","Helvetica"," sans-serif";}
.newslist .tbody > li i { color:#808080; font-style:normal; font-size:11px; font-family:"Arial","Helvetica"," sans-serif"; letter-spacing:2.9px;}

/*Hover*/
.newslist .tbody li:hover { background:#0faef7; color:#2d2c2c; transition: all 0.6s ease 0s;}
.newslist .tbody li:hover * { color:#FFF;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Download List / Law / sop <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*Thead Extends*/
.downloadlist .thead { background:url("../../images/download_thead.jpg") no-repeat -1px bottom; padding-left:178px;}
.downloadlist .thead i { padding-left:359px;}

/*Tbody Extends*/
.downloadlist .tbody > li { min-height:38px; line-height:28px; padding:5px 0 0 26px;}
.downloadlist .tbody > li .title { color:#2E2E2E; display:inline-block; width:516px; margin:0 13px 0 7px; /*ie*/*display:inline; zoom:1; padding-bottom:8px;}

/*Hover*/
.downloadlist .tbody > li:hover * { color:#007bb4; transition: all 0.6s ease 0s;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Q&A <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*Thead Extends*/
.qalist .thead { background:url("../../images/qa_thead.jpg") no-repeat -1px bottom; padding-left:178px;}
.qalist .thead i { padding-left:383px;}

/*Tbody Extends*/
.qalist .tbody > li { overflow:hidden; color:#2f3030; min-height:38px; line-height:28px; padding:5px 26px 0;}
.qalist .tbody > li u { text-decoration:none; color:#0faef7; display:inline-table; min-width:30px; font:12px "微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU","Arial","sans-serif";}
.qalist .tbody > li a { font-style:normal; display:inline-block; width:545px; margin-left:6px; cursor:pointer;}
.qalist .tbody > li i { background:url("../../images/qa_ico_hide.png") no-repeat; display:inline-block; width:24px; height:14px; content:" "; /*ie*/*display:inline; zoom:1;}
.qalist .qa_answer { background:#F7F7F7; color:#848484; display:block; margin:0 0 12px 31px; padding:16px; line-height:18px;}

/*Hover*/ 
.qalist .tbody > li:hover { color:#007bb4;}
.qalist .tbody > li.qa_show i { background:url("../../images/qa_ico_show.png") no-repeat; }
.qalist .tbody > li.qa_show em { color:#007bb4;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Links <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*Thead Extends*/
.linkslist .thead { background:url("../../images/links_thead.jpg") no-repeat -1px bottom; padding-left:258px;}

/*Tbody Extends*/
.linkslist .tbody > li { min-height:38px; line-height:28px; padding:5px 26px 0;}
.linkslist .tbody > li a { color:#2E2E2E; display:inline-block; width:630px; margin-left:13px;}
.linkslist .tbody > li em { color:#6c6c6c; display:block; margin:-2px 0 7px 0; font-size:11px; line-height:normal; word-wrap:break-word;}

/*Hover*/
.linkslist .tbody > li:hover a { color:#007bb4; transition: all 0.6s ease 0s;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Index <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/**index-album*/
#body_album { clear:both; width:954px; padding:16px 0 80px 0px;}
#body_album h3 { position:relative; padding-bottom:4px;}
#body_album a { text-decoration:none;}
#body_album .content { overflow:hidden; min-height:129px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> img_grid <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*grid*/
.img_grid { float:left; padding:5px 0; margin:4px 0;}
.img_grid .cover,
.img_grid .info { float:left;}

/*cover*/
.img_grid .cover { position:relative; float:left; background:url("../../images/album_bg.png") no-repeat; width:157px; height:111px; margin-left:5px; line-height:111px; text-align:center;}
.img_grid .cover img { vertical-align:middle;}
.img_grid .butterfly { position:absolute; top:-9px; right:-1px; opacity:0; filter:alpha(opacity=0);}
/*info*/
.img_grid .info { width:135px; padding:3px 0 0 16px;}
.img_grid .info * { display:block; letter-spacing:1.4px;}
.img_grid .info a.title { color:#555555; margin-bottom:10px; font-weight:700; height:30px;}
.img_grid .info span { color:#919090; margin-bottom:8px; font:11px "Arial","Helvetica"," sans-serif";}
.img_grid .info p { color:#919090; min-height:40px; margin-bottom:10px; line-height:20px; }
.img_grid .info .more { color:#626262; font-family:"Arial","Helvetica"," sans-serif";}
/*hover*/
.img_grid:hover { background:#0faef7; transition: all 0.6s ease 0s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.img_grid:hover a.title { color:#FFF;}
.img_grid:hover .butterfly { opacity:1; filter:alpha(opacity=100); transition: all 0.6s ease 0s; }
.content .img_grid:hover * { color:#FFF;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> About <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*Extends*/
#main .content#about { color:#434343; padding:60px 60px 19px; font-size:13px; line-height:25px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Personnel <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*Extends*/
#main .content#personnel { padding:27px 43px 0 36px;}

#personnel .personnel_list { background: url("../../images/personnel_line.png") no-repeat 0 bottom; overflow:hidden; min-height:200px; padding:34px 0 31px;}
#personnel .personnel_list.last { background:none;}
#personnel .personnel_list img{ border:1px solid #D8D8D8; padding:5px; }
#personnel .cover {position:relavite;float:left;width:125px;/* height:101px; */margin:0 33px 0 50px;padding:5px;/* border:1px solid #D8D8D8; */}
#personnel .cover a { /*position:absolute;*/ width:inherit; /*height:101px;*/ overflow:hidden;}
#personnel .info { float:left; width:295px;}
#personnel .info h4 { color:#3b3a3a; margin:2px 0 0; font:700 17px "微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU","Arial","sans-serif";}
#personnel .info h4 a { color:inherit; text-decoration:none;}
#personnel .info ul { margin:4px 0 0; padding:0;}
#personnel .info li { list-style:none; background: url("../../images/personnel_dot.png") no-repeat 0 center; margin-left:6px; padding-left:14px; line-height:26px;}
#personnel .info li span { margin-right:10px;}
#personnel .more { background: url("../../images/personnel_more.png") no-repeat; float:right; width:53px; height:70px; margin:14px 55px 0 0;}
#personnel > div:hover .more { background: url("../../images/personnel_more_over.png") no-repeat;}
#personnel > div:hover h4 a { color:#0FAEF7; transition: all 0.6s ease 0s;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Personnel_info <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*Extends*/
#main .content#personnel_info { padding:68px 49px 0 58px;}

#personnel_info .left { float:left; margin-right:10px;}
#personnel_info .right { float:left; width:411px; padding:8px 0 0 0;}
/*left*/
#personnel_info .clear { clear:both;}
#personnel_info .left .cover {/* width:125px; *//* height:200px; */margin-bottom:14px;padding:5px;border:1px solid #D8D8D8;}
#personnel_info .left .info_title { color:#212121; margin:7px 0 0 14px; line-height:18px;}
#personnel_info .left .info_title img { vertical-align:middle; margin-right:-2px;}
#personnel_info .left .info_phone { border-bottom:1px solid #E4E4E4;}
#personnel_info .left  span { color:#828282; display:block; width:120px; word-break:break-all; font-size:11px; letter-spacing:normal;}
/*right*/
#personnel_info .right>i { font-style:normal; color:#FFF; background-color:#009FE8; padding:0 16px 1px 23px; letter-spacing:7px;}
#personnel_info .right h1 { color:#242424; margin:17px 0 14px 2px; padding-bottom:12px; border-bottom:1px solid #CDCDCD; font:700 17px "微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU","Arial","sans-serif"; letter-spacing:4px;}
#personnel_info .right ul { width:390px; margin:0; padding:0;}
#personnel_info .right li { list-style:none; color:#555; background: url("../../images/personnel_dot.png") no-repeat 0 8px; margin:0 0 15px 6px; padding-left:14px; line-height:20px;}
#personnel_info .right li i { font-style:normal; color:#454545; display:block; font-weight:700;}
#personnel_info .right ul ul { margin: 7px 0 0;}
#personnel_info .right ul ul li { background: url("../../images/personnel_subdot.png") no-repeat 0 4px; margin:0 0 6px 5px; line-height:normal;} 

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> News_info <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*Extends*/
#main .content#news_info { background:url("../../images/news_info_head.jpg") no-repeat -1px -1px; padding-bottom:19px;}

#news_info h1 { color:#2E2E2E; background: url("../../images/news_info_thead.jpg") no-repeat 0 bottom; position:relative; margin:0; padding:21px 0 16px 28px; font-size:13px; line-height:23px;}
#news_info h1>i { background: url("../../images/news_info_titleico.png") no-repeat 0 center; width:18px; height:18px; padding-right:30px; content:" ";}
#news_info .article { color:#434343; padding:19px 77px 0 58px; font-size:13px; line-height:25px; text-align:justify;} 
#news_info .date { color:#0FAEF7; background: url("../../images/news_info_date.png") no-repeat 0 6px; float:right; margin-bottom:6px; padding:0 0 0 28px; font:13px/30px "Arial","sans-serif";}
#news_info .date i { font-style:normal; font-size:11px; padding-left:5px; }
#news_info .clear { clear:both;}

/*info_related*/
.info_related { color:#434343; overflow:hidden; padding:20px 0 0; border-left:1px solid #D3D3D3; border-right:1px solid #D3D3D3; font-size:14px; line-height:25px;}
.info_related span { float:left; margin:0 5px 0 58px;}
.info_related ul { float:left; width:480px; margin:0; padding:0;}
.info_related li { list-style:none;}
.info_related a { text-decoration:none; color:#6c6c6c; font-size:12px;}
.info_related a:hover { text-decoration:underline;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Album <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*Extends*/
#main .content#albumlist { overflow:hidden; padding:40px 13px 0 43px;}

/*Extends .img_grid*/
#albumlist .img_grid { width:162px; margin:0 27px 0 0; padding:10px;}
#albumlist .img_grid .info { text-align:center; margin-top:3px; }
#albumlist .img_grid .info span { margin-bottom:0;}
#albumlist .img_grid a { text-decoration:none;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Album_info <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*Extends*/
#main .content#album_info { background:url("../../images/news_info_head.jpg") no-repeat -1px -1px; padding-bottom:19px;}

/*h1*/
#album_info h1 { color:#2E2E2E; background: url("../../images/news_info_thead.jpg") no-repeat 0 bottom; position:relative; margin:0; padding:21px 0 16px 28px; font-size:13px; line-height:23px;}
#album_info h1>i { background: url("../../images/news_info_titleico.png") no-repeat 0 center; width:18px; height:18px; padding-right:30px; content:" ";}
#album_info .article { width:668px; margin:0 auto;} 
#album_info .description { color:#434343; margin:10px; font-size:13px; line-height:25px;} 
#album_info .clear { clear:both;}

/*cover*/
#album_info a.cover { float:left; width:135px; height:90px; line-height:90px; margin:10px; padding:3px 5px 5px; border:1px solid #eee; text-align:center;}
#album_info a.cover>img { vertical-align:middle;}

/*hover*/
#album_info a:hover { border:1px solid #0FAEF7; transition: all 0.6s ease 0s;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> CONTACT <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#body #contact {}
#body #contact.content { color:#434343; clear:both;}
#body #contact .row1{ overflow:hidden; height:auto; line-height:40px; padding:0 10px 0 10px; border-bottom:1px dotted #a58e5d;}
#body #contact .row1:nth-child(Odd) { background:#f6f6f6;}
#body #contact .rowleft{float:left; width:200px; text-align:right; margin-right:10px;}
#body #contact .rowright{float:left; overflow:hidden;}
#body #contact .rowbottom{ height:80px; line-height:80px; padding:0 5px 0 5px;}
#body #contact input[type=text] { color:#333333; width:300px; height:24px; padding:0 6px; line-height:20px; letter-spacing:1px;}
#body #contact input.input_email { width:300px;}
#body #contact input.input_verify {width:60px; text-align:center;}
#body #contact textarea { width:450px; color:#333333; margin-top:9px; padding:5px; font-size:12px; line-height:22px; letter-spacing:1px;}
#body #contact img{ cursor:pointer; vertical-align:middle;}
#body .btn{clear:both; padding:10px; background:#59ADF3; color:#FFFFFF; font-weight:bold; cursor:pointer; width:50px; text-align:center; margin:0 auto; margin-top:40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#body .btn:hover{background:#59ADF3; color:#FFF; -webkit-transition:.6s;-ms-transition:.6s;-moz-transition:.6s;}
#body .errormessage{ text-align:center; color:#007bb4; padding:10px; font-size:16px;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Loadaction <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.Loadaction_Box { position: fixed; left: 0px; top:0px; background-image:url("../../images/action_bg.png"); z-index:100000000 }
.Loadaction { position: fixed; padding-top:5px; width: 220px; height: 45px; left: 42%; top: 42%; background-image:url("../../images/action_bg.png"); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.Actionupload_Text { font-size:13px; color:#FFFFFF; height:20px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> pagelink <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.pagination { color:#434343; font:11px "微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU","Arial","sans-serif"; letter-spacing:1px;}
.pagination a { color:inherit; display:inline-block; vertical-align:middle; width:18px; height:18px; line-height:19px; margin:0 3px; text-decoration: none;}

.cssa {padding-right:10px; padding-left:10px;}
.cssb {padding-right:5px; padding-left:5px;}
.cssc { padding-bottom:3px; padding-right:10px;}
.cssd { letter-spacing:2px;}
/*頁數*/
a.pagelink:link, 
a.pagelink:visited,
a.pagelink:active, 
a.pagelink:hover {}
a.pagelink:hover { background-color:#EEE; box-shadow:3px 3px 0px 0px #D1D1D1;}
/*功能列*/
a.pagelink_no:link, 
a.pagelink_no:visited, 
a.pagelink_no:active, 
a.pagelink_no:hover { }
/*目前所在頁數*/
a.pagelink_ch:link,
a.pagelink_ch:visited, 
a.pagelink_ch:active,
a.pagelink_ch:hover { background-color:#EEE; box-shadow:3px 3px 0px 0px #D1D1D1;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> lightSlider <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/** /!!! core css Should not edit !!!/**/
.csSlideOuter {	overflow: hidden;}
.lightSlider:before, 
.lightSlider:after { content: " "; display: table;}
.csSlideWrapper > .lightSlider:after { clear: both;}
.csSlideWrapper .csSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; transition: all 1s; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-timing-function: inherit; transition-timing-function: inherit; }
.csSlideWrapper .csFade { position: relative;}
.csSlideWrapper .csFade > * { position: absolute !important; top: 0; left: 0; z-index: 0; margin-right: 0; width: 100%;}
.csSlideWrapper.usingCss .csFade > * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit; transition-timing-function: inherit; }
.csSlideWrapper .csFade > *.active { z-index: 1;}
.csSlideWrapper.usingCss .csFade > *.active { opacity: 1;}
/** /!!! End of core css Should not edit !!!/**/