/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
@charset "UTF-8";
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* mark for html5 */
/*article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, mark {display: block;}*/

html,body{
	height: auto;
	margin:  0 auto;
	width:100%;
	font-family: "Microsoft YaHei","微軟正黑體","ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3"!important;
	/*font-family: "微軟正黑體",arial, sans-serif!important;*/
	text-align: justify;
	text-justify:inter-ideograph;

	
	/*font-family: msyh!important;*/
}
body{
	
}
input{
	outline: none;
}
a:hover{
	color: rgb(255, 82, 0)!important ;
	text-decoration: none!important;
	min-height: auto!important;
	outline: 0!important;
}
a:hover, a:active, a:focus {
	outline: 0!important;
}
div#header{
	margin: 0px auto;
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 69px;
	border-bottom: solid 1px rgb(255, 82, 0);
	text-align: center;
	background: #fff;

}

div#menu{
	min-width: 320px;
	-webkit-transform: translateZ(0);
	/*background: rgb(235, 227, 214);*/
	background: #5E6C75;
	border: none;
}
div#menu a{
	color: #333;
}
div#menu span{
	display: inline-block;
}
div#menu span#header_logo{
	
	
}
#menu_nav{
	float: left;
}
div#menu ul#menu_tools{
	
	
}

div#menu span.header_nav{
	margin-top: 11px;
	margin-left: 30px;
	text-shadow: initial;
	color: white;
	text-transform: uppercase;
	padding-bottom: 24px;
}
div#menu span.header_nav:hover{
    color: #F86732;
}
div#menu span.header_tools{
	height: 30px;
}

div#menu a:hover,a:hover span.header_nav{
	background-position: 0px 37px;
}
div#menu a:hover,a:hover span.header_tools{
	background-position: 0px 30px;
}

div#menu span#nav1{
	
	width:59px;
	background-image:url("../images/header/nav1.png");
}

div#menu span#nav2{
	width:90px;
	background-image: url("../images/header/nav2.png");
}
div#menu span#nav3{
	width:89px;
	background-image: url("../images/header/nav3.png");
}
div#menu span#nav4{
	width:82px;
	background-image: url("../images/header/nav4.png");
}
div#menu span#nav5{
	width:92px;
	background-image: url("../images/header/nav5.png");
}
div#menu span#nav6{
	width:82px;
	background-image: url("../images/header/nav6.png");
}

div#menu span#btn_enquiry{
	
	width:110px;
	background-image: url("../images/header/btn_enquiry.png");
}

div#menu span#btn_search{
	width:33px;
	background-image: url("../images/header/btn_search.png");
}
div#menu span#btn_lang{
	width:30px;
	background-image: url("../images/header/btn_lang.png");
}
div#menu span#btn_langchi{
	width:30px;
	background-image: url("../images/header/btn_langchi.png");
}


#wechat_div{
	display: none;
	position: absolute;
	left: -27px;
	top: 41px;
	
	z-index: 10;
	text-align: center;

}
.wechat_qr{
	padding: 2px;
	background: #F86732;
}
.arrow_orange{
	width:21px;
	height: 8px;
	background-image: url("../images/header/arrow_orange.png");
	display: inline-block;
	margin-bottom: 2px;
}
div.sub_menu_title:hover {
	/*font-weight: bold;*/
	color: #5E6C75;
}


.navbar-inverse .navbar-toggle span.icon-bar {
	background-color: rgb(255, 82, 0);
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	/*background-color: #E4E4E4 !important;*/
}
.navbar-inverse .navbar-toggle {
	border-color: #fff !important;
}


#small_container{
	margin-top: 14px;
}



div#footer{
	
	
	bottom: 0;
	position: relative;
	
}
.footer_inner{
	overflow: hidden;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}

div#footer div#footer_info{
	/*background: rgb(235, 227, 214);*/
	background: #5E6C75;
}
.footer_info_map_small{
	width: 11%;
	float: left;
	margin-bottom: 30px;
}
.footer_info_map_big{
	width: 39%;
	float: left;
	margin-bottom: 30px;
	/*text-align: center;*/
}
.info_list{
	/*text-align: left;*/
}
.info_list_inner{
	margin: 0 17% 0 11%;
	text-align: center;
}
.info_desc{
	margin-top: 12px;
	margin-bottom: 20px;
	
}
.info_title{
	color: rgb(255, 82, 0);
	font-size: 20px;
}
.border{
	border-top: solid 1px rgb(170, 170, 170);
	border-left: solid 1px rgb(170, 170, 170);
	border-right: solid 1px rgb(170, 170, 170);
	height: 10px;
	margin: 5px 70px;
}
.info_desc_left{
	float: left;
	margin-left: 12%;
	text-align: left;
	max-width: 120px;
}
.info_desc_right{
	float: right;
	margin-right: -12%;
	text-align: left;
}
.info_desc p{
	margin: 0;
}
.info_desc a{
	/*color: #333;*/
	color: white;
	
}
.info_desc .footer_brand a{
	white-space: nowrap;
}
#center_footer{

}

#center_footer_logo{
	float: left;
	width: 171px;
	height: 44px;

}
#center_footer_logo img{
	max-width: 100%;
}
#center_footer_book{
	float: right;
	display:inline-block;
	vertical-align:middle;
}
.book_list{
	float: left;
	
}
.book_list_left{
	margin-right: 32px;
}
#footer_book_img1{
	/*margin-top: 25px;*/
}
#footer_book_img2{
/*	margin-top: 18;*/
}
.btn_sub{
	background: white;
	padding: 10px 20px;
	border: 1px #DCDCDC solid;
	border-radius: 4px;
	font-size: 18px;
	outline: 0;
}
.btn_sub:hover{
	background: #F86732;
	color: white;
}
#base_footer .footer_inner{
	/*padding-top: 30px;*/
}
div#base_footer{
	border-top: solid 1px rgb(170, 170, 170);
}
div#copyright{

	float: left;
	left: 40px;
}

div#ysd_footer{
	float: right;
	right: 80px;
}
div#ysd_footer a{
	color: #333;
}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { }




div#menu span#btn_enquiry{
	
	width:110px;
	background-image: url("../images/header/btn_enquiry.png");
}

div#menu span#btn_search{
	width:33px;
	background-image: url("../images/header/btn_search.png");
}
div#menu span#btn_lang{
	width:30px;
	background-image: url("../images/header/btn_lang.png");
}
div#menu span#btn_langchi{
	width:30px;
	background-image: url("../images/header/btn_langchi.png");
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	div#menu span#btn_search{
		background-size:33px;
		background-image: url("../images/header/btn_search@2x.png");
	}
	div#menu span#btn_lang{
		background-size:30px;
		background-image: url("../images/header/btn_lang@2x.png");
	}
	div#menu span#btn_langchi{
		background-size:30px;
		background-image: url("../images/header/btn_langchi@2x.png");
	}

}

@media(max-width: 1279px){
	div#menu span.header_nav{
		padding-bottom: 11px;
	}
	#menu_nav{
		float: right;
	}
}