/*上方header的部分*/
	header,.headone,.headtwo,.headthree{width: 100%;    font-family: Arial, Helvetica, sans-serif, "微軟正黑體", Aparajita;}
	/*第一*/
	.headone{min-height:42px;  background-color:#1b1b1b;}
	.headonecontent{ width:400px; margin:0 auto;}
	.headonecontent ul li{ border-left: solid 1px #f1b34c;border-right: solid 1px #f1b34c; color:#f1b34c; overflow:hidden;}
	/*第二*/
	.headtwo{min-height:90px; background-color:#000; }
	/*.headtwocontent{ width:75%; margin:0 auto;}*/
	.headtwo ul{ width:1000px;margin:0 auto;overflow:hidden; padding-top: 15px;}
	.headtwo ul li { width:25%; float: left; margin:0 3%;color:#fff; text-align: center;}
	
	.search{ width:200px; height:34px; padding-left:2px; padding-bottom:0px; border:none; background-color:#434343; }
	.headtwocontentlib{ color:#fff; }
	.inputdiv{ background-color:#434343; width: 225px; height: 36px; }
	.inputimg{ cursor: pointer; width:41px; height:36px; position:absolute; background-image:url(../images/search_1.png); background-position: -3px 0px;}
	.inputimg:hover{ background-image:url(../images/search_2.png); }
	
	.headtwocontentlic{ position:relative;}
	.headtwocontentlic1{ width:70px; height:25px; display: inline-block; background-image:url(../images/bnbg01_09.png); background-position: top; position:absolute;top:10px; left:5px;    padding-top: 0px;}
	.headtwocontentlic1 a { position:relative; top:2px;}
	.headtwocontentlic1:hover{ background-position: bottom;}
	

    /*會員中心*/
	.headtwocontentlic21{ width:122px; height:25px; display: inline-block; background-image: url(../images/bnbg02_06.png); background-position: top;position:absolute;top:10px; left:58px;    padding-top: 0px; background-repeat:no-repeat;}
	.headtwocontentlic21 a { position:relative; top:2px;}
	.headtwocontentlic21:hover{ background-position: bottom;}
	/*註冊*/
	.headtwocontentlic22{ width:70px; height:25px; display: inline-block; background-image: url(../images/bnbg01_09.png); background-position: top;position:absolute;top:10px; left:59px;    padding-top: 0px; background-repeat:no-repeat;}
	.headtwocontentlic22 a { position:relative; top:2px;}
	.headtwocontentlic22:hover{ background-position: bottom;}
	
	.headtwocontentlic3{width: 39px; height: 40px; background-repeat: no-repeat; display: inline-block; background-image:url(../images/fb_1.png); background-position: top;position: absolute; top: 5px;left: 190px; cursor:pointer;}
	.headtwocontentlic3:hover{ background-image:url(../images/fb_2.png); }
	
	.headtwocontentlic41{width: 39px; height: 40px; background-repeat: no-repeat; display: inline-block; background-image: url(../images/simpleChinese1.png); background-position: top;position: absolute;top: 5px;left: 231px; cursor:pointer;}
	.headtwocontentlic41:hover{ background-image: url(../images/simpleChinese2.png);}
	
	.headtwocontentlic42{width: 39px; height: 40px; background-repeat: no-repeat; display: inline-block; background-image: url(../images/traditionChinese1.png); background-position: top;position: absolute;top: 5px;left: 231px; cursor:pointer;}
	.headtwocontentlic42:hover{ background-image: url(../images/traditionChinese2.png);}
	
	/*第三*/
	.headthree{min-height:40px; background-color:#ffa40c;position: relative;}
	.headthree ul{ width: 1200px;  min-height: 40px;  margin: 0px auto;}
	.headthree ul li{ float: left; width: 10%; height: 30px; /**/ font-size: 17px; padding-top: 10px;}
	.lia,.lib,.lic,.lid,.lie,.lif,.lig,.lih,.lii,.lij,.lik{text-align: center; }
	.lik { padding-left:20px; }
	.headthree ul li:hover > div {
	    display:inherit;
    }
    
	/*子選單 連結欄位的換圖*/
	.headthree ul .lia:hover{ background-image: url(../images/navbg_29.png); background-repeat: no-repeat;background-position: 15px -41px;background-size: 100px 82px;color:#fff;}
		.headfourimga{display:inline-block;}
	.headthree ul .lib:hover{ background-image: url(../images/navbg_29.png); background-repeat: no-repeat;background-position: 15px -41px;background-size: 100px 82px;color:#fff;}
		.headfourimgb{display:inline-block;}
	.headthree ul .lic:hover{ background-image: url(../images/navbg_29.png); background-repeat: no-repeat;background-position: 15px -41px;background-size: 100px 82px;color:#fff;}
		.headfourimgc{display:inline-block;}
	.headthree ul .lid:hover{ background-image: url(../images/navbg_29.png); background-repeat: no-repeat;background-position: 15px -41px;background-size: 100px 82px;color:#fff;}
		.headfourimgd{display:inline-block;}
	.headthree ul .lie:hover{ background-image: url(../images/navbg_29.png); background-repeat: no-repeat;background-position: 15px -41px;background-size: 100px 82px;color:#fff;}
		.headfourimge{display:inline-block;}
	.headthree ul .lif:hover{ background-image: url(../images/navbg_29.png); background-repeat: no-repeat;background-position: 15px -41px;background-size: 100px 82px;color:#fff;}
		.headfourimgf{display:inline-block; }
	.headthree ul .lig:hover{ background-image: url(../images/navbg_29.png); background-repeat: no-repeat;background-position: 15px -41px;background-size: 100px 82px;color:#fff;}
		.headfourimgg{display:inline-block; }
	.headthree ul .lih:hover{ background-image: url(../images/navbg_29.png); background-repeat: no-repeat;background-position: 15px -41px;background-size: 100px 82px;color:#fff;}
		.headfourimgh{display:inline-block;}
	.headthree ul .lii:hover{ background-image: url(../images/navbg_29.png); background-repeat: no-repeat;background-position: 15px -41px;background-size: 100px 82px;color:#fff;}
		.headfourimgi{display:inline-block; }
	.headthree ul .lij:hover{ background-image: url(../images/navbg_29.png); background-repeat: no-repeat;background-position: 15px -41px;background-size: 100px 82px;color:#fff;}
		.headfourimgj{display:inline-block;}
	.headthree ul .lik:hover{ color:#fff;}
	
	
	/*第四*/
	.headfour{ min-height: 70px; background-color: #2b2b2b; display: none; position: relative; position: absolute; top: 40px; left: 0; z-index: 10; overflow: hidden; width: 100%;}
	.headfour ul{width:75%; min-height:25px; margin:0 auto; padding-top:10px;}
	.headfour ul li{ float:left; padding:0 3%; font-size:17px;}
	/*.headfourimg{display:inline-block;padding: 20px 10px 20px 10px; }*/
		.headfourimga img,.headfourimgb img,.headfourimgc img,.headfourimgd img,.headfourimge img,.headfourimgf img,.headfourimgg img,.headfourimgh img,.headfourimgi img,.headfourimgj img{ width:220px; height:50px}
	.headfourword{ display:inline-block; width: 100px;  height: 20px;font-size: 23px;text-align: center;position: relative; top: -15px;}
	.headfourworda{ display:inline-block;}
	.headfourbox{ text-align:left;padding-top: 15px; width: 100%; margin-left: 175px;}
	
	
	/* Giving a background-color to the nav container. */
nav { 
    /*background-color: #353431;*/
	/*background-color: #E64A19;*/
	min-width: 500px;
    /*width:100%;*/
    margin:0 auto;
    float:left;
    margin-left: -8px;
    text-align:center;
    position:absolute;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	/*padding:0;
	margin:0;*/
	list-style: none;
	position: relative;
	z-index:99999999;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float:left;
	background-color: #353431;
	/*background-color: #E64A19;*/
	}

/* Styling the links */
nav a {
	display:block;
	padding-left: 20px;	
	padding-right: 20px;	
	color:#FFF;
	font-size:16px;
	line-height: 40px;
	text-decoration:none;
	transition-property: background;
    transition-duration: 0.5s;
    transition-timing-function: linear;
}

/* Background color change on Hover */
nav a:hover { 
	background-color: #F1E1FF;
	text-decoration:none;
	color:Black;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 40px; 
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

/* Change ' +' in order to change the Dropdown symbol */
nav li > a:after { content:  ' +'; }
nav li > a:only-child:after { content: ''; }