/* CSS Document */
body
{
margin:auto;
font-family:"Arial";
}
.clear
{
clear:both;
}
p,h1,h2,h3,ul
{
margin:0px;
padding:0px;
}
a img
{
border:none;
}
#home
{
margin:auto;
width:970px;
}
#main
{
float:left;
width:970px;
}
#home_index
{
margin:auto;
width:100%;
}
#main_index
{
float:left;
width:100%;
}
#header
{
width:100%;
float:left;
font-family:"Arial";
}
#header .lower-content
{
margin:0 auto;
width:970px;
height:200px;
}
.banner
{
margin-left:-27px;
}
#navigation
{
float:left;
width:970px;
height:69px;
padding-bottom:10px;
color:#2d3737;
font-size:12px;
line-height:1.3em;
}
#navigation a:focus
{
outline:none;
}
#navigation ul
{
float:left;
list-style:none;
}
#navigation ul li
{
float:left;
}
#navigation ul li a
{
color:#2D3737;
float:left;
height:30px;
padding-left:17px;
padding-right:17px;
padding-top:35px;
text-decoration:none;
}
#navigation ul li a:hover
{
height:20px;
padding-top:45px;


}
.nav1
{
border-top:solid 4px #b8df48;

}
.nav1 a:hover
{
background:#b8df48;
color:white;
}
.nav2
{
border-top:solid 4px #fdf72b;
}
.nav2 a:hover
{
background:#fdf72b;
}
.nav3
{
border-top:solid 4px #29d1ff;
}
.nav3 a:hover
{
background:#29d1ff;
color:white;
}
.nav4
{
border-top:solid 4px #ff8e37;
}
.nav4 a:hover
{
background:#ff8e37;
color:white;
}
#search
{
float:right;
color:#414141;
font-size:12px;
padding-top:35px;
vertical-align:baseline;
line-height:1.3em;
font-family:arial;
}
#search p
{
float:left;
padding-top:4px;
padding-right:15px;
height:20px;
}
#search p a
{
background:url(../images/arrow.jpg) no-repeat;
color:#414141;
text-decoration:none;
padding-left:10px;
font-size:1.2em;
}
.sinput
{
float:left;
width:139px;
height:16px;
padding-top:2px;
padding-bottom:2px;
background:url(../images/search_back.jpg) no-repeat;
border:0px;
padding-left:5px;
}
#content
{
width:970px;
float:left;
margin-bottom:20px;

}

#content a { color:#555; text-decoration:none;}
#content a:hover { color:#777; text-decoration:underline; }
#hleft
{
float:left;
width:430px;
margin-top:5px;
}
.ltext
{
float:left;
width:305px;
border-right:solid 2px #cfcfcf;
height:38px;
color:#414141;
font-size:16px;
text-align:center;
/*text-transform:uppercase;*/
margin-top:22px;
margin-left:15px;
}
.ltext_top{
  margin-bottom:5px;
  color:#2D3737;
  /*letter-spacing: 1.5px;*/
}
.ltext_bottom{
  font-size:10px;
  color:#999;
  font-family: Arial, "新細明體", Helvetica, sans-serif;
  line-height:10px;
}
.green
{
color:#7cae08;
font-size:14px;
margin-top:3px;
line-height:1.5em;
}
#hright
{
width:530px;
float:right;
margin: 12px 0 20px 0;
color:#434343;
font-family:"Arial";
font-size:10px;
text-transform:uppercase;
}
#hright .title
{
color:#beb912;
font-size:13px;
font-weight:bold;
padding-left: 10px;
}
.ban, .ban1
{
float:left;
text-align:center;
padding-top:7px;
width: 106px;
}

.ban img,.ban1 img
{
border:solid 1px #d2d2d2;
margin-bottom:3px;
}
.ban p, .ban1 p { line-height:1.1em;}
#footer
{
float:left;
color:#2d3737;
width:970px;
padding-top:10px;
font-family:"Arial";
font-size:10px;
padding-bottom:15px;
}
#footer a
{
color:#2d3737;
text-decoration:none;
}
#footer a:hover
{
text-decoration:underline;
}
#footer p
{
float:left;
padding-top:20px;
padding-right:11px;
line-height:1.4em;
}
#footer img{ float:right;}
#inheader
{
float:left;
height:200px;
font-family:"Arial";
color:#2d3737;
font-size:12px;
width:970px;
}
#innavigation ul
{
float:left;
list-style:none;
}
#innavigation ul li
{
float:left;
}
#innavigation ul li a
{
color:#2d3737;
text-decoration:none;
padding-left:17px;
padding-right:17px;
height:30px;
padding-top:35px;
float:left;
}
#innavigation ul li a:hover
{
padding-top:45px;
height:20px;
}

#inheader a:focus
{
outline:none;
}
#inheader #search
{
padding-top:35px;
vertical-align:baseline;
}
#bottomheader
{
height:88px;
position:relative;
z-index:10;
}
#rh
{
float:left;
width:612px;
height:88px;
background:url(../images/rh_back.jpg) no-repeat;
}
.off
{
margin-top:23px;
}
#leftcontent
{
float:left;
font-family:"Arial";
width:220px;
color:#555555;
font-size:12px;
}
#leftcontent .title1
{
color:#7a7a7a;
font-size:17px;
font-weight:bold;
padding-left:8px;
padding-top:6px;
border-left:solid 12px #B8DF48;
height:28px;
margin-bottom:15px;
}
#leftcontent .title1 a,
#leftcontent .title2 a,
#leftcontent .title3 a,
#leftcontent .title4 a {
	color: #7A7A7A;
	text-decoration: none;
}
#leftcontent .title2
{
color:#7a7a7a;
font-size:17px;
font-weight:bold;
padding-left:8px;
padding-top:6px;
border-left:solid 12px #fdf72b;
height:28px;
margin-bottom:15px;
}

#leftcontent .title3
{
color:#7a7a7a;
font-size:17px;
font-weight:bold;
padding-left:8px;
padding-top:6px;
border-left:solid 12px #29d1ff;
height:28px;
margin-bottom:15px;
}
#leftcontent .title4
{
color:#7a7a7a;
font-size:17px;
font-weight:bold;
padding-left:8px;
padding-top:6px;
border-left:solid 12px #FF8E37;
height:28px;
margin-bottom:15px;
}

#leftcontent ul
{
list-style:none;
line-height:19px;
padding-left:5px;
padding-bottom:10px;
}

#leftcontent ul li ul
{
padding-left:20px;
padding-bottom:5px;
}

#leftcontent ul li a
{
padding-left:23px;
color:#555555;
text-decoration:none;
}
#leftcontent ul li a:hover
{
font-weight:bold;
}
#leftcontent ul li a.active
{
font-weight:bold;
}

#leftcontent ul.gul li a{background:url(../images/arr1.jpg) 0 3px no-repeat;}
#leftcontent ul.yul li a{background:url(../images/arr2.jpg) 0 3px no-repeat;}
#leftcontent ul.bul li a{background:url(../images/arr3.jpg) 0 3px no-repeat;}
#leftcontent ul.oul li a{background:url(../images/arr4.jpg) 0 3px no-repeat;}


#leftcontent li a:focus
{
outline:none;
}
#rightcontent
{
float:right;
width:738px;
min-height:350px;
height: auto !important;
height: 350px;
}
#rightcontent h1
{
float:left;
width:738px;
height:39px;
background:url(../images/title_back.jpg) repeat-x;
font-size:20px;
color:#fff;
font-weight:normal;
text-transform:uppercase;
}

h1 .t
{
padding-top:8px;
float:left;
}
.rcon
{
float:left;
line-height:18px;
width:698px;
font-size:13px;
color:#555555;
padding-left:20px;
padding-right:20px;
background:url(../images/rightcon_back.jpg) repeat-y;
padding-bottom:15px;
padding-top:10px;
min-height:280px;
}
.inrcon
{
float:left;
width:698px;
font-size:12px;
border-bottom:dotted 1px #a9a9a9;
padding-top:15px;
padding-bottom:15px;
}
.inrcon img
{
margin-right:8px;
}
.inrcon form{ float:right; }
.inrcon form.reg_form{ float:none; }
.date
{
float:left;
width:77px;
color:#11acd6;
font-weight:bold;
font-family:arial;
}

.inrcon_title{float:left;margin-top:10px;}
.date_title{color:#555555;float:left;font-weight:bold;width:75px;}
.sdes_title{color:#555555;float:left;font-weight:bold;width:130px;}

.date_title2{color:#555555;float:left;font-weight:bold;width:77px;}
.sdes_title2{color:#555555;float:left;font-weight:bold;width:138px;}
.ldes_title2{color:#555555;float:left;font-weight:bold;width:130px;}


.sdes
{
float:left;
color:#555555;
width:110px; margin-right:10px;
}
.ldes
{
float:left;
width:175px;
padding-right:4px;
}
.ldes p
{
padding-left:15px;
float:left;
background:url(../images/pa.jpg) left top no-repeat;
}

.cdes
{float:left;
width:150px;
}
.pages
{
padding-top:15px;
font-size:12px;
clear:both;
overflow:hidden;
}
.pages a
{
color:#555555;
margin-right:3px;
text-decoration:none;
}
.pages a:hover
{
text-decoration:underline;
}
.pre
{
background:url(../images/pre_back.jpg) right no-repeat;
padding-right:10px;
}
.next
{
background:url(../images/next_back.jpg) left no-repeat;
padding-left:10px;
}
.leftrcon
{
float:left;
width:480px;
padding-top:15px;
}
.lrcon
{
background:url(../images/leftrcon_back.jpg) top no-repeat;
padding-top:12px;
float:left;
width:480px;
color:#555555;
font-size:12px;
margin-bottom:20px;
}
.lrcon h2
{
float:left;
background:url(../images/h2back.jpg) no-repeat;
height:23px;
margin-bottom:4px;
padding-left:47px;
padding-top:15px;
font-size:18px;
color:#06b3e8;
font-weight:bold;
}

.lrcon2 h2
{
background:url(../images/h2back2.jpg) no-repeat;
}
.lrcon0 h2
{
background:url(../images/h2chart.jpg) no-repeat;
}
.lrcon3 h2
{
background:url(../images/h2price.jpg) no-repeat;
}
.inlrcon
{
float:left;
width:480px;
font-size:12px;
border-bottom:dotted 1px #a9a9a9;
padding-top:15px;
padding-bottom:15px;
clear:both;
}



.ldes1
{
float:right;
width:270px;
padding-right:4px;
}
.ldes1 p
{
padding-left:15px;
float:left;
background:url(../images/pa.jpg) left top no-repeat;
}
.ldes2
{
float:left;
width:390px;
padding-right:4px;
}
.ldes2 p
{
padding-left:15px;
float:left;
background:url(../images/pa.jpg) left top no-repeat;
width:100%;
}

.ann_content p{
background:none;
float:left;
font-weight:normal;
padding-left:15px;
}

#rightcontent .investor .inrcon .venue{
width:600px;
margin-left:92px;
float:left;
}
#rightcontent .investor .inrcon .venue label{
font-weight:bold;
margin-right:5px;
}
#rightcontent .investor .inrcon .time{
width:600px;
margin-left:92px;
float:left;
}
#rightcontent .investor .inrcon .time label{
font-weight:bold;
margin-right:5px;
}

#rightcontent .rcon label{
font-weight:bold;
margin-right:5px;
}

#rightcontent .presentationdetail .media_index .presentation{
background:url("../images/arr4.jpg") no-repeat scroll left 5px transparent;
padding-left:15px;
width:100%;
float:left;
}
#rightcontent .presentationdetail .media_index .conference{
background:url("../images/arr4.jpg") no-repeat scroll left 5px transparent;
padding-left:15px;
width:100%;
float:left;
}

#rightcontent .presentationdetail .media_index .con_call{
background:url("../images/arr4.jpg") no-repeat scroll left 5px transparent;
padding-left:15px;
width:100%;
float:left;
}

#rightcontent .presentationdetail .media_index .webcast{
width:100%;
float:left;
padding:10px 0;
}

#rightcontent .presentationdetail .media_index .download{
background-color:#efefef;
float:left;
padding:10px 20px;
width:658px;
margin:8px 0;
}

#rightcontent .presentationdetail .media_index .date{
float:left;
width:100%;
}
#rightcontent .presentationdetail .media_index .language{
float:left;
width:100%;
}
#rightcontent .presentationdetail .media_index .venue{
float:left;
width:100%;
}
#rightcontent .presentationdetail .media_index .format{
float:left;
width:100%;
}
#rightcontent .presentationdetail .media_index .content {
float:left;
width:100%;
padding:8px 0;
}



.left
{
float:left;
}
.right
{
float:right;
}
#content .right a
{
background:url(../images/more_back.jpg) left no-repeat;
padding-left:12px;
text-decoration:none;
}
#rightrcon
{
float:right;
width:202px;
padding-top:15px;
}
#rightrcon .img
{
margin-bottom:8px;
float:left;
}
.rbox
{
float:left;
width:180px;
line-height:15px;
font-size:13px;
padding-right:12px;
padding-left:10px;
height:203px;
background:url(../images/rbox_back.jpg) no-repeat;
}
.rbox p
{
padding-top:5px;
}
.inbox
{
float:left;
padding-left:7px;
}
.row
{
float:left;
width:163px;
padding-top:4px;
padding-bottom:4px;
border-bottom:dotted 1px #cccccc;
}
.row1
{
float:left;
width:163px;
padding-top:4px;
padding-bottom:4px;
}
.green1
{
color:#2fa30c;
}
.ten
{
font-size:10px;
padding-top:10px;
padding-bottom:3px;
float:left;
}
.etitle
{
float:left;
margin-top:8px;
height:32px;
width:202px;
color:#ffffff;
font-size:14px;
font-weight:bold;
background:url(../images/etitle_back.jpg) repeat-x;
}
.etitle p
{
padding-left:10px;
padding-top:8px;
}
.ebox
{
padding:10px;
float:left;
width:180px;
color:#515151;
font-size:12px;
border:solid 1px #e1e1e1;
}
.inlogo1
{
float:left;
margin-top:20px;
}
.head
{
color:#87ac1b;
padding-bottom:15px;
font-size:22px;
line-height:25px;
}
.inlinks{margin:5px 0;}

.inlinks a
{
background:url(../images/garrow.jpg) no-repeat;
padding-left:18px;
text-transform:uppercase;
line-height:23px;
color:#555;
text-decoration:none;
}
.biglrcon
{
float:left;
width:500px;
line-height:22px;
color:#555555;
font-size:12px;
}
.t1
{
color:#937910;
font-weight:bold;
margin-right:2px;
}
.rlinks
{
float:left;
width:180px;
}
.rls
{
float:left;
padding-left:10px;
}
.rls img
{
border:0px;
float:left;
margin-bottom:10px;
}
.rl
{margin-bottom:25px;
}




/*============================================*/

/* top-menu */
#innavigation ul li.nav1 a.active{background:#B8DF48; padding-top:45px; height:20px;color:white;}
#innavigation ul li.nav2 a.active{background:#FDF72B; padding-top:45px; height:20px;}
#innavigation ul li.nav3 a.active{background:#29d1ff; padding-top:45px; height:20px;color:white;}
#innavigation ul li.nav4 a.active{background:#FF8E37; padding-top:45px; height:20px;color:white;}
/* left-menu */
#leftcontent ul.gul li li a {background:url(../images/ularrow1.jpg) left 5px no-repeat; padding-left:10px;display:inline-block;}
#leftcontent ul.gul li li a:hover {color:#B8DF48;}
#leftcontent ul.gul li li a.active { color:#B8DF48;}
#leftcontent ul.yul li li a {background:url(../images/ularrow2.jpg) left no-repeat; padding-left:10px;}
#leftcontent ul.yul li li a:hover {color:#c5bf00;}
#leftcontent ul.yul li li a.active { color:#c5bf00;}
#leftcontent ul.bul li li a {background:url(../images/ularrow3.jpg) left no-repeat; padding-left:10px;}
#leftcontent ul.bul li li a:hover {color:#07a2d1;}
#leftcontent ul.bul li li a.active { color:#11ACD6;}
#leftcontent ul.oul li li a {background:url(../images/ularrow4.jpg) left no-repeat; padding-left:10px;}
#leftcontent ul.oul li li a:hover {color:#ff8e37;}
#leftcontent ul.oul li li a.active { color:#ff8e37;}

#rightcontent .content_text p{ margin-top:5px; padding-bottom:10px; line-height:1.6em;}
#rightcontent .content_text p a {text-decoration:underline;}
#rightcontent .content_text p a:hover{ text-decoration:none;}
#rightcontent .content_text ul{ padding-left:0px}
#rightcontent .content_text ul li{ background:url("../images/arr5.jpg") no-repeat scroll 0 4px transparent;padding-left:15px;}
#rightcontent .content_text ol{ padding-left:20px}
#rightcontent .content_text ol li{ list-style:decimal;}
#rightcontent .content_text .photo{ float:right; width:160px; margin:8px 8px 8px 15px;}
#rightcontent .content_text .photo img{ border:4px solid #ccc; margin-bottom:8px; }

#rightcontent .content_text table { margin:10px 0}/* can change border color */
#rightcontent .content_text table tr th{ padding:10px 8px; background-color:#e5e5e5; color:#222; text-align:left; }
#rightcontent .content_text table tr td{ padding:5px 8px;  }

#rightcontent .content_text table p,
#rightcontent .content_text table ul,
#rightcontent .content_text table ol,
#rightcontent .content_text table li,
#rightcontent .content_text table h3,
#rightcontent .content_text table h4 { padding-top:0; margin-top:0}

/* Internet*/
.rlinks{ padding-left:10px;}
.rlinks .title { padding-bottom:10px}
.rlinks .rls  img{ float:none;vertical-align:middle; }

div#rightcontent .int_banner { width:720px; text-align:center; margin-bottom:10px; height:290px; overflow:hidden;}


/* Investor Relations*/
#content .investor .ldes .ann_content{ float:left; width:460px; clear:both; overflow:hidden; padding-left:15px; padding-top:3px;}
#content .investor .ldes .ann_content p{ background:none; float:none; padding-left:0; padding-bottom:5px; line-height:1.4em;}
#content .investor .ldes .ann_content ul{ padding-bottom:5px; padding-left:17px}
#content .investor .ldes .ann_content ul li{ list-style:square;}
#content .investor .ldes .ann_content ol{ padding-bottom:5px; padding-left:25px}
#content .investor .ldes .ann_content ol li{ list-style:decimal}
#content #rightcontent h1.section3 .left_con{ float:left; width:13px; height:39px;background:url(../images/title_left.jpg) left top no-repeat;}
#content #rightcontent h1.section3 .right_con{ float:right; width:11px; height:39px;background:url(../images/title_right.jpg) right top no-repeat;}


/* media_index*/
#content .media_index .lrcon  {background:url(../images/leftrcon_4.jpg) top no-repeat; margin-bottom:10px; clear:both;}
#content .media_index .lrcon h2{ color:#FF8000; background:none; padding-left:0;height:20px;padding-bottom:10px;}
#content .media_index .lrcon h2.press{ background:url(../images/press_icon.jpg) left top no-repeat; height:24px; padding-left:47px; }
#content .media_index .lrcon h2.pres{  background:url(../images/pres2.jpg) left top no-repeat; height:24px; padding-left:47px; }

#content .media_index .right { margin-top:10px;}
#content .media_index .right a {background:url(../images/arr4.jpg) left center no-repeat;}
#content .media_index a:hover { color:#FF8000; text-decoration:none;}
#content .media_index .date { color:#FF8000; margin-right:10px;}
#content .media_index .ldes { float:left; width:600px;}
#content .media_index .ldes1 { float:left; width:375px;}
#content .media_index .ldes2 { float:left; width:375px;}
#content .media_index .ldes p{background:url(../images/arr4.jpg) left 5px no-repeat;}
#content .media_index .ldes1 p{background:url(../images/arr4.jpg) left 5px no-repeat;}
#content .media_index .ldes2 p{background:url(../images/arr4.jpg) left 5px no-repeat; clear:both;}
#content .media_index .etitle {background:url(../images/etitle_4.jpg) left 1px repeat-x; float:none;}
#content .media_index .ebox  { float:none;}
#content .media_index .gallery { margin-bottom:15px}
#content .media_index .gallery .ebox ul { padding-left:18px; margin-top:5px;}
#content .media_index .gallery .ebox ul li{ list-style-type:square; color:#CC6600}
#content .media_index .gallery .ebox ul li a:hover { color:#FF8000;}
#content .media_index .registration p{ line-height:1.4em; font-size:0.9em;}
#content .media_index .registration .icon{ float:left; height:100px; padding-right:5px; margin-right:5px; border-right:1px dotted #ccc;}
#content .media_index .registration .enter { padding-top:5px; font-size:0.9em;}
#content .media_index .registration .enter a{  color:#FF8000;}
#content .media_index .registration .enter a:hover{ text-decoration:underline;}
#rightcontent .content_text .inlinks ul { padding:0}
#rightcontent .content_text .inlinks li{ list-style:none;}
#rightcontent .content_text .inlinks a:hover{ color:#06b127}


/* Media Relations*/
#rightcontent h1.section4{float:left;width:738px;height:39px;background:url(../images/title_4.jpg) repeat-x;font-size:20px;color:#fff;font-weight:normal;text-transform:uppercase;}
#rightcontent h1.section4 .left_con{ float:left; width:13px; height:39px;background:url(../images/title_left4.jpg) left top no-repeat;}
#rightcontent h1.section4 .right_con{ float:right; width:11px; height:39px;background:url(../images/title_right4.jpg) right top no-repeat;}
#rightcontent h1.section1{float:left;width:738px;height:39px;background:url(../images/title_1.jpg) repeat-x;font-size:19px;color:#fff;font-weight:normal;text-transform:none;line-height:1.2em;}
#rightcontent h1.section1 .left_con{ float:left; width:13px; height:39px;background:url(../images/title_left1.jpg) left top no-repeat;}
#rightcontent h1.section1 .right_con{ float:right; width:11px; height:39px;background:url(../images/title_right1.jpg) right top no-repeat;}



/* ========================================== */

/* error_page */
div#container { background:none; vertical-align: baseline; }
div.error_page div.container_body { text-align:center; }
div.error_page div#main_content { padding-bottom:5px;}
div.error_page div#header { float:none; margin:auto; text-align:center; padding:25px; }
div.error_page div#footer { float:none; margin:auto; text-align:center; padding:25px; }
div.error_page p.title { color:#454545; font-size:1.5em; padding:75px 0 25px 0; }
div.error_page p.normal { color:#222; font-size: 0.95em; padding-bottom:20px; }
div.error_page ul li { padding-bottom:10px; }
div.error_page a { color:#0088B3; font-size:0.95em; text-decoration:underline; }
div.error_page p.error_code { color:#777; font-size:0.8em; padding:70px 0 10px 0;}


/* site map */
#content .sitemap_list { float:left;margin:10px 5px;width:200px;}
#content .sitemap_list a{ text-decoration:none; color:#555}
#content .sitemap_list a:hover{ text-decoration:none;}
#content .sitemap_list li{ line-height:1.2em;}
#content .sitemap_list .head_r {
color:#555;
font-size:17px;
font-weight:bold;
padding-left:8px;
padding-top:6px;
height:26px;
margin-bottom:8px;}
#content .sitemap_list ul.level1 { padding-bottom:10px; font-size:13px;}
#content .sitemap_list ul.level1 li{ margin:5px 0 8px 1px;}
#content .sitemap_list ul.level1 li a{ padding-left:23px;}
#content .sitemap_list ul.level1 ul.level2 { padding-left:23px; margin-bottom:10px; margin-top:5px;}
#content .sitemap_list ul.level1 ul.level2 a{ padding-left:10px;}

#content #sitemap-about-us .head_r {border-left:solid 12px #B8DF48;}
#content #sitemap-business .head_r {border-left:solid 12px #FDF72B;}
#content #sitemap-investor .head_r {border-left:solid 12px #29D1FF;}
#content #sitemap-media .head_r {border-left:solid 12px #FF8E37;}

#content #sitemap-about-us ul.level1 li a{background:url(../images/arr1.jpg) 0 3px no-repeat;}
#content #sitemap-business ul.level1 li a{background:url(../images/arr2.jpg) 0 3px no-repeat;}
#content #sitemap-investor ul.level1 li a{background:url(../images/arr3.jpg) 0 3px no-repeat;}
#content #sitemap-media ul.level1 li a{background:url(../images/arr4.jpg) 0 3px no-repeat;}

#content #sitemap-about-us ul.level1 li ul.level2 a{background:url(../images/ularrow1.jpg) left no-repeat;}
#content #sitemap-business ul.level1 li ul.level2 a{background:url(../images/ularrow2.jpg) left no-repeat;}
#content #sitemap-investor ul.level1 li ul.level2 a{background:url(../images/ularrow3.jpg) left no-repeat;}
#content #sitemap-media ul.level1 li ul.level2 a{background:url(../images/ularrow4.jpg) left no-repeat;}

#content #sitemap-about-us ul.level1 li a:hover { color:#B8DF48;}
#content #sitemap-business ul.level1 li a:hover { color:#FDF72B;}
#content #sitemap-investor ul.level1 li a:hover { color:#29D1FF;}
#content #sitemap-media ul.level1 li a:hover{ color:#FF8E37;}

#content .sitemap_left { float:left; width:430px;overflow:hidden;margin-left:35px;}
#content .sitemap_right{ float:right; width:430px; padding-right:10px;overflow:hidden;}

/* Investor Relations */
#content .investor a:hover{ color:#11ACD6; text-decoration:none;}


/* Photo Gallery */
#content .gallery .lrcon { margin-top:15px;}
#content .gallery .album { width:480px; float:left; clear:both; margin-top:5px;}
#content .gallery .album ul li{ height:auto;width:150px;float:left; overflow:hidden; background-color:#fff; margin-bottom:8px; margin-right:5px;height:100px;}
#content .gallery .album ul li .photo{ text-align:center; overflow:hidden;}
#content .gallery .album ul li .photo img{ padding:4px; border:1px solid #CCCCCC;background-color:#f1f1f1;}
#content .gallery .album ul li .caption { display:none;padding:9px 13px; height:80px; overflow:hidden; font-size:0.85em; line-height:1.3em;}
#content .gallery .album ul li .caption p{ height:58px; overflow:hidden; margin-bottom:5px}
#content .gallery .album ul li .caption .download { text-align:right; }

#content .gallery #rightrcon { width:205px;}

#content .media_index .etitle {background:url(../images/etitle_4.jpg) left 1px repeat-x; float:none;}
#content .media_index .ebox  { float:none;}
#content .media_index .gallery { margin-bottom:15px}
#content .gallery #rightrcon .gallery_btn { width:202px;}
#content .gallery #rightrcon .gallery_btn h3 { padding:8px 0 5px 10px; background:url(../images/etitle_4.jpg) left 1px repeat-x; color:#fff; }
#content .gallery #rightrcon .gallery_btn ul { border:1px solid #E1E1E1; padding:10px; padding-left:28px;}
#content .gallery #rightrcon .gallery_btn ul li{ list-style-type:square; color:#CC6600; line-height:1.6em;}
#content .gallery #rightrcon .gallery_btn ul li a{ color:#777;}
#content .gallery #rightrcon .gallery_btn ul li a:hover{color:#CC6600;}
#content .gallery #rightrcon .gallery_btn ul li a.active{color:#CC6600; font-weight:bold;}

/* Media Contact */
#content .media_index table.media_contact th { padding:10px 0; text-align:left;}
#content .media_index table.media_contact td { padding:5px 0;}
#content .media_index table.media_contact td.label { padding-right:15px;}
#content .media_index table.media_contact td.field input { width:200px;}
#content .media_index table.media_contact td.field select { width:205px;}
#content .media_index table.media_contact td.field textarea { width:320px; font-family:"Arial"; font-size:13px;}
#content .media_index table.media_contact td.field input[type="checkbox"] { width:auto;}
#content .media_index table.media_contact .err { font-size:0.9em; color:#F22; padding-left:5px;}

/* ========================================== */

#footer .price{float:right;margin-right:20px; width:227px; height:38px;margin-top:10px;  background:url(../images/price-bg.jpg) left top no-repeat; padding-left:13px; padding-top:4px; font-size:10px; line-height:12px}
#footer .price .top span{ margin-right:8px; }
#footer .price .money{ color:#090; margin-top:3px; font-weight:bold;}
#footer .price .money span{ margin-right:5px; color:#111; }

/* pagination */
#content .pagination{ text-align:center;}
#content .pagination ul { padding-bottom:4px;}
#content .pagination ul li{ display:inline}
#content .pagination ul li a{ padding:0 2px;}
#content .pagination ul li.current a{ color:#11ACD6; font-weight:bold;}

#content .media_index .pagination ul li.current a{ color:#FF8000; }


/* ========================================== */
/* Rich content CSS */
#content .rich_text a { color:#ed6a8c; text-decoration:underline; }
#content .rich_text a:hover { color:#ed6a8c; text-decoration:none; }
#content .rich_text h1 { font-size:1.4em; color:#937910; padding:0px 8px; margin:15px 2px; border-left:6px solid #937910; background:none; height:auto; width:auto; float:none; text-transform:none; }
#content .rich_text h2  {font-size:17px; padding:15px 0 5px 0}
#content .rich_text h3 { font-size:1.3em; color:#cb335b; padding:15px 0 5px 0; font-weight:normal;}
#content .rich_text h4 { font-size:1em; color:#111; padding:8px 0 5px 0}
#content .rich_text h5 { padding:5px 0}
#content .rich_text h6 { padding:5px 0}
#content .rich_text p {font-size:13px;line-height:2.1em;margin-top:5px; padding-bottom:12px;}
#content .rich_text ul {padding:10px 0;margin:0;}
#content .rich_text ul ul{padding:0 0 5px 10px;margin:0;}
#content .rich_text ul li {list-style:none;background: url(../images/arr1.jpg) no-repeat scroll left 8px transparent; margin:5px 0; padding:0 0 0 15px ;}
#content .rich_text ul li li{list-style:none;background: url(../images/bullet_point2.gif) left 5px no-repeat; margin:5px 0; padding:0 0 0 13px ;}
#content .rich_text ol { padding:5px 0 10px 26px; margin:0; list-style:decimal; }
#content .rich_text ol ol{ padding:0 0 5px 25px; }
#content .rich_text ol li { margin:5px 0; padding:0;  list-style-type: decimal;}
#content .rich_text ol li ol li {margin:5px  0; padding:0;  list-style-type: decimal; }
#content .rich_text ul ol li{ list-style-type: decimal; padding:0; margin:5px 0; background:none; }

#content .rich_text table {  border:1px solid #fff; margin:10px 0; }/* can change border color */
#content .rich_text table tr th{ padding:10px 8px; background-color:#e5e5e5; color:#222; text-align:left;   border:1px solid #fff; }
#content .rich_text table tr td{ padding:5px 8px;  background-color:#f7f7f7; border:1px solid #fff; }

#content .rich_text table p,
#content .rich_text table ul,
#content .rich_text table ol,
#content .rich_text table li,
#content .rich_text table h3,
#content .rich_text table h4 { padding-top:0; margin-top:0}




/* ========================================== *//* ========================================== */
/* Layout 1 */
#content #rightcontent .layout_1 .rich_text table.committees th { color:#fff; border:none;}
#content #rightcontent .layout_1 .rich_text table.committees th a{ color:#fff;}
#content #rightcontent .layout_1 .rich_text table p { text-align:justify;}
/* Layout 2 */
#content #rightcontent  .layout_2 p { text-align:justify;}
/* Layout 3 */
#content #bothcontent .layout_3 { width:950px; overflow:hidden; margin:0 auto;}
#content h1.section{float:left;width:951px;height:39px;background:url(../images/title_1.jpg) repeat-x;font-size:20px;color:#fff;font-weight:normal;text-transform:uppercase;}
#content h1.section .left_con{ float:left; width:13px; height:39px;background:url(../images/title_left1.jpg) left top no-repeat;}
#content h1.section .right_con{ float:right; width:11px; height:39px;background:url(../images/title_right1.jpg) right top no-repeat;}
#content #bothcontent .layout_3 .rcon { width:910px; background:url(../images/rightcon_back2.jpg) repeat-y;}



/* Contact Us */
#content #rightcontent .rich_text .contact_us table { width:680px; margin-top:0; margin-bottom:15px;}
#content #rightcontent .rich_text .contact_us table th{ background-color:#90ad3c; color:#fff;}
#content #rightcontent .rich_text .contact_us table td { background-color:#f2f7e4}
#content #rightcontent .rich_text .contact_us table td.col_1{ width:100px ; text-align:center; font-weight:bold;}
#content #rightcontent .rich_text .contact_us table td.title {background-color:#cedca7; color:#566726; padding:7px 8px; font-weight:bold; border-top:5px solid #fff; }


/* about_tom */
#content .about_tom .date{ color:#87AC1B;margin-right:10px;}
#content .about_tom .ldes { float:left; width:600px;}
#content .about_tom .ldes p{background:url(../images/arr1.jpg) left 5px no-repeat;}
#content .about_tom .job_date {color:#87AC1B;margin-right:10px; font-weight:bold;}
#content .rich_text .board table td a{ color:#333}
#content .rich_text .board table td a:hover{ color:#90AD3C; }




/* head logo */
#header .main_banner {
height:360px;
margin:0 auto;
overflow:hidden;
width:970px;}
#inheader #bottomheader .logo { border-right:1px solid #ADCD3E;height:70px;margin-top:15px;position:absolute;width:117px;z-index:90;}
#inheader #bottomheader .logo a{background:url("../images/tom_logo.jpg") no-repeat scroll left top transparent;display:inline-block;height:70px;width:110px;}
#inheader #bottomheader .top_banner{ position:relative; z-index:10; text-align:right; margin-top:7px; }
#inheader #bottomheader .top_banner img{margin-top:8px;}

/* index
.index_left_line {background:url(../images/body_right.jpg) repeat-x left top; width:65%; position:absolute; top:0; right:0; height:524px; z-index:-1;margin-top:-85px;}
.index_right_line {background:url(../images/body_left.jpg) repeat-x left top; width:35%; position:absolute; top:0; left:0; height:524px; z-index:-1;margin-top:-85px;}
*/

/* index */
.index_left_line {
background:url("../images/inright1.jpg") repeat-x scroll left top transparent;
height:232px;
position:absolute;
right:0;
width:60%;
z-index:-1;}
.index_right_line {
background:url("../images/inleft1.jpg") repeat-x scroll left top transparent;
height:232px;
left:0;
position:absolute;
width:40%;
z-index:-1;}

/* media relation */

#content .media_index .date{
width:100%;
}
#content .media_index .inrcon .ldes2{width:100%;}

#rightcontent .presentationdetail .media_index .title{
background:none repeat scroll 0 0 transparent;
color:#555;
float:none;
font-size:1.4em;
height:auto;
margin:5px 0;
text-transform:none;
width:auto;
}

/* sitemap */
#sitemap-about-us{}

div#ipad_banner{
display:none;
background:url("../images/ipad-banner-bg.jpg") no-repeat 30px transparent;
width:100%;
height:300px;
}

#ipad_banner img {
padding-top:38px;
padding-left:200px;
}

#content .ltext_bottom > a{color:#999;}
#content .ltext_top > a{color:#2D3737;}

#discl {
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 7px;
    border: 2px solid #73AD21;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #555555;
}
#discl h3, #discl h4 { text-align: center; font-size: 12px;}
#discl p { line-height:1.3em; font-size:10px; }
.disc-box {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-top: 28px;
}
.disc-box__item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;  
  border-right: 1px solid #ccc;
}
.disc-box__item:last-child {
  border-right: 0;
}