/* CSS Document */

body{margin:0;padding:0}
.topmenu{background:#29333c;width:100%;height:50px;display:block;margin:auto;}
.topmenu ul{padding:0;margin:auto;width:960px;height:50px;display:block;position:relative;}
.topmenu ul li{list-style:none;margin:0;padding:0;float:left;display:block;width:160px;height:50px;overflow:hidden;position:relative;z-index:2;}
.topmenu ul li a{cursor:pointer;margin:0;padding:0;display:block;width:160px;height:50px;overflow:hidden;background-image: url(../images/wp_menu.png);}
body.en_us .topmenu ul li a{cursor:pointer;margin:0;padding:0;display:block;width:160px;height:50px;overflow:hidden;background-image: url(../images/wp_menu_en.png);}

.topmenu ul li.home a{background-position:0 0;}
.topmenu ul li.about a{background-position:0 -100px;}
.topmenu ul li.software a{background-position:0 -200px;}
.topmenu ul li.hardware a{background-position:0 -300px;}
.topmenu ul li.system a{background-position:0 -400px;}
.topmenu ul li.contact a{background-position:0 -500px;}

.topmenu ul li.home a:hover{background-position:0 -50px;}
.topmenu ul li.about a:hover{background-position:0 -150px;}
.topmenu ul li.software a:hover{background-position:0 -250px;}
.topmenu ul li.hardware a:hover{background-position:0 -350px;}
.topmenu ul li.system a:hover{background-position:0 -450px;}
.topmenu ul li.contact a:hover{background-position:0 -550px;}

.topmenu ul li.home a.selected{background-position:0 -50px;}
.topmenu ul li.about a.selected{background-position:0 -150px;}
.topmenu ul li.software a.selected{background-position:0 -250px;}
.topmenu ul li.hardware a.selected{background-position:0 -350px;}
.topmenu ul li.system a.selected{background-position:0 -450px;}
.topmenu ul li.contact a.selected.{background-position:0 -550px;}

#top_pic{-webkit-transition-duration:1.2s; -moz-transition-duration:1.2s; -o-transition-duration:1.2s; transition-duration:1.2s;}
#top_pic_outer{background:url(../images/wp_pic_x.png) top center repeat-x;width:100%;height:auto;display:block;position:relative;}
#top_pic::before{content:"";background:url(../images/wp_pic_blank.png) center center no-repeat;display:block;width:100%;height:300px;-webkit-transition-duration:.8s; -moz-transition-duration:.8s; -o-transition-duration:.8s; transition-duration:.8s;}
#top_pic.home{width:1150px;height:320px;display:block;position:relative;margin:auto;}
#top_pic.home::before{content:"";background:url(../images/wp_pic.png) center center no-repeat;display:block;width:100%;height:320px;-webkit-transition-duration:.8s; -moz-transition-duration:.8s; -o-transition-duration:8.8s; transition-duration:.8s;}
#top_pic.inpage{width:960px;height:149px;display:block;position:relative;margin:auto;}
#top_pic.inpage::before{content:"";background:url(../images/wp_in_pic.png) center center no-repeat;display:block;width:100%;height:149px;-webkit-transition-duration:.8s; -moz-transition-duration:.8s; -o-transition-duration:8.8s; transition-duration:.8s;}

.bottom_box{clear:both;margin:auto;padding:0;width:100%;height:80px;background:#27313a;position: relative;}
.main_bottom {margin:auto;width:800px;position:relative;}
.main_bottom::before{content:"";background:url(../images/wp_dw.png) 0 0 no-repeat;width:600px;height:60px;display:block;position:absolute;top:0px;left:20px;}
.main_bottom::after{color: #D1D1D1;font: 12px/22px Arial,Verdana, Geneva, sans-serif,"微軟正黑體";position: absolute;top: 52px;left: 112px;}
.main_bottom::after{content:"實績涵蓋的區域:(因台灣個資法無法一一敘述)中國大陸,韓國,印度,泰國,新加坡,馬來西亞,菲律賓";}
body.en_us .main_bottom::after{content:"Performance covers ：China,Korea,India,Thailand,Singapore,Malaysia,Philippines.";left:172px;}


#main_box{display:none;background:url(../images/body_bg.png) top center repeat-x;width:100%;margin:auto;position:relative;}

a.more {float:right;clear:both;cursor:pointer;width:40px;height:10px;display:block;overflow:hidden;background:url(../images/wp_more.png) 0 0 no-repeat;}
a.more:hover{background-position:0 -10px;}

a.contact {float:right;clear:both;cursor:pointer;width:70px;height:20px;display:block;overflow:hidden;background:url(../images/wp_contact.png) 0 0 no-repeat;}
a.contact:hover{background-position:0 -20px;}


/*font-style font-weight font-size line-height font-family*/
.home_title{font: bold 16px/20px Verdana, Geneva, sans-serif,"微軟正黑體";color:#000;}
.home_subtitle{font:12px/16px Arial,Verdana, Geneva, sans-serif,"微軟正黑體";color:#929292;margin-bottom:3px;}

.inpage_title{font: bold 16px/20px Verdana, Geneva, sans-serif,"微軟正黑體";color:#002466;float:left;}
.inpage_subtitle{font:12px/23px Arial,Verdana, Geneva, sans-serif,"微軟正黑體";color:#929292;margin-bottom:3px;margin-left:3px;float:left;}

.home_box{width:1150px;margin:0px auto 10px auto;height:264px;display:block;padding-top:10px;}
.inpage_box{width:960px;margin:0px auto 10px auto;height:auto;display:block;padding-top:10px;}
.home_company{vertical-align:top;width:330px;height:254px;float:left;position:relative;margin-right:20px;border-bottom: 1px dotted #929292;}
.home_intro{width:230px;height:200px;font:12px/22px Arial,Verdana, Geneva, sans-serif,"微軟正黑體";color:#929292;overflow:hidden;}

.home_productbox{vertical-align:top;width:420px;height:254px;float:left;border-bottom: 1px dotted #929292;margin-right:20px;}
.home_productbox ol{margin:0;padding:0}
.home_productbox ol li{cursor:pointer;margin:0 20px 0 0;padding:0;float:left;font:12px/25px Arial,Verdana, Geneva, sans-serif,"微軟正黑體";color:#363636;
width:320px;
list-style-position:inside;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');}
.home_productbox ol li:hover{color:#033592;}

.line{clear:both;border-bottom: 1px dotted #929292;width:100%;display:block;height:3px;margin-bottom:2px;}
.home_contentus{vertical-align:top;width:360px;min-height:254px;float:right;border-bottom: 1px dotted #929292;}
.home_contentus ul{margin:0;padding:0;clear:both;}
.home_contentus ul li{list-style:none;margin:0;padding:0;position:relative;margin-left:20px;font:12px/30px Arial,Verdana, Geneva, sans-serif,"微軟正黑體";color:#585858;}
.home_contentus ul li::before{content:"";background:url(../images/wp_point.png) 0 0 no-repeat;width:11px;height:11px;display:block;position:absolute;top:10px;left:-20px;}
.home_contentus ul li span{width:80px;font: bold 14px/20px Verdana, Geneva, sans-serif,"微軟正黑體";color:#000;display:inline-block}

.inpage_contentus{vertical-align:top;width:370px;min-height:254px;float:right;border-bottom: 1px dotted #929292;}
.inpage_contentus ul{margin:0;padding:0;clear:both;}
.inpage_contentus ul li{list-style:none;margin:0;padding:0;position:relative;margin-left:20px;font:12px/30px Arial,Verdana, Geneva, sans-serif,"微軟正黑體";color:#585858;}
.inpage_contentus ul li::before{content:"";background:url(../images/wp_point.png) 0 0 no-repeat;width:11px;height:11px;display:block;position:absolute;top:10px;left:-20px;}
.inpage_contentus ul li span{width:80px;font: bold 14px/20px Verdana, Geneva, sans-serif,"微軟正黑體";color:#000;display:inline-block}

.wide_head{width:90px;}
.wide_body{width:320px;}

.company_img{width:90px;height:204px;display:block;background:url(../images/wp_pic_2.png) 0 0 no-repeat;margin-right:5px;}
.contact_img{width:55px;height:52px;display:block;background:url(../images/wp_phone.png) 0 0 no-repeat;margin-right:15px;}
.about_img{width:220px;height:342px;display:block;background:url(../images/wp_in_conpant.png) 0 0 no-repeat;margin-right:15px;}


.logo{width:310px;height:70px;display:block;background:url(../images/wp_logo.png) 0 0 no-repeat;position:absolute;top:50%;left:300px;margin-top:-35px;}
.slogn{width:260px;height:60px;display:block;background:url(../images/wp_word.png) 0 0 no-repeat;position:absolute;top:50%;right:300px;margin-top:-30px;}
.floatleft{float:left;}
.floatright{float:right;}
.map_box{margin-left:10px;}
.clear{clear:both;margin-top:10px;}

.serviceform{margin:10px 0;}
.serviceform tr td{border-bottom:1px dotted #929292;}
.serviceform tr:last-child td{border-bottom:0;}
.serviceform tr td:first-child{width:80px;font: bold 14px/20px Verdana, Geneva, sans-serif,"微軟正黑體";color:#000;text-align:right;padding-right:10px;}
.serviceform input[type="text"]{
border:#ccc 1px solid;  
border-radius: 5px; /* css 3标准 */  
-moz-border-radius: 5px;  /* mozilla */  
-webkit-border-radius: 5px;  /* webkit */  
width:100%;
height:21px;
padding-left:3px;
padding-right:3px;}
.serviceform textarea{
border:#ccc 1px solid;  
border-radius: 5px; /* css 3标准 */  
-moz-border-radius: 5px;  /* mozilla */  
-webkit-border-radius: 5px;  /* webkit */  
height:100px;
width:100%;
}
.serviceform a.send{margin:auto;cursor:pointer;width:83px;height:35px;display:block;background:url(../images/wp_sent.png) 0 0 no-repeat;overflow:hidden;}
.serviceform a.send:hover{background-position:0 -35px;}

.inpage_context_title{font: bold 24px/20px Arial, Verdana, Geneva, sans-serif,"微軟正黑體";color:#29333c;margin-bottom:10px;}
.inpage_context_body{width:540px;font: bold 14px/30px Arial, Verdana, Geneva, sans-serif,"微軟正黑體";color:#585858;}
.inpage_context_body.about{width:650px;}

.inpage_menu {width:100%;height:auto;clear:both;float:left;background:#fff;margin-bottom:20px;}
.inpage_menu ul{margin:0;padding:0;width:100%;margin-left:20px;}
.inpage_menu ul li{list-style:none;margin:0;padding:0;float:left;position:relative;margin-right:40px;}


.inpage_menu ul li a{cursor:pointer;font: bold 14px/30px Arial, Verdana, Geneva, sans-serif,"微軟正黑體";color:#858585;position:relative;}
.inpage_menu ul li a:hover{color:#023693;}
.inpage_menu ul li a.selected{color:#023693;}
.inpage_menu ul li a::before{content:"";width:5px;height:9px;display:block;overflow:hidden;background:url(../images/wp_in_point.png) 0 0 no-repeat;position:absolute;left:-10px;top:3px;}
.inpage_menu ul li a:hover::before{background-position:0 -9px;}
.inpage_menu ul li a.selected::before{background-position:0 -9px;}

.inpage_photo_box{float:left;clear:both;}
#inpage_photo img{width:395px;height:auto;}
.inpage_album{margin:0;padding:0;width:410px;}
.inpage_album ul{margin:0;padding:0;width:410px;}
.inpage_album ul li{cursor:pointer;list-style:none;margin:10px 10px 0 0;padding:0;width:125px;height:auto;float:left;}
.inpage_album ul li img{width:125px;height:auto;}

#inpage_body{display:none;height:auto;}

a.gohome{cursor:pointer;width:56px;height:62px;display:block;background:url(../images/wp_home.png) 0 0px no-repeat;position:absolute;top:-12px;right:0;z-index:1;}
a.gohome:hover{background-position:0 -62px;}

.lang{position:absolute;top:48px;right:0px;z-index:1;}
.lang a{cursor:pointer;line-height:20px;font: bold 12px/30px Arial, Verdana, Geneva, sans-serif,"微軟正黑體";color:#363636;}
.lang a:hover{color:#033592;}
.lang a::before{content:"|";position:relative;margin-right:5px;}
.lang a:last-child::after{content:"|";position:relative;margin-left:5px;}