@charset "utf-8";
/* 優吉兒網頁編號ContactUs開發
   開發日期:2014/1/24
   開發人員：Jay
----------------------------------*/
@import url('../../css/ugC_Main.css');

/*================================================================1.基礎樣式設定(不能修改)======================================================================*/

/*1-1.內頁內容版頭+麵包屑設定
------------------------*/
.PageTitle { width:1000px; height:50px; overflow:hidden; margin:0 auto;}
.PageTitle h1 { font-size:20px; height:30px; line-height:30px; float:left;}
.PageTitle .BreadCrumbs { height:50px; line-height:50px; font-size:12px; float:right;}
.PageTitle .BreadCrumbs a { text-decoration:none;}

/*1-2.內頁分頁選單設定
------------------------*/
.PageMenu { width:100%; min-width:1000px; height:45px; background:url(../images/Bg_PageMenu.jpg); background-repeat:repeat-x; overflow:hidden; margin:0 auto;}
.PageMenu ul { width:1000px; height:45px; overflow:hidden; margin:0 auto;}
.PageMenu li { width:140px; height:45px; line-height:50px; float:left; background:url(../images/Bg_PageMenuLi.jpg); background-repeat:no-repeat; text-align:center; list-style:none; margin:0 5px; font-size:14px;}
.PageMenu li a:link { width:140px; height:45px; display:block; text-decoration:none; color:#919192; background:url(../images/Bg_PageMenuLiA.jpg);}
.PageMenu li a:visited { color:#919192;}
.PageMenu li a:hover { color:#000;}
.PageMenu li a:active { color:#000;}

/*1-2.內頁內容設定
------------------------*/
.PageContent { width:100%; min-width:1000px; height:auto; overflow:hidden; padding:50px 0; background:#fff;}

/*1-3.回上一頁按鈕設定
------------------------*/
.ContactUs { width:980px; height:auto; overflow:hidden; padding:5px 10px; margin:0 auto; position:relative;}
.ContactUs iframe { width:460px; height:640px; float:left; margin-top:20px; display:block; padding:0;}
.ContactUs p { font-size:14px; line-height:1.5em; color:#4c4b4b; margin-bottom:1em;}
.ContactUs a.code { color:#333; text-decoration:none; height:40px; line-height:40px; font-size:14px;}
.ContactUs img { border:0;}
.ContactUs form#frmUG { width:1000x; height:auto; overflow:hidden;}
.ContactUs fieldset { width:440px; height:auto; overflow:hidden; float:right; border:0; padding:30px; background:#eee; }
.ContactUs label { width:110px; height:40px; line-height:40px; display:inline-block; vertical-align:top; float:left;}
.ContactUs input[type=radio]{ height:40px; line-height:40px; display:block; float:left; margin:0 5px; border:0;}
.ContactUs span.text { float:left; height:40px; line-height:40px;}
.ContactUs label span { color:#F00;}
.ContactUs input { border:1px solid #CCC; height:24px; line-height:24px; display:inline-block; margin:8px 0;}
.ContactUs input[type=submit] { width:100px; height:30px; float:right;}
.ContactUs input[type=submit]:hover { cursor:pointer; background:#ccc;}
.ContactUs textarea { border:1px solid #CCC; width:320px; margin-top:8px; height:220px;}

/*================================================================2.個別樣式設定(可以依設計修改樣式)======================================================================*/

/*2-1.內頁內容版頭+麵包屑設定
------------------------*/
.PageTitle { background:url(../images/PageTitle.png); background-repeat:no-repeat; background-position:center bottom;}
.PageTitle h1 { color:#fff; border-left:#fef224 10px solid; margin:10px 0; padding-left:10px;}
.PageTitle .BreadCrumbs { color:#fff;}
.PageTitle .BreadCrumbs a:link { color:#fff;}
.PageTitle .BreadCrumbs a:visited { color:#fff;}
.PageTitle .BreadCrumbs a:hover { color:#fef224; text-decoration:underline;}
.PageTitle .BreadCrumbs a:active { color:#fef224; text-decoration:underline;}

/*2-2.內頁內容設定
------------------------*/
.PageContent .PageNews li a:link { color:#333; text-decoration:none; display:block;}
.PageContent .PageNews li a:visited { color:#000;}
.PageContent .PageNews li a:hover { color:#008cd6;}
.PageContent .PageNews li a:active { color:#008cd6;}
.PageContent .PageNews time { float:left; margin:0 20px; color:#666;}
.PageContent .PageNews li a:hover time { color:#000;}


/* 會員表單 */
.memberform { width:938px; padding:20px; border:1px solid #ccc; overflow:hidden; line-height:40px;
/*圓角*/
/*-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}*/}
.memberform * { padding:0; margin:0; list-style:none;}
.ContactUs h3 {font-size:16px;}
.memberform ul li h3{display:block;float:left; font-weight:bold; height:40px; line-height:40px; vertical-align:top;width:120px;}
.memberform ul li{clear:both;margin:0;line-height:40px; height:40px; padding:0; text-align:left; border-bottom:1px dotted #eee; padding-left:10px;}
.memberform ul li:nth-child(odd){ background:#f6f5f5;}
.memberform ul li input { display: inline; margin:0; height:24px; line-height:24px;}
.memberform ul li span { height:40px; line-height:40px; display:inline; margin:0; padding:0 5px; width:auto; overflow:hidden; display:inline-table; table-layout:fixed;}
.memberform ul li span.notice { padding-bottom:20px;}
.memberform ul li span.code { vertical-align:middle;}
.memberform ul li span input { margin:0; display:inline;}
.memberform ul li span img { line-height:40px; display:inline; vertical-align:middle;}
.memberform ul li select { height:26px; line-height:26px; display:inline; padding:0 5px;}
.memberform ul li h3.data{width:auto;padding:5px 0 0 0;margin:0; color:#005cd0;}
.memberform ul li div.data{width:auto;padding:5px 0 0 95px;margin:0;}
.requireddescr { padding:20px;}

/* 會員登入表單 */
.memberlogintitle{ text-align:center;padding:10px 0px 10px 0px;color:#ff6600;}
.memberlogin{width:390px;height:auto;margin:0 auto 0 auto; border:1px solid #ccc; padding:20px; overflow:hidden; position:relative; padding-bottom:50px;}
.memberlogin ul{ width:330px; height:auto; overflow:hidden; margin:0 auto;}
.memberlogin ul li h3{display:block;float:left;font-weight:bold; padding:0; vertical-align:top;width:90px; height:26px; line-height:26px;}
.memberlogin ul li{clear:both;padding:4px 0;margin:0;line-height:100%;}
.memberlogin .memberloginbtn{ float:right;width:85px;margin:10px 0 0 0; position:absolute; bottom:30px; right:65px;}
.memberlogin .memberloginotherbtn{clear:both;padding:20px 0 0 45px; text-align:left;}
.memberlogin .length-m { width:215px;}

/*電子報訂閱*/
.EpaperEmailtitle{ text-align:center;padding:10px 0px 10px 0px;color:#ff6600;}
.EpaperEmail{width:550px;height:auto;margin:0 auto 0 auto; border:1px solid #ccc; padding:20px; overflow:hidden; position:relative; padding-bottom:50px;}
.EpaperEmail ul{ width:500px; height:auto; overflow:hidden; margin:0 auto;}
.EpaperEmail ul li h3{display:block;float:left;font-weight:bold; padding:0; vertical-align:top;width:90px; height:26px; line-height:26px;}
.EpaperEmail ul li{clear:both;padding:4px 0;margin:0;line-height:1.8em;}
.EpaperEmail .EpaperEmailbtn{ float:right;width:85px;margin:10px 0 0 0; position:absolute; bottom:30px; right:65px;}
.EpaperEmail .EpaperEmailotherbtn{clear:both;padding:20px 0 0 25px; text-align:left;}
.EpaperEmail .length-m { width:215px;}


/* 忘記密碼表單 */
.Forget { width:390px; height:auto; overflow:hidden; border:1px solid #ccc; margin:0 auto; padding:20px; padding-bottom:30px;}
.Forget .memberpswformtitle{text-align:center;padding:10px 0px 10px 0px;color:#ff6600;}
.Forget .memberpswform{width:300px;height:auto;margin:0 auto 0 auto;}
.Forget .memberpswform ul li h3{display:block;float:left;font-weight:bold; padding:0; vertical-align:top;width:90px; height:26px; line-height:26px;}
.Forget .memberpswform ul li{padding:8px 0 0 0;margin:0;line-height:100%;}

.formbtn{text-align:center;padding:20px 0 0 0;}