/*@font-face {
    font-family: "Microsoft JhengHei"/9;
    src: url(http://test.gt-group.com.tw/css/msjh.ttf)/9;
}*/
body {
	margin:0;
	font: 0.85em/1.5em Arial, Helvetica, sans-serif;
	background: url(../images/badyBg.gif) center top repeat-x;
	color: #222;
	overflow-x: hidden;
}
center{ text-align:left;}

iframe{
	/*border:0px;
	height:0px;*/
}
/***  首頁用  ***/
#bg02{
	background: url(../images/badyBg.jpg) center top repeat-x;
	_background: url(../images/badyBg.jpg) -138px top repeat-x;
}
/*#index{
	background: url(../images/badyBg.jpg) center top repeat-x;
	_background: url(../images/badyBg.jpg) -138px top repeat-x;

}*/
#index #gt_container{
	width:1004px;
	border: 0px solid #000;
}
#index .submenu {
	margin-top:-19px;
	margin-top:-15px\9;
	*margin-top:-32px;
}
/***   ***/
input, select  {
	vertical-align: text-bottom;
	padding: 2px 2px 0 2px;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 0.9em;*/
}
input, textarea {
	/*border: 1px solid #CCC;*/
}
a {
	text-decoration: none;
	color: #059;
}
a:hover {
	text-decoration: none;
}
a.more {
	float: right;
}
img{
	border: 0;
}
form{
	margin: 0;
	padding-bottom: 2px;
}
ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
em{
	font-style: normal;
	color: #FF6C00;
}
/**************** common styles *****************/
.acc{            /*不同*/
	display:none;
	}
.acc a, #gt_footer .acc a{
	color: #FFFFFF;
}
.block{
	margin: 10px 0 10px 0;
}
.right{
	float: right;
}
.formbut4, .formbut6 {
	background:url(../images/button_bg4.gif) no-repeat;
	height:23px;
	cursor:hand;
	color: #424242;
	border: 0px;
	padding: 0 2px 0 2px !important;
	padding: 3px 2px 0 2px;
 }
.formbut6 {
	background:url(../images/button_bg6.gif) no-repeat;
 }
 .line{
	background: url(../images/linebg.gif) repeat-x bottom;
	padding-bottom: 20px;
}
 .line2{
	background: url(../images/linebg.gif) repeat-x bottom;
	margin-bottom:40px;
	clear:left;
	}
.big-pic{
	border: 1px solid #ccc;
	width: 386px;
	background-color: #fff;
	margin: 15px 0 0 0;
	padding: 7px;
	}
.big_picr{
	background-image: url(../images/info_bg.gif);
	padding: 2px 7px 7px 2px;
	width: 200px;
	height: 200px;
	margin: 0px 0px 10px 10px;
	}
.frame_picr{
	padding:5px;
	border:1px solid #CECFC9;
	background-color:#FFF
	}

/**按鈕設為底圖**/
.btn4, .btn5, .btn6, .btn7, .btn8, .btn9, .btn10{
	display:block;
	height: 23px;
	text-align: center;
	color:#424242;
}
a.btn4:hover, a.btn5:hover, a.btn6:hover, a.btn7:hover, a.btn8:hover, a.btn9:hover, a.btn10:hover{
	color:#424242;
	text-decoration: none
}
.btn4{
	width: 85px;
	background:url(../images/btn4.gif) left no-repeat;
}
.btn5{
	width: 100px;
	background:url(../images/btn5.gif) left no-repeat;
}
.btn6{
	width: 118px;
	background:url(../images/btn6.gif) left no-repeat;
}
.btn7{
	width: 135px;
	background:url(../images/btn7.gif) left no-repeat;
}
.btn8{
	width: 145px;
	background:url(../images/btn8.gif)  no-repeat;
}
.btn9{
	width: 165px;
	background:url(../images/btn9.gif) left no-repeat;
}
.btn10{
	width: 178px;
	background:url(../images/btn10.gif) left no-repeat;
}

/**按鈕設為底圖 end**/

.info {
	background-color:#F3F3F3;
	padding:15px;
}
.info p{
	margin:10px;
}
.info ul{
	padding-left:10px;
}
 /**************** header styles *****************/
#index #gt_header {
	height:410px;
}
#gt_header {
	font-size: 0.85em;
	margin: auto;
	width: 1004px;
	height:150px;
}
#gt_logo {
	float: left;
	margin: 0px;
}
#gt_head {
	float: right;
	background: url(../images/gt_topbg1.gif) right top no-repeat;
	text-align: right;
	color: #999;
	padding: 2px 0 0 0;
	border: 0px solid #000;
	width: 480px;
}
#gt_head a{
	margin: 0 15px 0 0;
    padding: 0 0 0 7px;
	color: #efefef;
	background: url(../images/headArrow.gif) no-repeat 0px 2px;
}
#gt_search {
	padding: 20px 0 0 0;
	color: #333;
}
#gt_search a{
	color:#333;
	background:none;
}
#gt_search input{
	background-color: #f2f2f2;
	font-size: 1em;
	vertical-align: middle;
	width:200px;
}
#gt_search img{
	vertical-align: middle;
}
#ad {
	clear:both;
	width:1004px;
	height:276px;
}
.Fapple{
	background: url(../images/indexBanner.jpg) no-repeat;
	clear:both;
	width:1004px;
	height:276px;
}
#gt_nav{
	background: url(../images/navBg.jpg) no-repeat;
	border: 0px solid #000;
	clear: both;
	height: 59px;
	*padding-top:22px;
	*height: 37px;
}
#gt_nav li{
	display: inline-block;
	*display: inline;
	border: 0px solid #000;
	margin: 22px 0px;
	*padding:22px 0px 14px;
	*margin:0px;
}
#gt_nav li a{
	color:#FFFFFF;
	font-family: Microsoft JhengHei,Arial,Helvetica,sans-serif;
    font-size: 150%;
    font-weight: bold;
	letter-spacing: 2px;
	border-right: 1px solid #EFEFEF;
	padding:2px 26px;

}
#gt_nav #gt_menu_5 a{
	border-right: 0px solid #EFEFEF;
}
.submenu {
	line-height: 1.7em;
	font-size: 1.1em;
	padding: 8px;
	*padding:12px 8px;
	margin-top:-18px;
	margin-top:-14px\0;
	*margin-top:-31px;
	letter-spacing: 0.25em;
	float: left;
	position: absolute;
	z-index:999;
}
.submenu ul{
	margin:0px 0 0 10px;
	*margin:-4px 0 0 10px;
	height: 40px;
	*height: 43px;
	_display: inline;
}

.submenu li{
	background: url(../images/arr4.gif) no-repeat 0px 32px;
	background: url(../images/arr4.gif) no-repeat 0px 31px\9;
	*background: url(../images/arr4.gif) no-repeat 0px 30px;
	padding: 24px 10px 8px;
	*padding: 24px 10px 1px 10px;
	border: 0px solid #000;
	float: left;
	margin: 0;
}
.submenu li a{
	color: #005599;
	display: block;
	letter-spacing: 0.1em;
}
.submenu li a:hover{
	text-decoration: none;
	display: block;
	color:#353535;
}
#gt_submenu_1{
	margin-left: 7px;
	background: url(../images/gt_submenu_1Bg.png) no-repeat left 17px;
	width:431px;
}
#gt_submenu_2 {  /*不同*/
	margin-left: 130px;
	background: url(../images/gt_submenu_2Bg.png) no-repeat left 17px;
	width:820px;
}
#gt_submenu_3 {
	margin-left: 391px;
	background: url(../images/gt_submenu_3Bg.png) no-repeat left 17px;
	width:542px;
}
#gt_submenu_3 > ul > li:last-child, #gt_submenu_3 > ul > li:nth-last-child(2) {
	display: none;
	}
#gt_submenu_4 {
	margin-left: 244px;
	background: url(../images/gt_submenu_4Bg.png) no-repeat left 17px;
	width:182px;
}
#gt_submenu_5 {
	margin-left: 730px;
	background: url(../images/gt_submenu_5Bg.png) no-repeat left 17px;
	width:244px;
}
#tt_size {
	display: inline;
	border: 1px solid #ccc;
	padding: 1px 0;
	color: #aaa;
	margin-right: 10px;
}
#tt_size a{
	padding: 0 4px 0 5px !important;
	padding: 3px 4px 0 5px;
	margin: 0 1px;
}
#tt_size a.current{
	background-color: #a8a8a8;
	color: #fff;
}

/**************** content styles *****************/
#gt_container {
	margin: auto;
	clear: both;
	width: 960px;
	margin-bottom:5px;
}
.mainPic{
	text-align:center;
	height: 195px;
	margin: 12px 0 0;
	border: 0px solid #000;
}
.picRun{
	float:left;
	background: url(../images/adMainLin.gif) no-repeat right 25px;
	width:25%;
}
.picRun p{
	font-size:125%;
	font-weight:bold;
	font-family: Microsoft JhengHei,Arial,Helvetica,sans-serif;
	color: #00519c;
	margin:5px 0 0 0;
}
#gt_content{   /*不同*/
	clear: both;
	padding-top: 0;
	overflow: hidden;
	margin-top: 3px;
	}
#gt_content .clumn {
	float: left;
}
#gt_content .clumn p{
	margin: 10px 0;
	font-size:110%;
}
#l{   /*不同*/
	margin-right: 15px;
    width: 251px;
}
#l img{   /*不同, 新增*/
	margin: 14px 0 0;
    padding: 2px;
	border: 1px solid #ccc;
}
#c{   /*不同*/
	width: 429px;
	margin-right: 15px;
}
#c table{   /*不同, 新增*/
	margin-bottom:11px;
}
#r{   /*不同*/
	width:274px;
}
#r ul{   /*不同, 新增*/
	margin:-7px 0 5px;
	border: 0px solid #000;
}
#gt_content .clumn table{
	width: 100%;
	font-size:95%;
	color:#555;
}
#gt_content .clumn tr{
	background: url(../images/linebg.gif) repeat-x left bottom;
	vertical-align: top;
}
#gt_content .clumn td.org{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FF6C00;
	padding: 5px 2px 5px 0;
	width: 18%;
	text-align:center;
}
/*#gt_content .clumn th{
	font-family: Arial, Helvetica, sans-serif;
	color: #FF6C00;
	padding: 5px 2px 5px 0;
	width: 18%;
}*/
#gt_content .clumn td{
	padding: 5px 0 5px 2px;
	overflow: hidden;
}
#gt_content .clumn td span{
	margin:0 0 0 15px;
}
#gt_content .clumn li{
	background: url(../images/linebg.gif) left bottom repeat-x;
	padding: 6px 3px;
	font-size:95%;
}
#gt_content .clumn li strong, #investor_in li strong{
	font-family: Arial, Helvetica, sans-serif;
	color: #FF6C00;
	margin-right: 5px;
}
#gt_content .clumn .title {
	background: url(../images/title_bg.gif) repeat-x;
	padding: 3px 10px;
	margin-bottom: 8px;
	font-size: 115%;
	color:#FFFFFF;
	font-family: Microsoft JhengHei,Arial,Helvetica,sans-serif;
	letter-spacing:2px;
}
#gt_content .clumn .title a{
	float: right;
	background: url(../images/arr.gif) no-repeat 0 5px;
	padding-left: 15px;
	color: #fff;
	font-size:80%;
}
#gt_content #l .title {
	margin-bottom: 0px;
}
#gt_content .clumn .success {   /*不同, 背景等等要改*/
	background: url(../images/successBg.gif) no-repeat 0px;
	width:251px;
	height:209px;
	text-align:center;
}

#gt_content .clumn .success p{

}
#gt_content .clumn .cer{
	background: url(../images/linebg1.gif) repeat-x;
	padding: 10px 0;
	margin-top: 13px;
	color: #fff;
}

.block2{
	border-top:solid 1px #DDD;
	border-bottom:solid 1px #DDD;
	padding: 7px 0 1px 0;
	margin: 5px 0 10px 0
}

.searchlist{
  margin: 10px 0 20px 0
}
/**************  gt_box   **************/
.but_5{
	background-image: url(../images/button_bg7.gif);
	float: right;
	border: 0;
	margin: 5px 5px 30px 0;
   *margin: 5px 0 30px 0;
   	padding: 2px 0 2px 0;
	width: 102px;
	cursor: hand;
}
#forget_pw_bt, #update_pw_bt{
	margin: 10px 5px 0 330px;
   *margin: 10px 5px 0 320px;
}
#resume_top{
	margin-top: 60px;
   *margin-top: 20px;
}
/* 菁英徵才 登入前 */
.but_4{
	background-image: url(../images/button_bg8.gif);
	border: 0;
	margin: 0 0 -10px 43px;
	padding: 4px 0 0 0;
	height: 19px;
	width: 50px;
	font-size: 0.85em;
}
.more1{
	float: right;
	margin-top:-20px;
    padding: 0px 5px 0 20px;
	background: url(../images/arr1.gif) no-repeat 0 5px;
}
.formbox1, .formbox2{
	background-color: #EFF5FD;
	color: #6B8FB2;
	padding: 3px 5px;
	border: 1px solid #D0DDE9;
}
/*加入久大 textarea*/
.formbox1{
	font-size: 1em;
	margin-top: 10px;
}
/*會員登入*/
.formbox2{
	font-size: 0.85em;
}
.grybox5{
	width: 50%;
	background-color: #ccc;
}
.grybox5 th{
	width: 30%;
	background-color: #eee;
	font-weight: normal;
	padding: 6px 6px 4px 6px;
	border-top: 1px solid #fff;
	text-align: right;
}
.grybox5 td{
	background-color: #fff;
	padding: 6px 6px 3px 6px;
	border-top: 1px solid #fff;
}
/* 與 line 同質*/
.login_line{
	background: url(../images/linebg.gif) repeat-x bottom;
	padding-bottom: 17px;
}
#login_bt{
	padding: 5px 0 3px 0;
	font-size: 0.95em;
	color: #353535
}
#login_bt a{
	color:#353535;
}
#login_bt a:hover{
	color:#FF7800;
}
/* 菁英徵才 登入後 */
#member_area{
	padding: 5px 5px 0 11px;
	margin: 0 3px 5px 0;
}
#member_area ul{
	margin-top: 5px;
}
#gt_left #member_area .sub{
	background:url(../images/menu_leftline1.gif) left bottom no-repeat;
	padding:3px 0 0 15px;
}
#gt_left #member_area .sub a:hover{
	background:url(../images/menu_leftline1.gif) left bottom no-repeat;
	padding:3px 0 0 15px;
	margin: -3px 0 0 -15px;
}
#job_forward{
	margin: 10px 0 0 335px;
   *margin: 10px 0 0 320px;
}
.menu_bottom{
	background:url(../images/menu_bottom.jpg) left bottom no-repeat;
}
/**************  產品服務7和8   **************/
.line_hide{
	color:#FFFFFF
}
.blue2{
	color:#005599;
	font-weight:bold
}
#p7_3in1_left{
	float:left;
	width:430px;
	text-align:right;
	height:390px;
	margin-bottom:15px
}
#p7_3in1_right{
	float:right;
	height:390px;
	width:340px;
	margin-bottom:15px
}
#p7_3in1_right .vspace1{
	padding-top:30px;
}
#p7_3in1_right .vspace2{
	padding-top:10px
}
.maz li{
	float: left;
	margin-right: 35px
}
/**************** left styles *****************/
#gt_left {
	width: 230px;
	float: left;
	font-family: Microsoft JhengHei,Arial,Helvetica,sans-serif;
}
#gt_left .menu{
	padding-bottom:20px;
}
#gt_left .menu ul{
	background:url(../images/leftMenuBg.gif) no-repeat bottom;
	margin:0px;
	*margin:-4px 0 0 0;
	padding: 5px 0px 20px;
}
#gt_left .menu li{
}
#gt_left .menu li a{
	color:#fff;
	background:url(../images/menuArr01.gif) no-repeat 20px 9px;
	font-size:120%;
	height: 33px;
	line-height:180%;
    padding: 0 0px 0 35px;
	display:block;
}
#gt_left .menu li a:hover , #gt_left li a.current, #gt_left li a.current1{
	background:url(../images/menuHoverBg.gif) no-repeat;
}
#gt_left li ul{
	margin-bottom: 10px;
}
/***  第一層兩行時 class=two ***/
#gt_left .menu .two{

}
#gt_left .menu .two a{
	height:42px;
	line-height:110%;
	padding: 5px 15px 0 35px;
}
#gt_left .menu .two a:hover , #gt_left .menu .two a.current{
	background:url(../images/menuHoverBg_two.gif) no-repeat;
}
/*#gt_left .first{
	margin-right: -10px !important;
	margin-right: 0;
}
#gt_left li a:hover{
	display:block;
	text-decoration: none;
}*/

/***  第二層次選單 class=sub ***/
#gt_left .menu .sub{
	line-height:100%;
}
/*#gt_left #member_area .sub, #gt_left #member_area .sub a:hover{
	background:url(../images/menu_member.gif) left bottom no-repeat;
}*/
#gt_left .menu .sub a{
	background:url(../images/arr5.gif) no-repeat 35px 6px;
	font-size: 110%;
    padding: 2px 20px 4px 50px;
	line-height:110%;
	height:auto;
	/*height: 20px;*/
}
#gt_left .menu .sub a:hover{
	background:url(../images/arr5.gif) no-repeat 35px 6px;
	color:#ffd800;
	/*padding:3px 0px 0 25px;
	margin:-3px 0px 0 -25px;
	border: 0px solid #000;
	height: 21px;
	text-decoration:none;
	color:#FF7800;*/
}
#gt_left .banner{
	text-align:center;
}
/* 菁英徵才 登入前 */
.more1{
	float: right;
	margin-top:-20px;
    padding: 0px 5px 0 20px;
	background: url(../images/arr1.gif) no-repeat 0 5px;
}
/* 菁英徵才 登入後 */
#member_area{
	padding: 5px 5px 0 11px;
	margin: 0 3px 5px 0;
}
#member_area ul{
	margin-top: 5px;
}
#gt_left #member_area .sub{
	background:url(../images/menu_leftline1.gif) left bottom no-repeat;
	padding:3px 0 0 15px;
}
#gt_left #member_area .sub a:hover{
	background:url(../images/menu_leftline1.gif) left bottom no-repeat;
	padding:3px 0 0 15px;
	margin: -3px 0 0 -15px;
}
#job_forward{
	margin: 10px 0 0 335px;
   *margin: 10px 0 0 320px;
}
.menu_bottom{
	background:url(../images/menu_bottom.jpg) left bottom no-repeat;
}
/**************** right styles *****************/
#gt_right {
	padding: 0px;
	line-height: 2em;
	float:right;
	width:710px;
	font-size:110%;
	/*overflow:hidden;*/
}
#gt_content #ad{
	width:710px;
	height:144px;
	float:right;
	clear:none;
	background:none;
}
#gt_right p{
	margin:15px 0;
}
#gt_right h2 {
	font-size: 150%;
	font-family: Microsoft JhengHei,Arial,Helvetica,sans-serif;
	letter-spacing: 2px;
	margin: 20px 0;
	padding:0px 0px 3px;
	color:#00539d;
	background: url(../images/h2Bg.gif) no-repeat bottom;
}
/*#gt_right .words_5{
	background: url(../images/title_bg1.gif) no-repeat 110px 7px;
}
#gt_right .words_6{
	background: url(../images/title_bg1.gif) no-repeat 130px 7px;
}
#gt_right .words_7{
	background: url(../images/title_bg1.gif) no-repeat 145px 7px;
}
#gt_right .words_8{
	background: url(../images/title_bg1.gif) no-repeat 160px 7px;
}
#gt_right .words_9{
	background: url(../images/title_bg1.gif) no-repeat 170px 7px;
}
#gt_right .words_12{
	background: url(../images/title_bg1.gif) no-repeat 250px 7px;
}
*/
#gt_right h3{
	color: #AD0303;
	font-size: 110%;
	letter-spacing: 1px;
	margin-top: 30px;
}
#gt_right .titleB{
	color:#000;
}
#gt_right h4 , #gt_right .grybox2 h3{
	color: #059;
	font-size: 1.15em;
	letter-spacing: 1px;
	background: url(../images/arr2.gif) no-repeat 0 7px;
}
#gt_right .grybox2 h3{
	margin: 10px 0;
}
#gt_right ol, #gt_right ul{
	margin: 0 0 0 12px;
}
#gt_right li{
	background: url(../images/arr3.gif) no-repeat 0 8px;
	padding-left: 20px;
	text-align: left;
}
/***  li 三排  ***/
#gt_right .st2{
	display:inline-block;
}
#gt_right .st2 li{
	width:30%;
	float:left;
}
#gt_right .blue_arr li{
	background: url(../images/arr1.gif) no-repeat 0 7px;
	margin-bottom: 15px;
}
#gt_right .blue_arr strong{
	color: #059;
}
#gt_right .blue_arr li li{
	background: url(../images/arr3.gif) no-repeat 0 7px;
	margin-bottom: 0;
}
.blue_arr2{
	background: url(../images/arr1.gif) no-repeat 0 3px;
	padding-left:20px;
}
#gt_right .box li, #gt_right .box1 li{
	float: left;
	margin-right: 20px;
}
#gt_right .box1 li{
	width: 25% !important;
	width: 27%;
	border: 0px solid #000;
}
#gt_right .sitemap{
	margin: 40px 0 0 0;
	background: url(../images/linebg.gif) repeat-x top;
	padding-top: 15px;
}
#gt_right .sitemap li{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 15px;
	background: url(../images/linebg.gif) repeat-x bottom;
	padding-bottom: 15px;
}
#gt_right .sitemap li a{
	color: #AD0303;
}
#gt_right .sitemap li ul{
	margin-top: 5px;
	margin-bottom: 5px;
}
#gt_right .sitemap li li{
	padding-bottom: 0;
	background: url(../images/arr3.gif) no-repeat 0 7px;
	font-size: 0.9em;
	margin: 0 0 0 20px;
}
#gt_right .sitemap li li a{
	color: #059;
}
#gt_right .sitemap li li li{
	font-weight: normal;
	display: inline;
	width: 25%;
	background-position: 0 1px;
	font-size: 0.85em;
}
#gt_breadcrumbs {
	border: 0px solid #000;
	padding:0px;
	margin: 0px;
	font-size: 13px;
	color: #333;
}
#gt_breadcrumbs h1{
	border: 0px solid #000;
	display: inline;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 0px;
}
#gt_breadcrumbs a{
	margin: 0 3px;
	color: #333;
}
#gt_right #gt_breadcrumbs span a{
	float: right;
	margin: 8px 0 0;
	width:50px;
}
#gt_stock {
	background: url(../images/investor_bg_stock.gif) no-repeat;
	float: right;
	border: 0px solid #000;
	padding: 6px 6px 20px 6px;
	width: 272px;
	margin-top: 25px;
}
#gt_stock th{
	padding:2px 8px;
	text-align: left;
	font-weight: normal;
}
#gt_stock td{
	padding:2px 8px;
	color: #FF6C00;
	text-align: right;
}
#gt_stock .blue{
	background-color: #C4E8F8;
}
#gt_stock p{
	margin: 10px 5px;
}
#gt_stock .date{
	font-size: 0.85em;
	text-align: right;
	margin: 0 0 0 0;
}
#investor_in {
	border: 0px solid #000;
	/*margin-right: 300px;*/
}
#investor_in ul{
	padding: 0 0 10px 0;
}
#investor_in li{
	margin-bottom: 5px;
	background-image: none;
	padding-left: 0px;
}
#investor_in .more{
	margin-top: -45px;
	background: url(../images/arr1.gif) no-repeat 0 8px !important;
	background: url(../images/arr1.gif) no-repeat 0 5px;
	padding-left: 15px;
}
#note{
	border-TOP: 1px solid #C0C0C0;
	margin-top: 30px;
	color: #7A7A7A;
}
.block2{
	border-top:solid 1px #DDD;
	border-bottom:solid 1px #DDD;
	padding: 7px 0 1px 0;
	margin: 5px 0 10px 0
}
.searchlist{
  margin: 10px 0 20px 0
}
.but_5{
	background-image: url(../images/button_bg7.gif);
	float: right;
	border: 0;
	margin: 5px 5px 30px 0;
   *margin: 5px 0 30px 0;
   	padding: 2px 0 2px 0;
	width: 102px;
	cursor: hand;
}
#forget_pw_bt, #update_pw_bt{
	margin: 10px 5px 0 330px;
   *margin: 10px 5px 0 320px;
}
#resume_top{
	margin-top: 60px;
   *margin-top: 20px;
}
.grybox5{
	width: 50%;
	background-color: #ccc;
}
.grybox5 th{
	width: 30%;
	background-color: #eee;
	font-weight: normal;
	padding: 6px 6px 4px 6px;
	border-top: 1px solid #fff;
	text-align: right;
}
.grybox5 td{
	background-color: #fff;
	padding: 6px 6px 3px 6px;
	border-top: 1px solid #fff;
}
.login_line{
	background: url(../images/linebg.gif) repeat-x bottom;
	padding-bottom: 17px;
}
#login_bt{
	padding: 5px 0 3px 0;
	font-size: 0.95em;
	color: #353535
}
#login_bt a{
	color:#353535;
}
#login_bt a:hover{
	color:#FF7800;
}
.dis1{
	padding:0 15px 15px 0;
	*padding:0 15px 0 0;
	}
.ots{
	margin:10px 0 0;
	}
.ots p, .trade{
	padding-left:290px;
	}
.trade li{
	width:80px;
	float:left;
	}
#page{
	overflow:hidden;
	margin:auto;
	margin-top:20px;
	font-size:87%;
	}
#page a, #page strong{
	float:left;
	display:block;
	margin-right:5px;
	padding:0 8px;
	text-align:center;
	text-decoration:none;
	border:1px solid #D0D0D1;
	}
#page strong, #page a:hover{
	color:#fff;
	background-color:#1477D9;
	border:1px solid #1477D9;
	}
#gt_right .right{
	padding: 25px 0px;
	*padding: 25px 0px 45px;
	}
.fineWebsite2{
	float:left;
	text-align:center;
	background:url(../images/products/bg_website.gif) center 220px no-repeat;
	padding-bottom:23px;
	margin: 25px 65px 0;
	}
.fineWebsite{/*不同, 新增, 以下開始到footer*/
	margin: 0 50px 25px 0;
	text-align:center;
	float:left;
	height:160px;
	}
#gt_right .right .fineWebsite{
	float:none;
}
.fineWebsite img, .fineWebsite2 img{
	padding:5px;
	border:0;
	background-color:#ededed;
	border:1px solid #CACAC8;
	}

.website2T{
	}
.website2T strong a{
	font-size:110%;
	font-weight:bold;
	color: #AD0303;
	}
	.websiteP{
	clear:both;
	margin-top:-30px;
	}
.yahooTeam{
	background:url(../images/products/bg_yahooky.jpg) center no-repeat;
	text-align:center;
	width:615px;
	height:195px;
	margin:auto;
	margin-top:8px;
	}
.yahooTeam div{
	float:left;
	width:175px;
	font-size:120%;
	font-weight:bold;
	margin:40px 45px 0 0;
	}
.yahooTeam .no3{
	margin-right:0;
	padding-left:17px;
	width:160px;
	}
.yahooCase{
	margin-top:5px;
	}
.yahooCase div{
	background:url(../images/products/bg_yahoocase.jpg) no-repeat;
	float:left;
	line-height:1.2em;
	width:164px;
	height:65px;
	text-align:center;
	margin-right:25px;
	padding-top:18px;
	}
#gt_right .yahooky {
	color: #ff3333;
	font-size: 120%;
	font-weight:bold;
	letter-spacing: 1px;
}
.map_taipei{
	float:right;
	margin-right:0px;
	}
/**************** 頁面內 聯絡我們 *****************/
.contLin{
	background: url(../images/contLinBg.gif) repeat-x;
	clear: both;
    height: 26px;
    margin: 60px 0 0;
    text-align: center;
	color:#000000;
}
.contLin span{
	height:26px;
	background-color:#fff;
	padding:0 10px;
}
/**************** footer styles *****************/
#gt_footer {
	/*margin: 0 1% 1px 1%;*/
	margin:20px auto auto;
	padding:20px 0px;
	clear: both;
	height: 112px;
	text-align: center;
	font-size: 95%;
	background: url(../images/footer.jpg) left top repeat-x #e1e1e1;
}
#gt_footer #copyright {
	width: 700px;
	_width: 950px;
	text-align: left;
	padding: 15px 125px;
	margin: auto;
	margin-top: 10px;
	font-size: 95%;
	background: url(../images/footerLin.jpg) repeat-x;
}
#gt_footer #copyright p{
	margin: 0;
}
#gt_footer #copyright img{
	margin: 5px 13px 0 13px;
}
#gt_footer a{
	margin: 0 3px;
}
/**************** footer1 styles *****************/
#gt_footer1 {
	/*margin: 0 1% 1px 1%;*/
	margin:20px auto;
	clear: both;
	height: 135px;
	text-align: center;
	font-size: 95%;
	background: url(../images/footer.jpg) left top repeat-x #e1e1e1;
	margin-bottom: 0px;
}
#gt_footer1 #copyright {
	width: 943px;
	text-align: left;
	font-size: 95%;
	border: 0px solid #000;
	margin: auto;
	padding: 30px;
}
#gt_footer1 .logo {
	margin-right: 30px;
	}
#gt_footer1 .subnav {
	text-align: left;
	float: left;
	margin: 5px 0 10px 10px;
	border: 0px solid #000;
	width:70%;
	}
#gt_footer1 #copyright p{
	margin: 5px 0 0 0;
	clear: left;
	padding: 0;
	border: 0px solid #000;
	float: left;
	width: 700px;
}
#gt_footer1 a{
	margin: 0 3px;
}


.facebook{
	background:url(../images/facebook.gif) right 0 no-repeat;
	float:right;
	width:116px;
	height:35px;
	line-height:1.2em;
	margin-right:10px;
	_margin-right:5px;
	}
.facebook a{
	color:#fff;
	font-weight:bold;
	padding:3px 0 0 30px;
	display:block;
	text-decoration:none;
	}
#gt_right .page{
	float:right;
	}
#gt_right .page ul{
	overflow: hidden;
	margin: 0;
	/*background: url(../images/arr1.gif) no-repeat 0 8px;*/
	padding-left:20px;
	}
#gt_right .page li{
	float: left;
	background: url(../images/arr6.jpg) 0 0 no-repeat;
	padding: 0 12px;
	margin: 0;
	border: 0px solid #000;
	height: 27px;
	}
#gt_right .page li a{
	font-weight:bold;
	}

/**************** 20120903 新增-增值服務說明頁 *****************/
.proB{
	background:url(../images/pro6/v001.jpg) right -2px no-repeat;
	width:710px;
	display:inline-block;
	font-family: Microsoft JhengHei,Arial,Helvetica,sans-serif;
}
.box02{
	padding:0px;
}
#gt_right .box02 li{
	background:url(../images/pro6/v004.gif) 0 4px no-repeat;
	padding-left: 24px;
}
.box03{
	background:url(../images/pro6/v002.jpg) 0 60px no-repeat;
	margin: 0px;
    padding: 20px 0 20px 200px;
}
#gt_right .box03 li{
	background:url(../images/pro6/v005.gif) 0 4px no-repeat;
	padding-left: 26px;
}
.proC{
	width:690px;
	display:inline-block;
	font-family: Microsoft JhengHei,Arial,Helvetica,sans-serif;
	/***background:url(../images/pro6/viCase01.jpg) 380px -2px no-repeat;***/
	padding: 0 0 0 20px;
}
#gt_right .proC .box02{
	line-height:26px;
}
#gt_right .proC .box02 li{
	background: url(../images/arr3.gif) no-repeat 0 12px;
    margin: 12px 0;
    padding: 4px 4px 4px 18px;
}
#gt_right .proC .box02 li strong{
	color:#004898;
    font-size: 120%;
}

/*****  20121024  *****/
#gt_right .box04{
}
#gt_right .box04 ul{
}
#gt_right .box04 li{
	width:220px;
	float:left;
	background: url(../images/videoLiBg.jpg) repeat-x 0 105px;
	height:165px;
	margin: 10px 12px 20px 0;
    padding: 0;
	text-align:center;
}
#gt_right .proD{
	background: url(../images/pro6/Seo_002.jpg) no-repeat 450px 750px;
}
#gt_right .proD .box02 li{
    margin:0;
}

#casedemo-wrap .tabs {    margin: 0;    padding: 0; border-bottom:1px #045eae solid; height:28px; padding-left:16px;}

#casedemo-wrap .tab {    display:block; float:left;    padding:4px 15px; line-height:20px;    list-style: none; margin:0;  margin-right:10px;    background: #f1f1f1;    /*border: 1px #333 solid;*/    -moz-border-radius: 4px 4px 0 0;    -webkit-border-radius: 4px 4px 0 0;    border-radius: 4px 4px 0 0; cursor:pointer;}
#casedemo-wrap .tab.active { background: #045eae; color:#fff;}
#casedemo-wrap .tab .remove {    color: #900;}

#casedemo-wrap .content { clear:both;margin:20px 0;}
#casedemo-wrap .casedemo-list{margin:16px 0; list-style:none; padding:0; margin-left:-20px;}
#casedemo-wrap .casedemo-list li{ width:210px; float:left; margin:0; padding:0; margin-left:20px; background:none; font-size:90%; text-align:center; font-weight:normal; height:180px;}
#casedemo-wrap .casedemo-img{ }
#casedemo-wrap .casedemo-img img{display:block; background:#fff; padding:2px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.26);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.26);box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.26); }
#casedemo-wrap .casedemo-list li h4{margin:0; padding:0; margin-bottom:20px;}
#casedemo-wrap iframe{width:320px;height:180px;}
#demo-video-wrap ul{list-style:none; margin:0; padding:0; margin-left:-15px;}
#demo-video-wrap li{width:324px; float:left; margin-left:30px; margin-bottom:30px; text-align:center;background:none;padding:0;}
#demo-video-wrap h4{margin:0;}
.demo-video{background:#fff; padding:2px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.26);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.26);box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.26); }
/*平面區用 */
#demo-print-wrap{margin-left:-10px;}
#demo-print-wrap li{width:210px; height:180px; float:left;  margin:0; padding:0;margin-left:20px;  text-align:center;  background:#fff;}
#demo-print-wrap li img{display:block; background:#fff; padding:2px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.26);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.26);box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.26); }
#demo-print-wrap li h4{margin:0; padding:0; margin-bottom:20px;}