/*
Theme Name: Yophee
Theme URI: http://datong0.com/
Description: Designed by Yophee for Inatech only
Version: 1.0
Author: Yophee Hsin
Author URI: http://datong0.com/
Tags: white, clear, two columns, fixed width
*/

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; overflow: visible; }
a img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul, li { list-style: none; }
a, a img { outline:none; }
a{ text-decoration:none; }
.clear{ clear:both; font-size:0; line-height:0; }
.clear-fix:before, .clear-fix:after { content: ""; display: table; }
.clear-fix:after { clear: both; }
.clear-fix { *zoom: 1; }

body { background: #fff url(bg.gif) left top repeat-x; font-size: 13px; line-height: 1.6em; font-family:Arial, Helvetica, sans-serif;
	color: #333; text-align: center; }
#box { background: #fff; width: 960px; height: auto; margin: 0 auto; overflow: hidden; text-align: left; }

#header { width: 960px; height: 90px; float: left; position: relative; }
#logocn { width: 276px; height: 36px; position: absolute; top: 37px; left: 10px; }
#logocn img { width: 276px; height: 36px; }
#logoen { width: 296px; height: 35px; position: absolute; top: 38px; left: 12px; }
#logoen img { width: 296px; height: 35px; }
#language{ width: 124px; height: 22px; padding:0 0 0 53px; position: absolute; top: 0px; right: 1px; background:url(contact.gif) left top no-repeat;
		line-height:18px; color:#ccc; font-family: Arial,Verdana,Tahoma;}
#language a { font-size:12px; color:#fff; }
#language a:hover { color:#000; }
#contact { width: 112px; height: 28px; position: absolute; top: 60px; right:10px; }
#contact a { display:block; float:left; width: 28px; height: 28px; }
#contact a#email { background:url(contact-email.gif) left top no-repeat; }
#contact a#skype { background:url(contact-skype.gif) left top no-repeat; }
#contact a#facebook { background:url(contact-facebook.gif) left top no-repeat; }
#contact a#twitter { background:url(contact-twitter.gif) left top no-repeat; }
#contact a:hover#email { background:url(contact-email.gif) left bottom no-repeat; }
#contact a:hover#skype { background:url(contact-skype.gif) left bottom no-repeat; }
#contact a:hover#facebook { background:url(contact-facebook.gif) left bottom no-repeat; }
#contact a:hover#twitter { background:url(contact-twitter.gif) left bottom no-repeat; }


#banner{ float: left; width:960px; height:214px; }

#content1 { float: left; width:960px; height:295px; }

#applications { display:inline; float: left; width:701px; height:285px; margin-left: 15px;
		background:url(applications-bg.gif) left top no-repeat; }

#applications h1 { height: 30px; line-height:30px; font-size:14px; color:#FFF; padding: 0 0 0 30px; }

#appli_menu { width:702px; height:34px; margin:15px 0 0 1px; }
#appli_menu div { float:left; width:234px; height:27px; margin: 0 0px 0 0;  }
#appli_menu a { display:block; float:left; width:234px; height:27px; cursor:pointer; line-height:27px; text-align:center;
		background:url(appli-menu-bg.gif) left bottom no-repeat;color:#fff; }

#appli_menu a.appli_menu_selected { background:url(appli-menu-bg.gif) left top no-repeat; color:#333; }


#appli_content { width:690px; height:180px; overflow:hidden; margin:15px 0 0 0; }
#appli_content_1, #appli_content_2, #appli_content_3 { width:690px; height:180px; }
#appli_content_2, #appli_content_3 { display:none; }

.appli_pic { display:inline; float: left; width:193px; height:180px; margin-left: 42px; }

.appli_info { display:inline; float: left; width:190px; height:165px; background:url(appli-info-bg.gif) left top no-repeat; padding:15px 40px 0 20px; }
.appli_info h2 { color:#002478; font-size:13px; font-weight:bold; height: 25px; }
.appli_info p { color:#666; font-size:12px;}
.appli_info p.learn_more { font-size:12px; padding-top:10px; }
.appli_info p a { color:#002478; text-decoration:underline; background:url(learn-more.gif) right center no-repeat; padding-right:20px; }
.appli_info p a:hover { color:#333; text-decoration:none; }

.appli_product { display:inline; float: left; width:185px; height:175px; padding:3px 0 0 0; }
.appli_product h2 { color:#666; font-size:13px; font-weight:bold; height: 25px; }
.appli_product ul { }
.appli_product ul li { }
.appli_product ul li a { font-size:12px; color:#002478; background:url(learn-more.gif) left 3px no-repeat; padding-left:16px; }
.appli_product ul li a:hover { color:#333; text-decoration:underline; }


#else { display:inline; float: left; width:200px; height:270px; margin-left: 29px; }
#search { width:200px; height:48px; background:url(search-bg.gif) no-repeat; }
#s { float:left; width:148px; height:22px; background:url(search-input.gif) no-repeat; padding: 0 2px 0 5px; border: 0; margin: 5px 0 0 7px;
	font-size:12px; line-height:22px; color:#999; }
#submit { float:left; width:22px; height:22px; background:url(search-submit.gif) no-repeat; padding: 0; border: 0; margin: 5px 0 0 5px; cursor:pointer;}

#module { width:200px; height:70px; }
#module a { display:block; width:200px; height:55px; background:url(module.gif) left top no-repeat; }
#module a:hover { background:url(module.gif) left bottom no-repeat; }


#news { width:200px; height:160px; background:url(news-bg.gif) left bottom no-repeat; }
#news h1 { height: 33px; line-height:30px; font-size:14px; color:#333; }
#news h1 span { float:right; height: 30px; line-height:30px; width:48px; }
#news h1 span a { font-size:12px; color:#AAA; background:url(more.gif) right center no-repeat; padding-right:18px; }
#news h1 span a:hover { color:#333; text-decoration:underline; }

.news_list { padding: 10px 5px 0 5px; }
.news_list span { padding: 0 5px 0 0; font-family: Arial,Verdana,Tahoma; font-size:10px; color:#BBB; }
.news_list a { font-size:12px; color:#666; text-decoration:underline; }
.news_list a:hover { color:#002478; text-decoration: none; }


#capabilities { float: left; width:960px; height:100px; border-top:1px solid #eee; padding-top: 20px; }
#capabilities a { float:left; width:225px; height:46px; padding: 20px 0 0 65px; }

a#capab_1 { background: url(capab-bg-1.gif) left top no-repeat; margin: 0 0 0 15px; }
a#capab_2 { background: url(capab-bg-2.gif) left top no-repeat; margin: 0 0 0 29px; }
a#capab_3 { background: url(capab-bg-3.gif) left top no-repeat; margin: 0 0 0 29px; }
a#capab_4 { background: url(capab-bg-4.gif) left top no-repeat; margin: 0 0 0 26px; }
a:hover#capab_1 { background: url(capab-bg-1.gif) left bottom no-repeat;}
a:hover#capab_2 { background: url(capab-bg-2.gif) left bottom no-repeat;}
a:hover#capab_3 { background: url(capab-bg-3.gif) left bottom no-repeat;}
a:hover#capab_4 { background: url(capab-bg-4.gif) left bottom no-repeat;}

#capabilities a h1 { color:#666; font-size:13px; font-weight:bold; height: 18px; line-height:26px; }
#capabilities a p { color:#BBB; font-size:12px; }
#capabilities a:hover h1 { color:#002478; }
#capabilities a:hover p { color:#666; }

#footer { float: left; width:960px; height:160px; float: left; background:url(footer.gif) left top no-repeat; }
#footer p { font-size:12px; padding: 17px 0 0 0; color:#999; text-align:center; font-family: Arial,Verdana,Tahoma; }
#footer p a { color:#999; }
#footer p a:hover { color:#333; text-decoration:underline; }

#content2 { float: left; width:960px; height:100%; overflow:hidden; padding:14px 0 50px 0; }

#left_menu { display:inline; float: left; width:190px; height:100%; overflow:hidden; margin-left: 15px; }
#content { display:inline; float: left; width:520px; height:100%; overflow:hidden; margin-left: 20px; }
#right_else { display:inline; float: right; width:180px; height:500px; overflow:hidden; margin-right:15px; }

#category { width:190px; height: 90px; background:#f0f0f0; margin-bottom: 26px; }
#category h1 { width:150px; height: 90px; text-align:left; line-height:90px; font-size:14px;
		background:url(category.gif) 15px center no-repeat; padding:0 0 0 40px; }
#category h1 a { color:#666; }
#category h1 a:hover { color:#002478; text-decoration:underline; }
#mini_banner { width:520px; height:94px; background:url(mini-banner.jpg) top left no-repeat; }

#location_box { width:520px; height:25px; }
#location { width:500px; height:19px; border-left:1px solid #f0f0f0;}
#location a { display:block; float:left; width: auto; height:18px; background:url(bread.gif) right center no-repeat;
		font-size:12px; line-height:18px; color:#999; padding:1px 16px 0 9px; }
#location a:hover { color:#002478; }
#location a.bread_last { background:url(bread-last.gif) right center no-repeat; }

a.nolink:hover { cursor:default; }



#left_menu_list { width:190px; height:100%; overflow:hidden; }
#left_menu_list ul { width:190px; border-top:1px solid #ddd; }
#left_menu_list ul li { display:block; font-weight:normal; border-bottom:1px solid #ddd; position:static; float:none !important;}
#left_menu_list ul li a { display:block; font-size:12px; width:190px; line-height:1.4em; color:#565656; padding:6px 10px; }
#left_menu_list ul li a:hover { font-weight:bold; background:#f0f0f0; }
#left_menu_list ul li #sub_menu_list {  }
#left_menu_list ul li #sub_menu_list a { display:block; font-size:12px; width:180px; line-height:1.4em; color:#565656; padding:3px 10px 3px 20px; }
#left_menu_list ul li #sub_menu_list a:hover { font-weight:bold; background:#f0f0f0; }

.menu_2 a.a_2, .menu_3 a.a_3, .menu_4 a.a_4, .menu_5 a.a_5, .menu_6 a.a_6,
.menu_7 a.a_7, .menu_8 a.a_8, .menu_9 a.a_9, .menu_10 a.a_10, .menu_11 a.a_11,
.menu_12 a.a_12, .menu_13 a.a_13,
.menu_p1 a.a_p1, .menu_p2 a.a_p2, .menu_p3 a.a_p3, .menu_p4 a.a_p4, .menu_p5 a.a_p5
{ background:#f6f6f6; }
.menu_p6 a.a_p6, .menu_p7 a.a_p7
{ background:#f6f6f6; }


#right_search { width:180px; height: 90px; background:#f0f0f0; margin-bottom: 25px; position:relative; }
#search_box { width:150px; height:22px; position:absolute; top:34px; left:17px; }
#s2 { float:left; width:111px; height:22px; background:url(search-input-2.gif) no-repeat; padding: 0 2px 0 5px; border: 0;
	font-size:12px; line-height:22px; color:#BBB; }
#submit2 { float:left; width:22px; height:22px; background:url(search-submit.gif) no-repeat; padding: 0; border: 0; margin: 0 0 0 5px; cursor:pointer;}
#r1 { width:180px; height: 27px; background:url(r1-bg.gif) no-repeat; margin-bottom:8px; }
#r2 { width:180px; height: 27px; background:url(r2-bg.gif) no-repeat; }
#r1 a, #r2 a { display:block; padding-left:30px; width:150px; height:27px; line-height:27px; text-align:center; color:#666; }
#r1 a:hover, #r2 a:hover { color:#002478; text-decoration:underline; }


#r-module { width:180px; height: 30px; margin-bottom:8px; }
#r-module a { display:block; width:180px; height:30px; background:url(r-module.gif) left top no-repeat; }
#r-module a:hover { background:url(r-module.gif) left bottom no-repeat; }

#r-module-2 { width:180px; height: 30px; margin-bottom:28px; }
#r-module-2 a { display:block; width:180px; height:30px; background:url(r-module-2.gif) left top no-repeat; }
#r-module-2 a:hover { background:url(r-module-2.gif) left bottom no-repeat; }

#r-contact { width:180px; height:150px; color:#666; background:url(r-bg.gif) left top no-repeat; padding:5px 2px 0px 2px; }

#main { width:520px; }
#main h1 { height: 30px; padding: 8px 0 0 5px; 
		font-size:16px; line-height:25px; color:#333; }
#detail { height:100%; overflow:hidden; padding: 10px 5px 0px 5px;  }
#detail p { line-height: 1.6em; margin: 0 0 1em 0; }
#detail a { text-decoration:underline; color:blue; }
#detail a:hover{ color:#002478; text-decoration: none; }
#detail ul {  margin:0 0 1em 1.2em; line-height: 1.6em; color: #666; }
#detail ol {  margin:0 0 1em 1.8em; line-height: 1.6em; color: #666; }
#detail ul li { list-style: square; padding: 0 0 0 2px; }
#detail ol li { list-style: decimal; padding: 0 0 0 2px; }

#news_list { margin:0px; width:510px; margin:-6px 0 0 0; }
#news_list div {list-style:none; float:left; margin:0; padding:0; width:510px; border-bottom: 1px dashed #DDD;}
#news_list div span { float:right; color:#bbb; font-family: Arial,Verdana,Tahoma; font-size:11px; line-height: 25px; padding:3px 5px 0 0;}
#news_list div a{
text-decoration:none; color:blue; background:url(li.gif) left 12px no-repeat;
margin: 0; padding:4px 0 0 17px; line-height: 25px; height: 25px; display:block; float: left;
}
#news_list div a:hover{ color:#002478; text-decoration:underline; }

#products_list div.one_product { list-style:none; float:left; margin:0 0 15px 0; padding:0 0 10px 0; width:510px; border-bottom: 1px dashed #DDD; }
#products_list div.one_product_left { width:200px; float:left; text-align: center; }
#products_list div.one_product_left img { max-width: 100%; }
#products_list div.one_product_right { width:300px; float:right; text-align:left; }
#products_list div.one_product_left_1 { width:150px; float:left; }
#products_list div.one_product_left_1 img { max-width: 100%; }
#products_list div.one_product_right_1 { width:350px; float:right; text-align:left; }

#products_list div.one_product_ { list-style:none; float:left; margin:0 0 15px 0; padding:0 0 10px 0; width:510px; border-bottom: 1px dashed #DDD; }
#products_list div.one_product_left_ { width:150px; float:left; padding-top: 5px; }
#products_list div.one_product_left_ img { max-width: 100%; }
#products_list div.one_product_right_ { width:350px; float:right; text-align:left; }


#products_list h2 a{ color:#002478; font-size:13px; font-weight:bold; height: 24px; text-decoration:none; }
#products_list h2 a:hover{ color:#333; text-decoration:underline; }
#products_list p { color:#666; font-size:12px; line-height:1.5em; margin:0; }
#products_list p a { color:#002478; text-decoration:underline; background:url(learn-more.gif) right center no-repeat; padding-right:20px; }
#products_list p a:hover { color:#333; text-decoration:none; }
#products_list p.learn_more { font-size:12px; padding-top:5px; }



#iso{ background:url(iso.gif) no-repeat; width:190px; height:176px; margin-top:50px; }


#products { width:500px; margin-left:8px; padding: 5px 0 0 0; }
#pro_pic { width: 500px; padding: 10px 0; }
#pro_pic img { max-width: 300px; max-height: 200px; }

#pro_detail { width: 500px; min-height:170px; background: url(pro-detail-bg.gif) top left no-repeat; }
#pro_detail_menu { width:500px; height:27px; }
#pro_detail_menu div { float:left; width:100px; height:27px; margin: 0 3px 0 0; }
#pro_detail_menu a { display:block; float:left; width:100px; height:27px; cursor:pointer; line-height:27px; text-align:center;
		background:url(pro-detail-menu-bg.gif) left bottom no-repeat; color:#fff; font-size:12px; }
#pro_detail_menu a.pro_detail_menu_selected { background:url(pro-detail-menu-bg.gif) left top no-repeat; color:#333;}

#pro_detail_content { width: 460px; min-height:120px; padding: 20px 20px 0 20px; overflow: hidden; }

#pro_detail_content_1, #pro_detail_content_2, #pro_detail_content_3, #pro_detail_content_4 { width: 460px; }
#pro_detail_content_2, #pro_detail_content_3, #pro_detail_content_4 { display:none; }
#pro_detail_content_4 a { color:#002478; text-decoration:underline; background:url(file.gif) left center no-repeat; padding: 5px 0 5px 23px; }
#pro_detail_content_4 a:hover { color:#333; text-decoration:none; }

#pro_detail_content ul li {
	list-style: disc;
	margin-left: 1em;
}
#pro_detail_content ol li {
	list-style: decimal;
	margin-left: 1em;
}

#pro_detail_content td {
	border: 1px solid #ccc!important;
}


.epages {
	padding: 30px 0;
	text-align: center;
}
.epages a {
	padding: 2px 6px;
    border: 1px solid #ccc;
    margin: 0 3px 0 0;
    text-decoration: none!important;
    color: #666!important;
}
.epages a:first-child {
	display: none;
}
.epages a:hover {
	border: 1px solid #666;
	background: #f0f0f0;
}
.epages a.first_page {
	border: 0;
	color: #999;
}