/*GPing Portal CSS by Agnes 2008.10.20*/

body{ font-size:13px; font-weight:normal; color:#717171; font-family:Arial, Helvetica, sans-serif; line-height:1.5em; background-color:#eff0f4;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, span, input, th, td, label, form{ margin:0; padding:0;}
ul,ol{ list-style:none;}

a:link, a:hover{ text-decoration:none; color:#717171;}
img{ border:none;}
input, textarea, select{
	border:1px solid #BAB0A4;
	background-color:#fff;
	color:#6B5043;
	font-size:12px;
	margin:0;
	line-height:1.5em;
	padding:1px!important;
}
.btn2{
	border:none;
	background-color:#fff;
	margin:0;
}
td, tr, th, table{ border-collapse:collapse;}
#wrap{}
#logo{ width:980px; margin:0 auto; padding:10px;}


/*gallery------- 主視覺-------*/
#gallery, #content{ width:1000px; margin:0 auto; border:1px solid #6e6e6e; border-width:0 1px;}
#galleryBg{ background:url(images/gallerybg.jpg) center bottom no-repeat;}
#gallery{}

h3{
	color:#015d81;
	font-size:15px;
	padding: 13px 0 0 37px;
	display:block;
	margin-bottom:2px;
	background-image: url(../images/h3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h4{ color:#FF3300; font-size:15px; line-height:1.7em; text-align:center; margin:10px;}

/*nav----------主選單--------*/
#nav { background-color:#592c14;overflow:hidden; *height:1%;}
#nav ul{
	background-color:#3F381B;
	margin:0 auto;
	overflow:hidden;
	padding-left:30px;
	width:972px;
}
/*----------------------------------------改版---------------------------2009/08---------*/
#nav li{display:inline; text-indent:-2000px;}
#nav li a{float:left; height:31px; display:block; margin-left:20px; padding:0;}
#nav li a#ctl00_aboutGping{background:url(../images/nav.jpg) 0 0 no-repeat; width:74px; margin-left:0;}
#nav li a#ctl00_brandStory{background:url(../images/nav.jpg) -74px top no-repeat; width:67px;}
#nav li a#ctl00_toGpingBack{background:url(../images/nav.jpg) -141px top no-repeat; width:68px;}
#nav li a#ctl00_gpingMall{background:url(../images/nav.jpg) -209px top no-repeat; width:84px;}
#nav li a#ctl00_SPShop{background:url(../images/nav.jpg) -209px top no-repeat; width:68px;}
#nav li a#ctl00_gpingBlog{background:url(../images/nav.jpg) -292px top no-repeat; width:88px; margin-right:250px; _margin-right:240px;}
#nav li a:hover#ctl00_aboutGping{background:url(../images/nav.jpg) 0 -31px no-repeat; width:74px; margin-left:0;}
#nav li a:hover#ctl00_brandStory{background:url(../images/nav.jpg) -74px -31px no-repeat;}
#nav li a:hover#ctl00_toGpingBack{background:url(../images/nav.jpg) -141px -31px no-repeat;}
#nav li a:hover#ctl00_gpingMall{background:url(../images/nav.jpg) -209px -31px no-repeat;}
#nav li a:hover#ctl00_gpingBlog{background:url(../images/nav.jpg) -292px -31px no-repeat;}
li.login a#ctl00_logInOrOut{background:url(../images/login_nav.gif) left center no-repeat; overflow:hidden; padding-left:30px;}
.login a{color:#cacdc3; text-indent:0; font-size:12px; line-height:2.5em;}
.login a:hover{color:#ffffff;}

/*#nav li.logo{background:url(images/logo.jpg) 60px center no-repeat; padding-left:45px;}
#nav li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#nav a:link, #nav a:visited {
        float: left;
        line-height: 18px;
        padding: 5px 12px 8px 12px; 
        text-decoration: none;
        color: #ffffff;
}

#nav a:link.active, #nav a:visited.active, #nav a:hover, #current a{
	padding-bottom: 8px;
	color: #ffffff;
	background-image: url(../images/nav-hover.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.login {
	float:right;
	padding-left:24px!important;
	background-image: url(../images/login_nav.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.login a{font-weight:normal!important;}*/


/*content-----------內容區塊----------*/
#content{ background-color:#fff;overflow:hidden; padding:15px 0;}
#main{ width:670px; float:left; overflow:hidden; margin-left:30px;_margin-left:15px;}

/*tabs--------------頁籤列-----------*/
#tabs {
      float:left;
      width:100%; padding:0; margin:0;
      font-size:93%;
      line-height:normal;
      border-bottom:1px solid #b3b3b3; overflow:hidden;
      }
    #tabs ul {
          margin:0; width:100%;
          padding:10px 10px 0 15px;
          list-style:none; overflow:hidden;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
	float:left;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	background-image: url(../images/tableft.gif);
	background-repeat: no-repeat;
	background-position: left top;
      }
    #tabs a span {
	float:left;
	display:block;
	padding:5px 15px 4px 6px;
	color:#333333;
	background-image: url(../images/tabright.gif);
	background-repeat: no-repeat;
	background-position: right top;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#fff;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }

      #tabs #current a {
              background-position:0% -42px; 
      }
      #tabs #current a span {
              background-position:100% -42px;color:#fff;
      }
#tabs input{ float:right; background:url(../images/arrow03.gif) left center no-repeat; padding:5px 22px 0 10px!important; *padding-top:0; color:#276fa3; border:none; cursor: pointer;}
#tabs dd a:hover{color:#3f381b;background:url(../images/arrow03.gif) left center no-repeat;}


/*crumb-------------路徑導航-----------*/
.crumb{
	clear:both;
	color:#EC7334;
	font-size:11px;
	padding-left:15px;
	margin-left:12px;
	background-image: url(../images/arrow05.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.crumb a{ color:#0caabb; text-decoration:none; margin:0 2px; padding:0 2px;}
.crumb a:hover{ text-decoration:underline; color:#0caabb;}
.crumb span{ color:#000;margin:0 2px; padding:0 2px;}


/*header----------標題----------------*/
.header{
	width:646px;
	height:114px;
	padding:8px 12px!important;
	margin-bottom:15px!important;
	background-image: url(../images/headerbg.jpg);
	background-repeat: no-repeat;
}
.header img{ width:634px; height:104px; border:6px solid #fff!important; }

/*summary---------首頁摘要欄---------*/
.summary{ padding:10px; overflow:hidden;}
.gridA{ margin:15px 0; overflow:hidden; border-bottom:1px solid #dedede; padding-bottom:15px; *height:100%; width:650px;}
.gridA_L{ width:192px; height:102px; float:left; background:url(../images/gridA_L.jpg) no-repeat; padding:8px; overflow:hidden;}
.gridA_R{ width:420px; float:right;}
/*.gridA_R h3{
	color:#6b7880;
	font-size:15px;
	line-height:1.8em;
	padding:0 0 0 19px;
	background-image: url(../images/arrow02.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.gridA_R h3 a{color:#6b7880; text-decoration:none;}
.gridA_R h3 a:hover{ color:#6b7880;}*/
.gridA_R h3{text-indent:-2000px; background:none; padding:0; margin:0;}
.gridA_R h3 a{ display:block;overflow:hidden; height:50px;background:url(../images/summary-h3.jpg) 0 0 no-repeat;}
.gridA_R h3 a#ctl00_indexContent_TabContainer1_TabPanel1_HyperLink1{background-position:0 0;}
.gridA_R h3 a#ctl00_indexContent_TabContainer1_TabPanel1_HyperLink5{background-position:0 -50px;}
.gridA_R h3 a#ctl00_indexContent_TabContainer1_TabPanel1_HyperLink8{background-position:0 -100px;}
.gridA_R h3 a#ctl00_indexContent_TabContainer1_TabPanel1_HyperLink11{background-position:0 -150px;}
.gridA_R h3 a#ctl00_indexContent_TabContainer1_TabPanel1_HyperLink14{background-position:0 -200px;}
.gridA_R p{ padding:0; margin:0;}


/*sidebar--------邊欄-----------------*/
#sidebar{ width:200px; float:right; margin:15px 30px 0 0; _margin-right:15px;background-color:#f2ede3; border:1px solid #d6d6d6; overflow:hidden; }
.sidebox{ width:180px; margin:10px auto; overflow:hidden;}
.sidebox h5{ display:block; background-color:#6b7880; color:#fff; margin:0 auto; padding:3px 12px; font-size:13px; margin-bottom:7px;}
.sidebox ul{}
.sidebox ul li{ background:url(images/arrow01.jpg) left center no-repeat; line-height:2em;}
.sidebox ul li a{ color:#717171; text-decoration: underline;}
.sidebox ul li a:hover{ color:#000;}
#share table, #share th, #share td{ border:none!important;}
/*ad-btn*/
.ad-btn{ width:180px; margin:0 auto;}
.ad-btn ul li { margin:5px auto;}

/*pag*/
.page {
	text-align:center; background-color:#eee;
	margin:5px auto;
}
.page a {
	color:#00879d;
	margin:0px 5px;
}
.page a:hover {
	text-decoration:none;
}
.page span {
	color:#aaaaaa;
	font-weight:bold;
	margin:0px 5px;
}

/*footer*/
#footer{ border-top: 1px solid #6e6e6e;}
.copyright{ width:800px;margin:0 auto;background:url(images/logo.jpg) 60px center no-repeat;padding:20px 0 0 260px; overflow:hidden; font-size:11px; height:44px; color:#969696;}
.copyright a{ color:#276fa3; text-decoration:underline;}


/*copyright-non*/
.copyright-non{ width:1000px;margin:0 auto;padding:20px 0 0 0; overflow:hidden; font-size:11px; height:44px; color:#969696; text-align:center;}
.copyright-non a{ color:#276fa3; text-decoration:underline;}