*
{
padding: 0em;
margin: 0em;
}

body
{
background: #E8E8E8;
font-family: 'Times New Roman';
font-family: 'Times New Roman', "微軟正黑體"\9;
/*text-align: justify;*/
text-justify:inter-ideograph;
}

h1
{
font-weight: normal;
font-size: 2.5em;
padding-left: 40px;
color:#DFB552;
letter-spacing: 0.2em;
}

h2
{
font-weight: normal;
font-size: 1.1em;
padding-left: 0;
color:#DFB552;
letter-spacing: 0.1em;
}

a{
text-decoration: none;
}

p
{
line-height: 1.8em;
/*text-align: justify;*/
text-justify:inter-ideograph;
}

.text p
{
margin-bottom: 1.2em;
text-justify:inter-ideograph;
}

.textarea
{
margin: 20px 100px 190px 100px;
}
.textarea p
{
line-height: 1.5em;
margin-bottom: 18px;
}

.textarea2
{
margin: 20px 80px 80px 80px;
}

ul
{
list-style: none;
}

.disclist a, .text a
{
color:#000;
text-decoration: none;
border-bottom: 1px dotted #000;
}

.disclist a:hover, .text a:hover
{
color:#392B23;
border-bottom: 1px solid #392B23;
}

.mainpic {
position: relative;
height: 420px;
border: none;
background-color: #FFF;
padding-top: 30px;
}

html, body, #wrap
{
height: 90%;
}
body > #wrap
{
/*height: auto;*/
min-height: 90%;
}


#topline{
background:#FFF;
height: 160px;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.7);
z-index: 200;
position: relative;
}

#topline div
{
margin: 0 auto;
width: 990px;
border: none;
}

#logo
{
position: absolute;
top: 25px;
width: 165px;/*165px*/
height: 69px;
/*background: url('../images/logo.png') no-repeat;*/
margin: 20px 50px 10px;
}

#lang
{
position: absolute;
/*background: #666;*/
top: 0px;
right: 0px;
width: 50px;
height: 69px;
line-height: 22px;
text-align: right;
font-size: 0.9em;
/*z-index:150;*/
}

#lang a
{
color: #666;
text-decoration: none;
}
#lang a:hover
{
color: #333;
}

#menuline_top
{
position: absolute;
background:#E4B36E;
height: 1px;
top: 115px;
}
#menuline_bottom
{
position: absolute;
background:#E4B36E;
height: 1px;
top: 145px;
}

#menu
{
position: absolute;
top: 115px;
font-size: 1.1em;
}
#menu ul li a.active
{
color: #000;
text-decoration: none;
/*background: #392B23 url('images/menuiconactive.png') no-repeat left center;
background-position:  13px 50%;*/
background: #E4B36E;
}
#menu ul li a
{
width:198px;
text-decoration: none;
text-align: center;
line-height: 30px;
}
/*http://css-tricks.com/2282-simple-jquery-dropdowns*/
/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      { float: left; zoom: 1; z-index: 300;
/*background: url('images/menuicon.png') no-repeat left center;
background-position:  10px 50%;*/
}
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #000; }
ul.dropdown li a                    { display: block; color: #000; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #E4B36E; color: #000; position: relative; 

}
ul.dropdown li.hover a              {  color: #000; }


#submenu{
position: absolute;
width: 100%;
background: rgba(229, 179, 110, 0.8);
z-index: 1;
}

#submenu ul{
//width: 990px;
border: 0;
margin: 0 auto;
}

#submenu ul li{
display: inline;
margin-right: 20px;
}
#submenu ul li a
{
text-decoration: none;
line-height: 40px;
color: #FFF; 
}
#submenu ul li a.active{
color: #000;
}


#container
{
width: 990px;
border: 0;
margin: 0 auto;
padding-bottom: 50px;
background: #FFF;
}

.content1
{
background: #FFF;
float: left;
padding: 10px 0;
}

.content2
{
background: #F1F1F3;
float: left;
padding: 10px 0;
}

.content3
{
background: #FCF7F1;
float: left;
padding: 10px 0;
}

.content4
{
background: #FFF;
float: right;
width: 330px;
}


.section2{
margin: 0 25px;
padding: 30px 40px;
border-bottom: 1px solid #000;
min-height: 230px;
}
.section_last{
border-bottom: none;
}

.section3{
float: left;
width: 128px;
min-height: 140px;
padding: 10px 20px;
}

.section4{
float: left;
width: 150px;
padding: 5px 20px;
}

.section5{
padding: 15px 25px;    text-align: right;
}

.next, .prev, .cart, .add, .del, .modify, .print, .link, .download, .available{
cursor:pointer;
}

.contentarea1
{
width: 505px;
margin: 30px 60px 0 85px;
}

.contentarea2
{
width: 660px;
}

.contentarea3
{
width: 575px;
margin: 30px 30px 0 55px;
}


.title1
{
border: 0;
margin: 0;
padding-bottom: 7px;
font-family: 'Times New Roman', "微軟正黑體";
color: #E4B370;
font-size: 1.1em;
font-weight: bold;
}

.title2
{
border: 0;
margin: 0;
padding-bottom: 5px;
font-family: 'Times New Roman', "微軟正黑體";
color: #000;
font-weight: bold;
}

.title3
{
border: 0;
margin: 0;
padding-bottom: 5px;
font-family: 'Times New Roman', "微軟正黑體";
color: #C54A69;
font-weight: bold;
}
.title4
{
border: 0;
margin: 0;
padding-bottom: 18px;
font-family: 'Times New Roman', "新細明體";
font-size: 1.6em;
font-weight: bold;
letter-spacing: 2px;
}

.title5
{
border: 0;
margin: 0;
padding-bottom: 7px;
font-family: 'Times New Roman', "微軟正黑體";
font-size: 1.5em;
}

.title6
{
border: 0;
margin: 0;
padding-bottom: 7px;
font-family: 'Times New Roman', "新細明體";
font-size: 2em;
}

.title7
{
border: 0;
margin: 0;
padding: 5px 15px;
font-family: 'Times New Roman', "新細明體";
font-size: 1.1em;
color: #FFF;
background: #333333;
}

.title8{
font-weight: bold;
background: #F2F2F2;
}

.color1{
color: #E4B370;
}
.color2{
color: #DD6D5B;
}
.color3{
color: #918F8D;
}
.color4{
color: #A6BCC7;
}
.text_style1{
color: #E5B36E;
}
.text_style2{
font-size: 1.2em;
font-weight: bold;
}
.text_style3{
margin-bottom: 50px;
}
.text_style4{
font-size: 0.9em;
}
.text_style5{
font-size: 1.5em;
}
.text_style6{
font-size: 2em;
}

.b{
font-weight: bold;
}

.return{
position:absolute;display:inline-block;right:15px;bottom:10px;
}

.rightline{
border-right:1px solid #E6E6E6;
}
.underline{
border-bottom:1px solid #E6E6E6;
}
.underline1{
border-bottom: 1px solid #ccc;
}


.area
{
margin-bottom: 40px;
}
.area2
{
border: 1px solid #E6E6E6;position: relative;overflow: auto;
}

.area3
{
padding: 0 15px;
}

.area3 table {
border-collapse: collapse;
width: 100%;
margin-bottom: 40px;
}
.area3 table tr{
border-bottom: 1px solid #E6E6E6;
}
.area3 table th{
padding: 3px 0;
font-weight: bold;
text-align: left;
}
.area3 table td{
padding: 5px 0;
}
.area3 .button2{
margin-right: 15px;
}

.mar_top1{
margin-top: 5px;
}



.float_left
{
float: left;
border: 0;
margin: 0 1em 0em 0;
}

.float_right
{
float: right;
border: 0;
margin: 0 0 1em 0;
}

.float_none
{
margin-bottom: 1em;
}


.numberlist
{
list-style-type: decimal;
padding: 0em 0em 0em 1.2em;
}

.numberlist li
{
line-height: 2em;
padding: 0.6em 0;
}

.numberlist_2
{
list-style-type: decimal;
padding: 0em 0em 0em 2em;
}
.numberlist_2 li
{
line-height: 1.3em;
padding: 0.2em 0;
}

.numberlist_2 ul.disclist li
{
line-height: 1.3em;
padding: 0.2em 0;
}

.nonelist
{
list-style-type: none;
padding: 0em 0em 1.2em 0em;
}

.nonelist li
{
line-height: 1.5em;
padding: 0.6em 0;
}

.disclist
{
list-style-type: disc;
padding: 0em 0em 0em 1.2em;
}

.disclist li
{
line-height: 1.5em;
padding: 0.6em 0;
}

.list_style1
{
list-style-type: none;
}

label{
margin-top:20px;
display: block;
}
input{
border: 1px solid #808080;
-moz-border-radius:3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+ */
padding: 5px;
}
.submit, .button1 {
border: 1px solid #999997;
color: #FFF;
width: 182px;
padding: 5px 0;
margin: 30px 0 15px 0;
}
.cancel{
background: #DE6D5B;
color: #FFF;
width: 60px;
padding: 5px 0;
margin: 30px 5px;
border: none;
}
.button2 {
border: 1px solid #FFF;
color: #FFF;
padding: 5px 30px;
margin: 30px 0 15px 0;
}
.button3 {
border: 1px solid #999997;
background: #E6B984;
color: #FFF;
padding: 2px 5px;
margin: 30px 0 15px 2px;
}
.button4{
background: #E6B572;
color: #FFF;
width: 60px;
padding: 5px 0;
margin: 5px 0;
border: none;
}
.button5{
background: #B95C64;
color: #FFF;
width: 60px;
padding: 5px 0;
margin: 5px 0;
border: none;
}

.button_bg1{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8c7b6+0,e5b46f+100 */
background: #e8c7b6; /* Old browsers */
background: -moz-linear-gradient(left,  #e8c7b6 0%, #e5b46f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8c7b6), color-stop(100%,#e5b46f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #e8c7b6 0%,#e5b46f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #e8c7b6 0%,#e5b46f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #e8c7b6 0%,#e5b46f 100%); /* IE10+ */
background: linear-gradient(to right,  #e8c7b6 0%,#e5b46f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8c7b6', endColorstr='#e5b46f',GradientType=1 ); /* IE6-9 */
}

.input1{
padding: 3px;
}

.tcenter{
text-align: center;
}

.bonus{
display: inline-block;
padding: 50px 0;
}
.bonus1{
font-size: 2.5em;
font-weight: bold;
font-family: 'Arial Black';
letter-spacing: 5px;
}

#linkarea span{
display: inline-block;
padding: 13px 0 0 0;
}
#linkarea span a{
text-decoration: none;
color: #E4B36E;
}

#footer
{
border-top: 10px solid #E4B36E;
background-color: #333;
position: relative;
margin-top: -50px;
width: 100%;
bottom: 0;
height: 300px;
color: #FFF;
text-align: center;
line-height: 200%;
font-size: 0.9em;
clear:both;
overflow: hidden;
font-family: 'Times New Roman', "微軟正黑體";
}
#footer .footerbg{
background: url('../images/footer.png') no-repeat;
margin: 0px auto;
overflow: hidden;
width: 1024px;
height: 300px;
margin-top: 125px;
}
#footer .subfooter{
margin: 0px auto;
overflow: hidden;
padding: 25px 0;
width: 990px;
margin-top: -425px;
}

#footer a{
color: #FFF;
text-decoration: none;
}
#footer a:hover{
color: #FFF;
}

#footer .subfooter ul.left{
float: left;
width: 247px;
}
#footer .subfooter li{
text-align: left;
}
#footer .subfooter li.b{
font-size: 1.15em;
}
#footer .copy{
padding-top: 60px;
}

.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear{
clear : both;
}