html
{
	font-family: 微軟正黑體;
	font-size: .80em;
	color: #696969;
}
body
{
	background: #fff;
	margin: 0px;
	padding: 0px;
}
span
{
	font-family: 微軟正黑體;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page
{
    /*text-align:center;*/
    width: 1024px;
    height: 768px;
    margin: 0px auto;
}
/*.toppg
{
    width: 100%;
    height:826px;
    margin:0px auto;
}
.bottompg
{
    width: 1024px; 
    height: 30px;
    background-color: #014D6D;
    position: fixed;
    padding: 0px;
    bottom: 0px;
    left: 50%;
    margin-left: -512px;
    color: #FFFFFF;
}
.warning
{
    margin:0px auto;
    height: 60px;
    width: 1024px;
    background-image: url('../images/footer.jpg');
    background-repeat: no-repeat;
}*/
.header
{
    /*position: relative;
    margin: 0px;
    padding: 0px;*/
    width: 100%;
    height: 124px;
    background-image: url('../images/headerbg.jpg');
    background-repeat: no-repeat;
}
.linebar
{
    /*position: relative;
    margin: 0px;
    padding: 0px;*/
    width: 100%;
    height: 34px;
    background-image: url('../images/linebarbg.jpg');
    background-repeat: no-repeat;
}
.main
{
    background: #fff;
    /*float: right;*/
    width:100%;
    min-height: 610px;
    /*overflow:inherit;*/
}
.bottom
{
    /*position: relative;
    margin: 0px;
    padding: 0px;*/
    width: 1004px;
    min-height: 25px;
    background-color: #A6A6A6;
    padding: 10px 10px 0 10px;
    color: #000;
}
.multiLan
{
    font-size: 1.1em;
    font-weight:bold;
    float: right;
    text-align: right;
    padding: 40px 25px 0 0;
    color:#000;
}
.multiLan table tr td
{
    text-align:right;
    color:#fff;
}
.logo
{
    float:left;
    width:303px;
    height:73px;
    background-repeat: no-repeat;
    margin-top:35px;
    margin-left:25px;
    margin-right:12px;
}
.logo > img
{
    width:303px;
    height:42px;
    cursor: pointer;
}
.logofont
{
    float:left;
    width:217px;
    height:48px;
    background-image: url('../images/logoonline.png');
    background-repeat: no-repeat;
    margin-top:37px;
    margin-left:10px;
    cursor:pointer;
}
.multiLan a
{
    text-decoration: none;
    color: #FFFFFF;
}
.multiLan a:hover
{
    text-decoration: underline;
    color: #FFFFFF;
}

#txtSearch
{
	border: 1px solid #FFF7F2;
	height: 18px;
	width: 60px;
	background-color: #45a2c3;
	color: #FFFFFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 5px;
}
#btnSearch
{
	width: 25px;
	height: 25px;
	border: 0;
	background: url(../images/btnimg/btnSearch.png) no-repeat;
	cursor:pointer;
}


/*--default_advs-----------------------------------------------*/
.df_advs
{
    background-color: #FFF;
    width:512px;
    height:600px;
    float:left;
    padding-top:10px;
}
.df_advs #slides
{
    position:relative;
}
.df_advs #slides img
{
    width:512px;
    height:609px;
}

/*--default_line-----------------------------------------------*/
.df_line
{
    background-position: -8px;
    float: right;
    height: 609px;
    width: 65px;
    background-image: url('../images/line.jpg');
    background-repeat: no-repeat;
}

/*--default_products-----------------------------------------------*/
.df_pds
{
    width: 439px;
    height: 570px;
    float: left;
    padding-top: 33px;
    background-image: url('../images/deRight_bg.jpg');
}
.df_pds > div.df_pds_box
{
    width: 419px;
    height: 115px;
    margin:5px 10px;
    background-color: #EEEEEE;
}
.df_pds_box > div
{
    float:left;
}
.df_pds_box > div > img
{
    width:90px;
    height:90px;
    margin:10px 2px 10px 4px;
}
.df_pds > div.df_pds_box > .df_pds_box_Desc
{
    width:317px;
    height:110px;
    margin:4px 2px;
    overflow:hidden;
}
.df_pds > div.df_pds_box > .df_pds_box_Desc > span
{
    color: #0962F4;
    font-size:20px;
}

.df_pds > div.df_news_box
{
	width: 419px;
	height: 28px;
	margin: 5px 10px;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
	border-bottom-color: #CCC;
}
.df_pds > div.df_news_box > .df_news_box_Desc
{
    width:400px;
    height:27px;
    margin:7px 2px;
    overflow:hidden;
	padding:5px 2px;
}
.df_pds > div.df_news_box > .df_news_box_Desc > span
{
    color: #0962F4;
    font-size:16px;
	display:block;
    height:23px;
    width:380px;
	overflow:hidden;
}

/*--PeoductList-----------------------------------------------*/
.pl_title
{
    text-align: left;
    background-color: #EACB8B;
    height:43px;
}
.pl_title_3
{
    width:349px;
    height:43px;
    background-image: url('../images/TitleBar/imgProductList_3.jpg');
}
.pl_title_3
{
    font-size: 16px;
    font-weight: bolder;
    color: #693D09;
}
.pl_search
{
    text-align:left;
    padding: 6px 15px 0px 15px;
    font-size:14px;
}
.pl_row > div
{
    float: left;
    width: 32%;
    margin-left: 1%;
    margin-top: 10px;
    margin-bottom:10px;
    color: #838383;
    font-size:14px;
    border-left-style: dotted;
    border-left-width: thin;
    border-left-color: #D0D0D0;
}
.pl_box_right
{
    border-right-style: dotted;
    border-right-width: thin;
    border-right-color: #D0D0D0;
}
.pl_row > div > div > img
{
    /*width:250px;*/
    height:100px;
}
.pl_box_contect, .pl_box_title
{
    width:300px; text-align:left; padding: 5px 15px;
}
.pl_box_contect
{
    height:35px;
    overflow:hidden;
}
.pl_box_title > span
{
    color:#8C0154; font-size:16px; font-weight:bolder;
}
.pl_box_button
{
    text-align:right; padding: 5px 15px 2px 0px;
}
.pl_box_dollar
{
    color:#8C0154;
}
.pl_box
{
    min-height:540px;
	text-align:center;
	/*float:left;*/
}
.tab_content > div
{
    /*min-height:249px;*/
    width:100%;
}


/*--ProductDetail-----------------------------------------------*/
.pd_contanct > div
{
    float:left;
    margin-left:1%;
    margin-top:30px;
}
.pd_img
{
    width:29%;
    border-right-style: dotted;
    border-right-width: thin;
    border-right-color: #D0D0D0;
}
.pd_detail
{
    width: 68%;
}
.pd_img_focus img
{
    width:245px;
    height:400px;
}
.pd_img_lose
{
    margin-top:50px;
}
.pd_img_lose img
{
    width:60px;
    margin:5px;
    height:90px;
}
.pd_img_lose > div
{
    border: 2px solid #D2D2D2;
    float: left;
    width: 90px;
    height: 100px;
    margin-left: 4px;
}
.pd_detail_top
{
    height:31px;
}
.pd_detail > img
{
    z-index:100px;
    position:relative;
    float:right;
}
.pd_Winery_txt
{
    float:left; width:400px; /*height:500px;*/ font-size:16px; padding:5px; text-align:left; margin-bottom:75px;
}
.pd_Winery_img
{
    float:left; width:250px; /*height:500px;*/ padding:5px; margin-bottom:75px;
}
.pd_detail_title
{
    font-size:18px;
    font-weight:bolder;
    color:#831B05;
    margin-left:5px;
    width:98%;
    padding-top:30px;
    text-align:left;
    height:60px;
    border-bottom-style: dotted;
    border-bottom-width: thin;
    border-bottom-color: #D0D0D0;
}
.pd_detail_content
{
    height:365px;
    padding-left:10px;
    padding-top:20px;
    font-size:14px;
    color:#725252;
}
.pd_detail_content > div
{
    text-align:left; height:26px;
}
.pd_Area_top
{
    float:left;
    width:400px;
    /*height:230px;*/
    font-size:16px;
    padding:5px;
    text-align:left;
}
.pd_Area_bar
{
    /*height:249px;*/ width:100%; border-top: 1px solid #D0D0D0;
    padding-bottom:5px;
    overflow:inherit;
}
.pd_Area_img
{
    float:left; width:250px; /*height:230px;*/ padding:5px; /*overflow:hidden;*/
}
.pd_Area_img >img
{
    width:250px; height:230px;
}

/*--Navigation-----------------------------------------------*/
.Navigation, .Navigation > table
{
    position:relative;
    left:150px;
    font-size:14px;
}
.Navigation > table
{
    width:300px;
}
.pd_Navigation > table
{
    position:relative;
    left:150px;
    font-size:14px;
 height:30px;
    width:300px;
}

/*--AboutUs-----------------------------------------------*/
.AboutContent
{
    padding: 5px;
}
.LText
{
    padding-top: 25px;
    text-align: left;
    float: left;
    width: 50%;
}
.LTextTitle
{
    font-size: 24px;
    color: #53310F;
}
.LTextContent
{
    padding-top: 15px;
    color: Black;
    font-size: 16px;
}
.RPic
{
    padding-top: 75px;
	padding-left:40px;
    float: left;
    width: 45%;
}
.RPic > img
{
    width:400px;
}

/*--News-----------------------------------------------*/
.NewsDetail
{
    clear:both;
    padding:15px 0 15px 0;
    height:470px;
    font-size:16px;
    text-align:left;
    overflow:inherit;
}
.NewsDetail > div
{
    float:left;
}
.NewsDetailImg > img
{
    width:250px;
}
.NewsDetailContent
{
    padding-left:20px;
}
.NewsTitleContent
{
    padding-top:2px;
    width: 700px;
    text-align:left;
}
.NewsTitleContent > span
{
    font-size:20px;
    color: #9C101A;
    font-weight: bold;
}
.NewsTitle
{            
    border-bottom: 2px dotted #CACACA;
    min-height:50px;
    padding-bottom:1px;
}
.NewsTitle > div
{
    vertical-align:middle;
}
.NewsTitle > div > img
{
    padding-right:5px;
    padding-top:8px;
}
.NewsTitleTime
{
    clear:both; text-align:right;
}
.NewsTitle > div
{
    float:left;
}
.NewsDetailDesc
{
    clear:both;
    width: 700px;
}
.NewsDetailDesc img
{
    border: thin solid #CCCCCC;
    float:left;
    margin:5px;
    padding:2px;
}
.NewsContentBtn
{
    clear:both;
    text-align:right;
    padding-top:15px;
}

/*--QuestionAndAnswering-----------------------------------------------*/
.QuestionAndAnsweringList
{
    text-align:left; margin:8px; font-size:17px; color:Black;
}
.QuestionAndAnsweringList > div
{
    width:820px; height:22px; margin:5px; padding:5px;
    cursor:pointer;
}
.QuestionAndAnsweringListS
{
    background-color: #FFDFAE;
}
.QuestionAndAnsweringListD
{
    background-color: #FFF9AD;
}
.QuestionAndAnsweringContant
{
    background-image: url('../images/KnowHowMenu_bg.jpg');
    background-repeat: repeat-y;
}
.QuestionAndAnsweringMenu
{
    width: 174px;
    min-height: 728px;
    float: left;
    background-image: url('../images/KnowHowMenu_bg.jpg');
    background-repeat: repeat-y;
    color: #3B0B0B;
    font-weight: bolder;
    font-size:20px;
    display:block;
}
.QuestionAndAnsweringMenu > div
{
    background-image: url('../images/kh_menu_bg.gif');
    width: 164px;
    height: 28px;
    background-repeat: no-repeat;
    padding:5px 5px 5px 30px;
    cursor:pointer;
}
.QuestionAndAnsweringMenu > div:hover
{
    background-image: url('../images/kh_menu_bg.gif');
    background-position: 0px -114px;
    background-repeat: no-repeat;
}
.QuestionAndAnsweringMenuPoint
{
    background-image: url('../images/kh_menu_bg.gif');
    background-position: 0px -114px;
    background-repeat: no-repeat;
    width: 164px;
    height: 28px;
    background-repeat: no-repeat;
    padding: 5px;
    cursor: pointer;
}
.QuestionAndAnsweringDetailImg
{
    float:left;
    padding-top:23px;
    padding-left:15px;
}
.QuestionAndAnsweringDetailImg > img
{
    width:180px;
    padding-top:10px;
}
.QuestionAndAnsweringDetailContent
{
    padding-left:20px;
    float:left;
    width:630px;
}
.QuestionAndAnsweringDetailContent_noImg
{
    padding-left:20px;
    float:left;
    width:810px;
}
.QuestionAndAnsweringTitleContent
{
    padding-top:2px;
    width: 550px;
    text-align:left;
}
.QuestionAndAnsweringTitleContent > span
{
    font-size:24px;
    color: #9C101A;
    font-weight: bold;
}
QuestionAndAnsweringDetailDesc
{
    clear:both;
    width: 630px;
    overflow:inherit;
}
.QuestionAndAnsweringDetailDesc_noImg
{
    clear:both;
    width: 800px;
    overflow:inherit;
    padding-top:10px;
}
.KnowTitle > div
{
    float: left;
    padding-top: 15px;
}
        
.KnowTitle div > span
{
    color: #8C3B44;
    font-size: 20px;
}
        
.KnowTitleC
{
    border-bottom: 2px solid #8C3B44;
    height: 28px;
    width: 88%;
}
.KnowTitleR
{
    border-bottom: 2px solid #8C3B44;
    height: 28px;
}
        
.KnowContent
{
    padding-top: 15px;
    clear: both;
    border: 1px solid;
    padding: 15px;
    font-size: 14px;
    color: #000000;
}
.KnowContent_detail
{
    height:140px;
}
.KnowContentBtn
{
    clear:both;
    text-align:right;
    padding-top:15px;
}
/*水平線*/
.NewsHr
{
    clear: both;
    padding-top: 15px;
}
.NewsHr > hr
{
    border: 0px;
    height: 2px;
    color: #c4c4c4;
    background-color: #c4c4c4;
}

/*--NewsAndActivity-----------------------------------------------*/
/*內文-圖片*/
.NewContent
{
    padding-top: 28px;
    height: 235px;
}
.NewContentL 
{
    width:28%;
}
.NewContentL > img
{
    float: left;
    height: 160px;
    width: 270px;
    padding: 10 5 10 5;
}
/*-----內文-文字------------------------------------*/
.NewContentR
{
    text-align:left;
    float:left;
    width:72%;
    padding-left:5px;
    height:180px;
    overflow:hidden;
}
.NewDate
{
    color:#626262;
}
/*標題*/
.NewTitle
{
    padding-top: 5px;
}
.NewTitle div > span
{
    color: #8C3B44;
    font-size: 20px;
}
.NewsTitleL
{
    float:left;
}
.NewContentL > img
{
    width:250px;
}
.NewsTitleC
{
    border-bottom: 2px solid #8C3B44;
    height: 28px;
    width: 83%;
    float:left;
}
.NewsTitleR
{
    border-bottom: 2px solid #8C3B44;
    height: 28px;
    float:left;
}
/*內容*/
.NewsContent
{
    clear:both;
    padding:5px 5px 5px 15px;
    color:Black;
    font-size:14px;
}
.NewsButton
{
    text-align:right;
    padding-right:35px;
}
/*-----水平線------------------------------------*/
.NewsHr
{
    clear: both;
    padding-top: 15px;
}
.NewsHr > hr
{
    border: 0px;
    height: 2px;
    color: #c4c4c4;
    background-color: #c4c4c4;
}

/*--KnowHowDetail-----------------------------------------------*/
.NewsDetailTitleC
{
    border-bottom: 2px solid #8C3B44;
    height: 28px;
    width: 75%;
    text-align:left;
}
.NewsDetailTitleR
{
    border-bottom: 2px solid #8C3B44;
    height: 28px;
}
.KnowDetailTitleC
{
    border-bottom: 2px solid #8C3B44;
    height: 28px;
    width: 87%;
    text-align:left;
}
.KnowDetailTitleR
{
    border-bottom: 2px solid #8C3B44;
    height: 28px;
}   
.KnowDetail_in
{
    clear:both;
    border:1px solid;
    height:496px;
    width:953px;
    text-align:left;
    color:Black;
    font-size:14px;
    background: url(../images/knowdetailbg.jpg) no-repeat;
    margin:40px;
}
.KnowDetail_ind
{
    height:410px;
    width:915px;
    padding:17px;
}

/*--Charge-----------------------------------------------*/
.QandABox
{
    background-color:#F4DBB3; color:#573B35; width:315px; padding:10px 15px; font-size:14px; margin-bottom:1px;
}
.QandADetail
{
    width:280px;
    float:left;
}
span.Qtitle
{
    font-weight:bold; font-size:15px; float:left; margin:3px 0px 8px 0px;
}
span.Atitle
{
    clear:both; font-weight:bold; font-size:15px; float:left;
}
.Qdetail
{
    font-weight:bold; margin:3px 0px 8px 0px; font-size:15px; letter-spacing:1px;
}
.Adetail
{
    line-height:20px;
}
.ch_more
{
    float:right; margin-top:7px; margin-right:5px;
}
.ch_more a
{
    color:White;
    text-decoration: none;
}

/*--- 聯絡我們 --------------------------------------------------------*/
.Contact
{
            
    background-image: url(../images/back.png);
    background-repeat: repeat;
    height: 742px;
}
.ContactTop
{
    padding-top: 15px;
    height: 220px;
}
.ContactBottom
{
    font-size:14px;
    padding-top: 15px;
}
.ContactC
{
    text-align: left;
    margin: 20px 250px;
    border: 1px solid;
    padding: 15px;
    background-color: White;
}
.ContactCon > span
{
    color: Black;
}

/*--- 代理廠商 --------------------------------------------------------*/
.tAgent
{
    width: 100%;
    color: #046298;
    font-size:18px;
	 text-align:center;
}
.tAgent tr td
{
    padding:30px 0 0 0;
}
.tAgent tr td div
{
    width:84%;
    margin-left:8%;
    padding:0 0 35px 0;
}
.tAgent tr td div a
{
    border:none;
    outline: none;
}
.tAgent tr td div a img
{
    width:400px;
    height:80px;
    border:none;
}
.tAgent tr td .hr
{
    border-bottom-style: dotted;
    border-width: thin;
    border-color: #CBCBCB;
}


.ProductMenu
{
	width: 195px; /*+13+13*/
	min-height: 728px;
	float: left;
	background-image: url('../images/KnowHowMenu_bg.jpg');
	background-repeat: repeat;
	color: #003399;
	font-weight: bolder;
	font-size: 16px;
	display: block;
	padding-left: 15px;
}
.ProductMenu > div
{
    background-image: url('../images/kh_menu_bg.gif');
    width: 164px;
    height: 23px;
    background-repeat: no-repeat;
    padding:10px 5px 5px 30px;
    cursor:pointer;
}
.ProductMenu > div:hover
{
    background-image: url('../images/kh_menu_bg.gif');
    background-position: 0px -114px;
    background-repeat: no-repeat;
}
.ProductMenuPoint
{
    background-image: url('../images/kh_menu_bg.gif');
    background-position: 0px -114px;
    background-repeat: no-repeat;
    width: 164px;
    height: 28px;
    background-repeat: no-repeat;
    padding: 5px;
    cursor: pointer;
}