/* jls_design CSS Document 0 english */
body {font-family: Verdana, Geneva, sans-serif;font-size: 12px;line-height: 145%;margin:0; padding:0; -webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;background:#e8e8e8; overflow-y: auto;overflow-x: none;*overflow: hidden!important;}
img { border: 0;}
a{ color: #666666;/* text-decoration: none;*/  text-decoration: none; cursor:hand;}
a:hover{ color: #000000; /*text-decoration: underline; */  text-decoration: none; cursor:hand;}
h1, h2, h3, h4, h5, h6, p { margin: 0 0px; padding: 0px }
ul { list-style-type: none; margin: 0px; padding: 0px;}
li { list-style-type: none; margin: 0px; padding: 0px;}
.clear { clear: both; zoom: 1; }
.clear:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; }
dd,dl,dt { margin: 0px; padding: 0px; float:left;}
p { padding:0; margin:0;}

.overicon a{text-decoration: underline;}
.overicon a:hover{text-decoration: none;position: relative;left: 1px;top: 1px;}

.tableclear{border-spacing: 0px;}

/*---------------index css---------------------*/
#popup { width:100%; height:100%; background-color:#e8e8e8; position:fixed; z-index:9999; }
#popup2 { width:100%; height:100%; background-color:#e8e8e8; position:fixed; z-index:9999; }
#popup3 { width:100%; height:100%; background-color:#e8e8e8; position:fixed; z-index:9999; }
#wrap_indexcenter{height:550px;background:#e8e8e8; top:50%; position: absolute; margin-top:-250px; width:100%;}
#wrapper_outer{width:100%;}

#termfoot{ width:100%; }
#termfoot div.termagree{ width:220px; margin:0 auto;}
#termfoot div.termagree ul{ padding:0; margin:0;}
#termfoot div.termagree li{ padding:10px 10px 0 0; margin:0; list-style:none; float:left;}


/*---------------normal css---------------------*/
#header_outer{position: relative;top:0; height:150px; width:100%;background:#E8E8E8;}
#header_outer div#head{ width:970px; margin:0 auto;height:135px;color:#FFFFFF; padding:15px 0 0 0;}
#header_outer div#head2{ width:970px; margin:0 auto; height:135px;color:#FFFFFF; padding:15px 0 0 0;}

#header_outer div#head div.logowrap{ float:left; width:232px; padding:0 0 0 15px;}
#header_outer div#head div.menuwrap{float:right; width:723px; padding:90px 0 0 0;}


#header_outer div#head div#submenu{position: relative;z-index:999; right:0px;}
#header_outer div#head div#submenu ul{ float:left; padding:0; margin:0;}
#header_outer div#head div#submenu li{float:left; padding:0 20px;}
#header_outer div#head div#submenu li.list{cursor: pointer; color:#000;}
#header_outer div#head div#submenu li.list a{color:#000;}
#header_outer div#head div#submenu li.list a:hover{ color:#fff;}
#content_outer{position: relative;width:100%;background:#e8e8e8; z-index:0;overflow: hidden; }



/*---------------header---------------------*/
#content_outer {margin:0 auto; width:970px;}
#content_outer div#content{margin:0 auto; height:590px;position:relative; width:970px; z-index:-999;}

#content_outer div#content div.choice{position:relative; margin: 0 auto; padding:400px 0px 0 0px; width:200px}
#content_outer div#content div.choice ul{ padding:0; margin:0;}
#content_outer div#content div.choice li{ list-style:none; padding:0 5px 0 5px; float:left;}

#perv_page{position:absolute;left:0;top:350px;z-index:50;cursor: pointer; width:100px; height:200px;/*-moz-opacity:0.8;filter:alpha(opacity:80);opacity:0.8; */background:url(../images/00_layout/next.png) no-repeat left center;}
#next_page{position:absolute;right:0;top:350px;z-index:50;background-color:#165AAD;cursor: pointer;width:100px; height:200px;/*-moz-opacity:0.8;filter:alpha(opacity:80);opacity:0.8; */background:url(../images/00_layout/perv.png) no-repeat left center;}

#silde_content{position:absolute;top:0px;background:#fff;left: 1px; /*z-index:-999;*/z-index:-999; }
.scroll-pane{width:870px; height:590px;margin:0 auto; z-index:0;}
.scroll-pane2{width:870px; height:590px;margin:0 auto; z-index:0;}
.horizontal-only{height: auto;}
.silde_page{float:left;width:970px;height:590px;}

#videoDiv{width:970px;height:543px;background:#e8e8e8;margin:0 auto;}
#videoDiv_con{width:970px;height:590px;background:#e8e8e8;margin:0 auto;}


.silde_page div.abouthistory_leftwrap{ width:870px; float:left; padding:0px 50px 0 50px; height:590px;}





.silde_page div.abouthistory_leftwrap div.history_style{}
.silde_page div.abouthistory_leftwrap div.history_style ul{ float:right; margin:0; padding:0;}
.silde_page div.abouthistory_leftwrap div.history_style li{ margin:0px; list-style:none; left:0;}
.silde_page div.abouthistory_leftwrap div.history_style li.year_height{height:100px;}
.silde_page div.abouthistory_leftwrap div.history_style div.year{color:#004891; font:bold 13px/14px Verdana, Geneva, sans-serif\; height:100px;width:20px;float:right;}
.silde_page div.abouthistory_leftwrap div.history_style li.month_height{height:60px;}
.silde_page div.abouthistory_leftwrap div.history_style div.month{color:#004891; font:bold 13px/14px Verdana;height:60px;width:20px;float:right;}
.silde_page div.abouthistory_leftwrap div.history_style li.dot{background:url(../images/01_about/line.gif) right 0px repeat-x;height:20px;}
.silde_page div.abouthistory_leftwrap div.history_style div.dot_pic{float:right;}
.silde_page div.abouthistory_leftwrap div.history_style li.des{color:#333; font: normal 13px/160% Verdana; padding:10px 0px 0 0px; height:200px;}

.silde_page div.abouthistory_leftwrap div.history_style2{}
.silde_page div.abouthistory_leftwrap div.history_style2 ul{ float:right; margin:0;}
.silde_page div.abouthistory_leftwrap div.history_style2 li{ margin:0px;}
.silde_page div.abouthistory_leftwrap div.history_style2 li.year_height{height:95px;}
.silde_page div.abouthistory_leftwrap div.history_style2 div.year{color:#004891; font:bold 15px/17px Verdana; height:95px;width:2px;float:right; padding:0 20px 0 0}
.silde_page div.abouthistory_leftwrap div.history_style2 li.month_height{height:100px;}
.silde_page div.abouthistory_leftwrap div.history_style2 div.month{color:#004891; font:bold 15px/17px Verdana;height:100px;width:2px;float:right;padding:0 21px 0 0}
.silde_page div.abouthistory_leftwrap div.history_style2 li.dot{height:21px;}
.silde_page div.abouthistory_leftwrap div.history_style2 div.dot_pic{float:right;}
.silde_page div.abouthistory_leftwrap div.history_style2 li.des{color:#333; font: normal 13px/160% Verdana; padding:10px 0px 0 1px;text-align:right;}


.silde_page div.abouthistory_leftwrap div.history_style3{}
.silde_page div.abouthistory_leftwrap div.history_style3 ul{ float:right; margin:0;}
.silde_page div.abouthistory_leftwrap div.history_style3 li{ margin:0px; }
.silde_page div.abouthistory_leftwrap div.history_style3 li.year_height{height:100px;}
.silde_page div.abouthistory_leftwrap div.history_style3 div.year{color:#004891; font:bold 13px/14px  Verdana; height:100px;width:13px;float:right; padding:0 7px 0 0; text-align:right;}
.silde_page div.abouthistory_leftwrap div.history_style3 li.month_height{height:40px;}
.silde_page div.abouthistory_leftwrap div.history_style3 div.month{color:#004891; font:bold 13px/14px Verdana;height:40px;width:13px;float:right;padding:0 7px 0 0; text-align:right;}
.silde_page div.abouthistory_leftwrap div.history_style3 li.dot{height:21px;}
.silde_page div.abouthistory_leftwrap div.history_style3 div.dot_pic{float:right;}
.silde_page div.abouthistory_leftwrap div.history_style3 li.des{color:#333; font: normal 13px/20px Verdana; padding:10px 0px 0 3px; height:250px; text-align:right;}
.silde_page div.abouthistory_leftwrap2{ width: 870px; float:left; padding:0px 50px 0px 50px;text-align:right;}
/*

.silde_page div.abouthistory_leftwrap2 div.history_style ul{ float:right; margin:0; padding:0 0px 0 0;}

.silde_page div.abouthistory_leftwrap2 div.history_style li{ width:200px; margin:0px;}
.silde_page div.abouthistory_leftwrap2 div.history_style li.year_height{height:100px;}
.silde_page div.abouthistory_leftwrap2 div.history_style div.year{color:#004891; font:bold 12px/14px  微軟正黑體,Verdana, Arial, Helvetica, sans-serif; height:100px;width:20px;float:right;}
.silde_page div.abouthistory_leftwrap2 div.history_style li.month_height{height:60px;}
.silde_page div.abouthistory_leftwrap2 div.history_style div.month{color:#004891; font:bold 12px/14px  微軟正黑體 ,Verdana, Arial, Helvetica, sans-serif;height:60px;width:20px;float:right;}
.silde_page div.abouthistory_leftwrap2 div.history_style li.dot{background:url(../images/01_about/line.gif) right 0px repeat-x;height:20px;}
.silde_page div.abouthistory_leftwrap2 div.history_style div.dot_pic{float:right;}
.silde_page div.abouthistory_leftwrap2 div.history_style li.des{color:#333; font: normal 12px/160%  微軟正黑體,Verdana, Arial, Helvetica, sans-serif; padding:10px 0px 0 0px; height:250px;}
*/

.newlist_style{}
.newlist_style ul{ float:right; margin:0; padding:0;}
.newlist_style li{ margin:0px; list-style:none; left:0; p0;}
.newlist_style li.year_height{height:150px;}
.newlist_style div.year{color:#004891; font:bold 13px/14px Verdana; height:150px;width:20px;float:right;}
.newlist_style li.month_height{height:60px;}
.newlist_style div.month{color:#004891; font:bold 13px/14px Verdana;height:60px;width:20px;float:right;}
.newlist_style li.dot{background:url(../images/01_about/line.gif) right 0px repeat-x;height:20px;}
.newlist_style div.dot_pic{float:right;}
.newlist_style li.des{color:#333; font: normal 13px/160% Verdana; padding:0px 0px 0 0px; height:270px;}


.newdtlimg{ float:right; padding:0 10px 0 10px;}
.member_wrap{}
.member_wrap ul{}
.member_wrap li{}


.engstyle_point{ background:url(../images/04_news/pointbg.gif) no-repeat left top; width:300px; height:200px; padding:60px 0px 0 0px; overflow:hidden;}
.pointtitle{ padding:0 0 0 15px; margin:0 0 20px 0;width:285px;font:700 14px/150% 'Asap', sans-serif; color:#333;}
.pointdes{ padding:0 10px 0 30px; margin:0 0 0 0; width:260px; font:400 14px/145% 'Asap', sans-serif;color:#666;}

.engpoint_last{background:url(../images/04_news/pointlast.gif) no-repeat left top; width:10px; }



.personinfo{ width:870px; height:590px; text-align:center; vertical-align:central; position:relative;}
.personinfo ul{ padding:0; margin:0;}
.personinfo li{ float:left; list-style:none; padding:0; margin:0;}


.eng_inperson { display:block;}
.eng_inperson ul{ padding:0; margin:0;}
.eng_inperson li{padding:0; margin:0; list-style:none; float:left;}
/*
#memberwrapper{position:relative;width:100%;height:100%;}
#memberpage{width:705px;height:470px;position:absolute;left:17%;top:15%;z-index:100;overflow:hidden}
#membersee{position:relative;width:705px;height:470px;top:0;left:0;}
#membersee div.membership{float:left;width:235px;height:235px;cursor: pointer;}

#memberdetail{width:705px;height:470px;position:absolute;left:17%;top:15%;z-index:90;}
.membercontent{position:relative;width:705px;height:470px;top:0;left:0;overflow:hidden;background-color:#CCCCCC;display:none;}
.membercontent div.memberpicwrapper{width:235px;height:470px;float:right; position:relative;}
.membercontent div.memberpicwrapper div.memberpic{width:235px;height:235px;position:relative;overflow:hidden;}
.membercontent div.memberpicwrapper div.memberpic div.memberpic_filrm{width:235px;height:470px;}
.membercontent div.detailtext{width:480px;height:340px;float:right;}
#memberclose{width:20px;height:20px;position:absolute;left:-30px;top:0px;display:none;cursor: pointer;z-index:150;}
*/





/*.about_his_direct{float:right; width:500px;writing-mode: tb-rl;}
.about_his_direct li.en{-webkit-transform:rotate(90deg);-webkit-transform-origin:50% 50%;-moz-transform:rotate(90deg);-moz-transform-origin:50% 50%;-o-transform:rotate(90deg);-o-transform-origin:50% 50%; line-height:150%; width:100px}
.about_his_direct ul{ float:left;}
.about_his_direct li{ width:20px;}
.about_his_direct li.title{ color:#004891; font: bold 12px/15px Verdana, Arial, Helvetica, sans-serif; padding:0 0 20px 0; height:90px;}
.about_his_direct li.mon{color:#004891; font: bold 12px/15px Verdana, Arial, Helvetica, sans-serif;padding:0 0 10px 0;height:80px;background:url(../images/01_about/dot.png) center bottom no-repeat;}
.about_his_direct li.des{color:#333; font: normal 12px/15px Verdana, Arial, Helvetica, sans-serif; padding:20px 0 0 0; height:200px; background-color:#FFCC00; float:right;}
.about_his_direct li.des span.right{ float:right;}*/






/*--------------footer--------------------*/






#foot_outer{ height:45px;width:100%;background:#E8E8E8;}
#foot_outer div#foot{width:970px; margin:0 auto; height:30px; padding:15px 0 0 0; border:none;}

#foot_outer div#foot div.footleft{ width:310px; float:left; color:#999; font-size:10px; padding:0 0 0 15px;position:relative; top:-5px;}

#foot_outer div#foot div.footright{width:630px; float:left;color:#999;padding:0 15px 0 0; position:relative; top:-20px;}
#foot_outer div#foot div.footright ul{ padding:0; margin:0; float:right;}
#foot_outer div#foot div.footright li{ list-style:none; padding:0 10px; float:left; font-size:11px;display: list-item;
text-align: -webkit-match-parent; display:block; }
#foot_outer div#foot div.footright li a{color:#999; text-decoration:none;}
#foot_outer div#foot div.footright li a:hover{color:#666; text-decoration:none;}



.rightline{ background:url(../images/00_layout/cory_right0_line.gif) no-repeat right center;}

#language {width:120px; height:50px;padding:0; }
#language a{color:#575757;width:120px;}
#language a:hover{color:#575757;width:120px;}
#language span{color:#575757;display: block;height: 50px;width:120px; }

li:hover .hide{display: block;position: absolute;top:-105px}
.hide {display: none;}
#language_style {z-index: 9999;position:absolute;width:120px;right: 20px;}
#language_style ul{ padding:0; margin:0 0 0 0;width:120px;}
#language_style li{display: block;color: #333;margin:0; width:120px;}
#language_style li a{color: #333;background-color: #fff;display: block;padding: 10px 0px 10px 15px;border-bottom:1px solid #e8e8e8;width:105px;}
#language_style li a:hover{color: ##165AAD;background-color: #fff;width:105px;padding: 10px 0px 10px 15px;}

#index_footout{height:45px;width:100%;background:#E8E8E8;}
#index_footout div#indexfoot{ width:970px; margin:0 auto;}





/*jlmenu*/
ul.jl_menu { display:block; position:absolute; z-index:9999}
ul.jl_menu li { display:block; float:left; width:110px; margin-right:30px;}
ul.jl_menu li ul { display:block; height:auto}
ul.jl_menu li ul li { display:block; width:110px; height:30px; line-height:30px; border:1px solid #CCC; background-color:#FFF; text-align:center; position:relative}
ul.jl_menu li ul li a { display:block}
ul.jl_menu li ul li ul { display:none; margin-left:110px;}
ul.jl_menu li ul li ul li { display:block; float:left; width:110px;}




