@charset "utf-8";

*{margin:0; font-family:Arial, Helvetica, sans-serif; vertical-align:top; text-align:left}
html{background:url(../../image/en/common/bk_main.jpg) repeat-x top #f5f5f7; }
body{color:#666; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#wrapper{position:relative; width:954px; margin:auto;}
p{line-height:20px; margin:0 0 20px 0}
img{/*behavior:url("../css/iepngfix.htc");*/ border:none; margin:0; padding:0}
h2{ color:#000;}
ul{list-style:url(../../image/en/common/li_dot.gif); margin:0 0 0 20px; padding:0}
ul li{margin:5px 0}
.clearboth{clear:both}
a{color:#AF7E36;text-decoration:none}
a:hover, a:focus{color: #AF7E36; text-decoration:underline}

/*TOP NAV*/
#plu014topnav{height:131px; width:954px; position:relative; background:url(../../image/en/common/bk_topnav.jpg) no-repeat; z-index:100}

/*BREADCRUMB*/
#breadcrumb{height:30px}
#breadcrumb a{color:#666; text-decoration:none}
#breadcrumb a:hover, #breadcrumb a:focus{color:#333;}

/*LEFT MENU*/
#left_menu{width: 170px; float:left;}
#left_menu h2{margin:0 0 20px 0}
#left_menu a{width:170px; height:23px; overflow:hidden; display:inline-block; background-position:0 0; background-repeat:no-repeat}
#left_menu a:hover, #left_menu a:focus{background-position:0 -23px}

/*FOOTER*/
#plu014footer{background:#fff; height:60px; margin:30px 0 0 0; padding:0; -webkit-text-size-adjust:none; font-size:11px}
#footerholder{width:954px; margin:auto; padding:10px 0 0 0}
#footerholder a{color:#666; text-decoration:none}
#footerholder a:hover{color:#333}

/*MAIN MENU*/
#mainmenu{height:37px; width:504px; position:absolute; top:93px; left:450px; z-index:3}
.menutab{width:126px; height:37px; position:relative; display:inline-block; float:left}
.menutitle{width:126px; height:37px; overflow:hidden; display:inline-block; background-repeat:no-repeat; background-position:0 0}
.menutitle:hover, .menutitle:focus{background-position:0 -37px}
.submenuup{background-position:0 -37px}
.submenu{position:absolute; left:0; top:37px; display:none}
.submenutitle{display:inline-block; height:25px; width:125px; margin:0 0 0 1px;}
.submenutitle:hover, .submenutitle:focus{background-position:0 -25px}
.submenutitle2{display:inline-block; height:36px; width:125px; margin:0 0 0 1px;}
.submenutitle2:hover, .submenutitle2:focus{background-position:0 -36px}

/*GLOBAL MENU*/
#global{padding:0 6px; width:190px; height:28px; background:#fff; overflow:hidden; position:absolute; top:0; left:754px; text-align:right}
#lang_en, #lang_tc, #lang_sc{color:#8f3543; text-decoration:none; display:inline-block; padding:0 4px 0 4px; font-size:12px;}
#lang_en:hover, #lang_tc:hover, #lang_sc:hover{color:#361616;}

#share{margin:0 0 0 10px; display:inline-block}
#share a{background-image:url(../../image/en/common/global_share.jpg); width:22px; height:28px; display:inline-block;}
#share_facebook{background-position:0 0}
#share_facebook:hover{background-position:0 -28px}
#share_twitter{background-position:-22px 0}
#share_twitter:hover{background-position:-22px -28px}
#share_email{background-position:-44px 0}
#share_email:hover{background-position:-44px -28px}
#btn_fontminus{background-position:-66px 0}
#btn_fontminus:hover{background-position:-66px -28px}
#btn_fontplus{background-position:-88px 0}
#btn_fontplus:hover{background-position:-88px -28px}

/*HOME GALLERY*/
#homeGallery{width:954px; height:288px; position:relative; overflow:hidden}
#homeGalleryMover{position:absolute; width:12000px;}
.homeGalleryTab{position:relative; float:left}
.homeGalleryTab .slogan{position:absolute; z-index:2; left:0px; top:90px}

#left_right_holder{position:absolute; bottom:10px; right:10px;}
#homegoRight, #homegoLeft{cursor:pointer}

#hometabs{margin:6px 0 0 0}

#hometab1{width:307px; float:left; overflow:hidden; height:420px; margin:0 17px 0 0;}
#hometab2{width:307px; float:left; overflow:hidden; height:420px; margin:0 16px 0 0; background:#fff}
#hometab3{width:307px; float:left; overflow:hidden; height:420px; background:#fff}

.milenewstabholder{padding:8px 8px 0 8px; height:80px;}
.milenewstab{padding:8px 8px 0 8px; height:80px; background:#fff}
.milenewstab .pic{width:102px; height:67px; overflow:hidden; float:left; margin:0 10px 0 0;}
.milenewstab .pic img{width:102px;}
.milenewstab #home_milestones{/*width:170px; float:left;*/ -webkit-text-size-adjust:none; font-size:11px;}
.milenewstab #home_milestones .myear{color:#b40411; font-size:12px; font-weight:bold;}

.moreholder{padding:0 8px 0px 8px; text-align:right; clear:both; position:relative; z-index:10}

.eventstab{padding:8px 8px 0 8px;}
.eventstab .pic{width:76px; height:51px; overflow:hidden; float:left; margin:0 10px 0 0; border:1px #d4d4d3 solid}
.eventstab div{ /*width:190px; float:left;*/ -webkit-text-size-adjust:none; font-size:11px}
.eventstab div h4{color:#b40411; font-size:12px}

#video{margin:10px 0 10px 9px}

/* PRESIDENT */
/*#inside_banner{border:1px orange dashed; height:133px;}*/
#bg_color{background-color:#FFF; width: 954px; padding:0 0 120px 0; position:relative; min-height:400px;}
#inside_content{width:784px; float:right;}
#content_text{padding:10px 30px;}
#content_text2{width:480px; padding:10px 30px; float:left}
.sub_menu{text-align:right; padding:8px 0px 0px 0px;}
.highlight{color:#b40411}
.content{width: 300px; padding:20px 8px 0 0px; color: #3b3b3b}
#photo{width:150px; height: 200px; float: left; /*padding:20px 20px 20px 60px;*/}
.sign{float:right; text-align:center; padding:0 0px 0 0;}

/*Congr_msg*/
.finalholder{height:380px}
.mybiglistholder{position:relative; overflow:hidden; width:720px; height:330px;}


.messagelist{list-style:decimal; position:absolute; width:720px; top:0; left:10px; margin:0; padding:0 0 0 30px;}
.messagelist li{color:#AF7E36; border-bottom:1px solid #e1e1e2; padding:0px 10px 10px 10px; margin:5px 0}

/*.mylist{list-style:decimal; position:absolute; width:720px; top:0; left:10px}
.mylist li{color:#AF7E36; border-bottom:1px solid #e1e1e2; padding:0px 10px 10px 10px; display:list-item; position:absolute; width:700px;}*/
#mylist1 a{color:#AF7E36;text-decoration:none}
#mylist1 a:hover{color: #AF7E36; text-decoration:underline}
.mylistholder{height:350px; border:1px #fff solid}

/*EVENT RECAP*/
.eventpage{ border-top:1px #eee solid;}
.eventtab{border-top:1px #eee solid; width:700px; position:relative; padding:10px; overflow:hidden; }
.eventtab p{margin:0}
.calendartab{padding:10px 10px 40px 10px;}
.eventtab h2{position:relative; font-size:30px; color:#666; width:38px; height:auto; overflow:hidden;}
.eventtab h3{position:relative; font-size:16px; color:#666; width:38px; height:auto; overflow:hidden; white-space:nowrap}
.eventtab h4{position:relative; font-size:12px; color:#666; width:38px; height:auto; overflow:hidden}
.eventdesp{padding:0 0 0 100px; width:350px; float:left; overflow:hidden; /*height:95px;*/}
.eventtab h5{font-size:12px; color:#c17f2d; padding:0 0 5px 0;}
.eventpic{width:173px; height:133px; overflow:hidden; left:520px; top:10px; float:right;}

.eventinfo{width:173px; overflow:hidden; left:520px; top:10px; float:right;}
.eventtab a{color:#bf7d28; text-decoration:none}
.eventtab a:hover, .eventtab a:focus{color:#7d5015}
.details{position:absolute; /*top:75px;*/ bottom:10px; left:460px; cursor:pointer;}

/*WHATS NEW*/
.newspic{width:173px; height:133px; overflow:hidden; left:520px; top:10px; float:left}
.newsdesp{padding:0 0 0 30px; width:450px; float:left;}
.newsdetails{position:absolute; top:130px; left:670px;}
.newsdesp .newsdate{color:#000}

#newsdetail h2{font-size:12px; color:#af7e36; margin:0 0 10px 0}
#newsdetail h3{font-size:12px; color:#3b3b3b; margin:0 0 10px 0}

.whatsnewpic{float:right; margin:0 0 20px 20px}

/*MILESTONES*/
#milestones{width:880px; height:426px; border:1px #cecece solid; margin:30px auto; background:url(../../image/en/milestones/bk_milestones.jpg) repeat-x; overflow:hidden}
#yearholder{position:relative; height:79px; border-bottom:1px #cecece solid; overflow:hidden; background:url(../../image/en/milestones/bk_year.jpg) repeat-x}
#yearmover{position:absolute; left:0; top:0; width:6000px;}
#yearmover div{float:left; cursor:pointer}

#mileLeft, #mileRight{cursor:pointer; position:absolute; top:100px}
#mileLeft{left:5px;}
#mileRight{right:5px}

#mileGoLeft, #mileGoRight{cursor:pointer; position:absolute; top:320px}
#mileGoLeft{left:5px;}
#mileGoRight{right:5px;}

#cursor{position:absolute; top:108px; left:23px; z-index:3}

#recordholder{position:relative; overflow:hidden; width:880px; height:400px;}
#recordmover{position:absolute; left:0; top:0; width:10000px;}


.milerecord{float:left; position:relative; margin:30px 0 0 30px; width:140px; height:200px;}
.milerecord h2{position:absolute; left:0; top:0; font-size:40px; font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif; color:#666666; font-weight:normal}
.milepic{width:191px; overflow:hidden; position:absolute; top:60px; left:20px;}
.milepic img{border-color:#fff; border-style:solid; border-width:7px; border-bottom-width:20px}
.red{background:#b40411; color:#fff; padding:15px 15px 25px 15px; width:200px; height:138px; position:absolute; left:170px; top:100px; z-index:10; overflow:auto; display:none}

#msg_page_no{float:right; padding: 110px 0 0 180px; border:2px solid #00c}
.numbering{padding:00px 00px 10px 10px}
.white{color:#FFF}
.redbox{background-color:#b40411; padding:5px 5px 5px 5px}

/*Gallery*/
#photo{width:100px; height: 100px}
#identity_text{width:700px; float:left; padding:20px 30px;}
.signature{float: right; text-align:center; padding:0 220px 0 0;}
.logo{float: left; text-align:center; padding:0 0px 0 110px;}

/*Shop*/
#shop{width: 150px; float:left; text-align:center; padding:0  80px 20px 0;}
#shop_text{width: 100px; float:left; padding: 110px 20px 0 0;}
.color{color:#AF7E36}
.highlight2{color:#b40411; font-weight: 600; font-size:16px}
.border{border-bottom:5px solid #262525}
.bold{font-weight:bold}
.righttab{padding:0px 0 5px 72px}
.righttab2{padding:5px 0 0 28px}
#shop_content{width: 730px; float:left; border-top:2px solid #e1e1e2;padding:0px 0px 10px 0px}
.page_no{padding:10px 0 0 0; text-align:right; width:100%}
.page_no span{padding:5px; margin:5px; color:#666; cursor:pointer}
.page_no .redbox{background-color:#b40411; color:#FFF}

/*BEST WISHES*/
.bestwishestab{padding:0px 0 50px 0; border-bottom:1px #7e7e7e solid; position:relative; margin:0 0 10px 0}
.bestwishestab h4{color:#000; padding:0 0 4px 0; font-size:12px;}
.bestwishestab .info{float:right; margin:0 0 0 20px;}
.bestwishestab .info div{text-align:right; margin:0 0 4px 0}

#makeawish_form{margin:10px 0 0 0;}
#makeawish_form td{padding:4px 10px}
#makeawish_form label{margin:0 10px 0 0}
#makeawish_form #name, #makeawish_form textarea{font-size:12px; color:#666}

.button{height:22px; width:61px; overflow:hidden; display:inline-block}
.button:hover, .button:focus{background-position:0 -22px}

#btn_makeawish{cursor:pointer}

/*SITEMAP*/
#sitemap div{width:200px; height:140px; float:left; padding:0 0 30px 0}
#sitemap{width:800px; overflow:hidden; height:140px; padding:40px; background:#fff}
#sitemap h2{margin:0 0 10px 0}

#sitemap li a{color:#666; text-decoration:none}
#sitemap li a:focus, #sitemap li a:hover{color:#000}


/*EVENT CAP GALLERY*/
#galleryengine{width:490px; position:relative; margin:auto;}
#gallerymainpic{width:490px; height:375px; position:relative; overflow:hidden;}
#gallerymainpic img{position:absolute; left:0; top:0;}
#thumbholder{width:490px; position:relative; height:73px; margin: 20px 0 0 0; overflow:hidden}
#thumbmover{position:absolute; left:0; top:0; width:5000px;}
#thumbmover div{margin:0 5px 0 0; width:94px; height:73px; overflow:hidden; float:left; cursor:pointer; position:relative}

#goRight{position:absolute; top:395px; right:-25px;}
#goLeft{position:absolute; top:395px; left:-25px;}

.back{text-align:right; padding:30px 0 0 0}

/*add by quan page*/
/*Pagination*/
.pagination { position:absolute; margin-top:-170px; margin-left:150px; width:100px; z-index:9999; width:990px}
.pagination li {float:left;margin:0 1px;list-style:none;}
.pagination li a {display:block;width:16px;height:0;padding-top:16px;background-image:url(../../image/en/home/img/pagination.png);background-position:0 0;float:left;overflow:hidden; margin-right:22px}
.pagination li.current a {background-position:0 -16px;}
/* Path Links CSS */
#page_nav .space_l{margin-right: 30px ;}
#page_nav .space_r{margin-left: 30px ;}
#page_nav{margin: 10px auto 0 auto; ;height: 20px ;padding: 10px 0 20px 0 ;}
#page_nav ul{margin:auto; text-align: center;}
#page_nav li{list-style-type: none ;font-family:Arial, Helvetica, sans-serif;color:#f6811f;font-size:12px;display:inline; margin:5px;}
#page_nav li a:link {text-decoration: none;color: #999999;}
#page_nav li a:visited {text-decoration: none;color: #999999;}
#page_nav li a:hover {text-decoration:underline ;color:#666666;}
#page_nav li a:active {text-decoration: none; outline: none;}


.full-frame{border:4px red solid}


/*RINGTONE COMPETITIOn*/
.h4{color:#AF7E36; }
.TOP{color:#AF7E36;text-align:right; padding: 0px 0px 0px 0px }
.join{float: right }

.warning{
	color:red;
	font-size:13px;
	height:20px;
	line-height:20px;
	font-weight:bold;
	margin:20px 0 20px 0;
}

.success{
	color:#000000;
	font-size:13px;
	height:20px;
	line-height:20px;
	font-weight:bold;
	margin:20px 0 20px 0;
}

/*MEMORABLE SOUVENIRS*/
memorablesouvenirs th{font-weight:bold; color:#AF7E36; text-align:left;}
memorablesouvenirs td{text-align:center;}