@charset utf-8;
/*
Theme Name: NewWay
Theme URI: http://whiteboardframework.com/
Author: Bold Perspective
Author URI: http://boldperspective.com/
Description: The Whiteboard Famework for Wordpress is built to speed up the process of developing a Wordpress theme. Whiteboard does so by eliminating the time spent on Wordpress' backend PHP by including what is common to all Wordpress powered Web sites with nothing extra.
Version: 3.1.3

 * Built on the Whiteboard Framework
 * http://whiteboardframework.com
 */

/*
 * The Whiteboard Framework is licensed under the GPL license.
 * Feel free to use the Whiteboard Framework for commercial and non-commercial ventures.
 * We require a link in the CSS file and request a link on the website
*/

/*
List of divs in Whiteboard
Note that this list does not include the dynamically generated ids and classes, such as the body classes, the post ids, etc
*/



.hide { /* this class is used to hid the skip to content link at the beginning of the document for accessibility */ display: none; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

/* Always remember to compress your live stylesheet and keep an uncompressed backup */
/** Generated by FG **/
@font-face {
 font-family: 'Conv_Gotham-Light';
 src: url('fonts/Gotham-Light.eot');
 src: local('☺'), url('fonts/Gotham-Light.woff') format('woff'), url('fonts/Gotham-Light.ttf') format('truetype'), url('fonts/Gotham-Light.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
html { background:#fff; color:#666666; }
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#main { width:100%; overflow:hidden; }
#header { width:100%; margin-bottom:10px; }
.header_box { width:1000px; margin:auto; }
.header_top { width:100%; height:105px; position:relative; }
#logo { position:absolute; left:0; bottom:20px; }
#header .nav { width:1000px; margin:auto; height:36px; background:#008677; position:relative; z-index:2000; }
#header .menu { float:left; padding-left:20px; }
#header .menu li { float:left; }
#header .menu li a { display:block; line-height:36px; background:url(images/menu.png) no-repeat; text-indent:-9999px; }
#header .menu li a:hover { background:url(images/menu.png) no-repeat; }
#header .menu li.menu-item-22 a { width:75px; background-position:0 0; }
#header .menu li.menu-item-22 a:hover { background-position:0 -36px; }
#header .menu li.menu-item-22.sfHover a{background-position:0 -36px;}
#header .menu li.menu-item-22.current-menu-item a { background-position:0 -72px; }
#header .menu li.menu-item-22.current_page_parent a { background-position:0 -72px; }
#header .menu li.menu-item-22.current-page-ancestor a { background-position:0 -72px; }


#header .menu li.menu-item-21 a { width:96px; background-position:-75px 0; }
#header .menu li.menu-item-21 a:hover { background-position:-75px -36px; }
#header .menu li.menu-item-21.sfHover a { background-position:-75px -36px; }
#header .menu li.menu-item-21.current-menu-item a { background-position:-75px -72px; }
#header .menu li.menu-item-21.current_page_parent a { background-position:-75px -72px; }
#header .menu li.menu-item-21.current-page-ancestor a { background-position:-75px -72px; }


#header .menu li.menu-item-20 a { width:124px; background-position:-171px 0; }
#header .menu li.menu-item-20 a:hover { background-position:-171px -36px; }
#header .menu li.menu-item-20.sfHover a { background-position:-171px -36px; }
#header .menu li.menu-item-20.current-menu-item a { background-position:-171px -72px; }
#header .menu li.menu-item-20.current_page_parent a { background-position:-171px -72px; }
#header .menu li.menu-item-20.current-page-ancestor a { background-position:-171px -72px; }


#header .menu li.menu-item-19 a { width:145px; background-position:-295px 0; }
#header .menu li.menu-item-19 a:hover { background-position:-295px -36px; }
#header .menu li.menu-item-19.sfHover a { background-position:-295px -36px; }
#header .menu li.menu-item-19.current-menu-item a { background-position:-295px -72px; }
#header .menu li.menu-item-19.current_page_parent a { background-position:-295px -72px; }
#header .menu li.menu-item-19.current-page-ancestor a { background-position:-295px -72px; }
.single-post #header .menu li.menu-item-19 a { background-position:-295px -72px; }

#header .menu li.menu-item-18 a { width:180px; background-position:-440px 0; }
#header .menu li.menu-item-18 a:hover { background-position:-440px -36px; }
#header .menu li.menu-item-18.sfHover a { background-position:-440px -36px; }
#header .menu li.menu-item-18.current-menu-item a { background-position:-440px -72px; }
#header .menu li.menu-item-18.current_page_parent a { background-position:-440px -72px; }
#header .menu li.menu-item-18.current-page-ancestor a { background-position:-440px -72px; }
.single-opportunities #header .menu li.menu-item-18 a { background-position:-440px -72px; }

#header .menu li.menu-item-17 a { width:109px; background-position:-620px 0; }
#header .menu li.menu-item-17 a:hover { background-position:-620px -36px; }
#header .menu li.menu-item-17.sfHover a { background-position:-620px -36px; }
#header .menu li.menu-item-17.current-menu-item a { background-position:-620px -72px; }
#header .menu li.menu-item-17.current_page_parent a { background-position:-620px -72px; }
#header .menu li.menu-item-17.current-page-ancestor a { background-position:-620px -72px; }
/* zh nav */
#header .zh_nav .menu li.menu-item-22 a { width:100px; background-position:0 -108px; }
#header .zh_nav .menu li.menu-item-22 a:hover { background-position:0 -144px; }
#header .zh_nav .menu li.menu-item-22.sfHover a { background-position:0 -144px; }
#header .zh_nav .menu li.menu-item-22.current-menu-item a { background-position:0 -180px; }
#header .zh_nav .menu li.menu-item-22.current_page_parent a { background-position:0 -180px; }
#header .zh_nav .menu li.menu-item-22.current-page-ancestor a { background-position:0 -180px; }


#header .zh_nav .menu li.menu-item-21 a { width:123px; background-position:-100px -108px; }
#header .zh_nav .menu li.menu-item-21 a:hover { background-position:-100px -144px; }
#header .zh_nav .menu li.menu-item-21.sfHover a { background-position:-100px -144px; }
#header .zh_nav .menu li.menu-item-21.current-menu-item a { background-position:-100px -180px; }
#header .zh_nav .menu li.menu-item-21.current_page_parent a { background-position:-100px -180px; }
#header .zh_nav .menu li.menu-item-21.current-page-ancestor a { background-position:-100px -180px; }


#header .zh_nav .menu li.menu-item-20 a { width:140px; background-position:-223px -108px; }
#header .zh_nav .menu li.menu-item-20 a:hover { background-position:-223px -144px; }
#header .zh_nav .menu li.menu-item-20.sfHover a { background-position:-223px -144px; }
#header .zh_nav .menu li.menu-item-20.current-menu-item a { background-position:-223px -180px; }
#header .zh_nav .menu li.menu-item-20.current_page_parent a { background-position:-223px -180px; }
#header .zh_nav .menu li.menu-item-20.current-page-ancestor a { background-position:-223px -180px; }


#header .zh_nav .menu li.menu-item-19 a { width:141px; background-position:-363px -108px; }
#header .zh_nav .menu li.menu-item-19 a:hover { background-position:-363px -144px; }
#header .zh_nav .menu li.menu-item-19.sfHover a { background-position:-363px -144px; }
#header .zh_nav .menu li.menu-item-19.current-menu-item a { background-position:-363px -180px; }
#header .zh_nav .menu li.menu-item-19.current_page_parent a { background-position:-363px -180px; }
#header .zh_nav .menu li.menu-item-19.current-page-ancestor a { background-position:-363px -180px; }
.single-post #header .zh_nav .menu li.menu-item-19 a { background-position:-363px -180px; }


#header .zh_nav .menu li.menu-item-18 a { width:95px; background-position:-504px -108px; }
#header .zh_nav .menu li.menu-item-18 a:hover { background-position:-504px -144px; }
#header .zh_nav .menu li.menu-item-18.sfHover a { background-position:-504px -144px; }
#header .zh_nav .menu li.menu-item-18.current-menu-item a { background-position:-504px -180px; }
#header .zh_nav .menu li.menu-item-18.current_page_parent a { background-position:-504px -180px; }
#header .zh_nav .menu li.menu-item-18.current-page-ancestor a { background-position:-504px -180px; }
.single-opportunities #header .zh_nav .menu li.menu-item-18 a { background-position:-504px -180px; }


#header .zh_nav .menu li.menu-item-17 a { width:130px; background-position:-599px -108px; }
#header .zh_nav .menu li.menu-item-17 a:hover { background-position:-599px -144px; }
#header .zh_nav .menu li.menu-item-17.sfHover a { background-position:-599px -144px; }
#header .zh_nav .menu li.menu-item-17.current-menu-item a { background-position:-599px -180px; }
#header .zh_nav .menu li.menu-item-17.current_page_parent a { background-position:-599px -180px; }
#header .zh_nav .menu li.menu-item-17.current-page-ancestor a { background-position:-599px -180px; }


#searchform { float:right; margin-top:6px; }
#searchform .screen-reader-text { display:none; }
#searchform #s { margin-right:8px; float:left; width:191px; height:12px; border:1px solid #c3c3c3; background:#fff; padding:5px; font-size:12px; color:#999; }
#searchform #searchsubmit { width:24px; height:24px; background:url(images/bg_search_btn.png) 0 0 no-repeat; border:0; float:left; margin-right:8px; text-indent:-9999px; cursor:pointer; }
#searchform #searchsubmit:hover { background:url(images/bg_search_btn.png) 0 -24px no-repeat; }
.language { float:right; }
.language li { float:left; padding-right:10px; padding-left:10px; padding-top:10px; }
.language li:first-child { border-right:1px solid #999; }
.language a { padding:0 !important; font-size:13px; color:#666; background:none; text-decoration:none; }
.language a:hover { color:#008676; }
.language .active a { color:#008676; }
/* *************************** 
   $3 Content Styles
   ***************************/
#content { width:1000px; overflow:hidden; margin:auto; }
#homecontent { width:1000px; overflow:hidden; }
#homecontent #banner { width:1000px; overflow:hidden; margin-bottom:10px; }
#banner { width:1000px; overflow:hidden; margin-bottom:15px; }
#banner h2 { font-size:40px; font-weight:normal; color:#008676; position:absolute; left:27px; bottom:15px; font-family: 'Conv_Gotham-Light'; text-transform:uppercase; }
.product_banner { width:1000px; height:123px; overflow:hidden; margin-bottom:15px; position:relative; background:url(images/bg_products_banner.jpg) no-repeat; }
.page_banner { width:1000px; height:123px; overflow:hidden; margin-bottom:15px; position:relative; background:url(images/bg_page_banner.jpg) no-repeat; }
.news_banner { width:1000px; height:123px; overflow:hidden; margin-bottom:15px; position:relative; background:url(images/bg_news_banner.jpg) no-repeat; }
.opp_banner { width:1000px; height:123px; overflow:hidden; margin-bottom:15px; position:relative; background:url(images/bg_opp_banner.jpg) no-repeat; }
.contact_banner { width:1000px; height:123px; overflow:hidden; margin-bottom:15px; position:relative; background:url(images/bg_contact_banner.jpg) no-repeat; }
.left_banner { float:left; width:646px; height:450px; overflow:hidden; position:relative; }
.right_banner { float:left; width:353px; height:450px; overflow:hidden; position:relative; }
.left_banner a span { text-indent:-9999px; position:absolute; left:0; bottom:0; display:block; width:21px; height:22px; background:url(images/icon_banner.png) 0 0 no-repeat; }
.left_banner a:hover span { background-position:0 -22px; }
.right_banner a span { text-indent:-9999px; position:absolute; right:0; top:0; display:block; width:21px; height:22px; background:url(images/icon_banner.png) 0 0 no-repeat; }
.right_banner a:hover span { background-position:0 -22px; }
#maincontent { width:685px; float:left; padding-right:20px; border-right:1px dotted #888; margin-bottom:10px; min-height:450px; }
#maincontent h2 { font-size:18px; color:#008676; font-weight:bold; line-height:20px; margin:0 0 10px 0; }
.single #maincontent h2 { letter-spacing: -0.5px; }
#maincontent p { line-height:22px; font-size:15px; margin-bottom:20px; }
#maincontent a { color:#008676; text-decoration:none; }
#maincontent a:hover { color:#d3830b; }
h1 { font-size:18px; color:#008676; font-weight:bold; line-height:30px; margin-bottom:20px; }
#newscontent { width:1000px; overflow:hidden; background:url(images/bg_border.png) center repeat-y; min-height:450px; }
.news_list { float:left; width:480px; padding-right:20px; }
.views_list { float:left; width:480px; padding-left:20px; }
#newscontent h2 { font-size:18px; font-weight:bold; color:#008676; line-height:30px; margin-bottom:10px; }
.post-single { padding:10px 0; border-top:1px solid #ccc; line-height:20px; font-size:15px; }
.post-single .date { font-size:15px; font-weight:bold; color:#008676; }
.post-single a { color:#008676; font-weight:bold; text-decoration:none; }
.post-single a:hover { color:#d3830b; }
#oppcontent { width:1000px; overflow:hidden; min-height:450px; }
.opp_list { padding-top:7px; }
.opp_list li { margin-bottom:20px; }
.opp_list li a { font-size:15px; font-weight:bold; color:#008676; text-decoration:none; }
.opp_list li a:hover { color:#d3830b; }
#contactcontent { width:1000px; background:url(images/bg_border.png) center repeat-y; overflow:hidden; min-height:450px; }
.contact_left { float:left; width:480px; padding-right:20px; }
.contact_right { float:left; width:480px; padding-left:20px; }
#contactcontent h2 { font-size:18px; color:#008676; font-weight:bold; line-height:30px; }
#contactcontent p { line-height:22px; font-size:15px; margin-bottom:20px; }
.contact_tel { overflow:hidden; font-size:15px; color:#231f20; line-height:22px; margin-top:-15px; }
.contact_tel .contact_title { display:block; width:100px; font-weight:bold; float:left; text-align:left; }
.contact_tel a { color:#008676; text-decoration:none; }
.contact_tel a:hover { color:#d3830b; }
.contact_right .textbox { width:468px; height:18px; border:1px solid #ccc; background:#fff; padding:5px; }
.contact_right textarea { width:468px; height:105px; border:1px solid #ccc; background:#fff; padding:5px; }
.contact_right .submit { width:107px; height:33px; border:0; background:url(images/bg_submit.png) 0 0 no-repeat; cursor:pointer; }
.contact_right .submit:hover { background-position:-107px 0; }
.contact_right .submitzh { width:107px; height:33px; border:0; background:url(images/bg_submit.png) 0 -33px no-repeat; cursor:pointer; }
.contact_right .submitzh:hover { background-position:-107px -33px; }
#searchcontent { width:1000px; overflow:hidden; min-height:450px; margin-bottom:10px; }
.oldernewer { overflow:hidden; margin-bottom:20px; }
.oldernewer a { font-size:15px; color:#008676; text-decoration:none; }
.oldernewer a:hover { color:#d3830b; }
.older { float:left; }
.newer { float:right; }
/* *************************** 
   $4 Sidebar Styles
   ***************************/
#sidebar { width:275px; float:right; }
.subpage_menu { margin-bottom:30px; }
.subpage_menu ul { border-top:1px solid #ccc; }
.subpage_menu li { border-bottom:1px solid #ccc; }
.subpage_menu li a { padding:5px 0 5px 10px; display:block; line-height:18px; font-size:13px; font-weight:bold; color:#999; text-decoration:none; }
.subpage_menu li a:hover { color:#d3830b; background:url(images/bg_submenu_rollover.png) left no-repeat; }
.subpage_menu li.current_page_item a { background:#e5f3f1 url(images/bg_submenu_on.png) left no-repeat; color:#008676; }
.related_news h2 { font-size:24px; color:#008676; }
.related_news .news_box { padding:15px 0; border-top:1px solid #ccc; }
.related_news .news_box:first-child { border:0; }
.related_news .news_box p { font-size:14px; line-height:16px; padding:0 55px 0 0px; }
/*
.related_news .news_box.orange p{border-left:3px solid #ff9900;color:#d3830b;}
.related_news .news_box.blue p{border-left:3px solid #008676;color:#008676;}
.related_news .news_box.orange{border:0;}
*/
.related_news .news_box a { display:block; text-decoration:none; padding-left:7px; border-left:3px solid #008676; color:#008676; }
.related_news .news_box a:hover { border-left:3px solid #ff9900; color:#d3830b; }
/* *************************** 
   $5 Footer Styles
   ***************************/
#footer { width:1000px; margin:auto; overflow:hidden;padding-bottom:20px; }
#footer .nav { float:left; font-size:11px; }
#footer .menu li { float:left; margin-right:5px; padding-left:5px; background:url(images/bg_footer_menu.png) left no-repeat; }
#footer .menu li:first-child { padding:0; background:none; }
#footer .menu li a { color:#666; line-height:18px; text-decoration:none; }
#footer .menu li a:hover { color:#d3830b; text-decoration:none; }
#footer .icon a.footer_logo { float:left; display:block; width:40px; height:31px; background:url(images/footer_logo.png) 0 0 no-repeat; text-indent:-9999px;margin-left:15px; }
#footer .icon a.footer_logo:hover { background:url(images/footer_logo.png) 0 -31px; no-repeat;
}
#footer .icon { color:#999; float:right; font-size:12px; font-weight:700; line-height:18px; }
#footer .icon span { float:left; margin-left:6px;margin-top:10px; }
#footer .icon a { margin-left:6px; float:left; display:block; width:18px; height:18px; text-indent:-9999px; background:url(images/icons.png) no-repeat; }
#footer .icon a.icon1 { background-position:0 0; margin-top:10px; }
#footer .icon a.icon1:hover { background-position:0 -18px; }
#footer .icon a.icon2 { background-position:-28px 0; margin-top:10px; }
#footer .icon a.icon2:hover { background-position:-28px -18px; }
.language_box { width:1000px; height:100%; margin:auto; position:relative; }
.language_top { width:1000px; height:320px; position:absolute; top:0; left:0; background:url(images/bg_sky.jpg) top no-repeat; z-index:10; }
.language_bottom { width:1000px; height:279px; position:absolute; bottom:0; left:0; background:url(images/bg_green.jpg) bottom no-repeat; z-index:10; }
.language_logo_box { width:294px; height:144px; position:absolute; left:50%; top:50%; margin-left:-147px; margin-top:-72px; z-index:100; }
.language_link { position:absolute; bottom:0; left:50%; margin-left:-108px; width:216px; height:33px; padding-bottom:15px; background:url(images/bg_language_link_bot.png) bottom repeat-x; }
#language_logo { position:absolute; left:0; top:0; }
a.en { outline:none; float:left; display:block; width:108px; height:33px; background:url(images/bg_language_link.png) 0 0 no-repeat; text-indent:-9999px; }
a.en:hover { background-position:0 -33px; }
a.zh { outline:none; float:left; display:block; width:108px; height:33px; background:url(images/bg_language_link.png) -108px 0 no-repeat; text-indent:-9999px; }
a.zh:hover { background-position:-108px -33px; }
#banner h2.pagetitle { font-family:Arial, Helvetica, sans-serif; }
.related_title{font-family: 'Conv_Gotham-Light';}
.img_banner_top{position:absolute;right:0;top:0;}
.content_img{float:right;margin:0 0 10px 10px;}

.return_320{display:none;}
#footer .sub-menu{display:none !important;}
.contact_right span.wpcf7-not-valid-tip {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FF0000;
    font-size: 10pt;
    left: 0;
    padding: 5px;
    position: absolute;
    top: -7px;
    width: 468px;
    z-index: 100;
}

/*		Tablet Layout: 768px (48em).
		Gutters: 24px (1.5em).
		Outer margins: 28px (1.75em).
		Inherits styles from: Default layout.
------------------------------------------------------------------
cols	1     2      3      4      5      6      7      8
px		68    160    252    344    436    528    620    712		*/

@media only screen and (min-width: 768px) and (max-width: 999px) {

}

/*		Mobile Layout: 320px (20em).
		Gutters: 24px (1.5em).
		Outer margins: 34px (2.125em).
		Inherits styles from: Default Layout.
--------------------------------------------------
cols	1     2      3
px		68    160    252
em		4.25  10.0   15.75						*/

@media only screen and (max-width: 767px) {
	#main{width:320px;margin:0 auto;}
	#header{width:320px;margin:auto;margin-bottom:10px;}
	.header_box{width:320px;position:relative;}
	#header .nav{width:320px;}
	#header .menu-header-menu-container{display:none;}
	#searchform #s{width:100px;}
	#banner{width:300px;margin-bottom:5px;height:none;background:none;height:auto;}
	#banner img{display:none;}
	#banner h2{position:relative;left:0;bottom:0;line-height:36px;}
	.content_img{display:none;}
	.container{width:320px;margin:0 auto;}
	#content{width:300px;padding:0 10px;position:relative;padding-top:170px;}
	#maincontent{border:0;float:none;padding:0;min-height:20px;width:300px;}
	#sidebar{float:none;width:300px;margin-bottom:20px;}
	#footer{width:300px;padding:0 10px 20px 10px;margin:0 auto;}
	#footer .icon {clear:both;float:none;margin-top:10px;}
	#footer .icon span{margin-left:0;}
	.subpage_menu{position:absolute;left:0;top:0;width:320px;}
	.return_320{display:block;float:left;color:#48bcae;line-height:36px;font-size:15px;margin-left:10px;font-weight:bold;}
	.return_320 a{color:#48bcae;text-decoration:none;}
	.return_320 a:hover{color:#fff;}

	.page-template-template-contact-php #content{padding-top:0;}
	#contactcontent{width:300px;background:none;min-height:10px;}
	.contact_tel .contact_title{width:70px;}
	.contact_left{float:none;width:300px;padding:0;padding-bottom:10px;border-bottom:1px dotted #ccc;}
	.contact_right{float:none;width:300px;padding:0;padding-top:10px;}
	.contact_right .textbox{width:288px;}
	.contact_right textarea {width:288px;}
	.contact_right span.wpcf7-not-valid-tip{width:288px;}

	.page-template-template-home-php #header{overflow:hidden;}
	.page-template-template-home-php #content{width:320px;padding:0;}
	.page-template-template-home-php #homecontent{width:320px;margin-bottom:15px;}
	.page-template-template-home-php #homecontent #banner {width:320px;}
	.page-template-template-home-php .left_banner {float: none;height: 345px;overflow: hidden;position: relative;width: 320px;}
	.page-template-template-home-php .right_banner{float: none;height: 226px;overflow: hidden;position: relative;width: 320px;}
	.page-template-template-home-php .left_banner a{display:block;width:320px;height:345px;}
	.page-template-template-home-php .right_banner a{display:block;width:320px;height:226px;}
	.page-template-template-home-php #banner.en .left_banner{background:url(images/banner1_320_en.jpg) no-repeat;}
	.page-template-template-home-php #banner.zh .left_banner{background:url(images/banner1_320_zh.jpg) no-repeat;}
	.page-template-template-home-php #banner.en .right_banner{background:url(images/banner2_320_en.jpg) no-repeat;}
	.page-template-template-home-php #banner.zh .right_banner{background:url(images/banner2_320_zh.jpg) no-repeat;}
	.page-template-template-home-php .left_banner a span{left:auto;right:0;top:0;}
	.page-template-template-home-php .right_banner a span{top:auto;right:auto;left:0;bottom:0;}

	.page-template-template-home-php .return_320{display:none;}
	.page-template-template-home-php #header .menu-header-menu-container{display:block;}
	.page-template-template-home-php #main #header .menu li { float:left; width:320px;}
	.page-template-template-home-php #main #header .menu li a { display:block;width:300px; line-height:36px;font-weight:bold; background:none; text-indent:0px;font-size:15px;color:#48bcae;line-height:35px;padding:0 10px;text-decoration:none; }
	.page-template-template-home-php #main #header .menu li a:hover { background:none;color:#fff;}
	.page-template-template-home-php #main #header .sub-menu{display:none !important;}
	.page-template-template-home-php #main #header .menu li.current-menu-item a { color:#fff; }
	.page-template-template-home-php #main #header .menu li.current_page_parent a { color:#fff;}
	.page-template-template-home-php #main #header .menu li.current-page-ancestor a {  color:#fff;}
	.page-template-template-home-php #header .nav {float:left;height:auto;position:relative;}
	.page-template-template-home-php #header .menu {padding:0;}
	.page-template-template-home-php #searchform{float:none;margin:0;position:absolute;right:0;top:5px;}
	
	.language_box{width: 320px;}
	.language_top{width:320px;}
	.language_bottom{width:320px;}
	.language_logo_box {top: 25%;}

	.page-template-template-news-php #content{width:300px;padding:0 10px;}
	.page-template-template-news-php #newscontent{width:300px;background:none;min-height:20px;margin-bottom:10px;}
	.page-template-template-news-php .news_list{width:300px;float:none;padding:0;padding-bottom:10px;border-bottom:1px dotted #ccc;margin-bottom:10px;}
	.page-template-template-news-php .views_list{width:300px;float:none;padding:0;}

	.page-template-template-opportunities-php #content{width:300px;padding:0 10px;}
	.page-template-template-opportunities-php #oppcontent{width:300px;min-height:20px;margin-bottom:10px;}

	.single #content{width:300px;padding:0 10px;}
	.single .subpage_menu{width:300px;position:relative;}
	.single #sidebar ul{border:0;}
	.single #sidebar ul li{border:0;}
	.single #sidebar ul li a{padding:0;background:none;}

	.page-template-template-products-php #content{width:300px;padding:100px 10px 0 10px;}
}

/*		Wide Mobile Layout: 480px (30em).
		Gutters: 24px (1.5em).
		Outer margins: 22px (1.375em).
		Inherits styles from: Default Layout, Mobile Layout.
--------------------------------------------------------------
cols	1     2      3      4      5
px		68    160    252    344    436						*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

	#main{width:480px;margin:0 auto;}
	#header{width:480px;margin:auto;margin-bottom:10px;overflow:hidden;}
	.header_box{width:480px;position:relative;}
	#header .nav{width:255px;float:left;}
	#header .menu-header-menu-container{display:block;}
	#banner{width:460px;margin-bottom:5px;height:none;background:none;height:auto;}
	#banner img{display:none;}
	#banner h2{position:relative;left:0;bottom:0;line-height:40px;}
	.content_img{display:block;}
	.container{width:480px;margin:0 auto;}
	#content{clear:both;width:460px;padding:0 10px;position:relative;overflow:visible;}
	#maincontent{border:0;float:none;padding:0;min-height:20px;width:460px;}
	#sidebar{float:none;width:460px;margin-bottom:20px;}
	#footer{width:460px;padding:0 10px 20px 10px;margin:0 auto;}
	#footer .icon {clear:both;float:none;margin-top:10px;}
	#footer .icon span{margin-left:0;}
	.subpage_menu{position:absolute;left:275px;top:-220px;width:205px;}
	.return_320{display:none;}
	#searchform{float:none;margin:0;position:absolute;right:-225px;top:-50px;}
	#searchform #s{width:150px;}
	#searchform #searchsubmit {margin:0;}
	#header .nav {height:auto;}
	#header .menu {padding:0;}
	#main #header .menu li { float:left; width:255px;}
	#main #header .menu li a { display:block;width:235px; line-height:36px;font-weight:bold; background:none; text-indent:0px;font-size:15px;color:#48bcae;line-height:35px;padding:0 10px;text-decoration:none; }
	#main #header .menu li a:hover { background:none;background:#004a3b; color:#fff;}
	#main #header .sub-menu{display:none !important;}
	#main #header .menu li.current-menu-item a { background:#004a3b;color:#fff; }
	#main #header .menu li.current_page_parent a { background:#004a3b;color:#fff;}
	#main #header .menu li.current-page-ancestor a { background:#004a3b; color:#fff;}

	.page-template-template-contact-php #content{padding-top:0;}
	.page-template-template-contact-php #header .nav{width:480px;float:left;}
	.page-template-template-contact-php #main #header .menu li { float:left; width:480px;}
	.page-template-template-contact-php #main #header .menu li a { display:block;width:460px; line-height:36px;font-weight:bold; background:none; text-indent:0px;font-size:15px;color:#48bcae;line-height:35px;padding:0 10px;text-decoration:none; }
	.page-template-template-contact-php #main #header .menu li a:hover { background:none;background:#004a3b; color:#fff;}
	.page-template-template-contact-php #main #header .sub-menu{display:none !important;}
	.page-template-template-contact-php #main #header .menu li.current-menu-item a { background:#004a3b;color:#fff; }
	.page-template-template-contact-php #main #header .menu li.current_page_parent a { background:#004a3b;color:#fff;}
	.page-template-template-contact-php #main #header .menu li.current-page-ancestor a { background:#004a3b; color:#fff;}
	.page-template-template-contact-php #searchform{float:none;margin:0;position:absolute;right:0;top:-50px;}
	#contactcontent{width:460px;background:none;min-height:10px;}
	.contact_tel .contact_title{width:70px;}
	.contact_left{float:none;width:460px;padding:0;padding-bottom:10px;border-bottom:1px dotted #ccc;}
	.contact_right{float:none;width:460px;padding:0;padding-top:10px;}
	.contact_right .textbox{width:448px;}
	.contact_right textarea {width:448px;}
	.contact_right span.wpcf7-not-valid-tip{width:448px;}

	.page-template-template-home-php #header{overflow:hidden;}
	.page-template-template-home-php #content{width:480px;padding:0;}
	.page-template-template-home-php #homecontent{width:480px;}
	.page-template-template-home-php #homecontent #banner {width:480px;}
	.page-template-template-home-php .left_banner {float: none;height: 345px;overflow: hidden;position: relative;width: 480px;}
	.page-template-template-home-php .right_banner{float: none;height: 225px;overflow: hidden;position: relative;width: 480px;}
	.page-template-template-home-php .left_banner a{display:block;width:480px;height:345px;}
	.page-template-template-home-php .right_banner a{display:block;width:480px;height:226px;}
	.page-template-template-home-php #banner.en .left_banner{background:url(images/banner1_480_en.jpg) no-repeat;}
	.page-template-template-home-php #banner.zh .left_banner{background:url(images/banner1_480_zh.jpg) no-repeat;}
	.page-template-template-home-php #banner.en .right_banner{background:url(images/banner2_480_en.jpg) no-repeat;}
	.page-template-template-home-php #banner.zh .right_banner{background:url(images/banner2_480_zh.jpg) no-repeat;}
	.page-template-template-home-php .left_banner a span{left:auto;right:0;top:0;}
	.page-template-template-home-php .right_banner a span{top:auto;right:auto;left:0;bottom:0;}

	.page-template-template-home-php .return_320{display:none;}
	.page-template-template-home-php #header .menu-header-menu-container{display:block;}
	.page-template-template-home-php #main #header .menu li { float:left; width:480px;}
	.page-template-template-home-php #main #header .menu li a { display:block;width:460px; line-height:36px;font-weight:bold; background:none; text-indent:0px;font-size:15px;color:#48bcae;line-height:35px;padding:0 10px;text-decoration:none; }
	.page-template-template-home-php #main #header .menu li a:hover { background:none;background:#004a3b;color:#fff;}
	.page-template-template-home-php #main #header .sub-menu{display:none !important;}
	.page-template-template-home-php #main #header .menu li.current-menu-item a { background:#004a3b;color:#fff; }
	.page-template-template-home-php #main #header .menu li.current_page_parent a { background:#004a3b;color:#fff;}
	.page-template-template-home-php #main #header .menu li.current-page-ancestor a {background:#004a3b;  color:#fff;}
	.page-template-template-home-php #header .nav {float:left;height:auto;width:480px;}
	.page-template-template-home-php #header .menu {padding:0;}
	.page-template-template-home-php #searchform{float:none;margin:0;position:absolute;right:0;top:-50px;}

	.language_box{width:480px;}
	.language_top{width:480px;}
	.language_bottom{width:480px;}
	.language_logo_box {top: 0;margin-top:40px;}
	.page-template-template-news-php #header .nav{width:480px;float:left;}
	.page-template-template-news-php #content{width:460px;padding:0 10px;}
	.page-template-template-news-php #newscontent{width:460px;}
	.page-template-template-news-php .news_list{width:460px;float:none;padding:0;padding-bottom:10px;border-bottom:1px dotted #ccc;margin-bottom:10px;}
	.page-template-template-news-php .views_list{width:460px;float:none;padding:0;}
	.page-template-template-news-php #main #header .menu li { float:left; width:480px;}
	.page-template-template-news-php #searchform{float:none;margin:0;position:absolute;right:0;top:-50px;}
	.page-template-template-news-php #main #header .menu li a {width:460px;}

	.page-template-template-opportunities-php #header .nav{width:480px;float:left;}
	.page-template-template-opportunities-php #content{width:460px;padding:0 10px;}
	.page-template-template-opportunities-php #oppcontent{width:460px;min-height:20px;margin-bottom:10px;}
	.page-template-template-opportunities-php #main #header .menu li { float:left; width:480px;}
	.page-template-template-opportunities-php #searchform{float:none;margin:0;position:absolute;right:0;top:-50px;}
	.page-template-template-opportunities-php #main #header .menu li a {width:460px;}

	.single #header .nav{width:480px;float:left;}
	.single #content{width:460px;padding:0 10px;}
	.single .subpage_menu{width:460px;position:relative;left:0;top:0;}
	.single #main #header .menu li { float:left; width:480px;}
	.single #searchform{float:none;margin:0;position:absolute;right:0;top:-50px;}
	.single #main #header .menu li a {width:460px;}
	.single.single-opportunities #main #header .menu li.menu-item-18 a {background:#004a3b;color:#fff;}
	
	.page-template-template-products-php #content{width:460px;padding:0 10px 0 10px;}
}