@charset "utf-8";
/* CSS Document */
body, div, ol, ul, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, blockquote, table, th, td {margin:0;padding:0;list-style:none}
img {border:0px;color:#FFF}
a {text-decoration:none}
body {text-align:center;font-family:Verdana, "微軟正黑體";background:url(../images/bg.jpg);color:#000}

.comm {width:100%;border-top:6px solid #fee300;margin:0 auto}
.header {width:1200px;height:290px;position:relative;margin:0 auto}
#logo {position:absolute;width:240px;height:70px;top:20px;left:10px}
#news {position:absolute;width:698px;height:63px;background:url(../images/inx_news.png) no-repeat;top:28px;left:285px}
.abgne-news-scroll {width:660px;height:45px;overflow:hidden;position:relative}
.abgne-news-scroll ul {position:absolute}
.abgne-news-scroll li {clear:left;padding:5px;height:55px}
.abgne-news-scroll li a {float:left}
.abgne-news-scroll li div {float:left;text-align:left;width:500px;margin:18px 0 0 160px;font-size:16px;}
.abgne-news-scroll li div>span {color:#019ae8;margin-right:15px}
#home {position:absolute;width:300px;top:6px;right:0}
#home a {font-size:13px;color:#000;padding:10px}
#home a:hover {text-decoration:underline}
#home>.btn {clear:both;margin:15px 0 0 0;text-align:right}
#home>.btn a {background:none;padding:0}
#top {position:absolute;top:110px;left:5px}
#top select {width:165px;margin-left:48px}
.slider {width:1200px;margin:0 auto;border:5px solid #f8de00;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px}
.footer {width:1160px;text-align:left;font-size:13px;color:#666;line-height:22px;background:url(../images/footer.gif) repeat-x;margin:24px auto;padding:24px 20px;clear:both;position:relative}
.footer a {color:#666;text-decoration:underline}
.footer a:hover {color:#999}
.footer #count {position:absolute;top:80px;right:0;
width:180px;height:220px;background:#009ce6;border-radius:8px;-webkit-border-radius:8px;text-align:center;}

.main {width:1200px;margin:0 auto}
.left {float:left;width:200px;border:2px solid #009ce6;background:url(../images/left.gif);margin:10px 0 30px 0;padding:10px}
ul#menu, ul#menu ul {list-style-type:none;margin:0;padding:0;width:200px}
ul#menu a {display:block;text-decoration:none}
ul#menu li {margin-top:1px}
ul#menu li a {text-align:left;background:#00a0e8;color:#fff;padding:20px 12px}
ul#menu li a:hover {background:#00a0e8}
ul#menu li ul li a {background:#4dbcef;color:#FFF;padding:10px 0 10px 33px}
ul#menu li ul li a:hover,ul#menu li ul .current a {background:#fee300;color:#000;padding:10px 0 10px 33px}

.right {float:left;width:960px;margin:0 0 30px 15px}
.title {float:left;text-align:left;width:920px;font-size:22px;padding:10px;font-weight:bold;}

.about {float:left;text-align:left;width:920px;font-size:17px;line-height:30px;letter-spacing:1px;padding:10px;margin-bottom:50px}
.about>h2 {text-align:left;font-size:20px;padding:10px;margin:15px 0}

.pro {float:left;width:200px;min-height:320px;background:url(../images/p_bg.jpg) top no-repeat;margin:10px 17px}
.pro>p {width:180px;padding:10px}
.pro>p img {background:#FFF}
.pro>span {float:left;width:170px;background:#fee300;font-size:15px;color:#000;/*border:4px solid #009ce6;*/letter-spacing:1px;padding:10px}

.divProdFig {position:relative}
#feature_pic {float:left;border:4px solid /*#fee300*/ #00a0e8;margin:0 auto 50px auto;width:955px;height: 473px;position: relative; overflow: hidden;}
#feature_pic img{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width: 100%; height: 100%;}
.PordFigList {background-color:rgba(254,227,0,0.8);height:auto;width:300px;position:absolute;right:0px;top:180px;padding-top:10px;padding-bottom:10px;border-left:3px solid #00a0e8;border-top:3px solid #00a0e8;border-bottom:3px solid #00a0e8}
.h_title_10 {text-align:left;font-size:16px;color:#000;padding:0px;margin:0px 0px 10px 20px;letter-spacing:1px}
.ulFP {text-align:left;font-size:13px;padding:0px;margin:0px 0px 0px 20px}
.ulFP li {margin-bottom:10px}
.ulFP li.sel, .ulFP li.sel a {font-weight:bold;color:#069}
.link_dark_bg a:link, .link_dark_bg a:visited, .link_dark_bg a:active {color:#000;text-decoration:none}
.link_dark_bg a:hover {color:#666;text-decoration:none}

.p_photo {float:left;width:540px;/*border:4px solid #00a0e8;background:#FFF;*/margin:10px 0}


/* CSS class for zoomed area */
.MagicZoomBigImageCont {border:1px solid #CCC;background:#fff;text-indent:-9999px; width: 400px !important; height: 600px !important;}
.MagicZoomMain {text-align:center !important;width:92px}
.MagicZoomMain div {padding:0px !important}
.MagicZoomBigImageCont img{ width: 150%;  }

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;text-align:center !important}

/* CSS class for small looking glass square under mouse */
.MagicZoomPup {border:1px solid #CCC;background:#fff}

/* CSS style for loading animation box */
.MagicZoomLoading {text-align:center;background:#fff;color:#444;border:1px solid #ccc;opacity:0;padding:3px 3px 3px 3px !important;display:none; /* do not edit this line please */}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {padding-top:3px !important}


.p_right {float:right;text-align:left;width:400px;line-height:30px;letter-spacing:1px;margin:40px 0 0 0}
.p_right>h2 {color:#00a0e8;line-height:36px;margin-bottom:10px}
.p_right>span {font-size:16px}
.p_intro {float:left;text-align:left;width:920px;padding:10px;border-top:1px dotted #CCC;line-height:28px}

div.domtab {width:950px;margin-bottom:40px}
ul.domtabs {float:left;width:100%;margin:50px 0 20px 0}
ul.domtabs li {float:left;padding:0 5px 0 0}
ul.domtabs a:link, ul.domtabs a:visited, ul.domtabs a:active, ul.domtabs a:hover {width:120px;padding:10px;display:block;background:#666;color:#ccc;font-weight:bold;text-decoration:none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px}
ul.domtabs a:hover {background:#fee300;color:#000}
div.domtab div {clear:both;width:auto;padding:0}
div.domtab .p_tab+div{display: block !important;text-align: left;}
ul.domtabs li.active a:link, ul.domtabs li.active a:visited, ul.domtabs li.active a:active, ul.domtabs li.active a:hover {background:#00a0e8;color:#fff}
p.p_tab {text-align:left;line-height:30px}
table.p_tab {border-collapse:collapse;border:1px solid #CCC}
th {background:#EEE;padding:10px;border:1px solid #CCC}
td.p_tab {text-align:left;background:#FFF;padding:10px;border:1px solid #CCC}

.download {float:left;width:940px}
.download li {float:left;width:920px;padding:8px;background:#FFF;margin:5px 0;border:5px solid #fee300;
-webkit-border-radius:10px;
-moz-border-radius:20px;
border-radius:20px}
.download li #d_left {float:left;text-align:left;width:800px;font-size:16px;color:#000;line-height:30px;letter-spacing:1px}
.download li #d_right {float:right;width:100px;background:#fee300;padding:10px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px}

.video {float:left;width:400px;margin:20px 30px}
.video>p {width:400px;border:5px solid #fee300 /*#00a0e8*/}
.video>span {float:left;width:390px;background:#fee300;font-size:16px;font-weight:bold;color:#000;letter-spacing:1px;padding:10px;margin-top:15px}

.map {float:left;width:955px; border:5px solid #fee300; /*margin-left:10px*/}
.cont {float:left;width:920px;padding:10px;margin-top:40px}
.cont li {float:left;width:920px;/*border-bottom:1px solid #00a0e8;*/padding-bottom:10px;margin:5px 0}
.cont li #c_left {float:left;width:200px;text-align:right;font-size:16px;font-weight:bold;color:#00a0e8}
.cont li input, .cont li textarea {float:left;border:2px solid #00a0e8;margin-left:15px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px}
.cont li input {height:24px}
.cont li span {float:left;font-size:16px;font-weight:bold;color:#000;margin-left:10px}
.btn a {width:120px;background:#00a0e8;font-size:15px;color:#FFF;padding:10px 20px;clear:both}
.btn a:hover {background:#fee300;color:#000}

/* page */
.pagination {float:left;width:940px;margin:20px 0 10px 0}
.page {display:inline-block;padding:2px 9px;margin-right:2px;border-radius:3px;border:solid 1px #c0c0c0;background:#e9e9e9;
box-shadow:inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
font-size:.875em;
font-weight:bold;
text-decoration:none;
color:#717171;
text-shadow:0px 1px 0px rgba(255,255,255, 1)}
.page:hover, .page.gradient:hover {
background:#fefefe;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
background:-moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0)}
.page.active {
border:none;
background:#00a0e8;
box-shadow:inset 0px 0px 8px rgba(0,0,0, .2), 0px 1px 0px rgba(255,255,255, .8);
color:#f0f0f0;
text-shadow:0px 0px 3px rgba(0,0,0, .5)}
.page.gradient {
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
background:-moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9)}


/*最新消息內頁*/
.news{text-align:left;margin-left:35px;line-height:30px;}
.news .date{color:#00a0e8;font-size:14px;margin-bottom:10px;}
.news_title{color:#00a0e8;font-size:19px;font-weight:bold;display:inline-block;}
.news p{font-size:18px;}

.back{margin-top:50px;text-align:center;display:block;}
.back a{background:#00a0e8;color:#fff;border-radius:8px;-webkit-border-radius:8px;margin:0 auto;padding:8px;font-size:14px;}



@media (max-width: 640px) {#feature_pic {height: 487px;}}