@charset "utf-8";
@import url('../includes/font/EurostileLT/font.css');
@import url('../includes/font/EurostileLT-Bold/font.css');

/* CSS Document */
html{ -webkit-text-size-adjust: none;overflow:scroll; overflow-y:scroll; overflow:-moz-scrollbars-vertical; overflow-x: auto;
	  -webkit-font-smoothing: antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}
body { margin: 0px; background:#fff;font-family:'EurostileLT',Arial, Helvetica, sans-serif; font-size:13px; color:#464646;}
a > img,a > div >img{ border: 0;}
a{color:#252525;text-decoration:none;}

b, strong {	font-family:'EurostileLT-Bold',Arial,"微軟正黑體", "Arial Black";font-weight:normal;}

p{margin:0px;} 
.cms-desc {font-size: 12px;line-height: 35px;}

/*Structure*/
.error {color:#900;margin-top: 10px;}
.header { width:100%; /*height:110px;padding-top:10px;*/background: url('../images/common/header_bg.png') repeat-x #fff;}
.header .container {/*height:52px;*/}
.footer {color:#464646;font-family:Arial, Helvetica, sans-serif;font-size:10px;background: url('../images/common/footer_bg.png') repeat-x #fBfBfB;}
.footer .container {padding:0px 10px;}
.footer .copyright{float:left;line-height:25px;}
.footer .other{float:right;}
.footer .other ul{padding: 0px;margin: 0px;list-style: none;line-height: 15px;padding: 7px 0px;}
.footer .other ul li{display:inline-block;padding:0px 5px;}
.footer .other ul li:not(:first-child){border-left:1px solid #FFF;}
.copyright { font-family:Arial, Helvetica, sans-serif;font-size:10px!important;}
.container{ width:892px; margin:0 auto;position:relative;}
.container2{ width:786px; margin:0 auto;position: relative;}
.right {float: right;}
.left {float:left;}
.clear {clear:both;}
.hr{width:100%;height:1px; border-top:1px solid #e1e1e1;margin:6px 0px;}
ul{padding-left:20px;text-align:left;}
ul.text{list-style:none;padding:0px;margin:5px 0px; text-align:left;}
ul.text li{padding:2px 0px;}
ul.disc{list-style:disc;padding-left: 25px;margin: 5px 0px;}
img.left.preview {margin-right:9px;}
.col-md-2 {width:16.666666666666664%; float:left;}
.col-md-2s {width:277px;float:left;}
.col-md-2s-l {width:180px;padding-right:20px;float:left;}
.col-md-2s-r {width:257px;padding-left:20px;float:left;}
.col-md-3 {width:25%; float:left;}
.col-md-3s {width:275px; float:left;}
.col-md-9 {width:75%; float:left;}
.col-md-10 {width:83.33333333333334%; float:left;}
.col-md-10s {width:615px;float:left;}
.col-md-10s-l {width:691px;float:left;}
.top-sp5 {margin-top:50px;}

/*header element*/
a.logo{text-decoration:none;margin: 10px 0px 0px 0px;}
a.logo{ background:url('../images/common/logo.png') no-repeat;display: inline-block;width:100%;height: 105px;color:#464646;}
a.logo div{padding-left: 138px;/*color:#197b30;*/font-size:25px;padding-top: 30px;line-height:25px;text-indent:-9999px;}

.topbar {font-size: 12px; position: absolute; right: 0px; top:0px; color:#959595;}

.lang .label{float:left;height: 22px;line-height: 22px;padding-right: 5px;}
.lang .content{float:right;}
.lang ul{/*background:url('../images/common/lang_bg.png');*/ float: left; list-style:none; padding:0px; margin:0px;/*border-radius: 4px;border: 1px solid #197b30;*/}
.lang ul li{height:20px;float:left;line-height:20px;width: 35px; text-align: center;}
.lang ul li a{width: 35px;display: block;margin-top: -1px;height: 22px;line-height: 22px;color:#959595;}
.lang ul li.active a {background:#00294b;color:#fff;border-bottom-left-radius:2px;border-bottom-right-radius:2px;/*background: url('../images/common/lang_a.png');color:#fff;*/}



/* menu bar element*/
.menu{height: 35px;font-family:'EurostileLT',Arial, Helvetica, sans-serif;}
.nav {display: block;font-size: 11px;height:35px;float: left;text-transform:uppercase;}
.nav>ul{list-style:none;margin:0px;padding:0px;margin: 0px auto;display: table;height:35px;}
.nav>ul>li{float:left;text-align: center;color:#fff;padding: 11px 0px 3px;height: 21px;}
.nav>ul>li>a {text-decoration:none;color:#959595;display: table-cell;font-size: 11px;
			vertical-align: middle; width: 139px;line-height:13px;border-right: 1px dotted #000;}
/*.nav>ul>li:last-child a{border-right:0px}*/
.nav>ul>li:hover, .nav>ul>li.active{padding-bottom:0px;border-bottom:3px solid #448ccb;}
.nav>ul>li:hover>a , .nav>ul>li.active>a {color:#264c71;font-family:'EurostileLT-Bold',Arial, Helvetica, sans-serif;}
.nav>ul>li:hover>ul{display:block;}
.nav>ul>li>ul{list-style:none;margin:0px;padding:0px;position: absolute;z-index:10;top:35px;display:none;}
.nav>ul ul li{background:#f8f5ee;height:30px;}
.nav>ul ul li:hover{background:#8dc63f}
.nav>ul>li>ul li a{display: table-cell;font-size: 11px;
			vertical-align: middle;height: 30px;width:145px;padding-left:15px;color:#464646;}
.nav>ul>li>ul li:hover>a{color:#fff;text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);}
.nav>ul>li>ul li:hover>ul{display:block;background:url('../images/common/subcate_arrow_a.png') top+10px left no-repeat;background-color:#fff;}
.nav>ul>li>ul ul{display:none;background:url('../images/common/subcate_arrow.png') top+10px left no-repeat;background-color:#fff;list-style:none;margin:0px;padding:0px;position: absolute;z-index:10;display:none;right: -160px;margin-top: -30px;}
.nav>ul>li>ul ul li{background:none;height:30px;}
.nav>ul>li>ul ul li:hover{background:none;color:#8dc63f;}
.nav>ul>li>ul ul li:hover a{text-shadow:none;color:#197b30;}

.footer .nav>ul>li:last-child>a{border:none;}

.footer .menu{height:60px;width:800px;float:left;}
.footer .hr{float:left;margin:0px;}
.footer .nav {height:30px;float:left;}
.footer .nav>ul>li {padding:8px 0px; height:auto;}
.footer .nav>ul>li>a {color:#464646;font-size: 9px; width: auto; padding: 0px 27px;}
.footer .nav>ul>li:hover, .footer .nav>ul>li.active {padding-bottom:3px;border-bottom:0px;}
.footer .nav>ul>li:hover>a, .footer .nav>ul>li.active>a{color:#464646;font-weight:normal;font-family:'EurostileLT',Arial,"微軟正黑體", "Arial Black";}
.footer .icon-set {float:left;margin-left:10px;padding-top:5px;}

.menu .home{width: 114px;background: url('../images/common/home.png') no-repeat;height: 46px;text-indent: 9999px;position: relative;bottom: 11px;float: left;}
.menu .container{height: 35px;}

.menu .flags {display:block;float:left;color:#959595;margin-left:10px;}
.menu .flags .label {float:left;height:35px;line-height:35px;font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.menu .flags ul {float:left;list-style:none;padding-left: 5px;margin:10px 0px;}
.menu .flags ul li {float:left;}
.menu .flags .flag{width:18px; height:13px;display:block;padding-left: 5px;}
.menu .flags .flag.ar{background:url('../images/flag/ar.png') no-repeat;}
.menu .flags .flag.fr{background:url('../images/flag/fr.png') no-repeat;}
.menu .flags .flag.jp{background:url('../images/flag/jp.png') no-repeat;}
.menu .flags .flag.po{background:url('../images/flag/po.png') no-repeat;}
.menu .flags .flag.rs{background:url('../images/flag/rs.png') no-repeat;}
.menu .flags .flag.sp{background:url('../images/flag/sp.png') no-repeat;}

.page{background:url('../images/common/page_bg.png')repeat-x #fff;min-height: 600px;padding-bottom: 40px;}

body.index .page-wrapper {padding:17px 0px 40px;}

/*breadcrumb*/
.page-heading {
	font-family:'EurostileLT-Bold',Arial,"微軟正黑體", "Arial Black";
	font-size:18px;
	text-transform:uppercase;
	color:#003663;
	line-height:38px;
	background:url('../images/cms/head_line.png') right center no-repeat;
}

.page-heading .page-name{
	padding-right: 40px;
	background:url('../images/cms/head.png') right+10px center no-repeat #fbfbfb;
	display:inline-block;
}
body.products .page-heading {background:url('../images/list/head_line.png') right center no-repeat;}

body.products .page-heading .page-name {background:url('../images/cms/head.png') right+10px center no-repeat;}

/*page content*/
body.about-us.ar .page-content{text-align:right;}

.page-content{background:url('../images/cms/bg.png') repeat-x;border-radius:2px;padding:20px;min-height:364px;box-shadow: 0px 2px 2px rgba(0,0,0,0.2);margin-bottom: 25px;}
.page-content .page-name{height:31px;background:url('../images/common/header_icon.png') no-repeat;padding-left:31px;padding-bottom:5px;margin-bottom:20px;}
.page-content .page-name{font-size:24px;color:#197b30;line-height:31px;border-bottom:1px solid #8dc63f;}


/*structure*/
.left_sidebar {float:left;width:213px;}
.right_content {float: right;}

/*panorama*/
.panorama{
	position:relative;
	width:893px;
	height:260px;
}

.panorama .mask{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: inset 0px 0px 10px #AAA;
	z-index: 5;
	border-radius: 10px;
}

.panorama #panorama 
{
	border-radius: 10px;
	overflow: hidden;
}

.panorama .prev{
	width:29px;
	height:55px;
	display:block;
	background:url('../images/slider/left.png') no-repeat;
	text-indent:-9999px;
	margin-top:-27px;
	left:0px;
}

.panorama .next{
	width:29px;
	height:55px;
	display:block;
	background:url('../images/slider/right.png') no-repeat;
	text-indent:-9999px;
	margin-top:-27px;
	right:0px;
}

.panorama .prev, .panorama .next{
	position: absolute;
	z-index: 5;
	top: 50%;
}

.panorama .prev:hover, .panorama .next:hover{
	background-position:0 0;
}


/*slider*/
.slider{
	position:relative;
}

.slider .nivoSlider{
	border-radius:10px;
}

.slider .mask{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: inset 0px 0px 10px #AAA;
	z-index: 5;
	border-radius: 10px;
}

.slider .nivo-prevNav{
	width:29px;
	height:55px;
	display:block;
	background:url('../images/slider/left.png') no-repeat;
	text-indent:-9999px;
	margin-top:-27px;
}

.slider .nivo-nextNav{
	width:29px;
	height:55px;
	display:block;
	background:url('../images/slider/right.png') no-repeat;
	text-indent:-9999px;
	margin-top:-27px;
}

.slider .nivo-controlNav{
	text-align: right;
	padding: 0px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 10;
}

.slider .nivo-controlNav a {
	cursor: pointer;
	margin: 10px 10px 10px 0px;
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 3px;
}

.slider .nivo-caption{
	right:auto;
	bottom:auto;
	background:none;
	color:#197b30;
	width:100%;
	left:0px;
	top:0px;
} 

.slider .nivo-caption{
	
	font-size:24px;
	padding:15px;
}

.section{}

.section .heading {
	font-family:'EurostileLT-Bold',Arial,"微軟正黑體", "Arial Black";
	font-size:18px;
	text-transform:uppercase;
	color:#003663;
}

body.ar .section.cms-block .content{
	text-align:right;
}

.section .content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#464646;
}

.section .mention{
	color:#003663;
}

.icon-set ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

.icon-set li {
	float:left;
}

a.icon{
	width:30px;
	height:30px;
	display:block;
	padding-right:5px;
}
a.icon1 {background:url('../images/icon/icon1.png') no-repeat;}
a.icon2 {background:url('../images/icon/icon2.png') no-repeat;}
a.icon3 {background:url('../images/icon/icon3.png') no-repeat;}
a.icon4 {background:url('../images/icon/icon4.png') no-repeat;width:90px;height:30px;padding-left:45px;text-align:right;line-height:30px;}
a.icon4 .arrow {font-family:monospace;}
a.icon-s{
	width:21px;
	height:21px;
	display:block;
	padding-right:5px;
}

a.icon1s {background:url('../images/icon/icon1_s.png') no-repeat;}
a.icon2s {background:url('../images/icon/icon2_s.png') no-repeat;}
a.icon3s {background:url('../images/icon/icon3_s.png') no-repeat;}
a.icon4s {background:url('../images/icon/icon5.png') no-repeat;width:75px;height:50px;padding:0px;background-size: contain;}


button.button, a.button {
	display:inline-block;
	background:url('../images/button/bg.png') repeat-x;
	border:none;
	color:#fff;
	height:25px;
	line-height:25px;
	padding:0px 10px;
	font-size:10px;
	border-radius:3px;}


#enquiry-block-form{
	background:url('../images/section/bg.png') repeat-x;
	padding:10px;
	box-shadow: 0px 2px 1px #b2b2b2;
}

#subscription-form {
	background:url('../images/section/bg.png') repeat-x;
	padding:10px;
	box-shadow: 0px 2px 1px #b2b2b2;
}

.section.newsletter{
	width:288px;	
}

.section.cms-block{
	width:586px;
}

.section.cms-block .button.more{
	margin-top:10px;
}

.section .heading {line-height:35px;}
.section .heading .tail{background:url('../images/section/heading.png') left center no-repeat;width:146px;height:35px;display: inline-block;vertical-align: bottom;}
.section .input-box {padding:3px 0px; }
.section .input-box label{width:45px;display:inline-block; color:#959595;}

.section .input-box input[type="text"] {width:215px; display:inline-block;border:1px solid #959595; background:#fff;}
.section .ctrl-box .button.submit {float:right;}
.section .ctrl-box .icon-set {padding-left:48px; float: left;}

.input-box, .textarea-box {padding:3px 0px; }
.input-box label{width:80px;display:inline-block; color:#959595;vertical-align:top;}
body.ar .input-box label{width:95px;}
.input-box input[type="text"] {width:215px; display:inline-block;border:1px solid #959595; background:#fff;vertical-align:top;}
.ctrl-box .button.submit {float:right;}
.ctrl-box .icon-set {padding-left:48px; float: left;}
.textarea-box label{
	display:block;
	padding:0px 0px 6px;
	color:#959595;
}
.textarea-box textarea{
	display:block;
	width:390px;
	height:96px;
}
.capture-field{width:66px;}

/*new list*/
.new-list{
	height:30px;
	line-height:30px;
	background:url('../images/home/news_bg.png') repeat-x;
	margin-top:10px;
}

.new-list .label{
	float:left;
	padding-left:10px;
	text-transform:uppercase;
}

.new-list .more{
	float:right;
	padding-right:15px;
}

.new-list .marquee{
	float:left;
	width:100%;
	max-width:747px;
	margin: auto;
	height: 30px!important;
	overflow: hidden;
}

.new-list .marquee li{
color: #fff;
overflow: hidden;
height: 30px;
padding-left:10px;
line-height: 30px;
list-style: none;
font-size: 12px;
text-align: left;
}

.new-list .marquee li a {
	color: #fff;
}

/* Info section*/
.info-section{
	background:url('../images/home/info_bg.png');
	width: 930px;
	height:225px;
	margin-top:10px;
	border:1px solid #fff;
	border-radius:3px;
}

.info-section .section{
	width:270px;
	height:205px;
	float:left;
	padding:10px 20px;
}

.info-section .section:first-child{
	background:url('../images/home/shadow_l.png') right center no-repeat;
}

.info-section .section:last-child{
	background:url('../images/home/shadow_r.png') left center no-repeat;
}

.info-section .section .heading{
	padding:0px 5px 5px 0px;
	
	font-size:15px;
	font-weight:bold;
	color:#197b30;
	border-bottom:1px solid #ddd;
}

.info-section .more,.info-section .login{
	background:url('../images/home/more_btn.png') no-repeat;
	width:61px;
	height:22px;
	text-align:center;
	color:#fff;
	line-height: 19px;
	margin-top:5px;
}

.info-section .login{
	border:none;
}

/*event list*/
.event-list{
	list-style:none;
	padding:0px;
	margin:0px;
}

.event-list .item .img{
	float:left;
	padding-right:8px;
}

.event-list .item .img img{
	width:110px;
}

.event-list .item{
	margin-top:10px;
	font-size:13px;
	
}

.event-list .text{
	float: left;
	width: 152px;
}

.event-list .item .date{
	line-height:15px;
}

.event-list .item .desc{
	line-height:12px;
}

/*carousel*/
.carousel-wrapper{
	position:relative;
}

.carousel-wrapper .pagination{
	position:absolute;
	bottom:0;
}

.carousel-wrapper .pagination a{
	width:23px;
	height:23px;
	background:url('../images/home/num_bg.png') no-repeat;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 24px;
	color:#959595;
	padding-right:4px;
}

.carousel-wrapper .pagination a.selected{
	background:url('../images/home/num_a.png') no-repeat;
	color:#fff;
}

.carousel{
	
}

.carousel .item{
	width:270px;
	height:140px;
	margin-top:10px;
	
}

.carousel .desc{
	float:left;
	width: 165px;
	padding-right: 5px;
	line-height: 14px;
	font-size: 13px;
}

.carousel .img{
	float:right;
	width:100px;
}

.carousel .img img{
	max-width:100px;
}

/* member login form*/
.login-form{
	margin-top:10px;
	font-family:"gillsansmt",'微軟正黑體';
}

.login-form .label{
	font-size:13px;
	color:#197b30;
}

.login-form .field input[type="text"],.login-form .field input[type="password"]{
	border:1px solid #ccc;
	width:100%;
}

body.login #login_form .login{
	background:url('../images/home/more_btn.png') no-repeat;
	width:61px;
	height:22px;
	text-align:center;
	color:#fff;
	line-height: 19px;
	margin-top:10px;
}

body.login #login_form .login{
	border:none;
}

a.unline-link{
	text-decoration:underline;
	color:#959595;
}

/*Side bar*/
.sidebar{
	
}

.sidebar .heading{
	background:url('../images/common/sidebar_header.png') no-repeat;
	height:52px;
}

.sidebar .heading .head{
	padding-top: 7px;
	color: #8dc63f;
	font-size: 24px;
	line-height: 24px;
}

.sidebar .heading .sub-head{
	color: #197b30;
	font-size: 18px;
	line-height: 18px;
}

.sidebar-menu{
	background:url('../images/common/sidemenu_bg.png') no-repeat;
	background-size: 100% auto;
	height:320px;
	padding:15px;
}

/*side menu*/
#side-menu{	list-style:none;margin:0px;padding:0px;	text-align:right;}
#side-menu li span{display:inline-block; height:24px;padding-right: 10px;cursor:pointer;width: 130px;}
#side-menu li ul{list-style:none;margin:0px;padding:0px;text-align:right}
#side-menu li a{color:#464646;line-height: 22px;display: block;height: 24px;}
#side-menu>li.active{background:url('../images/common/menu_s.png') no-repeat;}
#side-menu>li.active>span,#side-menu>li.active>span>a{color:#fff;text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);}
#side-menu li ul li a{color:#959595}
#side-menu li ul li.active a{color:#197b30;}


.list-item .title a:hover{text-decoration:underline;}


.list-pages{text-align: center;margin-top:24px;font-size: 10px;}
.list-pages a {padding: 0px 4px;color:#959595;}
.list-pages a.active {color:#003663;}
.list-pages .pager{/*width:15px;height:15px;*/display: inline-block;}
.list-pages .forward_page{background:url('../images/list/forward.png') no-repeat left center;width:15px;height:15px;}
.list-pages .prev_page{background:url('../images/list/prev.png') no-repeat left center;padding-left:10px;}
.list-pages .next_page{background:url('../images/list/next.png') no-repeat right center;padding-right:10px;}
.list-pages .toward_page{background:url('../images/list/toward.png') no-repeat right center;width:15px;height:15px;}
.list-pages span{display: inline-block;vertical-align: middle;}

.list-heading, .cms-heading{border-top:3px solid #448ccb; border-bottom:2px solid #d3d2d2;}
.list-heading .header_wrapper, .news_heading .header_wrapper{background:url('../images/list/header_bg.png') repeat-x; width:100%;height:13px;padding:6px 0px 8px;background:#e1e1e1;border-bottom:1px solid #acacac;}
.list-heading .header_wrapper .type,
.list-heading .header_wrapper .date,
.list-heading .header_wrapper .text,
.list-heading .header_wrapper .file,
.list-heading .header_wrapper .cp_name,
.list-heading .header_wrapper .web_link
{float:left;color:#464646;line-height: 13px;padding-left:8px; border-right:1px dotted #464646;}
.list-heading .header_wrapper .last{border:0px;}

/*List Publication*/
/*.list-heading .header_wrapper .date{width:80px;background:url('../images/list/sep.png') no-repeat right center;}
.list-heading .header_wrapper .text{width:493px;background:url('../images/list/sep.png') no-repeat right center;}*/

.list-wrapper {margin-bottom: 30px;}

/*contact information*/
.contact-info-wrapper {background:url('../images/contact/bg.png') no-repeat;width:486px;height:171px;}
.contact-info-wrapper .heading{height:24px;line-height:24px;padding-left:10px;color:#fff;text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);}
.contact-info-wrapper .content{padding:8px 11px;}
.contact-info-wrapper .icon{height:17px;padding-left:25px;margin-bottom:7px;}
.contact-info-wrapper .home_icon{background:url('../images/contact/home_icon.png') no-repeat;}
.contact-info-wrapper .phone_icon{background:url('../images/contact/phone_icon.png') no-repeat;}
.contact-info-wrapper .fax_icon{background:url('../images/contact/fax_icon.png') no-repeat;}
.contact-info-wrapper .email_icon{background:url('../images/contact/email_icon.png') no-repeat;}

/*contact form*/
.contact-form-wrapper .content{width: 419px;font-family:"gillsansmt",'微軟正黑體';}
.contact-form-wrapper .hints{color:#959595;font-family:Arial, Helvetica, sans-serif;font-size:11px;line-height:11px;margin-bottom:10px;}
.contact-form-wrapper .label{width:135px; color:#454545;}
.contact-form-wrapper .label .req{color:#197b30;}
.contact-form-wrapper .sep{color:#454545;padding:0px 8px;}
.contact-form-wrapper .field input[type="text"],
.contact-form-wrapper .field textarea{
	border:1px solid #ccc;
}
.contact-form-wrapper .field textarea{width:259px;max-width:259px;height:58px;max-height: 58px; }
.contact-form-wrapper .field input[type="text"]{width:185px;}
.contact-form-wrapper .label,
.contact-form-wrapper .sep,
.contact-form-wrapper .field{
	float:left;
	margin-bottom:7px;
}
.contact-form-wrapper .control{float:right;}
.contact-form-wrapper .control button {background:url('../images/home/more_btn.png') no-repeat;border:none;width:61px;height:22px;color:#fff;font-family:"gillsansmt",'微軟正黑體';font-size:12px;outline:none;}

/*news*/

/*body.news .list-heading{width:366px;}*/
/*body.news .list-heading .header_wrapper{width:322px;}*/
body.news .list-heading .type{width:76px;}
body.news .list-heading .date{width:102px;}
body.news .list-heading .text{width:410px;background:none;}
body.news .list-content a{display:block;}
body.news .list-content .list-item{height:38px;line-height:38px;border-bottom:1px solid #ebebeb;font-family:Arial, Helvetica, sans-serif;}
body.news .list-content .list-item .type,
body.news .list-content .list-item .date,
body.news .list-content .list-item .title,
body.news .list-content .list-item .file{float:left;}
body.news .list-content .list-item .type{width:77px;padding-left:8px;height:38px;}
body.news .list-content .list-item .date{width:103px;padding-left:8px;height:38px;}
body.news .list-content .list-item .title {width:410px;padding-left: 8px;height:38px;}
body.news .list-content .list-item .type a {color:#448ccb;}


/*news detail*/
.news_heading {margin-bottom: 5px;}
.news_heading .header_wrapper .news_header{float:left;padding-left:8px;font-family:'EurostileLT-Bold',Arial,"微軟正黑體", "Arial Black";color:#003663;}
.news_heading .header_wrapper .news_date{float:right;padding-right:8px;font-size:11px;font-family:Arial, Helvetica, sans-serif;}
.news_content {padding: 10px;}



.sitemap{
	list-style:none;
	padding:0px;
	margin:0px;
}

.sitemap>li>a{
	display:block;
	padding:10px;
	background:#8dc63f;
	color:#fff;
}

.sitemap>li>a>div{
	text-align:center;
	font-weight:bold;
}

.sitemap>li{
	float:left;
	width:154px;
	height:252px;
	margin:10px;
	margin-bottom:20px;
}

.sitemap>li>ul{
	list-style:none;
	padding:0px;
	margin:0px;
}

.sitemap>li>ul>li>a{
	display:block;
	padding:5px 10px;
	border-bottom:1px solid #CCC;
}

.sitemap>li>ul>li>ul{
	list-style:none;
	padding:0px;
	margin:0px;
}

.sitemap>li>ul>li>ul>li>a{
	display:block;
	padding:5px 10px;
	border-bottom:1px solid #CCC;
}

.col-md-2s-r .section {margin-top:10px;}
.col-md-2s-r .section .content {color:#464646;}
.col-md-2s-r .section.newsletter {width:255px;}
.col-md-2s-r .section.newsletter .heading .tail{
	width:115px;
}
.col-md-2s-r .section.newsletter .input-box input[type="text"]
{
	width:185px;	
}
.col-md-2s-r .section.newsletter .icon-set {display:none;}


.col-md-2s-r .section.enquiry {width:255px;}
.col-md-2s-r .section.enquiry .heading .tail{
	width:115px;
}
.col-md-2s-r .section.enquiry .input-box input[type="text"]
{
	width:185px;	
}
.col-md-2s-r .section.enquiry .icon-set {display:none;}


.col-md-2s-r .section.warehouse .heading .tail{
	width:126px;
}
.col-md-2s-r .section.office .heading .tail{
	width:130px;
}

.capture-box{display:inline-block;}
.capture-box .capture-image {border:1px solid #959595;padding:1px; margin:2px;display:inline-block;vertical-align:bottom;}
.capture-box .refresh{display:inline-block;width:20px;height:20px;background:url('../images/icon/refresh.png') no-repeat; vertical-align: bottom; margin: 3px 0px;}

.tb-row {padding:3px 0px;}
.tb-row .label {display:inline-block;vertical-align: top;width:50px;}
.tb-row .label-sp {display:inline-block;vertical-align: top;text-align:center;width:13px;}
.tb-row .col-content {display:inline-block;vertical-align: top;}
.tb-row .col-content a {text-decoration:underline;color:#003663;}
.map{border:1px solid #959595;margin-top:20px;}

.products-sidebar{font-family:'EurostileLT',Arial,"微軟正黑體";margin-top:12px;}
.products-sidebar .heading {background:#00325b;color:#fff;font-size:18px;text-align:center;padding:5px 0px;text-transform:uppercase;border-top-left-radius:2px;border-top-right-radius:2px;}
.products-sidebar ul{list-style:none;padding:0px; margin:0px;}
.products-sidebar ul li {position:relative;width:180px;z-index: 1;}
.products-sidebar ul>li:hover>ul {display:block;}
.products-sidebar ul>li>ul {position: absolute;left: 180px;top: 0px;display:none;background:#448ccb;color:#fff;}
.products-sidebar ul>li>ul>li>ul {background:#00325b;}

.products-sidebar ul>li:hover{background:#448ccb;}
.products-sidebar ul>li:hover>span, .products-sidebar ul>li:hover>span>a {color:#fff;}
.products-sidebar ul>li>ul>li:hover{background:#245684}
.products-sidebar ul>li>ul>li>ul>li:hover {background:#001E35}


.products-sidebar ul li span, .products-sidebar ul li span a {color:#959595; }
.products-sidebar ul>li>ul>li span, .products-sidebar ul>li>ul>li span a {color:#fff; }
.products-sidebar .sidebar>ul>li>span{border-bottom:1px solid #e1e1e1;/*background:url('../images/sidebar/open.png') no-repeat left+25px center;*/}
.products-sidebar ul li span{display: block;padding: 5px; cursor:pointer;font-size:11px;padding-left:35px;}
.products-sidebar ul>li>span>a {display:block;margin: -5px -5px -5px -35px;padding: 5px 5px 5px 35px;}

.cate-list ul {list-style:none;padding:0px; margin:0px;}
.cate-list .cate-wrapper{width:212px;height:259px;float:left;padding:8px;}
.cate-list .cate-image {width:212px; height:209px; /*background:url('../images/products/list_bg.png') repeat-x;box-shadow: 0px 2px 2px rgba(0,0,0,0.2);*/display: table-cell;text-align: center;vertical-align: middle;}
.cate-list .cate-image img {max-width:212px; max-height:209px;}
.cate-list .cate-info {margin-top:10px;}
.cate-list .cate-info .name{text-align:center;}

body.products .wrapper, body.prod-cate .wrapper{margin-top:10px;}

.product-list-header{width:100%;padding-bottom:20px; text-transform:uppercase;}
.product-list-header .prod-image {display:table-cell;width:120px;}
.product-list-header .prod-part-no {display:table-cell;width:264px;padding-left:10px;font-weight:bold;font-family:'EurostileLT',Arial,"微軟正黑體";}
.product-list-header .prod-name {display:table-cell;width:197px;padding-left:10px;color:#003663;font-weight:bold;font-family:'EurostileLT',Arial,"微軟正黑體";}
.product-list-header .prod-link {display:table-cell;width:60px;padding-left:10px;color:003663;}

.product-list ul {list-style:none;padding:0px; margin:0px;}

/*Single product list*/
/*.product-list .prod-wrapper{width:212px;height:259px;float:left;padding:8px;}
.product-list .prod-image {width:212px; height:209px; background:url('../images/products/list_bg.png') repeat-x;box-shadow: 0px 2px 2px rgba(0,0,0,0.2);display: table-cell;text-align: center;vertical-align: middle;}
.product-list .prod-info {margin-top:10px;}
.product-list .prod-info .left {width:160px;padding-right:5px;}
.product-list .prod-info .price span.sign{color:#003663;font-size:12px;font-family:'EurostileLT-Bold',Arial,"微軟正黑體", "Arial Black";}
.product-list .prod-info .price span.value{color:#003663;font-size:18px;font-family:'EurostileLT-Bold',Arial,"微軟正黑體", "Arial Black";}
*/

.product-list .prod-wrapper{width:675px;height:136px;}
.product-list #product-scroller {width:100%; height:400px;}
.product-list .prod-image {display:table-cell;width:120px; height:120px; /*background:url('../images/products/list_bg.png') repeat-x;box-shadow: 0px 2px 2px rgba(0,0,0,0.2);*/display: table-cell;text-align: center;vertical-align: middle;}
.product-list .prod-image img{/*height:100%;width:100%;*/max-height:120px;max-width:120px;}
.product-list .prod-part-no {display:table-cell;width:264px;padding-left:10px;vertical-align: middle;}
.product-list .prod-name {display:table-cell;width:310px;padding-left:10px;padding-right:20px;vertical-align: middle;}
.product-list .prod-link {display:table-cell;width:150px;/*padding-left:10px;*/text-align:left;vertical-align: middle;}
.product-list .prod-link .button{padding:0px 25px;}
.product-list .prod-info {display:table-cell;width:549px;padding-left:10px;vertical-align: middle;}
/*.product-list .prod-info .left {width:160px;padding-right:5px;}
.product-list .prod-info .price span.sign{color:#003663;font-size:12px;font-family:'EurostileLT-Bold',Arial,"微軟正黑體", "Arial Black";}
.product-list .prod-info .price span.value{color:#003663;font-size:18px;font-family:'EurostileLT-Bold',Arial,"微軟正黑體", "Arial Black";}
*/


.product-detail .prod-box {width:342px; height:419px;float:left;}
.product-detail .prod-image {width:342px; height:419px;background:url('../images/products/bg.png') repeat-x;box-shadow: 0px 2px 2px rgba(0,0,0,0.2);display: table-cell;text-align: center;vertical-align: middle;}
.product-detail .prod-info {float:left;width:320px;padding-left:20px;}
.product-detail .prod-info .name {font-family:'EurostileLT-Bold',Arial,"微軟正黑體", "Arial Black";font-weight:normal;color:#003663;font-size:18px;}
.product-detail .prod-info .desc {padding: 5px 0px;}
.product-detail .prod-info td:first-child{width:105px;}
.product-detail .prod-info td:nth-child(2){width:10px;text-align:center;}
.product-detail .prod-info td {vertical-align:top;padding: 5px 0px;}
.product-detail .prod-info table {border-spacing: 0px; border-collapse: separate;}

/*Vertical Hot item*/
body.index .section.hotitem-vertical{margin-top:15px;}
.hotitem-list {list-style:none;padding:0px;margin:0px;}
.section.hotitem-vertical .hotitem-list li{float:left;padding:10px;}
.hotitem-list .prod-img {width:100px; height:97px; background:url('../images/hotitem/bg.png') repeat-x;
						 display: table-cell;text-align: center;vertical-align: middle;border:1px solid #FFF; border-radius:5px;
						 box-shadow: 0px 0px 2px rgba(0,0,0,0.2);}
.hotitem-list .prod-img img {max-height:78px;max-width:78px;}
.hotitem-list .prod-name {width:102px;padding-top:5px;text-align:center;}
.section.hotitem-vertical .hotitem-wrapper {position:relative;width:852px;margin:0px auto;}
.section.hotitem-vertical .hotitem-wrapper a.prev{background:url('../images/hotitem/left.png') no-repeat;top: 50%;margin-top: -10px;}
.section.hotitem-vertical .hotitem-wrapper a.prev:hover{background:url('../images/hotitem/left.png') no-repeat;}
.section.hotitem-vertical .hotitem-wrapper a.next{background:url('../images/hotitem/right.png') no-repeat;top: 50%;margin-top: -10px;}
.section.hotitem-vertical .hotitem-wrapper a.next:hover{background:url('../images/hotitem/right.png') no-repeat;}

/*Horizontal Hot item */
.hotitem-wrapper .prod {padding:10px;position:relative;border-bottom:1px solid #e1e1e1;}
.hotitem-wrapper .prod .prod-img{float:left;width:78px;height:78px;}
.hotitem-wrapper .prod .prod-img img{height:100%;}
.hotitem-wrapper .prod .prod-info{float:left;width:148px;padding-left:8px;height:100%;}
.hotitem-wrapper .prod .more{position:absolute;right:0px;bottom:0px;margin:10px;}
.section.hotitem-horizontal .hotitem-wrapper {/*position:relative;*/}
.section.hotitem-horizontal .hotitem-wrapper .ctrl {text-align:center;}
.section.hotitem-horizontal .hotitem-wrapper a.prev{background:url('../images/block/up_a.png') no-repeat;position:initial;width:14px; height:7px;display:inline-block;}
.section.hotitem-horizontal .hotitem-wrapper a.prev:hover{background:url('../images/block/up_a.png') no-repeat;}
.section.hotitem-horizontal .hotitem-wrapper a.next{background:url('../images/block/down_a.png') no-repeat;position:initial;width:14px; height:7px;display:inline-block;}
.section.hotitem-horizontal .hotitem-wrapper a.next:hover{background:url('../images/block/down_a.png') no-repeat;}

#enquiry-form .ctrl-box .button.submit {float:none;}
body.ar #enquiry-form .mention {text-align:right;}

.brand-list {background:url('../images/products/brand_bg.png') no-repeat right bottom;border-bottom:1px solid #e1e1e1;padding-bottom: 50px;}
.brand-list ul {margin:0px;margin-top:30px;padding:10px;list-style:none;float:left;width:230px;}
.brand-list ul li {padding:3px;color:#959595;}

body.sp .section .input-box label,
body.po .section .input-box label,
body.ar .section .input-box label,
body.rs .section .input-box label {width:90px;}

body.sp .section .input-box input[type="text"],
body.po .section .input-box input[type="text"],
body.ar .section .input-box input[type="text"],
body.rs .section .input-box input[type="text"] {width:165px;}

body.ar .tb-row .label,
body.rs .tb-row .label{width:84px;}

body.ar .tb-row .col-content,
body.rs .tb-row .col-content{width:154px;}