h2, h3, p, li, ul, img{
	padding: 0;
	margin: 0;
	border: 0;
}

html, body{
	height: 100%;
	width: 100%;
}

body{
	margin: 0;	
	font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
    font-size:62.5%;
}

.header_bg{
	height: 48px;
	width: 100%;
	background: white;
	z-index: 999;
}

.head_container{
	max-width: 1200px;
	margin:0 auto;

}

.logo{
		margin: 5px 15px;
		float: left 
		
		
		
}

.test
{
	margin-left: 0;
	margin-right: 0;
	margin-top: -2px;
}


.test2
{
	margin-left: 0;
	margin-right: 0;
	margin-top: 3px;
}

.test3
{
	margin-left: 0;
	margin-right: 2px;
	margin-top: 92px;
}

.test4
{
	margin-top: 36px;
	
}


.test5
{
	margin-left: 3px;
	margin-top: 26px;
	
}


.test6
{
	margin-top: -50px;
	
}


.navi{

	float: left;
	list-style: none;
	height: 48px;
	line-height: 48px;
	margin: 0;
	padding: 0;
    font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
	font-size:8px;
    position:relative;
	font-family:Arial,新細明體;
} 

.navi li{
	float: left;
    font-family:Arial,新細明體;
}

.navi li a{
	color: #505050;
	font-size:16px;
	text-decoration:none;
	display: block;
	height:48px;
	padding:0 8.7px;
	font-family:Arial,新細明體;
}
.selected{
     background:#004071;
    color:white;
}

.navi .selected a{
    color:white;
}
.navi li a:hover{
	color:white;
    background:#004071;
}

.navi li a img{
	margin:19px 8px 0 0; 

}

.navi li .lan{
    background:url(../images/lan_icon.png) no-repeat 77px 18px ;
    padding-right:20px;
}

.navi li .lan:hover{
    background:#004071 url(../images/lan_icon_2.png) no-repeat 77px 18px ;
    padding-right:20px;
}


.container{
	text-align:center;
}

.lan_block{
    width:84px;
    background:#fff;
    position:absolute;
	right:540px;
	font-size:1.4em;
    top:48px;
    display:none;
    z-index:999;
	font-family:Arial,新細明體;
}

.lan_block a{
    width:84px;
    height:30px;
    display:block;
    line-height:30px;
    text-align:center;
    font-size:1.4em;
    color:#242424;
    text-decoration:none;
}

.lan_block a:hover{
    color:white;
    background:#004071;
}



.lan2_block{
    width:84px;
    background:#fff;
    position:absolute;
	right:455px;
	font-size:1.4em;
    top:48px;
    display:none;
    z-index:999;
	font-family:Arial,新細明體;
}

.lan2_block a{
    width:84px;
    height:30px;
    display:block;
    line-height:30px;
    text-align:center;
    font-size:1.4em;
    color:#242424;
    text-decoration:none;
	font-family:Arial,新細明體;
}

.lan2_block a:hover{
    color:white;
    background:#004071;
}





.pro_block{
    width:83px;
    background:#fff;
    position:absolute;
    margin:0 0 0 212px;
    top:48px;
    display:none;
    z-index:999;
	font-family:Arial,新細明體;

	
}

.pro_block a{
    width:83px;
    height:30px;
    display:block;
    line-height:30px;
    text-align:center;
    font-size:1.6em;
    color:#242424;
    text-decoration:none;
	font-family:Arial,新細明體;
}
	
}

.pro_block a:hover{
    color:white;
    background:#004071;
}

/*-------HOME--------*/

.roller_navi{
	height: 60px;
	width: 100%;
	position:absolute;
    top: 450px;
}

.roller_btn_hover{
    position:absolute;
    width:200px;
    height:108px;
    background-image:url(../images/lower_navi_bg.png) ;
    top:6px;
    left:6px;
    display:none;
}

.plus{
    float:left;
    width:40px;
    height:40px;
    margin:20px 0 0 98px;
}

.plus_text{
    float:left;
    width:236px;
    text-align:center;
    color:white;
    font-weight:bold;
    font-size:1.5em;
    margin-top:15px;

}

.slo_main{
	font-size:36px;
	color: #252525;
	padding: 0;
	margin:15px 0 0 0;
}

.slo_sec{
	font-size:14px;
	color: #5f5f5f;
	margin: 0 0 10px 0;
}

.roller_btn{
	width: 248px;
    margin-left:64px ;
	color: white;
	text-decoration:none;
	display: block;
	float:left;
    position:relative;
}

.roller_container{
	width:1000px;
	margin: auto 0;
	position: absolute;
	left:50%;
	margin-left: -500px;
}

.home_pro_pic{
	height: 132px;
	width: 210px;
	background: url(../images/box_bg.png) no-repeat;
	float: left;
	margin-left: -500px;
}

.home_pro_pic img{
	width:auto;
	height: 115px;
    margin:5px auto 0;
}


.home_pro_pic1{
	height: 132px;
	width: 210px;
	background: url(../images/box_bg.png) no-repeat;
	float: left;
}

.home_pro_pic1 img{
	width:auto;
	height: 115px;
    margin:9px 0 0 -11px;
}


.home_pro_pic2{
	height: 132px;
	width: 210px;
	background: url(../images/box_bg.png) no-repeat;
	float: left;
}

.home_pro_pic2 img{
	width:auto;
	height: 115px;
    margin:8px 0 0 10px;
}


.home_pro_pic3{
	height: 132px;
	width: 210px;
	background: url(../images/box_bg.png) no-repeat;
	float: left;
}

.home_pro_pic3 img{
	width:auto;
	height: 115px;
    margin:5px 0 0 -15px;
}

.home_pro_title_gr{
    width:238px;
    width:238px;
    height:30px;
    float:left;
	margin: -15px 0 0 64px;
	font-family: "新細明體";
	
}

.home_pro_title_gr1{
    width:238px;
    width:238px;
    height:30px;
    float:left;
	margin: -15px 0 0 60px;
	font-family: "新細明體";
	
}


.home_pro_title_gr2{
    width:238px;
    width:238px;
    height:30px;
    float:left;
	margin: -15px 0 0 53px;
	font-family: "新細明體";
	
}

.home_pro_title_gr3{
    width:238px;
    width:238px;
    height:30px;
    float:left;
	margin: -15px 0 0 70px;
	font-family: "新細明體";
	
}

.home_pro_title{
	font-size:1.5em; 
	text-align: left;
    color:#242424;
	font-family: "新細明體";
}

.home_pro_name{
	text-align: left;
	font-size: 14px;
	margin: 0px 0 0 0;
	padding-right:30px;
	background: url(../images/more_arrow.png) top right no-repeat;
	float: left;
}


.EDGE-49171075{  
    margin:20px auto;
    width:1024px;
} 

.bg{
	position: absolute;
	top: 0;
	left:0;
	width:100%;
	height: 100%;
	z-index: -99;
	background: url(../images/bbg3.jpg) top right no-repeat;
}

.bg2{
	background: url(../images/bbg2.jpg) top left no-repeat;
	width: 100%;
	height: 100%;
}

.bg3{
    position:fixed;
	top: 0;
	left:0;
    z-index: -99;
	background: #e8e8e8 url(../images/bbg.jpg) bottom no-repeat;
	width: 100%;
	height: 100%;
    
}

/*-------------about--------------*/
.about_upper{
	background: url(../images/about_bg.png) center no-repeat;
	width: 100%;
	height: 300px;
	position: absolute;
	top: 0;
	z-index: -99;
	text-align: center;
}

#warpper{
    height:100%;
    width:100%;
    position:relative;
}
.play{
	display: block;
	width:200px;
	height: 40px;
    line-height:40px;
	opacity: 1;
    background:#004071;
    margin:30px auto 5px;
    color:white;
    text-decoration:none;
    font-weight:bold;
    font-size:14px;
    cursor:pointer;
	font-family:"新細明體";
}

.vedio{
	margin-top: 50px;
	left:50%;
	margin-left: -423px;
	position: absolute;
}

.about_player_bg{
    position:absolute;
    background:url(../images/sup_bg_texture2.png);
    top:48px;
    width:100%;
    height:100%;
    z-index:99;
    display:none;
}


.about_navi{
	height: 48px;
	background: #004071;
	width: 100%;
	line-height: 48px;
	font-size:14px;
	margin:0;
	overflow: hidden;
	font-family:"新細明體";
}

.about_navi_align{
    width:550px;
    margin:0 auto;
}

.exi_navi_align{
    width:250px;
    margin:0 auto;
	font-family:"新細明體";
}

.about_navi a{
    color:white;
	text-decoration: none;
	display: block;
	padding:0 20px;
	float: left;
	text-align: center;
    margin:0;
}

.about_navi a:hover{
	background: #fff;
    color:black;
}

.about_navi .ab_selected{
	background: #002f52;
    color:white;
	}

.about_navi .ab_selected:hover{
	background: #002f52;
    color:white;
	}

.content{
	text-align: center;
    width:100%;
    height:100%;
    float:left;
    min-height:720px;
    z-index:-5;
	font-family:"新細明體";
}

.ab_cn_bg{
    margin-bottom:20px;
	background:url(../images/about01.jpg) no-repeat;
    background-size:cover;
	width:711px;
	height:250px;
}


.ab_mani_bg{
    position: fixed;
	top: 0;
	left:0;
    z-index: -98;
	background:url(../images/mani_bg.jpg) no-repeat 0 96px;;
    background-size:100% auto;
	width: 100%;
	height: 641px;
}

.cn3_bg{
    position: fixed;
	top: 0;
	left:0;
    z-index: -98;
	background: #e8e8e8 url(../images/q_bg.jpg)no-repeat 0 96px;
    background-size:100% auto;
	width: 100%;
	height:600px;
}

.about_text{
    background:white;
    width:711px;
    margin:20px auto 10px;
    padding:20px 20px;
    box-shadow:0 0 25px rgba(0,0,0,0.3);
}

 .content2_text{
    background:white;
    width:650px;	
    margin:60px auto 10px;
    padding:20px 20px;
    overflow:auto;
	font-family: "新細明體";
}



.cn3_text{
    color:white;
    width:650px;
    margin:40px auto 10px;
    padding:20px 20px;
    background:#464646;
}

.content3 h2, .content3 h3{
	font-size:24px;
	margin:  0 10px;
    color:#05c6fe;
}


.content h2, .content3 h2{
	font-size:24px;
	margin:  0 10px;
}

.content3 h3{
	font-size:18px;
}

.content3{
	text-align: center;
}

.content2   h2{
    font-size:14px;
    text-align:center;
}

.content2   p{
    font-size:12px;
    text-align:justify;
    line-height:24px;
    padding:5px 0 15px;
}

.content2_title{
    font-size:24px;
    font-weight:bold;
    padding:0 0 15px  0;
    text-align:center;
}

.content p, .content3 p{
	width:600px;
	font-size:12px;
	margin:0 auto;
	line-height:24px;
	text-align: justify;
}


.pic_group{
	padding: 10px 0 0 0;
	margin:0  auto ;
	width: 690px;
    background:#fff;
    height:100px;
    position:relative;
    box-shadow:0 0 25px rgba(0,0,0,0.3);
    
}

.pic_group a{
	display:block;
	float: left;
	margin:0 6px ;
    width:160px;
    height:auto;
    
}

.pic_group a img{
    width:160px;
    height:auto;
}

.pic_group .small_next{
    position:absolute;
    width:40px;
    height:40px;
    top:30px;
    left:690px;
    background:url(../images/small_next.png);
    display:block;
    padding:0;
    margin:0;
}

.pic_group .small_pre{
    position:absolute;
    top:30px;
    left:-40px;
    background:url(../images/small_pre.png);
    width:40px;
    height:40px;
    display:block;
    padding:0;
    margin:0;
}

.pic_group .small_next:hover, .pic_group .small_pre:hover{
    opacity:0.5
}

/*---------------
about feature
---------------*/
.content4{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	margin:0 0 0 28px;
}

.fe_navi_con{
    float:left;
    position:absolute;
    top:20px;
    left:0px;
    height:40px;
}



.fe_navi{
    width:120px;
    height:40px;
    display:block;
    line-height:40px;
    text-align:center;
    text-decoration:none;
    font-family: "passion-one";
    font-size:1.5em;
    color:black;
    float:left;
    background:#fff;
    margin-left:2px;
}

.fe_navi:hover{
    background:black;
    color:white;
}

.fe_selected{
    background:black;
    color:white;
}

.fe_box{
    width:1000px;
    margin-top:100px;
    float:left;
}

.fe_text_con{
    width:410px;
    float:left;
}

.fe_text{
    width:410px;
    font-size:16px;
	font-family:"新細明體";
    color:black;
    float:left;
    text-align:justify;
    margin-bottom:15px;
    margin-left:10px;
    line-height:18px;
	
}

.fe_img{
    width:535px;
    height:425px;
    float:right;
    margin-top:-65px;
}

#fe02, #fe03{
    display:none;    
}

/*---------------
about manufacture
---------------*/

.content2{

	
}


.mani{
padding-top: 20px;
	width:800px;
	height: 314px;
	margin: 0 auto;
}


.mani h2{
	font-size:30px;
	color: black;
	padding: 70px 0 5px 0;
}

.mani p{
	font-size:12px;
	line-height: 21px;
	color: #505050;
	padding: 0 ;
	width: 450px;
}

.mani01{
	background: url(../images/mani01.jpg) top left no-repeat;
	height: 314px;
	padding-left: 314px;
}

.mani02{
	background: url(../images/mani02.jpg) top left no-repeat;
	height: 314px;
	padding-left: 314px;
	display: none;
}

.mani03{
	background: url(../images/mani03.jpg) top left no-repeat;
	height: 314px;
	padding-left: 314px;
	display: none;
}

.mani04{
	background: url(../images/mani04.jpg) top left no-repeat;
	height: 314px;
	padding-left: 314px;
	display: none;
}

.mani05{
	background: url(../images/mani05.jpg) top left no-repeat;
	height: 314px;
	padding-left: 314px;
	display: none;
}

.mani06{
	background: url(../images/mani06.jpg) top left no-repeat;
	height: 314px;
	padding-left: 314px;
	display: none;
}

.mani07{
	background: url(../images/mani07.jpg) top left no-repeat;
	height: 314px;
	padding-left: 314px;
	display: none;
}


.pager{
	position: relative;
	height: 60px;
	width: 460px;
	margin: 10px auto;
	position: relative;
}

.pager_line{
	height: 3px;
	width:360px;
	background: #b22e2e;
	margin:28px	50px; 
	float: left;
}

.pager_btn{
	position: absolute;
	height: 60px;
	top: 0;
	display: block;
	z-index: 99;
	left: 20px;
}

.pager_btn li{
	height:20px;
	width: 20px;
	display: block;
	border-radius:60px;
	float: left;
	margin:20px;
	box-shadow:0 0  5px rgba(0,0,0,0.5);
	background: white;
	cursor: pointer;

}

.select{
	height: 37px;
	width:37px;
	border: 3px solid #b22e2e;
	margin: 10px;
}



/*----------
about  worldwide
----------*/

.content5{
    text-align: left;
	width: 100%;
    height:100%;
    background:#fff;
    position:relative;
}

.long_title{
	height: 15px;
	border-bottom: 1px solid #e8e8e8;
	float: left;
	font-size: 14px;
	color:#242424 ;
	width: 960px;
	text-align: center;
	margin-top: 30px;
	font-weight: bold;
}

.world_map{
	width: 1024px;
    height:498px;
    position:relative;
    margin:0 auto ;
    background:url(../images/map.jpg) no-repeat 0 46px;
	font-size: 12px;
	padding-top: 46px;
}

.loc_board_single{
    width:340px;
    margin:150px auto 0;
    position:relative;
}

.loc_tw{
    width:960px;
    margin:150px auto 0;
    position:relative;
}

.loc_china{
    width:960px;
    margin:20px auto 0;
    position:relative;
}

.loc_Europe{
    width:960px;
    margin:150px auto 0;
    position:relative;
}

.loc_tw_mtop{
    margin-top:42px;
}

.loc_china_mbt{
    margin-bottom:10px;
}

.loc_board{
    width:300px;
    float:left;
    margin-left:10px;
    margin-right:10px;
}

.loc_china .loc_info_tw{
    height:219px;
    padding:10px;
    float:left;
    background:white;
    width:280px;
}

.close{
    cursor:pointer;
    width:40px;
    height:0px;
    position:absolute;
    top:0px;
    right:-50px;
    background:#fff url(../images/cross.png) no-repeat 10px 10px;
}

.close:hover{
    background:#000 url(../images/cross_w.png) no-repeat 12px 12px;
}

.loc_logo{
    background:white;
    height:30px;
    padding:5px 5px;
    float:left;
    width:330px;
    margin-bottom:2px;
}

.loc_logo_tw{
    background:white;
    height:30px;
    padding:5px 5px;
    float:left;
    width:290px;
    margin-bottom:2px;
}

.loc_logo img, .loc_logo_tw img{
    height:30px;
    width:auto;
    float:left;
    border:none;
}

.loc_info{
    padding:10px;
    float:left;
    background:white;
    width:320px;
}

.loc_info_tw{
    padding:10px;
    float:left;
    background:white;
    width:280px;
}

.co_title{
    font-family: "passion-one";
    font-size:2em;
    float:left;
    text-align:left;
    padding:5px 0 ;
    text-transform:uppercase;
}

.loc_row{
    width:320px;
    float:left;
    margin-bottom:5px;
}

.loc_row_tw{
    width:280px;
    float:left;
    margin-bottom:5px;
}

.loc_head{
    width:65px;
    font-family: "passion-one";
    font-size:1.5em;
    height:20px;
    float:left;
    padding-left:20px;
}

.loc_phone{
    background:url(../images/world_phone.png) no-repeat 0 3px;
}

.loc_fax{
    background:url(../images/world_fax.png) no-repeat 0 3px;
}

.loc_add{
    background:url(../images/world_loc.png) no-repeat 0 3px;
}

.loc_email{
    background:url(../images/world_email.png) no-repeat 0 3px;
}

.loc_web{
    background:url(../images/world_wb.png) no-repeat 0 3px;
}

.loc_content{
    width:235px;
    font-size:10px;
    float:left;
}

.loc_content_tw{
    width:195px;
    font-size:10px;
    float:left;
}

.map_pin{
    background:url(../images/map_pin.png) no-repeat top left;
    position:absolute;
    padding-left:24px;
    width:0;
    height:31px;
    cursor:pointer;
    overflow:hidden;
}

.map_pin p{
    display:block;
    height:24px;
    line-height:24px;
    font-family: "passion-one";
    font-size:1.5em;
    text-align:left;
    padding-left:10px;
    color:#01223b;
    text-transform:uppercase;
}

.loc{
    width:100%;
    height:100%;
    position:absolute;
    background:url(../images/sup_bg_texture2.png);
    z-index:100;
    display:none;
}

#loc_01, #loc_02, #loc_03, #loc_04, #loc_05, #loc_06, #loc_07, #loc_08, #loc_09, #loc_10, #loc_11, #loc_12, #loc_13, #loc_14, #loc_15, #loc_16, #loc_17, #loc_18, #loc_19, #loc_20, #loc_21, #loc_22 {
    display:none;
}

.m_p01{
    left:236px;
    top:205px;
}

.m_p02{
    left:349px;
    top:348px;
}


.m_p03{
    left:483px;
    top:183px;
}


.m_p04{
    left:488px;
    top:151px;
}


.m_p05{
    left:514px;
    top:165px;
}


.m_p06{
    left:514px;
    top:175px;
}


.m_p07{
    left:542px;
    top:106px;
}


.m_p08{
    left:544px;
    top:142px;
}


.m_p09{
    left:598px;
    top:188px;
}


.m_p10{
    left:659px;
    top:218px;
}


.m_p11{
    left:730px;
    top:250px;
}


.m_p12{
    left:788px;
    top:315px;
}


.m_p13{
    left:798px;
    top:272px;
}


.m_p14{
    left:808px;
    top:340px;
}


.m_p15{
    left:815px;
    top:219px;
}


.m_p16{
    left:842px;
    top:333px;
}


.m_p17{
    left:843px;
    top:240px;
}


.m_p18{
    left:860px;
    top:187px;
}

.m_p19{
    left:890px;
    top:200px;
}

.m_p20{
    left:914px;
    top:446px;
}

.m_p21{
    left:544px;
    top:180px;
}

.m_p22{
    left:640px;
    top:130px;
}

/*-----------SUPPORT----------------*/


.sup{
	background: url(../images/pro_bg.png) #f1f1f1;
	height: 100%;
	width:100%;
}

.dt_main{
	margin:0 auto 0;
	display: block;
}

.dt_section{
	width:100%;
	height:190px;
	background: white;
	border-top:4px solid #004071;
	position: absolute;
	text-align: left;
	line-height: 24px;
	font-weight:bold;
	color: #14619c;
}



.dt_title{
    font-size:2.5em;
    width:100%;
    padding:0;
    margin:20px;
    text-align:center;
    font-family: "arial black";
    position:absolute;
    top:40px;
    left:0;
}

.dt01_block{
    width:512px;
    float:left;
    padding-top:30px;
    display:block;
}

.dt01_pic{
    margin:70px 68px 0;
}

.dt_btn{
    width:169px;
    height:63px;
    float:left;
    display:block;
    margin:20px 142px;
    color:white;
    font-size:1.3em;
    background:url(../images/custom_btn.png);
    text-decoration:none;
    font-family: "arial";
    font-weight:bold;
    line-height:60px;
    padding-left:58px;
    cursor:pointer;
}

.sec_c{
	top:380px;	
}

.sec_b{
    top:190px;
}

.steps{
    width:50%;
    height:100%;
    position:absolute;
    right:0;
    background:url(../images/sup_bg_texture2.png);
    z-index:5;
    overflow:100%;
    display:none;
}

.steps02{
    width:50%;
    height:100%;
    position:absolute;
    left:0;
    background:url(../images/sup_bg_texture2.png);
    z-index:5;
    overflow:100%;
    display:none;
}

.step_num02{
    position:absolute;
    width:72px;
    height:72px;
    right:-38px;
    top:39px;
    border:0;
}

.step_num{
    position:absolute;
    width:72px;
    height:72px;
    left:-38px;
    top:39px;
    border:0;
}

.btn_group{
    float:left;
    margin:48px 0 0 75px;
}

.step_ds{
    font-size:2em;
    font-weight:bold;
    color:black;
    margin:20px 50px 0;

}

.select_move{
	margin:20px 50px;
    float:left;
}


.sup_container{
	width:1000px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}


.sup_menu{
	width:180px;
	margin:0 0 0 20px;
	float: left;
}

.sup_menu a{
	text-decoration: none;
	font-weight:bold;
	color: black;
	display: block;
	height: 30px;
    width:150px;
	margin: 5px 0;
	line-height: 30px;
    padding: 0 0 0 15px;
    background:white;
    font-size:14px;
    
}

.sup_menu a:hover{
	color:white;
    background:#000;
}

.sup_content{
	width:750px;
	margin: 0 0 0 50px;
	float: left;
}

.sup_title{
	width:700px;
	font-weight:bold;
	font-size:18px;
	color:#242424;
	float: left;
    margin-bottom:10px;
}


.find_block{
    float:left;
    height:50px;
    border-bottom:1px dashed #242424;
    width:750px;
    margin-bottom:20px;
}

.cad_type{
    margin:15px 0;
}

.cad_find{
    float:right;
    width:80px;
    height:35px;
    background:#242424;
    border:1px solid #000;
    color:white;
    border-radius:3px;
    cursor:pointer;
    box-shadow:0 1px 3px rgba(0,0,0,0.5);
}

.cad_find:hover{
    background:#2c2b2b;
    box-shadow:none;
}

.cad_pick{
    display:none;
    float:left;
}

.cad_table{
    width:700px;
    margin:0 25px;
    float:left;
    border-collapse:collapse;
    background:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,0.5);
    border:0;
    border-radius:3px;
    text-align:center;
    
}

.cad_table tr{
    height:35px;
}

.cad_head{
    font-size:14px;
    font-weight:bold;
}

.cad_foot{
    color:#c4c4c4;
}

.cad_dark_row{
    background:#e8e8e8;
}

.cad_table td{
    height:35px;
}

.in_box{
    width:750px;
}

.sm_row{
    width:185px;
    float:left;
}

.sm_list{
    width:185px;
    float:left;
}

.sm_list a{
    color:#242424;
    text-decoration:none;
}

.sm_list a:hover{
    text-decoration:underline;
}

.sm_list dt{
    width:185px;
    font-size:14px;
    font-weight:bold;
    text-decoration:underline;
}

.sm_list dd{
    width:165px;
    font-size:12px;
    margin-left:20px;
    line-height:18px;

}

/*---------------------------DESIGNTOOL-------------------------------*/

.dt_container{
    width:1024px;
    height:100%;
    margin:0 auto;
    position:relative;
}

.dt_menu1{
    width:240px;
    position:absolute;
    right:20px;
    top:25px;
}

.dt_menu2, .dt_menu3{
    width:240px;
    position:absolute;
    left:20px;
    top:25px;
}

.dt_menu3{
    width:300px;
    position:absolute;
    left:100px;
    top:50px;
}

.step_title{
    height:30px;
    width:65px;
    line-height:30px;
    padding-left:35px;
    background:#fff url(../images/gear.png) no-repeat 15px 7px ;
    font-family: "passion-one";
    font-size:1.6em;
    margin-bottom:2px;
}

.select_menu{
    width:210px;
    padding:15px 15px 10px;
    background:#fff;
    float:left;
    margin-bottom:2px;
    position:relative;
}

.select_menu_r{
    width:270px;
    padding:15px 15px 10px;
    background:#fff;
    float:left;
    margin-bottom:2px;
    position:relative;
}

.se_menu_title{
    font-family: "passion-one";
    font-size:1.6em;
    margin-bottom:5px;
    display:block;
    float:left;
}

.se_row{
    height:30px;
    width:210px;
    margin:5px 0;
    float:left;
}

.row_title{
    font-family: "passion-one";
    font-size:1.6em;
    margin-right:5px;
    float:left;
    line-height:30px;
    height:30px;
}

#step2_box02 .row_title{
    width:85px;
}

.dt_spec{
    width:210px;
    padding:15px 15px 10px;
    background:#000;
    float:left;
    margin-bottom:2px;
}

.sp_row{
    height:25px;
    width:210px;
    float:left;
}

.se_radio{
    width:270px;
    float:left;
    margin:15px 0 30px;
}

.spec01_title {
    width:90px;
    margin-right:15px;
    color:white;
    float:left;
    font-weight:bold;
    font-size:1.3em;
    height:25px;
    line-height:25px;
    float:left;
}

.spec01_content{
    width:105px;
    color:white;
    float:left;
    font-weight:bold;
    font-size:1.3em;
    height:25px;
    line-height:25px;
    float:left;
}

.spec02_title{
    width:30px;
    margin-right:5px;
    color:white;
    float:left;
    font-weight:bold;
    font-size:1.3em;
    height:25px;
    line-height:25px;
    float:left;
}

.spec02_content{
    width:170px;
    color:white;
    float:left;
    font-weight:bold;
    font-size:1.3em;
    height:25px;
    line-height:25px;
    float:left;
}

.corner02{
    width:14px;
    height:16px;
    position:absolute;
    right:-14px;
    top:80%;
    background:url(../images/corner-left.png) no-repeat ;
}

.corner01{
    width:14px;
    height:16px;
    position:absolute;
    left:-14px;
    top:80%;
    background:url(../images/corner-right.png) no-repeat ;
}


.ne_btn{
    border-style: none;
	border-color: inherit;
	border-width: medium;
	background:#000;
    	float:left;
    	color:white;
    	cursor:pointer;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
}

.ne_btn:hover, .dt_con_btn:hover{
    background:#363636;
}

.dt_machine_pic{
    width:341px;
    height:263px;
    top:150px;
    background:url(../images/dt_01.png) no-repeat;
    position:absolute;
    left:50%;
    margin-left:-170px
}

.dt_tu_pic{
    width:400px;
    height:500px;
    top:60px;
    background:url(../images/dt_02.png) no-repeat;
    position:absolute;
    left:50%;
    margin-left:-100px
}

.dt_continue{
    width:460px;
    position:absolute;
    top:500px;
    left:50%;
    margin-left:-230px;
}

.dt_con_btn{
    width:170px;
    height:40px;
    background:#000;
    color:white;
    font-size:1.3em;
    font-weight:bold;
    margin:0 30px;
    border:none;
    float:left;
    cursor:pointer;
}

.renew{
    width:0;
    height:30px;
    padding-left:30px;
    background:#000000 url(../images/cross_w.png) no-repeat 7px 7px;
    display:block;
    text-decoration:none;
    color:white;
    overflow:hidden;
    float:left;
    display:none;
    line-height:30px;
    font-weight:bold;
}

.dt_continue, #spec01, #spec02, .dt_menu2, #model, #next02, #step2_box02{
    display:none;
}

.has-js .label_radio { padding-left:30px; }
.has-js .label_radio { 
    background: url(../images/r_off.png) no-repeat 0 10px ; 
    width:240px;
    float:left;
    height:40px;
    font-size:14px;
    line-height:40px;
    cursor:pointer;
}
.has-js label.r_on { background: url(../images/r_on.png) no-repeat 0 10px ; }
.has-js .label_check input,
.has-js .label_radio input { position: absolute; left: -9999px; }    

#r_box02, #r_box03, #r_box04, #r_box05, #r_box06, #r_box07, #r_box08{
    display:none;
}

.half_btn{
    width:125px;
    background:#000;
    border:none;
    float:left;
    color:white;
    height:35px;
    margin:5px;
    cursor:pointer;
}

.dt_img{
    float:left;
    padding-left:30px;
    width:220px;
    height:auto;
}

/*----------------DESIGN INQUIRY & CHECK-----------------*/

.form_container{
    width: 962px;
    margin:0 auto;
}

.form_head{
    width:205px;
    height:40px;
    font-size:18px;
    font-weight:bold;
    text-align:center;
    background:white;
    line-height:40px;
    margin-bottom:5px;
    margin-top:30px;
    float:left;
}

.form_body{
    width:962px;
    margin-bottom:5px;
    float:left
}

.form_foot{
    width:480px;
    margin-left:480px;
    float:left;
}

.form_side{
    width:480px;
    max-height:470px;
    float:left;
    overflow:hidden;
    
}

.form_block{
    margin-bottom:2px;
    background:white;
    padding: 10px 20px;
    float:left;
    width:440px;
}

.form_block img{
    margin:0 138px;
}

.form_left{
    margin-right:2px;
}

.form_title{
    font-size:14px;
    height:30px;
    display:block;
    float:left;
    font-weight:bold;
    line-height:30px;
}

.form_block{
    
}

.inq_table{
    border-collapse:collapse;
    border:none;
    font-size:12px;
    float:left;
}

.inq_table tr{
    border-bottom:14px solid white;
}

.inq_table td{
    padding-left:10px;
}

.inq_input{
    height:30px;
    border:none;
    padding-left:10px;
    line-height:30px;
    background:#e8e8e8;
    float:left;    
}

.long{
    width:290px;
}

.short{
    width:90px;
}

.inq_other_info{
    height:188px;
    width:430px;
    resize:none;
    border:none;
    padding:5px;
    line-height:18px;
    background:#e8e8e8;
    float:left;
    margin-bottom:20px;
}

.highlight{
    font-weight:bold;
    color:#0960a2;
}

.order_code{
    width:440px;
    background:#e8e8e8;
    height:40px;
    line-height:40px;
    float:left;
    font-size:14px;
    text-align:center;
}

.form_btn{
    width:232px;
    height:40px;
    line-height:40px;
    text-decoration:none;
    display:block;
    background:black;
    color:white;
    border:none;text-align:center;
    float:left;
    font-weight:bold;
    font-size:14px;
    cursor:pointer;
    margin:0 4px;
}

.check_table{
    border-collapse:collapse;
    border:none;
    font-size:12px;
    float:left;
}

.check_table tr{
    height:25px;
}

.check_table td{
    padding-left:10px;
}

.check_dark_row{
    background:#e8e8e8;
}

.check_download{
    width:420px;
    height:60px;
    padding:10px;
    background:#e8e8e8;
    float:left;
    margin-bottom:22px;
}

.check_download_item{
    display:block;
    height:30px;
    width:160px;
    padding-left:20px;
    line-height:30px;
    font-size:12px;
    font-weight:bold;
    color:black;
    text-decoration:none;
    float:left;
    margin:0 15px;
    background:url(../images/download.png)no-repeat 0px 8px;
}

/*-----------end-------------*/

/*---------------------------DYNAMAX-------------------------------*/

.dy_container{
	width:960px;
	margin:0 auto;
	position: relative;
	padding-top:30px 
}

.dy_btn{
	display:block;
	width:270px;
	margin:0 0px 30px 40px;
	text-decoration:none;
	color: #242424;
	font-size:20px;
	font-weight:bold;
	float: left;
	text-align:center;
	line-height: 36px;
}

.dy_btn:hover{
	text-decoration: underline;
}


.dm{
	width:100px;
	text-align: center;
	line-height: 24px;
	font-size: 12px;
	color:#242424;
	text-decoration: none;
	display: block;
	float: left;
	margin: 20px;
	font-weight: bold;
}
.dm img{
	margin: 0 0 15px 0;
}

.dm:hover{
	text-decoration: underline;
}

.dy_inner{
    width:1024px;
    margin:0 auto;
}

.dy_title{
    color:#242424;
    font-weight:bold;
    margin:0 0 10px 0;
    border-bottom:1px solid #242424;
    float:left;
    width:1024px;
}
.dy_title_b{
    font-size:1.5em;
    margin:5px 0;
    color:black;
    height:40px;
    line-height:40px;
    background:#fff;
    display:block;
    float:left;
    padding:0 15px;
}

.dy_title_s{
    float:left;
    clear:both;
    margin:5px 0;
}


.dy_top{
    width:1024px;
    float:left;
    margin:0 0 10px 0;
    border-bottom:1px solid #242424;
    padding-bottom:10px;
    
}

.dy_mid{
    width:1024px;
    float:left;
    margin:0 0 10px 0;
    border-bottom:1px solid #242424;
    padding-bottom:10px;
}

.dy_mid img{
    float:left;
    margin:5px 0;
}

.mid_left{
    width:700px;
    float:left;
}


.mid_right{
    max-width:250px;
    float:left;
    margin:0 0 0 70px;
}


.dy_foot{
    width:1024px;
    float:left;   
}

.dy_foot input{
    width:100px;
    height:40px;
    border-radius:3px;
    float:right;
    cursor:pointer;
    box-shadow:0 1px 3px rgba(0,0,0,0.5);
    background:#242424;
    border:1px solid #000;
    color:#fff;
}

.dy_foot input:hover, .dy_back:hover{
    box-shadow:0 1px 3px rgba(0,0,0,0);
}

.dy_row{
    width:700px;
    float:left;
    color:#242424;
    font-size:12px;
}

.dy_row p{
    height:30px;
    line-height:30px;
    float:left;
    width:250px;
}

.dy_input_block{
    float:left;
}

.dy_input{
    width:50px;
    border:1px solid #1466a5;
    border-radius:2px;
    height:20px;
    margin:5px 0;
    padding-left:5px;
}

.dy_back{
    width:100px;
    height:38px;
    line-height:40px;
    color:black;
    text-align:center;
    text-decoration:none;
    border-radius:3px;
    box-shadow:0 1px 3px rgba(0,0,0,0.5);
    float:right;
    cursor:pointer;
    margin-right:20px;
    background:#242424;
    border:1px solid #000;
    color:white;
}


/*-----------end-------------*/

/*-----------product-------------*/

.pro_container{
	text-align:left;
    width:1024px;
    position:relative;
    margin:0 auto;
    overflow:hidden;
}

.proname_main{
	font-size:36px;
	color: #252525;
    width:300px;
	padding: 0;
	margin:0;
}

.proname_sec{
	font-size:18px;
	color: #5f5f5f;
	margin: 0 0 10px 5px;
    width:250px;
}

.pro_menu_container{
	position: absolute;
	top:55px;
	left: 60px;
}

.pro_pic{
	position: absolute;
	top:90px;
	left:300px;
    width:400px;
    height:auto;
}

.pro_menu{
	width:185px;
	float: left;
    text-transform:uppercase;
}

.pro_menu_ro{
	width:210px;
	float: left;
    text-transform:uppercase;
}

.pro_menu_ro .pro_menu_item, .pro_menu_ro .btl, .pro_menu_ro pro_menu_selected{
	width:185px;
    height:35px;
    line-height:35px;
    text-decoration:none;
    font-weight:bold;
    display:block;
    font-family:"新細明體";
	padding: 0 0 0 20px;
	margin:2px;
	float: left;
       
}

.pro_menu_item, .btl, .pro_menu_selected{
	width:145px;
    height:35px;
    line-height:35px;
    text-decoration:none;
   
    display:block;
    font-family:"新細明體";	
	font-size:12px;
	
	padding: 0 0 0 20px;
	margin:2px;
	float: left;
       
}

.pro_menu_item{
    background-color:#fff;
    color:black;
	
}

.pro_menu_selected{
    background-color:#000;
    color:white;
}

.pro_menu_item:hover{
    background:#000;
    color:white;
}

.btl{
    background:#fff url(../images/lan_icon.png) no-repeat 145px 12px ;
    color:black;
}

.btl:hover{
    background:#000 url(../images/lan_icon_2.png) no-repeat 145px 12px ;
    color:white;
}

.pro_menu_ro .btl{
    background:#fff url(../images/lan_icon.png) no-repeat 185px 12px ;
    color:black;
}

.pro_menu_ro .btl:hover{
    background:#000 url(../images/lan_icon_2.png) no-repeat 185px 12px ;
    color:white;
}


.pro_fe{
    width:100px;
    height:142px;
    color:white;
    background:#242424;
    position:absolute;
    right:0;
    top:50px;
    cursor:pointer;
}

.pro_fe_text{
    width:80px;;
    border-top:2px solid #f1f1f1 ;
    font-size:1.5em;
    font-weight:bold;
    line-height:18px;
    padding:10px;
    margin-top:5px;
}

.overview{
	width:270px;
	position: absolute;
	top:50px;
	right:15px;
	font-size:12px;
	line-height: 21px;
}

.over_block{
    background:#fff;
    margin-bottom:5px;
    padding:10px 15px;
    text-align:justify;
}

.title{
	font-size:24px;
	color:#2881b3;
	font-weight:bold;
    margin-bottom:5px;
}

.overview ul{
    width:220px;
    margin-left:20px;
}


.close_b{
    cursor:pointer;
    width:40px;
    height:0px;
    position:absolute;
    top:0px;
    right:-60px;
    background:#000 url(../images/cross_w.png) no-repeat 12px 12px;
}



.specpaper{
	position:absolute;
	background:#fff;
    width:700px;
    z-index:999;
    top:100%;
    right:50px;
    padding:0 15px;
	}

#guts{
	width:700px;
	margin:2% auto;
    overflow: auto;
    height:90%;
	}

.guts_robot .ro_guts_title{
    width:100%;
    line-height:25px;
    font-size:14px;
    font-weight:bold;
    height:25px;
    display:block;
    color:white;
    background:black;
    text-align:center;
    text-transform:uppercase;
    margin:0;
}

.guts_robot .ro_guts_sec_title{
    width:100%;
    line-height:25px;
    font-size:14px;
    font-weight:bold;
    height:25px;
    display:block;
    color:black;
    background:white;
    text-align:center;
    text-transform:uppercase;
    margin:0;
}

.guts_robot img{
    width:700px;
}

.guts_robot p{
    width:600px;
    margin:0 50px;
    text-align:justify;
}

.ro_fe{
    width:185px;
    float:left;
    margin:5px 20px;
    height:300px;
}

.ro_fe p{
    width:185px;
    text-align:justify;
    margin:0;
}

.ro_fe img{
    width:185px;
}

.jspContainer
{
	overflow: hidden;
	position: relative;  
}

.jspContainer:focus{
    border:none;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: #000;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: #000;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #e8e8e8;
	position: relative;
}

.jspDrag
{
	background: #000 url(../images/arrow_up.png) no-repeat 0 5px;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspDrag:before{
	content:".";
	width:20px;
	height:20px;
	display:block;
	position:absolute;
	float:left;
	left:0;
	bottom:0;
	z-index:20;
	background :url(../images/arrow_down.png) no-repeat;
	}
	
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #000000;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}




.pro_bg{
    position:fixed;
	top: 0;
	left:0;
    z-index: -99;
	background: #f1f1f1 url(../images/pro_bg.png);
	width: 100%;
	height: 100%;
    
}


/*--------product menu------------*/

.pro_face_container{
    width:1020px;
    margin:0 auto;
}

.pro_face_block{
    height:445px;
    width:330px;
    display:block;
    float:left;
    margin:100px 5px 0 5px;
}

.pro_face_pic{
    width:330px;
    height:400px;
    background:#fff;
    float:left;
    margin-bottom:5px;
}





.pro_face_pic img{
    margin-top:59px;
    float:left;
}

.pro_face_pic2{
    width:330px;
    height:400px;
    background:#fff;
    float:left;
    margin-bottom:5px;
}

.pro_face_pic2 img{
    margin-top:59px;
	margin-left:-13px;
    float:left;
}


.pro_face_pic3{
    width:330px;
    height:400px;
    background:#fff;
    float:left;
    margin-bottom:5px;
}

.pro_face_pic3 img{
    margin-top:59px;
	margin-left:8px;
    float:left;
}

.pro_face_name{
    height:40px;
    background:#242424;
    color:white;
    line-height:40px;
    font-size:24px;
    font-weight:bold;
    text-align:center;
    float:left;
    width:330px;
	font-family:"新細明體";
}


/*-------------
pro feature
------------*/

.pro_fe_container{
    width:100%;
    height:100%;
    overflow:hidden;
}

.pro_features{
    width:1024px;
    margin:0 auto;
}

.pro_fe_title{
    font-size:3em;
    font-family: "arial black";
    padding-top:44px;
}

.pro_fe_list{
    font-size:1.2em;
    font-weight:bold;
    margin:0 0 0 60px;
    float:left;
    width:190px;
}

.pro_fe_list li{
    width:190px;
    background:white;
    min-height:30px;
    line-height:30px;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:10px;
    cursor:pointer;
    display:block;
}

.pro_fe_list li:hover, .pro_fe_list_tu li:hover{
    background: #f1f1f1;
}

.pro_fe_list_tu{
    font-size:1.2em;
    font-weight:bold;
    top:80px;
	
    right:30px;
    float:left;
    width:190px;
    position:absolute;
    display:none;
}

.pro_fe_list_tu li{
    width:190px;
    background:white;
    min-height:30px;
    line-height:30px;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:10px;
    cursor:pointer;
    display:block;
}


.li_left{
    margin-left:30px;
}

.pro_fe_con{
    background: url(../images/fe_gear.png) no-repeat;
    width:480px;
    height:450px;
    float:left;
    margin:-60px 0 0 90px;
}

.pro_fe_con_tu{
    background: url(../images/fe_tur.png) no-repeat;
    width:480px;
    height:450px;
    float:left;
    top:50px;
    left:280px;
    position:absolute;
    display:none;
}

.pro_fe_con_ro{
    background: url(../images/fe_ro.png) no-repeat;
    width:480px;
    height:450px;
    float:left;
    margin:-65px 0 0 90px;
}

.pin_block{
	width: 510px;
	height: 425px;
	float: left;
	background: url(../images/pin_bg.jpg) no-repeat center;
	position: relative;
}



.pin_board01{
	position: relative;
}

.pin_board02, .pin_board03, .pin_board04, .pin_board05, .pin_board06, .pin_board07, .pin_board08, .pin_board09, .pin_board10{
	display: none;
	position: relative;
}

.pin{
	background: url(../images/pin.png);
	width: 36px;
	height: 36px;
	display: block;
	position: absolute;
    z-index: 10;
}

.pin_a{
	left: 204px;
    top: 260px;
}

.pin_b{
	left: 98px;
	top: 148px;
}

.pin_c, .pin_r{
	left: 276px;
	top: 186px;
}

.pin_d{
	left: 238px;
	top: 292px;
}

.pin_e{
	left: 354px;
	top: 124px;
}

.pin_f{
	left: 306px;
	top: 168px;
}

.pin_g{
	left: 208px;
	top: 150px;
}


.pin_h{
	left: 264px;
	top: 222px;
}


.pin_i{
	left: 86px;
	top: 204px;
}


.pin_j{
	left: 324px;
	top: 240px;
}


.pin_k{
	left:348px;
	top: 186px;
}


.pin_l{
	left: 418px;
	top: 254px;
}


.pin_m{
	left: 130px;
	top: 182px;
}


.pin_n{
	left: 322px;
	top: 208px;
}


.pin_o{
	left: 86px;
	top: 248px;
}

.pin_p{
	left: 146px;
	top: 230px;
}

.pin_q{
	left: 256px;
	top: 294px;
}

.tip_title{
    font-size:1.5em;
    font-weight:bold;
    margin-bottom:5px;
}


.pro_s_list{
    width:1000px;
    margin:0 auto;
    
}

.pro_s_list_item{
	height:130px;
	width:180px;
	display:block;
	text-decoration: none;
	color:white;
	float: left;
	margin:0 10px;
	position:	relative;
}

.pro_s_list_name{
	background: #242424;
	height:20px;
	padding: 0 10px;
	font-size:14px;
	line-height: 20px;
	margin-top:0px;
	float: left;
	position: relative;
	z-index: 99;
}

.pro_s_list_img{
    background:white;
    height:110px;
	width:180px;
}

.pro_s_list_img img{
	z-index: 2;
    width: 114px;
	height: 98;
    margin:6px 0 0 33px;
    
}

.pro_s_hover{
    position:absolute;
    width:168px;
    height:98px;
    background-image:url(../images/lower_navi_bg.png) ;
    padding-top:0px ;
    top:6px;
    left:6px;
    display:none;
}



.pro_view_list{
    font-size:18px;
    font-weight:bold;
    height:40px;
    width:180px;
    position:absolute;
    top:520px;
    left:50%;
    line-height:40px;
    margin-left:-75px;
    background:#000 url(../images/arrow_down.png) no-repeat 165px 13px ;
    cursor:pointer;
    color:white;
    padding:0 0 0 10px
}

.pro_view_list:hover{
    background-color:#404040;
}

/*------------contact-------------------*/

.con_bg{
	background: url(../images/pro_bg.png) #f1f1f1;
    height: 100%;
    width:100%;
    position:absolute;
    z-index:-5;
    top:0;
}

.contact_dock{
	width: 960px;
	height: 600px;
	background: white;
	margin:30px auto;
    font-weight:bold;
    position:relative;
}

.contact_title h2{
	font-size:36px;
	font-family: Arial Black;
    margin-left:50px;
   padding-top:10px;
}

.contact_title p{
	line-height: 24px;
	font-size:14px;
	margin: 0 0 0 55px;
}

.textarea {
	background: #f6f6f6;
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	border: 1px solid #bebebe;
	border-radius:3px;
	padding-left: 10px;
	margin: -10px 0 24px 0;	
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
    width:414px; height:100px; resize:none;margin:0 auto;
}

.con_local{
    position:absolute;
    cursor:pointer;
    height:30px;
    top:0;
    right:115px;
    line-height:30px;
    color:#272727;
    padding:0 20px 0 40px;
    background:url(../images/ex_icon-02.png) no-repeat 10px 7px;
    text-align:left;
    border-bottom:1px solid #e8e8e8;
    border-left:1px solid #e8e8e8;
    font-weight:bold;
}

.con_local:hover, .con_world:hover{
    background-color:#e8e8e8;
}

.con_world{
    display:block;
    text-decoration:none;
    position:absolute;
    cursor:pointer;
    height:30px;
    top:0;
    right:55px;
    line-height:30px;
    color:#272727;
    padding:0 20px 0 30px;
    text-align:left;
    border-bottom:1px solid #e8e8e8;
    border-left:1px solid #e8e8e8;
    border-right:1px solid #e8e8e8;
    font-weight:bold;
    background:url(../images/world_global.png) no-repeat 10px 8px;
}
	 

.check_group{
	float: left;
	font-size:14px;
	color: #AAA;
	line-height: 30px;
	margin: 0 0 24px 0;
}


.send{
	width:100px;
	height: 40px;
	color: black;
	background:#EDECE9  ;
	font-weight:bold;
	border: none;
	border-radius:3px;
	float: right;
	margin:10px 370px ;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.send:hover{
    box-shadow: none;
}

/*---------exhibition-----------*/

.exi_container{
	width:900px;
	padding: 30px 0 0 150px;
	margin: 0 auto;	
	font-family:"新細明體";
}

/* exi_container2 by D01471*/
.exi_container2{
	width:980px;
	padding: 30px 0 0 140px;
	margin: 0 auto;	
}

.exi_box{
    width:750px;
    float:left;
    overflow:auto;
}

/*------
.exi_table{
    width:960px;
    background:white;
    font-size:12px;
    text-align:center;
}

.exi_table tr{
    height:35px;
}

.exi_table td{
    height:35px;
    line-height:30px;
    border-bottom:1px dotted #e8e8e8;
}

.date_bar{
    background:#242424;
	font-size:1.5em;
	color: white;
    font-family: "passion-one";
       
}

.date_bar td{
    border-bottom:1px solid white;
     padding-left:10px;
}

.dark_bar{
    background:#242424;
    color: white;
    font-weight:bold;
}

.dark_bar td{
    border-bottom:1px solid white;
}

.light_block{
    background:#f2f2f2;

}

.exi_table .exi_foot {
    height:15px;
}

.exi_foot td{
    height:15px;
    border:none;
}

.qr_block, .closed{
	color:#2d87bf;
    cursor:pointer;
    position:relative
}

.qr_block:hover, .closed:hover{
    text-decoration:underline;
}

---*/

.exi_block{
    width:950px;
    min-height:185px;
    background:#fff;
    float:left;
    padding-bottom:5px;
    margin-bottom:10px;
    
}

.exi_head{
    width:930px;
    height:40px;
    line-height:40px;
    background:#242424;
    color:white;
    font-size:24px;
    font-family: "passion-one";
    padding-left:20px;
    float:left;
    text-transform:uppercase;
	font-family:"新細明體";
}

.exi_title{
    min-height:40px;
    line-height:40px;
    width:800px;
    float:left;
    padding-left:20px;
    font-size:20px;
	font-family:"新細明體";
}

.exi_loc, .exi_date, .exi_booth{
    min-height:30px;
    line-height:30px;
    width:775px;
    float:left;
    padding-left:45px;
    font-size:18px;
	font-family:"新細明體";
}

.exi_loc span, .exi_date span, .exi_booth span {
    font-weight:bold;
}

.exi_loc{
    background: url(../images/ex_icon-loc.png) no-repeat 20px 7px;
}

.exi_date{
    background: url(../images/ex_icon-date.png) no-repeat 20px 7px;
}

.exi_booth{
    background: url(../images/ex_icon-booth.png) no-repeat 20px 7px;
}


.exi_left{
    width:820px;
    float:left;
}

.qr_code{
    width:100px;
    height:100px;
    padding:5px;
    float:left;
    background:#d4d4d4;
    margin:20px 0 0 -220px;
}

.qr_code img{
    width:100px;
    height:100px;
}

/*----------------news-----------------*/

.news_period{
    width:200px;
    min-height:400px;
    float:left;
}

.news_year{
    width:200px;
    height:35px;
    display:block;
    color:white;
    line-height:35px;
    font-weight:bold;
    font-size:18px;
    text-align:center;
    background:#242424;
    border:1px solid #000;
    text-decoration:none;
}


.news_section{
    float:left;
    margin-left:10px;
    width:688px;
    padding:15px 40px 15px 20px;
    border:1px solid #d4d4d4;
    height:100%;
    background:#fff;
    overflow:auto;
	font-family:"新細明體";
}

.news_block{
    width:688px;
    padding-bottom:15px;
    margin-bottom:10px;
    border-bottom:1px solid #d4d4d4;
    float:left;
    text-decoration:none;
    display:block;
}

.news_block:hover{
    opacity:0.7;
    filter:alpha(opacity=70);
}

.news_title{
    font-size:18px;
    font-weight:bold;
    float:left;
    width:688px;
    margin-bottom:5px;
    color:black;
	font-family:"新細明體";
}

.news_preview{
    display:block;
    float:left;
    height:60px;
    width:688px;
    line-height:24px;
    font-size:18px;
    color:#575757;
    text-align:justify;
	font-family:"新細明體";
}

.news_date{
    float:left;
    font-size:12px;
    color:#888;
    font-weight:bold;
}

.news_more{
    float:right;
    color:black;
    font-weight:bold;
}

#news_ajax{
    width:688px;
    padding:15px 40px 15px 10px;
    overflow:auto;
}


.news_content{
    width:688px;
    text-align:justify;
    float:left;
    font-size:12px;
    line-height:21px;
}

.newspaper{
    position:absolute;
	background:#fff;
    width:738px;
    z-index:999;
    top:100%;
    left:50%;
    margin-left:-369px;
    padding:0 0 0 0;
    border:1px solid #d4d4d4;
    display:none;
}