/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,code,del,dfn,em,font,img,ins,kbd,q,s,samp,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,header,section,footer {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0; }
/* Basic Styling */
a, a:visited {color: #000000;text-decoration: none;-webkit-transition-property: color, left, right;-webkit-transition-duration: 0.5s;-webkit-transition-property: ease-in-out; }
html { -webkit-font-smoothing: antialiased; }
div{ text-align:left;}
ol,ul,li { list-style: none; }
caption,th { text-align: left; }
body, html {background: #FFFFFF;color: #000000;font-family: Helvetica, Arial, Verdana, sans-serif;font-size: 16px;line-height: 32px;height: 100%;margin: 0;padding: 0;text-align: center;-webkit-text-size-adjust: none; }
.clear {clear: both;}

header, nav, section, aside, footer { display: block !important; }
#wrapper {margin: 0 auto;position: relative;width: 480px; margin-bottom:60px;}

.logo{ padding-top:15px; padding-bottom:15px; text-align:center;width:100%;}
.navweb{ height:50px; width:480px; background:#0088cc;}
.navweb ul li{ width:120px; float:left; text-align:center; font-size:20px; line-height:50px;}
.navweb ul li a{ color:#FFF;}


.set{ color:#fff;}
.select{ }

.navweb ul li ul.new{width:120px;position:absolute; z-index:999;display:none; /* Old Firefox */ background:#0088cc; opacity:0.8;}
.navweb ul li ul.new li{line-height:50px; width:120px;}
.navweb ul li ul.new li a{ font-size:16px;}


/*public scroll*/
.scroll{margin:0px auto;width:100%;}
.scroll_box{overflow:hidden;visibility:hidden;position:relative;}
.scroll_wrap{overflow:hidden; position:relative;}
.scroll_wrap li{position:relative;display:block;width:100%;float:left;}
.scroll_wrap li a{display:block;margin:0 auto;position:relative;}
.scroll_position{position:absolute;left:45%;z-index:400px;bottom:14px;}
.scroll_position li{display:inline-block;width:16px;height:16px;border-radius:10px;background:#fff;}
.scroll_position li a{font-size:0;}
.scroll_position li.on{background-color:#ffd800;}
.scroll_position_bg{background:#000;position:absolute;bottom:12px;left:42%;padding:0 15px;z-index:380px;height:26px;border-radius:26px;}

.product{ margin-top:20px; }
.product_list{ margin-top:10px; margin-bottom:20px;}
.product_list dt{ color:#0088cc; font-size:20px; font-weight:bolder; padding-left:10px; line-height:32px;} 
.product_list dl dd{ width:160px; float:left; text-align:center; margin:10px 0px;}

.bottom{ height:80px; }


/*about*/
.about_box{ margin:10px;}
.about_box h2{color:#0088cc; font-size:22px; font-weight:bold;}

/*product*/
.pro_box{}
.pro_box dt{ margin-left:10px; padding:10px; background:url(../images/pro_list.jpg) no-repeat left center;color:#0088cc; font-size:20px; font-weight:bolder;}
.pro_box dl dd{ width:240px; margin-top:20px; float:left; text-align:center;}

/*µ×²¿*/
.footer {background: url("../images/bottom_bg.jpg") repeat-x;height: 62px;}
.footer dl {float: left;width: 25%;height: 62px;font-size: 14px;letter-spacing: 1px;text-align: center;position: relative;background:url("../images/dl_bg.jpg") center top no-repeat;}
.footer dl dt {cursor: pointer;}
.footer dl dt a {display: block;padding: 35px 0 0 0;height: 28px;color: #fff;}
.footer dl dt span {display: block;padding: 35px 0 0 0;color: #fff;}
#dt0 {height: 35px;background: url("../images/bottom_icon.png") center 4px no-repeat ;}
#dt1 {height: 35px;background: url("../images/bottom_icon.png") center -55px no-repeat;}
#dt2 {height: 35px;background: url("../images/bottom_icon.png") center -119px no-repeat;}
#dt3 {height: 35px;background: url("../images/bottom_icon.png") center -182px no-repeat;}
#dt4 {height: 35px;background: url("../images/bottom_icon.png") center -243px no-repeat;}
#dd1, #dd2 {display: none;}
.footer dl dd {z-index: 8888;position: absolute;overflow: hidden;width: 116px;margin-left: -10px !important;margin-left: -60px;}
.footer .side span {height: 1px;font-size: 1px;display: block;overflow: hidden;text-decoration: none;background-color: #444F5B;}

.footer ul {background-color: #0088cc;border-radius:5px;-moz-border-radius:5px; /* Old Firefox */}
.footer ul li.li {display: block;width: 116px;height: 50px;line-height: 50px;text-align: center;font-size: 20px;}
.footer ul li a {display: block;color: #fff;background: url("../images/li_bg.jpg") bottom center no-repeat;width: 116px;height: 50px;}
.footer a:visited {color: #feffff;}
/*µ×²¿end*/


/*::::: PIROBOX RULES::::::::*/
.piro_overlay { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#fff; display: none; z-index:99997; }

.loading span{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;width:30px;height:30px;display:block;z-index:100008; background:none }
.loading span span{position:absolute; display:block; width:30px;height:30px; z-index:100009;background: url(../images/demo4/ajax-loader.gif) center center no-repeat!important;background: url(../images/demo4/ajax-loader.gif) center center no-repeat;}

.caption{position:absolute;bottom:0;left:0;margin:0;display:block; padding:0px; cursor:text; background:#222;}
.piro_nav{position:absolute;bottom:0;left:50%;margin:0;display:block; padding:0; background:none;}
.caption p{ display:block; margin:0;padding:4px 28px 4px 38px; text-align:center; font-weight:normal; background:black; color:white; font-size:12px;}

a.piro_close{position:absolute;top:20px;right:20px;height:35px;width:35px;background:url(../images/demo4/close_btn.png) no-repeat;cursor:pointer;z-index:100006;}
a:hover.piro_close{background:url(../images/demo4/close_btn_h.png) no-repeat;}
a.piro_next{position:absolute;top:50%;width:35px; height:35px;right:20px;text-indent:-999em;outline:none; display:block; margin:-18px 0 0 0;background:url(../images/demo4/next.png) center right no-repeat; border:none; cursor:pointer;z-index:1000000001}
a:hover.piro_next{background:url(../images/demo4/next_h.png) center right no-repeat;}
a.piro_prev{position:absolute;top:50%;width:35px; height:35px;left:20px; text-indent:-999em; outline:none;display:block;margin:-18px 0 0 0;background: url(../images/demo4/prev.png) center left no-repeat;border:none; cursor:pointer; z-index:1000000000}
a:hover.piro_prev{background:url(prev_h.png) center left no-repeat;}

.demo{ width:240px; height:240px; float:left; overflow:hidden;text-align:center;}
.demo a{margin:0; padding:0; display:block; color:#666; line-height:28px; text-align:center}
.demo a:hover{}
.demo a img{ width:225px;margin:0; padding:0; background:url(../images/demo4/bg_tms.jpg) no-repeat;}

.pirobox_content {position:absolute; top:50%; left: 50%; padding:0; width: 400px; height: 400px; margin:-300px 0 0 -400px; display:block; z-index:99998;font-family:Trebuchet MS,Arial;}
.pirobox_content table,tbody,tr,th,td{margin:0;padding:0;border:none;}
.pirobox_content img{ margin:0; padding:0; border:none;}

.c_c div{width:400px; height:400px; margin:0; padding:0 0 0px 0; overflow:hidden;}
.t_l{background:url(../images/demo4/t_l.png) no-repeat; width:20px; height:20px;}
.t_r{background: url(../images/demo4/t_r.png) no-repeat; width:20px; height:20px;}
.t_c{height:20px; background:url(../images/demo4/t_c.png) repeat-x;}

.c_l{width:20px; background: url(../images/demo4/c_l.png) repeat-y;}
.c_c{ margin:0; padding:0; background:#FFF;}
.c_r{width:20px; background: url(../images/demo4/c_r.png) repeat-y;}

.b_c{height:20px; background:url(../images/demo4/b_c.png) repeat-x;}
.b_l{background:url(../images/demo4/b_l.png) no-repeat; width:20px; height:20px;}
.b_r{background:url(../images/demo4/b_r.png) no-repeat; width:20px; height:20px;}
/*
.t_l{background:#000; width:10px; height:10px;}
.t_r{background:#000; width:10px; height:10px;}
.t_c{height:10px; background:#000;}

.c_l{width:10px; background:#000;}
.c_c{background:#000; margin:0; padding:0;}
.c_c div{width:380px; height:180px; margin:0; padding:0;}
.c_r{width:10px; background: #000;}

.b_c{height:10px; background:#000;}
.b_l{background:#000; width:10px; height:10px;}
.b_r{background:#000; width:10px; height:10px;}
*/
.box_img{ position:absolute; z-index:99995; background: url(../images/demo4/img_bg.png);width: 100%; top:30px; left:30px; height: 100%; padding:0;}
.err_mess{ position:absolute;bottom:20px; color:black; padding:0; margin:0 0 0 20px; display:block;}
.err_mess a{color:red; font-weight:700;}
.number{position:absolute;margin-left:3px;height:18px;width:30px; padding:3px;left:0;color:#666;bottom:1px; font-size:11px;}
a.link_to {position:absolute;margin-right:6px;height:20px;width:20px;right:0;color:#999;bottom:3px; background:url(../images/demo4/link_out.png) no-repeat; text-indent:-999em;}
a:hover.link_to { background:url(../images/demo4/link_out_h.png) no-repeat;}
a.play{position:absolute;top:20px!important;top:20px;left:20px!important;left:20px;width:40px; height:40px; margin:0; outline:none; display:block;background:url(../images/demo4/play.png) no-repeat; text-indent:-999em; border:none;cursor:pointer;}
a:hover.play{background:url(../images/demo4/play_h.png) no-repeat;}
a.stop{position:absolute;top:20px!important;top:20px;left:20px!important;left:20px;width:40px; height:40px; margin:0; outline:none; display:block;background:url(../images/demo4/pause.png) no-repeat;text-indent:-999em; border:none;cursor:pointer;}
a:hover.stop{background:url(../images/demo4/pause_h.png) no-repeat;}


/*·ÖÒ³*/
/*CSS scott style pagination*/
DIV.scott {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center}
DIV.scott A {PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #0088cc;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;TEXT-DECORATION: none;border: 1px solid #ddd;}
DIV.scott A:hover {COLOR: #064a96;BACKGROUND-COLOR: #f1ffd6;border: 1px solid #0088cc;}
DIV.scott A:active {COLOR: #064a96;BACKGROUND-COLOR: #f1ffd6;border: 1px solid #0088cc;}
DIV.scott SPAN.current {PADDING-RIGHT: 5px;PADDING-LEFT: 5px;FONT-WEIGHT: bold;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BACKGROUND-COLOR: #0088cc;border: 1px solid #0088cc;}
DIV.scott SPAN.disabled {BORDER: #f3f3f3 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px;PADDING-BOTTOM: 2px; PADDING-TOP: 2px; COLOR: #ccc; MARGIN-RIGHT: 2px; }